.om-card{position:relative;display:flex;flex-direction:column;min-width:0}.om-card__media{position:relative;aspect-ratio:var(--om-card-ratio, 4 / 5);border-radius:var(--om-radius-md)}.om-card__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;isolation:isolate;border-radius:inherit;background:var(--om-tile);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.om-card__link:focus-visible{outline-offset:3px;border-radius:var(--om-radius-md)}.om-card__img,.om-card__alt img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--om-card-pad, 0%);object-fit:var(--om-card-fit, contain);mix-blend-mode:multiply;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.om-card__img.is-swapped{animation:om-card-swap var(--om-d-2) var(--om-ease)}@keyframes om-card-swap{0%{opacity:.35}to{opacity:1}}.om-card__alt{position:absolute;top:0;right:0;bottom:0;left:0;display:block;isolation:isolate;background:var(--om-tile);opacity:0;transition:opacity var(--om-d-3) var(--om-ease);pointer-events:none}@media(hover:none),(pointer:coarse){.om-card__alt{display:none}}@media(hover:hover)and (pointer:fine){.om-card__link:hover .om-card__alt.is-ready{opacity:1}}.om-card[data-selected] .om-card__alt{display:none}.om-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16%}.om-card__placeholder svg{width:100%;height:100%;fill:var(--om-ink-14)}.om-card__badges{position:absolute;inset-block-start:var(--om-s-2);inset-inline-start:var(--om-s-2);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--om-s-1);max-width:calc(100% - var(--om-s-4));pointer-events:none}.om-card__badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.om-card__badge.om-badge--sale{letter-spacing:.02em}@media(min-width:750px){.om-card__badges{inset-block-start:var(--om-s-3);inset-inline-start:var(--om-s-3);max-width:calc(100% - var(--om-s-6))}}.om-card__foot{container:om-card-foot / inline-size;min-height:var(--om-tap);margin-block-start:var(--om-s-2)}.om-swatches{--_face: 40px;display:flex;flex-wrap:wrap;gap:var(--om-s-1);margin-inline:calc((var(--om-tap) - var(--_face)) / -2)}.om-swatch,.om-swatches__more{position:relative;display:grid;place-items:center;flex:none;inline-size:var(--om-tap);block-size:var(--om-tap);border-radius:var(--om-radius-sm);color:var(--om-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.om-swatch:focus-visible,.om-swatches__more:focus-visible{outline-offset:3px;border-radius:calc(var(--om-radius-sm) + 2px)}.om-swatch__face,.om-swatches__face{display:grid;place-items:center;inline-size:var(--_face);block-size:var(--_face);overflow:hidden;border:1px solid var(--om-ink-14);border-radius:var(--om-radius-sm);outline:1.5px solid transparent;outline-offset:0;transition:border-color var(--om-d-2) var(--om-ease),outline-color var(--om-d-2) var(--om-ease),outline-offset var(--om-d-2) var(--om-ease),transform var(--om-d-1) var(--om-ease)}.om-swatch__face{isolation:isolate;background:var(--om-tile)}.om-swatch__face img{width:100%;height:100%;padding:3px;object-fit:contain;mix-blend-mode:multiply;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.om-swatch[aria-current=true] .om-swatch__face{outline-color:var(--om-ink);outline-offset:2px}.om-swatch:active .om-swatch__face,.om-swatches__more:active .om-swatches__face{transform:scale(.94)}@media(hover:hover){.om-swatch:hover .om-swatch__face,.om-swatches__more:hover .om-swatches__face{border-color:color-mix(in srgb,var(--om-ink) 34%,transparent)}}.om-swatches__more{display:none;cursor:pointer}.om-swatches__face{background:transparent;font-size:.8125rem;font-weight:var(--om-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}.om-swatches__open,.om-swatches__close{display:contents}.om-swatches__close,.om-swatches__n[data-s]{display:none}.om-swatches:not(.is-open)>.om-swatch[data-extra]{display:none}.om-swatches[data-overflow]>.om-swatches__more,.om-swatches.is-open>.om-swatches__more{display:grid}.om-swatches.is-open .om-swatches__open{display:none}.om-swatches.is-open .om-swatches__close{display:contents}@container om-card-foot (width < 136px){.om-swatches[data-fit~="2"]:not(.is-open):has(>.om-swatch:nth-of-type(3))>.om-swatch:nth-of-type(n+2){display:none}.om-swatches[data-fit~="2"]:not(.is-open):has(>.om-swatch:nth-of-type(3))>.om-swatches__more{display:grid}.om-swatches[data-fit~="2"]:not(.is-open):has(>.om-swatch:nth-of-type(3)) .om-swatches__n{display:none}.om-swatches[data-fit~="2"]:not(.is-open):has(>.om-swatch:nth-of-type(3)) .om-swatches__n[data-s="2"]{display:inline}}@container om-card-foot (136px <= width < 184px){.om-swatches[data-fit~="3"]:not(.is-open):has(>.om-swatch:nth-of-type(4))>.om-swatch:nth-of-type(n+3){display:none}.om-swatches[data-fit~="3"]:not(.is-open):has(>.om-swatch:nth-of-type(4))>.om-swatches__more{display:grid}.om-swatches[data-fit~="3"]:not(.is-open):has(>.om-swatch:nth-of-type(4)) .om-swatches__n{display:none}.om-swatches[data-fit~="3"]:not(.is-open):has(>.om-swatch:nth-of-type(4)) .om-swatches__n[data-s="3"]{display:inline}}@container om-card-foot (184px <= width < 232px){.om-swatches[data-fit~="4"]:not(.is-open):has(>.om-swatch:nth-of-type(5))>.om-swatch:nth-of-type(n+4){display:none}.om-swatches[data-fit~="4"]:not(.is-open):has(>.om-swatch:nth-of-type(5))>.om-swatches__more{display:grid}.om-swatches[data-fit~="4"]:not(.is-open):has(>.om-swatch:nth-of-type(5)) .om-swatches__n{display:none}.om-swatches[data-fit~="4"]:not(.is-open):has(>.om-swatch:nth-of-type(5)) .om-swatches__n[data-s="4"]{display:inline}}@container om-card-foot (232px <= width < 280px){.om-swatches[data-fit~="5"]:not(.is-open):has(>.om-swatch:nth-of-type(6))>.om-swatch:nth-of-type(n+5){display:none}.om-swatches[data-fit~="5"]:not(.is-open):has(>.om-swatch:nth-of-type(6))>.om-swatches__more{display:grid}.om-swatches[data-fit~="5"]:not(.is-open):has(>.om-swatch:nth-of-type(6)) .om-swatches__n{display:none}.om-swatches[data-fit~="5"]:not(.is-open):has(>.om-swatch:nth-of-type(6)) .om-swatches__n[data-s="5"]{display:inline}}@container om-card-foot (280px <= width < 328px){.om-swatches[data-fit~="6"]:not(.is-open):has(>.om-swatch:nth-of-type(7))>.om-swatch:nth-of-type(n+6){display:none}.om-swatches[data-fit~="6"]:not(.is-open):has(>.om-swatch:nth-of-type(7))>.om-swatches__more{display:grid}.om-swatches[data-fit~="6"]:not(.is-open):has(>.om-swatch:nth-of-type(7)) .om-swatches__n{display:none}.om-swatches[data-fit~="6"]:not(.is-open):has(>.om-swatch:nth-of-type(7)) .om-swatches__n[data-s="6"]{display:inline}}@container om-card-foot (328px <= width < 376px){.om-swatches[data-fit~="7"]:not(.is-open):has(>.om-swatch:nth-of-type(8))>.om-swatch:nth-of-type(n+7){display:none}.om-swatches[data-fit~="7"]:not(.is-open):has(>.om-swatch:nth-of-type(8))>.om-swatches__more{display:grid}.om-swatches[data-fit~="7"]:not(.is-open):has(>.om-swatch:nth-of-type(8)) .om-swatches__n{display:none}.om-swatches[data-fit~="7"]:not(.is-open):has(>.om-swatch:nth-of-type(8)) .om-swatches__n[data-s="7"]{display:inline}}@container om-card-foot (376px <= width < 424px){.om-swatches[data-fit~="8"]:not(.is-open):has(>.om-swatch:nth-of-type(9))>.om-swatch:nth-of-type(n+8){display:none}.om-swatches[data-fit~="8"]:not(.is-open):has(>.om-swatch:nth-of-type(9))>.om-swatches__more{display:grid}.om-swatches[data-fit~="8"]:not(.is-open):has(>.om-swatch:nth-of-type(9)) .om-swatches__n{display:none}.om-swatches[data-fit~="8"]:not(.is-open):has(>.om-swatch:nth-of-type(9)) .om-swatches__n[data-s="8"]{display:inline}}@media(prefers-reduced-motion:reduce){.om-card__img.is-swapped{animation:none}.om-swatch:active .om-swatch__face,.om-swatches__more:active .om-swatches__face{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-card.css.map */