:root{--ps-out: cubic-bezier(.16, 1, .3, 1);--ps-spring: cubic-bezier(.34, 1.56, .64, 1);--ps-sharp: cubic-bezier(.4, 0, .2, 1);--ps-quint: cubic-bezier(.65, 0, .35, 1);--ps-t1: .1s;--ps-t2: .2s;--ps-t3: .32s;--ps-swatch-size: 2.625rem;--ps-swatch-gap: 3px;--ps-swatch-ring: 1px;--ps-block-radius: 1px;--ps-block-px: 1.125rem;--ps-block-tracking: .08em;--ps-block-size: .6875rem;--ps-gap: .5rem;--ps-tip-bg: rgb(14, 14, 14);--ps-tip-fg: rgb(255, 255, 255);--ps-tip-size: .5rem;--ps-sh-hover: 0 2px 18px rgba(0, 0, 0, .1), 0 1px 5px rgba(0, 0, 0, .06);--ps-sh-selected: 0 4px 22px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .07);--ps-sh-ring: 0 0 0 1px rgba(0, 0, 0, .07)}@media(prefers-color-scheme:dark){:root{--ps-sh-hover: 0 2px 18px rgba(0, 0, 0, .45), 0 1px 5px rgba(0, 0, 0, .3);--ps-sh-selected: 0 4px 22px rgba(0, 0, 0, .5), 0 1px 6px rgba(0, 0, 0, .35);--ps-sh-ring: 0 0 0 1px rgba(255, 255, 255, .12);--ps-tip-bg: rgb(240, 240, 240);--ps-tip-fg: rgb(14, 14, 14)}}@media(prefers-reduced-motion:reduce){:root{--ps-t1: 0ms;--ps-t2: 0ms;--ps-t3: 0ms}}.variant-picker__option-info legend{font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.42;line-height:1}.variant-picker__option-info .h-stack>span{font-size:.6875rem;font-weight:400;letter-spacing:.04em;opacity:.68;transition:opacity var(--ps-t1) var(--ps-sharp)}.color-swatch{--swatch-size: var(--ps-swatch-size);--swatch-offset: var(--ps-swatch-gap);--swatch-border-size: var(--ps-swatch-ring);--swatch-disabled-strike-color: rgba(0, 0, 0, .2);border-radius:50%;cursor:pointer;will-change:transform;transition:transform var(--ps-t2) var(--ps-spring),box-shadow var(--ps-t2) var(--ps-out),border-color var(--ps-t1) var(--ps-sharp),opacity var(--ps-t2) var(--ps-sharp)}@media(hover:hover){.color-swatch:hover{transform:scale(1.12);box-shadow:var(--ps-sh-hover)}}@media(hover:none){.color-swatch:active{transform:scale(.93);transition-duration:var(--ps-t1)}}:checked+.color-swatch,.color-swatch.is-selected{transform:scale(1);box-shadow:var(--ps-sh-ring),var(--ps-sh-selected)}@media(hover:hover){:checked+.color-swatch:hover,.color-swatch.is-selected:hover{transform:scale(1.04);box-shadow:var(--ps-sh-ring),var(--ps-sh-selected)}}:focus-visible+.color-swatch{outline:1.5px solid currentColor;outline-offset:5px}.color-swatch.is-disabled{opacity:.3;cursor:default;transform:scale(1)!important}.color-swatch.is-disabled:before{background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(0,0,0,.28) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);background:var(--ps-tip-bg);color:var(--ps-tip-fg);font-size:var(--ps-tip-size);font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:4px 9px 3px;border-radius:1px;pointer-events:none;opacity:0;transition:opacity var(--ps-t1) var(--ps-sharp),transform var(--ps-t2) var(--ps-out);z-index:200}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(6px);border:4px solid transparent;border-top-color:var(--ps-tip-bg);pointer-events:none;opacity:0;transition:opacity var(--ps-t1) var(--ps-sharp),transform var(--ps-t2) var(--ps-out);z-index:200}@media(hover:hover){[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}}.block-swatch{--swatch-border-size: 1px;--swatch-disabled-strike-color: rgba(0, 0, 0, .2);border-radius:var(--ps-block-radius);min-width:3.25rem;padding-inline:var(--ps-block-px);font-size:var(--ps-block-size);font-weight:500;letter-spacing:var(--ps-block-tracking);text-transform:uppercase;cursor:pointer;transition:color var(--ps-t2) var(--ps-sharp),border-color var(--ps-t2) var(--ps-sharp),opacity var(--ps-t2) var(--ps-sharp)}@media(hover:hover){.block-swatch:not(.is-disabled):hover{color:rgb(var(--text-color));border-color:rgb(var(--text-color) / .22)}}@media(hover:none){.block-swatch:not(.is-disabled):active{opacity:.55;transition-duration:var(--ps-t1)}}:checked+.block-swatch,.block-swatch.is-selected{font-weight:600;letter-spacing:calc(var(--ps-block-tracking) + .01em)}.block-swatch.is-disabled{opacity:.22;cursor:default}.block-swatch.is-disabled:before{background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(0,0,0,.22) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}.block-swatch__color{border-radius:50%;width:.8125rem;height:.8125rem;flex-shrink:0}.thumbnail-swatch{border-radius:1px;cursor:pointer;overflow:hidden;transition:border-color var(--ps-t2) var(--ps-sharp),box-shadow var(--ps-t2) var(--ps-out),transform var(--ps-t2) var(--ps-spring),opacity var(--ps-t2) var(--ps-sharp)}@media(hover:hover){.thumbnail-swatch:hover{transform:scale(1.05);box-shadow:var(--ps-sh-hover)}}:checked+.thumbnail-swatch,.thumbnail-swatch.is-selected{box-shadow:var(--ps-sh-ring),var(--ps-sh-selected)}.thumbnail-swatch.is-disabled{opacity:.28;cursor:default}.variant-picker__option-values.h-stack{gap:var(--ps-gap);row-gap:var(--ps-gap)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/premium-swatches.css.map */
