.sr-only{width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.variant-picker__option{margin:0;padding:0;border:none}.variant-picker__option-values{display:flex;gap:1.2rem}.variant-picker__option-values.scroll-area{padding-block-start:2px;padding-block-end:2px}@media screen and (min-width: 700px){.variant-picker__option-values{flex-wrap:wrap}}.color-swatch{--swatch-offset: 3px;--swatch-size: var(--spacing-7);--swatch-margin: calc(var(--swatch-offset) * 2);width:var(--swatch-size);height:var(--swatch-size);margin:var(--swatch-margin);background:var(--swatch-background) center / cover;place-items:center;display:grid;position:relative}:disabled+.color-swatch,.color-swatch.is-disabled{background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--background)) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),var(--swatch-background) center / cover}.color-swatch:before{content:"";inset:calc(-1 * var(--swatch-offset));opacity:0;border-radius:inherit;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;transform:scale(.75);box-shadow:0 0 0 2px}:checked+.color-swatch:before,.color-swatch.is-selected:before{opacity:1;transform:scale(1)}:focus-visible+.color-swatch{outline-offset:calc(2px + var(--swatch-offset) * 2)}.color-swatch--rectangle{--swatch-size: var(--spacing-10);height:calc(var(--swatch-size) * .4);margin:0}.color-swatch--rectangle:before{width:100%;bottom:-3px;box-shadow:0 2px}.color-swatch--rectangle:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{left:0}.color-swatch--rectangle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}.color-swatch--sm{--swatch-size: var(--spacing-3-5);--swatch-offset: 2px}.color-swatch--rectangle.color-swatch--sm{--swatch-size: var(--spacing-5);margin-block-start:7px;margin-block-end:6px}.color-swatch--rectangle.color-swatch--sm:before{bottom:-2px}.color-swatch__view-more{padding:1px var(--spacing-2);color:rgb(var(--text-color) / .7);border-width:1px;margin-inline-start:var(--spacing-1-5)}.media-swatch{--swatch-size: 100%;width:var(--swatch-size);height:var(--swatch-size);border-radius:1.2rem;display:block;position:relative;box-sizing:border-box;border-style:solid;border-color:#2425261f;border-width:1px;overflow:hidden;background:#fff}.media-swatch:hover,.media-swatch.is-selected{overflow:visible}.media-swatch:before{content:"";border-radius:inherit;opacity:0;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:#0077ed 0 0 0 2px}.media-swatch.is-disabled:after{content:"";background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--text-color) / .5) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));position:absolute;top:0;bottom:0;left:0;right:0}.media-swatch>img{width:auto;height:100%;object-fit:cover;border-radius:inherit}.media-swatch:hover:before,:checked+.media-swatch:before,.media-swatch.is-selected:before{opacity:1;transform:scale(1)}:focus-visible+.media-swatch{outline-offset:4px}.media-swatch--sm{--swatch-size: 48px}.media-swatch__view-more{width:var(--spacing-12);height:var(--spacing-12);border-radius:min(4px,var(--rounded-input));border-width:1px;place-items:center;display:grid}.block-swatch{place-items:center;gap:var(--spacing-3);height:var(--input-height);border-radius:var(--rounded-button);background:rgb(var(--input-background, var(--background))) no-repeat;border-width:1px;padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5);display:flex;position:relative;border:1px solid #24252613}.block-swatch.is-disabled{color:rgb(var(--text-color) / .5);background-image:linear-gradient(to bottom right,#0000 50%,currentColor 50% calc(50% + 2px),#0000 calc(50% + 2px))}.block-swatch:before{content:"";box-shadow:0 0 0 1px #0077ed;background-color:#0077ed14;border-radius:inherit;opacity:0;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.95)}:checked+.block-swatch.is-disabled{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--text-color)) 50% calc(50% + 2px),transparent calc(50% + 2px))}:checked+.block-swatch:before,.block-swatch.is-selected:before{opacity:1;transform:scale(1)}:focus-visible+.block-swatch{outline-offset:4px}.block-swatch__color{width:var(--spacing-3-5);height:var(--spacing-3-5);border-radius:var(--rounded-full);background:var(--swatch-background) center / cover}@media screen and (min-width: 700px){.block-swatch{padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6);background:#f9f9f9}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-product-swatch.css.map */