.swatch{--swatch--size: 38px;--swatch--border-radius: 10px;display:block;width:var(--swatch--size);height:var(--swatch--size);aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border-radius:var(--swatch--border-radius);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a,0 1px 2px #0000000d;transition:transform .2s ease}.swatch:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff4d,#fff0,#0000000d);pointer-events:none;z-index:1}.swatch--square{--swatch--border-radius: 8px}.swatch--unavailable{opacity:.4;filter:grayscale(.8) contrast(.8)}.product-form__input--swatch .swatch-input__input+.swatch-input__label{display:flex!important;align-items:center;justify-content:center;width:50px;height:50px;padding:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:15px;box-shadow:0 1px 3px #0000000d;transition:all .25s cubic-bezier(.175,.885,.32,1.275);margin-right:6px;position:relative}.product-form__input--swatch .swatch-input__input+.swatch-input__label:hover,.product-form__input--swatch .swatch-input__input:hover+.swatch-input__label{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d;z-index:2}.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label{border-color:#0051c3;background:#fff;box-shadow:0 0 0 1.5px #0051c3;z-index:3;outline:none}.swatch-input__label[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(5px);padding:7px 12px;background:#111827f2;color:#fff;font-size:11px;line-height:1;font-weight:600;border-radius:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;pointer-events:none;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.swatch-input__label[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.swatch-input__label:before{display:none!important}.product-form__input--swatch .swatch-input__input.visually-disabled+.swatch-input__label .swatch:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:2px;background:#94a3b8;transform:rotate(-45deg);box-shadow:0 0 2px #ffffffe6;z-index:5}.product-form__input--swatch .swatch-input__input:focus-visible+.swatch-input__label{box-shadow:0 0 0 2px #fff,0 0 0 4px #0051c3;outline:none}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-swatch.css.map */