.card{--card-field: var(--card-color, var(--band-color, var(--color-ochre)));--card-text: var(--card-on, var(--band-on, var(--color-ink)));--card-ratio: 3 / 4;--fringe: clamp(.3rem, 3.2%, .6rem);--fringe-thread: color-mix(in oklab, var(--color-paper) 86%, var(--card-field));position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--card-field);color:var(--card-text)}.card__link{display:flex;flex:1;flex-direction:column;color:inherit;text-decoration:none}.card__link:focus-visible{outline-offset:var(--focus-inset)}.card__field{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;aspect-ratio:var(--card-ratio);padding:13% 12%;overflow:hidden;background-color:var(--card-field)}.card__piece{position:relative;aspect-ratio:var(--art-ratio, auto);max-inline-size:100%;max-block-size:100%;padding:var(--fringe);transition:transform var(--dur-slow) var(--ease-out)}.card__art{position:relative;width:100%;height:100%;max-block-size:100%;object-fit:contain}.card__piece:after{content:"";position:absolute;inset:var(--fringe);background:repeating-linear-gradient(90deg,rgb(0 0 0 / .07) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgb(255 255 255 / .06) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;pointer-events:none}.card__fringe{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,var(--fringe-thread) 0 1.5px,transparent 1.5px 3.5px) top / 100% var(--fringe) no-repeat,repeating-linear-gradient(90deg,var(--fringe-thread) 0 1.5px,transparent 1.5px 3.5px) bottom / 100% var(--fringe) no-repeat,repeating-linear-gradient(0deg,var(--fringe-thread) 0 1.5px,transparent 1.5px 3.5px) left / var(--fringe) 100% no-repeat,repeating-linear-gradient(0deg,var(--fringe-thread) 0 1.5px,transparent 1.5px 3.5px) right / var(--fringe) 100% no-repeat}.card__shot{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--card-backdrop, var(--card-field));transition:opacity var(--dur-slow) var(--ease-out)}.card__shot img{width:100%;height:100%;object-fit:contain}.card--art .card__piece{display:none}.card--art .card__link:focus-visible .card__piece{display:block}.card--art .card__link:focus-visible .card__shot{opacity:0}@media(hover:hover)and (pointer:fine){.card--art .card__piece{display:block}.card--art .card__link:hover .card__shot{opacity:0}.card__link:hover .card__piece{transform:translateY(-.25rem) rotate(-.6deg)}}.card__series{position:absolute;z-index:1;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);color:var(--card-text)}.card__label{display:grid;gap:var(--space-3xs);padding:var(--space-s) var(--space-s) var(--space-xs);border-top:var(--rule-width) solid currentcolor}.card__name{display:-webkit-box;overflow:hidden;font-size:var(--text-xl);line-height:1.1;letter-spacing:var(--tracking-display);text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card__price{font-size:var(--text-s)}.card-quick-add{display:block}.card-quick-add__toggle{display:block;padding:var(--space-xs) var(--space-s);border-top:var(--rule-width) solid currentcolor;cursor:pointer;list-style:none;text-align:center;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.card-quick-add__toggle::-webkit-details-marker{display:none}.card-quick-add__toggle:hover,.card-quick-add__details[open]>.card-quick-add__toggle{background-color:var(--card-text);color:var(--card-field)}.card-quick-add__toggle:focus-visible{outline-offset:var(--focus-inset)}.card-quick-add__sheet{position:absolute;inset-inline:0;bottom:100%;z-index:1;background-color:var(--card-field);border-top:var(--rule-width) solid currentcolor;container-type:inline-size;animation:card-sheet-in var(--dur-base) var(--ease-out)}.card-quick-add__details{position:relative}@keyframes card-sheet-in{0%{clip-path:inset(100% 0 0 0)}}.card-quick-add__sizes{display:grid;grid-template-columns:minmax(0,1fr);border:0;padding:0}.card-quick-add__size{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"letter price" "dims dims";align-items:baseline;gap:var(--space-3xs) var(--space-xs);min-height:3rem;padding:var(--space-2xs) var(--space-s);border:0;border-bottom:var(--rule-width) solid currentcolor;background:transparent;color:inherit;text-align:start;cursor:pointer;transition:background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out)}.card-quick-add__size:last-child{border-bottom:0}.card-quick-add__size:hover,.card-quick-add__size:active,.card-quick-add__size[aria-busy=true]{background-color:var(--card-text);color:var(--card-field)}.card-quick-add__size:focus-visible{outline-offset:var(--focus-inset)}.card-quick-add__size:disabled{cursor:not-allowed;opacity:.45}.card-quick-add__size[aria-busy=true]{cursor:progress}.card-quick-add__letter{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:var(--text-l);line-height:1;text-transform:uppercase;grid-area:letter;min-width:2.5rem;white-space:nowrap}.card-quick-add__dims{grid-area:dims;white-space:nowrap}.card-quick-add__dims:first-child{grid-area:letter}@container (min-width: 14rem){.card-quick-add__size{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"letter dims price"}}.card-quick-add__price{grid-area:price;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.card-quick-add__status{padding:0 var(--space-s) var(--space-xs);text-align:center}.bands{display:grid;border-block-start:var(--rule);border-inline-start:var(--rule)}.band__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.band__cell{border-inline-end:var(--rule);border-block-end:var(--rule)}@media(max-width:989px){.band__cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.band__cell{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/card.css.map */