.on-card{position:relative;display:block;background:var(--on-color-white)}.on-card__media{position:relative;container-type:inline-size;aspect-ratio:2 / 3;overflow:hidden;background:var(--on-color-border-light)}.on-card__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.on-card__track::-webkit-scrollbar{display:none}.on-card__track:focus{outline:none}.on-card__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.on-card__image{display:block;width:100%;height:100%;object-fit:cover}.on-card__badge{position:absolute;top:clamp(6px,6.45cqw,12px);left:clamp(6px,6.45cqw,12px);z-index:1;font-family:var(--on-font-display);font-size:clamp(10px,7.8cqw,14.5px);line-height:15px;letter-spacing:var(--on-tracking);text-transform:uppercase;color:var(--on-color-badge);pointer-events:none}.on-card__arrow{position:absolute;top:50%;z-index:2;display:none;width:12px;height:12px;color:var(--on-color-black);transform:translateY(-50%)}.on-card__arrow svg{display:block;width:12px;height:12px}.on-card__arrow:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px}.on-card__arrow--prev{left:9px}.on-card__arrow--next{right:5px}.on-card__arrow[hidden]{display:none!important}.on-card__add{position:absolute;right:9px;bottom:10px;z-index:2;display:none;align-items:center;gap:4px;font-family:var(--on-font-display);font-size:14.5px;line-height:15px;letter-spacing:var(--on-tracking);text-transform:uppercase;color:var(--on-color-ink)}.on-card__add svg{width:8px;height:8px;stroke-width:3px}.on-card__add:before{content:"";position:absolute;top:-19px;right:-10px;bottom:-10px;left:-10px}.on-card__quick{position:absolute;inset:auto 0 0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;box-sizing:border-box;min-height:66px;padding:9px 0 10px;background:var(--on-color-white);transform:translateY(100%);visibility:hidden;transition:transform .25s var(--on-ease-out),visibility 0s linear .25s}@media(hover:hover)and (min-width:750px){.on-card:hover .on-card__quick,.on-card:focus-within .on-card__quick{transform:none;visibility:visible;transition:transform .25s var(--on-ease-out),visibility 0s}.on-card:hover .on-card__arrow{display:block}}@media screen and (min-width:750px){.on-card:focus-within .on-card__arrow{display:block}}.on-card.is-quick-open .on-card__quick{transform:none;visibility:visible;transition:transform .25s var(--on-ease-out),visibility 0s}.on-card--carousel .on-card__track{overflow:hidden;scroll-snap-type:none;overscroll-behavior-x:auto}.on-card__quick-label{min-height:14px;margin:0;font-family:var(--on-font-display);font-size:11px;line-height:14px;letter-spacing:.55px;text-transform:uppercase;text-align:center;color:var(--on-color-text-label)}.on-card__quick-label.is-error{color:#b42318}.on-card__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.on-card__size{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:32px;height:28px;padding:0 6px;border:1px solid var(--on-color-border);background:var(--on-color-white);font-family:var(--on-font-display);font-size:12px;line-height:16px;white-space:nowrap;color:var(--on-color-ink);transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out}@media(hover:hover){.on-card__size:not(:disabled):hover{border-color:var(--on-color-ink)}}.on-card__size{position:relative}.on-card__size:before{content:"";position:absolute;top:-8px;right:-2px;bottom:-8px;left:-2px}.on-card__size:disabled{border-color:var(--on-color-border-light);color:var(--on-color-disabled);cursor:not-allowed}.on-card__size[aria-busy=true],.on-card__size.is-added{border-color:var(--on-color-ink);background:var(--on-color-ink);color:var(--on-color-white)}.on-card__size[aria-busy=true]{cursor:progress}.on-card__size:focus-visible{outline:2px solid var(--on-color-ink);outline-offset:1px}.on-card__info{display:flex;flex-direction:column;gap:5px;min-height:77px;box-sizing:border-box;padding:8px 12px}.on-card__title{margin:0;font-family:var(--on-font-alt);font-size:12px;font-weight:700;line-height:20px;letter-spacing:0;text-transform:uppercase;color:var(--on-color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-card__link{color:inherit;text-decoration:none}.on-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.on-card__info{position:relative}.on-card__link:focus-visible{outline:none}.on-card__link:focus-visible:after{outline:2px solid var(--on-color-ink);outline-offset:-2px}.on-card__price{display:flex;gap:8px;margin:0;font-family:var(--on-font-alt);font-size:12px;line-height:20px;color:var(--on-color-ink)}.on-card__compare{color:var(--on-color-text-secondary)}.on-card__tax{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--on-font-alt);font-size:10px;line-height:11.5px;color:var(--on-color-text-secondary)}@media screen and (max-width:749px){.on-card__info{padding:8px 14px}.on-card__arrow{display:block}.on-card__add{display:flex}.on-card.is-quick-open .on-card__add{visibility:hidden}.on-card.is-quick-open .on-card__arrow{display:none}.on-grid[data-cols-m="4"] .on-card__info{position:static;height:0;min-height:0;padding:0;overflow:hidden}.on-grid[data-cols-m="4"] :is(.on-card__price,.on-card__tax,.on-card__add,.on-card__arrow,.on-card__quick){display:none}}@media(prefers-reduced-motion:reduce){.on-card__quick,.on-card__size{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/on-product-card.css.map */