.swatch-input__input+.swatch-input__label{--swatch-input--border-radius: 100%;display:block;max-width:100%;border-radius:var(--swatch-input--border-radius);cursor:pointer;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition-property:outline-color,outline-width,box-shadow;transition-duration:var(--duration-short);transition-timing-function:ease;forced-color-adjust:none;margin:2px .2rem}.swatch-input__input+.swatch-input__label .swatch{border:2px solid transparent;box-shadow:0 0 1px 1px rgba(var(--color-foreground),.1)}.swatch-input__input+.swatch-input__label.swatch-input__label--square{outline:.1rem solid rgba(var(--color-foreground),0)}.swatch-input__input:active+.swatch-input__label .swatch,.swatch-input__input:checked+.swatch-input__label .swatch,.swatch-input__label .swatch:hover{border:2px solid #fff;box-shadow:0 0 1px 2px rgb(var(--color-foreground))}.swatch-input__input:focus-visible+.swatch-input__label .swatch{outline:.2rem solid rgba(var(--color-foreground),.5);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.swatch-input__input:active:focus-visible+.swatch-input__label .swatch,.swatch-input__input:checked:focus-visible+.swatch-input__label .swatch{outline:.1rem solid rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .4rem rgba(var(--color-foreground),.25)}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label{transition:none}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover{outline:none}.swatch-input__input:disabled+.swatch-input__label{pointer-events:none}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{position:relative;overflow:hidden}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{opacity:1}.swatch-input__input:disabled+.swatch-input__label,.swatch-input__input.visually-disabled+.swatch-input__label{position:relative}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{border:2px solid var(--color-white);box-shadow:0 0 1px 2px #757575}.swatch-input__input:disabled+.swatch-input__label:after,.swatch-input__input.visually-disabled+.swatch-input__label:after{display:block;content:"";width:calc(100% + 4px);height:calc(100% + 4px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none'%3E%3Cpath stroke='%23757575' d='m47.358 8.349-38 39'/%3E%3Cpath stroke='%23fff' d='m47.358 9.349-38 39'/%3E%3Ccircle cx='28' cy='28' r='27' stroke='%23757575' stroke-width='2'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swatch-input-wrapper input{width:3.2rem!important;height:3.5rem!important}.swatch-input-wrapper .tooltip{text-align:center;background:#000;color:#fff;top:50px;bottom:auto;padding:4px 7px;display:block;position:absolute;z-index:2;min-width:44px;left:50%;-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-38%);transform:translate(-50%);margin-bottom:12px;opacity:0;visibility:hidden;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;font-size:15px;font-weight:500;letter-spacing:normal;pointer-events:none}.swatch-input-wrapper input:focus+label+.tooltip,.swatch-input-wrapper input:focus-visible+label+.tooltip,.swatch-input-wrapper:hover .tooltip{opacity:1;visibility:visible;pointer-events:auto;top:50px;bottom:auto}.swatch-input-wrapper .tooltip:after{border-left:solid transparent 7px;border-right:solid transparent 7px;border-bottom:solid #000 7px;top:-6px;content:" ";height:0;left:50%;-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translate(-50%);position:absolute;width:0}.d-none{display:none}.d-block{display:block}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-swatch-input.css.map?v=135168378195586722361752133285 */