variant-selects{display:block}variant-selects input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+label{cursor:pointer}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:0px;width:0px;opacity:0;visibility:hidden}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{visibility:hidden}.product-form__input--dropdown{--swatch-input--size: 2rem;margin-bottom:1.6rem}.product-form__input--dropdown .dropdown-swatch{position:absolute;inset-inline-start:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.product-form__input--dropdown .dropdown-swatch+select{padding-inline-start:calc(2.4rem + var(--swatch-input--size))}.product-form__input--button{--variant-pills-border-width: 1px}.product-form__input--button input[type=radio]+label{display:inline-flex;align-items:center;justify-content:center;text-align:center;position:relative;cursor:pointer;margin:0;padding:0 2.4rem;min-height:var(--buttons-height);min-width:var(--buttons-height);transition:all var(--duration-default) ease;color:rgb(var(--color-variant-picker-unselected-text));background-color:rgb(var(--color-variant-picker-unselected-background));border:var(--variant-pills-border-width) solid rgb(var(--color-foreground));border-radius:var(--variant-pills-radius, var(--buttons-radius))}.product-form__input--button input[type=radio]+label:hover{background-color:rgb(var(--color-variant-picker-selected-background));color:rgb(var(--color-variant-picker-selected-text))}.product-form__input--button input[type=radio]:checked+label{background-color:rgb(var(--color-variant-picker-selected-background));color:rgb(var(--color-variant-picker-selected-text))}.product-form__input--button input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input--button input[type=radio]:disabled+label,.product-form__input--button input[type=radio].disabled+label{border-color:var(--color-foreground-lighten-19);color:var(--color-foreground-lighten-19)}.product-form__input--button input[type=radio]:disabled+label:before,.product-form__input--button input[type=radio].disabled+label:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom left,transparent calc(50% - var(--variant-pills-border-width)),var(--color-foreground-lighten-19) 50%,transparent calc(50% + var(--variant-pills-border-width))) no-repeat;border-radius:inherit;z-index:1}.product-form__input--button input[type=radio]:disabled+label:hover,.product-form__input--button input[type=radio].disabled+label:hover{color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:disabled:checked+label,.product-form__input--button input[type=radio].disabled.checked+label{color:rgba(var(--color-variant-picker-selected-text),.5)}.product-form__input--button input[type=radio]:disabled:checked+label:before,.product-form__input--button input[type=radio].disabled.checked+label:before{background:linear-gradient(to bottom left,transparent calc(50% - var(--variant-pills-border-width)),rgba(var(--color-variant-picker-selected-text),.5) 50%,transparent calc(50% + var(--variant-pills-border-width))) no-repeat}.product-form__input--button input[type=radio]:focus-visible+label,.product-form__input--button input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--button-square{--swatch-radius: 0}.product-form__input--button-square input[type=radio]+label,.product-form__input--button-square input[type=radio]+label>.swatch-color{border-radius:0}.product-form__input--button-square input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch],[data-swatch-type=text]){padding:0 .8rem}.product-form__input--button-circle{--swatch-radius: 9999px}.product-form__input--button-circle input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch]){border-radius:calc(var(--buttons-height) / 2)}.product-form__input--button-circle input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch],[data-swatch-type=text]){padding:0 2.4rem}.product-form__input--button-standard{--swatch-radius: var(--small-blocks-radius);--variant-pills-radius: var(--small-blocks-radius)}.product-form__input--color .swatch-color,.product-form__input--swatch .swatch-color{--swatch-radius: 4px;background:var(--swatch-background);background-position:var(--swatch-focal-point, 50%);background-size:cover;min-width:calc(var(--swatch-size) - .2rem);min-height:calc(var(--swatch-size) - .2rem);border-radius:var(--swatch-radius);position:relative}.product-form__input--color .swatch-color:before,.product-form__input--color .swatch-color:after,.product-form__input--swatch .swatch-color:before,.product-form__input--swatch .swatch-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:all var(--duration-default)}.product-form__input--color .swatch-color:before,.product-form__input--swatch .swatch-color:before{opacity:0;box-shadow:0 0 0 4px rgb(var(--color-background)),0 0 0 5px var(--active-shadow-color);border-radius:4px}.product-form__input--color .swatch-color:after,.product-form__input--swatch .swatch-color:after{box-shadow:0 0 0 .1rem rgb(var(--color-border))}.product-form__input--color input[type=radio]:checked+label .swatch-color,.product-form__input--swatch input[type=radio]:checked+label .swatch-color{--active-shadow-color: rgb(var(--color-foreground))}.product-form__input--color input[type=radio]:checked+label .swatch-color:before,.product-form__input--swatch input[type=radio]:checked+label .swatch-color:before{opacity:1}.product-form__input--color input[type=radio]:is(.disabled)+label,.product-form__input--swatch input[type=radio]:is(.disabled)+label{opacity:1}.product-form__input--color input[type=radio]:is(.disabled)+label .swatch-color,.product-form__input--swatch input[type=radio]:is(.disabled)+label .swatch-color{opacity:.5}.product-form__input--color input[type=radio]:is(.disabled)+label .swatch-color:before,.product-form__input--swatch input[type=radio]:is(.disabled)+label .swatch-color:before{background:linear-gradient(to bottom left,transparent calc(50% - .5px),var(--color-foreground-lighten-19) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));opacity:1;box-shadow:none}.product-form__input--color input[type=radio]:is(.disabled):checked+label .swatch-color:before,.product-form__input--swatch input[type=radio]:is(.disabled):checked+label .swatch-color:before{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;box-shadow:0 0 0 .1rem var(--color-foreground-lighten-19)}.product-form__input--swatch{display:flex;flex-wrap:wrap}@media screen and (forced-colors: active){.product-form__input--button input[type=radio]:checked+label{text-decoration:underline}.product-form__input--button input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.product-form__input.c-color{display:flex;gap:12px}.c-fabric-type.product-form__input--button input[type=radio]+label,.c-fabric.product-form__input--button input[type=radio]+label{background:rgb(var(--color-variant-picker-unselected-background));color:rgb(var(--color-variant-picker-unselected-text));font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:normal;border:0;padding:0 14px;height:32px;min-height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}.c-fabric-type.product-form__input--button input[type=radio]:checked+label,.c-fabric.product-form__input--button input[type=radio]:checked+label{border-radius:2px;background:rgb(var(--color-variant-picker-selected-background));color:rgb(var(--color-variant-picker-selected-text));font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border:0}.c-fabric-type.product-form__input--button legend.form__label,.c-fabric.product-form__input--button legend.form__label{display:none}legend.form__label,label.form__label{display:block!important;visibility:visible!important;opacity:1!important;color:#333!important}.c-combo.product-form__input--color,.c-configuration.product-form__input--color{padding-bottom:10px}.c-combo.product-form__input--color .form__label,.c-configuration.product-form__input--color .form__label{display:block}.combo-value-transitioning{will-change:opacity}span[data-selected-swatch-value=Combo],span[data-selected-swatch-value=Configuration]{transition:opacity .2s ease;will-change:opacity}.combo-title,.configuration-title{color:#333;font-family:Roboto;font-size:16px;font-weight:700;line-height:1;margin-bottom:8px;transition:color .2s ease}.combo-content-wrapper,.configuration-content-wrapper{display:flex;flex-wrap:wrap;gap:14px;max-height:244px;overflow-y:auto;overflow-x:visible;pointer-events:auto;position:relative;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.c-combo.product-form__input--color .swatch-color,.c-combo.product-form__input--swatch .swatch-color,.c-configuration.product-form__input--color .swatch-color,.c-configuration.product-form__input--swatch .swatch-color{width:var(--combo-swatch-size);height:var(--combo-swatch-height);display:flex;align-items:center;border-radius:6px;background-repeat:no-repeat;background-color:rgb(var(--color-variant-picker-unselected-background));color:rgb(var(--color-variant-picker-unselected-text));background-size:54px 36px;min-width:auto;min-height:auto;border:2px solid transparent;transition:all .2s ease;pointer-events:auto}.c-combo.product-form__input--color .swatch-color:before,.c-combo.product-form__input--swatch .swatch-color:before,.c-configuration.product-form__input--color .swatch-color:before,.c-configuration.product-form__input--swatch .swatch-color:before{box-shadow:none}.c-combo.product-form__input--color input[type=radio]:checked+label .swatch-color,.c-configuration.product-form__input--color input[type=radio]:checked+label .swatch-color{background-color:rgb(var(--color-variant-picker-selected-background));color:rgb(var(--color-variant-picker-selected-text));border-color:rgb(var(--color-variant-picker-selected-background))}.c-combo.product-form__input--color input[type=radio]:hover+label .swatch-color,.c-configuration.product-form__input--color input[type=radio]:hover+label .swatch-color{border-color:rgb(var(--color-variant-picker-selected-background))}.combo-content-wrapper::-webkit-scrollbar,.configuration-content-wrapper::-webkit-scrollbar{width:5px}.combo-content-wrapper::-webkit-scrollbar-track,.configuration-content-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:12px}.combo-content-wrapper::-webkit-scrollbar-thumb,.configuration-content-wrapper::-webkit-scrollbar-thumb{background:#dedede;border-radius:12px}.swatch-input__label--custom-image .swatch-color--custom{border:2px solid transparent;transition:all var(--duration-default) ease}.swatch-input__label--custom-image input[type=radio]:checked+.swatch-color--custom{border-color:rgb(var(--color-variant-picker-selected-background));box-shadow:0 0 0 2px rgb(var(--color-variant-picker-selected-text)),0 0 0 4px rgb(var(--color-variant-picker-selected-background))}.swatch-input__label--custom-image input[type=radio]:not(:checked)+.swatch-color--custom{border-color:rgb(var(--color-border));opacity:.8}.swatch-input__label--custom-image input[type=radio]:hover+.swatch-color--custom{border-color:rgb(var(--color-variant-picker-selected-background));opacity:1}.button-label--with-image{display:flex;align-items:center;gap:.8rem}.button-image-wrapper{display:flex;align-items:center;justify-content:center;width:var(--swatch-size, 40px);height:var(--swatch-size, 40px);border-radius:var(--swatch-radius, 4px);overflow:visible;border:2px solid transparent;transition:all var(--duration-default) ease}.button-option-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.button-label--with-image input[type=radio]:checked+.button-image-wrapper{border-color:rgb(var(--color-variant-picker-selected-background));box-shadow:0 0 0 2px rgb(var(--color-variant-picker-selected-text)),0 0 0 4px rgb(var(--color-variant-picker-selected-background))}.button-label--with-image input[type=radio]:not(:checked)+.button-image-wrapper{border-color:rgb(var(--color-border));opacity:.8}.button-label--with-image input[type=radio]:hover+.button-image-wrapper{border-color:rgb(var(--color-variant-picker-selected-background));opacity:1}.color-label--with-image .swatch-color--custom{border:2px solid transparent;transition:all var(--duration-default) ease}.color-label--with-image input[type=radio]:checked+.swatch-color--custom{border-color:rgb(var(--color-variant-picker-selected-background));box-shadow:0 0 0 2px rgb(var(--color-variant-picker-selected-text)),0 0 0 4px rgb(var(--color-variant-picker-selected-background))}.color-label--with-image input[type=radio]:not(:checked)+.swatch-color--custom{border-color:rgb(var(--color-border));opacity:.8}.color-label--with-image input[type=radio]:hover+.swatch-color--custom{border-color:rgb(var(--color-variant-picker-selected-background));opacity:1}.product-form__input--dropdown .dropdown-swatch{background-size:cover;background-position:center;border:2px solid transparent;transition:all var(--duration-default) ease}.product-form__input--dropdown .dropdown-swatch.custom-option-image{border-color:rgb(var(--color-border))}.product-form__input--dropdown select:focus+.dropdown-swatch.custom-option-image{border-color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.button-label--with-image{flex-direction:column;gap:.4rem;text-align:center}.button-image-wrapper{width:calc(var(--swatch-size, 40px) * .8);height:calc(var(--swatch-size, 40px) * .8)}}.combo-group-title{font-size:0;margin-bottom:10px}.combo-group__title{color:#333;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.combo-group__count{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-background);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border)}.combo-group-options{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px}.combo-group-options .swatch-input,.combo-group-options .swatch-input+label,.combo-group-options input[type=radio]+label{margin:0}@media (max-width: 768px){.combo-group-title{padding:.5rem .75rem}.combo-group-options{padding:.75rem;gap:.5rem}.combo-group__title{font-size:.8rem}.combo-group__count{font-size:.7rem;padding:.2rem .4rem}}.fabric-group__tag{display:inline-block;background:var(--color-accent);color:var(--color-background);font-size:.7rem;padding:.2rem .5rem;border-radius:12px;margin-left:.5rem;font-weight:500}.fabric-group__search{margin-bottom:1rem;position:relative}.fabric-group__search input{width:100%;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;font-size:.875rem}.fabric-group__search input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.1)}.fabric-group__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.fabric-group__filter-btn{padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-background);color:var(--color-text);font-size:.75rem;cursor:pointer;transition:all .2s ease}.fabric-group__filter-btn:hover{background:var(--color-background-secondary);border-color:var(--color-accent)}.fabric-group__filter-btn.active{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.fabric-group__stats{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--color-background-tertiary);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary)}.fabric-group__stats-item{display:flex;align-items:center;gap:.25rem}.fabric-group__sort{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.fabric-group__sort select{padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;background:var(--color-background)}.fabric-group__view-toggle{display:flex;gap:.25rem;margin-left:auto}.fabric-group__view-btn{padding:.25rem;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.fabric-group__view-btn:first-child{border-radius:4px 0 0 4px}.fabric-group__view-btn:last-child{border-radius:0 4px 4px 0}.fabric-group__view-btn.active{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.fabric-group__options--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.fabric-group__options--list{display:flex;flex-direction:column;gap:.5rem}.fabric-group__options--list .swatch-input,.fabric-group__options--list .swatch-input+label,.fabric-group__options--list input[type=radio]+label{width:100%;justify-content:flex-start}.fabric-group__empty{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary)}.fabric-group__empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.fabric-group__loading{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary)}.fabric-group__loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fabric-group__error{text-align:center;padding:1rem;color:var(--color-error);background:var(--color-error-background);border:1px solid var(--color-error-border);border-radius:4px;margin:1rem}.fabric-group__success{text-align:center;padding:1rem;color:var(--color-success);background:var(--color-success-background);border:1px solid var(--color-success-border);border-radius:4px;margin:1rem}.fabric-group__tooltip{position:relative;display:inline-block}.fabric-group__tooltip .tooltip{visibility:hidden;width:200px;background-color:#fff;color:#333;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-align:center;border-radius:6px;padding:.5rem;position:absolute;z-index:1;top:calc(100% + .5rem);bottom:auto;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;border:none;box-shadow:0 3px 14px 2px #0000000d,0 8px 10px 1px #0000000f,0 5px 5px -3px #0000001a;pointer-events:auto}.fabric-group__tooltip:hover .tooltip{visibility:visible;opacity:1}.fabric-group{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fabric-group:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);transition:all .3s ease}.fabric-group--selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}.fabric-group--disabled{opacity:.6;pointer-events:none}.fabric-group--disabled .fabric-group__header{background:var(--color-background-disabled)}.fabric-group--compact .fabric-group__header{padding:.5rem .75rem}.fabric-group--compact .fabric-group__options{padding:.75rem;gap:.5rem}.fabric-group--compact .fabric-group__title{font-size:.8rem}.fabric-group--expanded .fabric-group__options{padding:1.5rem;gap:1rem}.fabric-group--expanded .fabric-group__title{font-size:1rem}.fabric-group--primary{border-color:var(--color-primary)}.fabric-group--primary .fabric-group__header{background:var(--color-primary);color:var(--color-background)}.fabric-group--secondary{border-color:var(--color-secondary)}.fabric-group--secondary .fabric-group__header{background:var(--color-secondary);color:var(--color-background)}.fabric-group--accent{border-color:var(--color-accent)}.fabric-group--accent .fabric-group__header{background:var(--color-accent);color:var(--color-background)}.group-header{color:#333;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:normal;padding:0 0 10px}.group-options{display:flex;flex-wrap:wrap;gap:14px;overflow:visible}.group-options input[type=radio]{display:none}.variant-group{display:block;width:100%;overflow:visible}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-product-variant-picker.css.map */