.asd-coll__viewport{position:relative}.asd-coll__rail{display:flex;gap:var(--gap-d);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--asd-edge);padding-inline:var(--asd-edge);padding-bottom:var(--asd-space-sm);scrollbar-width:none;cursor:grab}.asd-coll__rail::-webkit-scrollbar{display:none}.asd-coll__rail.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.asd-coll__rail.is-dragging .asd-card__open{pointer-events:none}.asd-coll__rail:focus-visible{outline-offset:-2px}.asd-coll__item{flex:0 0 clamp(16rem,calc(var(--cw-d) * 1vw),27rem);scroll-snap-align:start}.asd-coll__item[hidden]{display:none}.asd-coll__foot{display:flex;align-items:center;gap:var(--asd-space-xl);margin-top:var(--asd-space-xl)}.asd-coll__track{position:relative;flex:1;height:1.75rem;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.asd-coll__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--asd-line);transform:translateY(-50%)}.asd-coll__track span{position:absolute;left:0;top:50%;height:3px;width:var(--thumb, 30%);background:var(--fg);transform:translate3d(var(--x, 0),-50%,0);transition:width var(--asd-duration-base) var(--asd-ease-out),height var(--asd-duration-fast) var(--asd-ease-out)}.asd-coll__track.is-scrubbing{cursor:grabbing}.asd-coll__track.is-scrubbing span,.asd-coll__track:hover span{height:5px}.asd-coll__nav{display:flex;gap:var(--asd-space-xs)}.asd-coll__arrow{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--asd-line);border-radius:50%;transition:border-color var(--asd-duration-fast) var(--asd-ease-in-out),opacity var(--asd-duration-fast) var(--asd-ease-in-out)}.asd-coll__arrow[disabled]{opacity:.3;cursor:default}@media(hover:hover){.asd-coll__arrow:not([disabled]):hover{border-color:var(--fg)}}.asd-coll__arrow--float{position:absolute;top:var(--arrow-y, 40%);z-index:4;width:3.25rem;height:3.25rem;margin-top:-1.625rem;color:#121212;background:#fff;border:0;box-shadow:0 2px 18px #12121238;transition:opacity var(--asd-duration-base) var(--asd-ease-out),background var(--asd-duration-fast) var(--asd-ease-in-out),color var(--asd-duration-fast) var(--asd-ease-in-out),transform var(--asd-duration-base) var(--asd-ease-out)}.asd-coll__arrow--float .asd-icon{width:1.25rem;height:1.25rem}.asd-coll__arrow--prev{left:max(.75rem,calc(var(--asd-edge) - 1.625rem))}.asd-coll__arrow--next{right:max(.75rem,calc(var(--asd-edge) - 1.625rem))}.asd-coll__arrow--float[disabled]{opacity:0;pointer-events:none;transform:scale(.92)}@media(hover:hover){.asd-coll__arrow--float:not([disabled]):hover{background:#121212;color:#fff;border-color:transparent;transform:scale(1.06)}}.asd-coll__arrow--float:focus-visible{outline:2px solid #121212;outline-offset:3px}@media(max-width:767px){.asd-coll__arrow--float{display:none}}.asd-card{position:relative;transition:opacity .42s var(--asd-ease-in-out),transform .42s var(--asd-ease-in-out)}.asd-coll__item.is-out .asd-card{opacity:0;transform:scale(.97)}.asd-card__media{background:var(--asd-color-bg-soft)}.asd-card__front,.asd-card__alt{transition:opacity .7s var(--asd-ease-in-out),transform 1.6s var(--asd-ease-out)}.asd-card__alt{opacity:0}.asd-card__hint{position:absolute;left:.8125rem;bottom:.75rem;z-index:1;display:inline-flex;align-items:center;height:2.25rem;padding:0 1rem;background:#fffffff0;color:#121212;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.625rem;letter-spacing:.2em;line-height:1;white-space:nowrap;opacity:0;transform:translate3d(0,.4rem,0);transition:opacity var(--asd-duration-base) var(--asd-ease-out),transform var(--asd-duration-slow) var(--asd-ease-out);pointer-events:none}.asd-card__hint{z-index:3;border:0;margin:0;cursor:pointer;font-family:var(--asd-font-accent);font-weight:var(--asd-font-weight-medium);font-stretch:var(--asd-font-width-semi);text-transform:uppercase}.asd-card__hint:focus-visible{opacity:1;transform:none;pointer-events:auto;outline:1px solid #121212;outline-offset:2px}@media(hover:hover){.asd-card__hint:hover{background:#121212;color:#fff}}@media(hover:hover){.asd-card:hover .asd-card__alt{opacity:1;transform:scale(1.03)}.asd-card:hover .asd-card__front{transform:scale(1.03)}.asd-card:hover .asd-card__hint{opacity:1;transform:none;pointer-events:auto}}.asd-card:has(.asd-card__open:focus-visible) .asd-card__hint{opacity:1;transform:none;pointer-events:auto}.asd-card__info{display:flex;flex-direction:column;align-items:stretch;gap:var(--asd-space-xs);padding-top:var(--asd-space-md)}.asd-card__name{font-family:var(--asd-font-heading);font-size:var(--ns-d);font-weight:var(--asd-font-weight-regular);font-stretch:var(--asd-font-width-semi);letter-spacing:var(--asd-letter-spacing-heading);text-transform:uppercase;line-height:1.35}.asd-card__meta{display:flex;align-items:center;gap:0 var(--asd-space-md);min-width:0}.asd-card__price{flex:none;font-size:var(--ns-d);font-variant-numeric:tabular-nums;white-space:nowrap}.asd-card__colour{display:flex;align-items:center;gap:var(--asd-space-sm);min-width:0;font-size:var(--asd-font-size-sm);color:var(--asd-muted)}.asd-card__colour-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asd-card__swatch{display:inline-block;flex:none;width:.625rem;height:.625rem;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000001f}.asd-card__note{font-size:var(--asd-font-size-sm);color:var(--asd-muted);line-height:var(--asd-line-height-base)}.asd-card__add{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:2.75rem;margin-top:var(--asd-space-sm);padding:0 var(--asd-space-md);border:1px solid rgba(18,18,18,.3);border:1px solid color-mix(in srgb,currentColor 30%,transparent);font-family:var(--asd-font-accent);font-size:var(--asd-font-size-xs);font-weight:var(--asd-font-weight-medium);font-stretch:var(--asd-font-width-semi);letter-spacing:var(--asd-letter-spacing-eyebrow);line-height:1;text-transform:uppercase;white-space:nowrap;transition:background-color var(--asd-duration-base) var(--asd-ease-in-out),color var(--asd-duration-base) var(--asd-ease-in-out),border-color var(--asd-duration-base) var(--asd-ease-in-out),opacity var(--asd-duration-fast) var(--asd-ease-in-out)}.asd-card__add .asd-icon{width:1rem;height:1rem}.asd-card__add[disabled]{opacity:.45;cursor:not-allowed}.asd-card__add[aria-busy=true]{opacity:.55;cursor:progress}.asd-card__add:focus-visible{outline:1px solid currentColor;outline-offset:3px}@media(hover:hover){.asd-card__add:not([disabled]):hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.asd-card:hover .asd-card__add--teaser{background:var(--fg);border-color:var(--fg);color:var(--bg)}}.asd-card__add:not([disabled]):active{background:var(--fg);border-color:var(--fg);color:var(--bg)}.asd-card__add--teaser{pointer-events:none}.asd-card__plus{position:absolute;right:var(--asd-space-sm);bottom:var(--asd-space-sm);z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;color:#121212;cursor:pointer}.asd-card__plus:before{content:"";position:absolute;top:.3125rem;right:.3125rem;bottom:.3125rem;left:.3125rem;border-radius:50%;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 10px #12121224;transition:background var(--asd-duration-fast) var(--asd-ease-in-out),transform var(--asd-duration-base) var(--asd-ease-out)}.asd-card__plus .asd-icon{position:relative;width:1.125rem;height:1.125rem;stroke-width:1.25;transition:color var(--asd-duration-fast) var(--asd-ease-in-out),transform var(--asd-duration-base) var(--asd-ease-out)}.asd-card__plus:focus-visible{outline:1px solid #fff;outline-offset:-2px}.asd-card__plus:focus-visible:before{background:#121212;box-shadow:0 0 0 1px #fff,0 0 0 3px #121212}.asd-card__plus:focus-visible .asd-icon{color:#fff}.asd-card__plus[aria-busy=true]{cursor:progress}.asd-card__plus[aria-busy=true] .asd-icon{animation:asd-plus-busy .9s var(--asd-ease-in-out) infinite alternate}@keyframes asd-plus-busy{0%{opacity:.25}to{opacity:1}}@media(hover:hover){.asd-card__plus:hover:before{background:#121212;transform:scale(1.08)}.asd-card__plus:hover .asd-icon{color:#fff;transform:rotate(90deg)}}.asd-card__plus:active:before{background:#121212}.asd-card__plus:active .asd-icon{color:#fff}@media(prefers-reduced-motion:reduce){.asd-card__plus[aria-busy=true] .asd-icon{animation:none}}.asd-card__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.asd-card__open:focus-visible{outline-offset:2px}.asd-card__save{position:absolute;top:var(--asd-space-xs);right:var(--asd-space-xs);z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--asd-color-text)}.asd-coll__item--dev .asd-card__save{color:var(--asd-color-text-opposite)}.asd-card__save .asd-icon{width:1.125rem;height:1.125rem;transition:fill var(--asd-duration-fast) var(--asd-ease-in-out)}.asd-card__save[aria-pressed=true] .asd-icon{fill:currentColor}@media(max-width:1023px){.asd-coll__item{flex-basis:42vw}}@media(max-width:767px){.asd-coll__item{flex-basis:calc(var(--cw-m) * 1vw)}.asd-coll__rail{gap:var(--gap-m);cursor:auto}.asd-coll__arrow{width:2.75rem;height:2.75rem}.asd-card__name,.asd-card__price{font-size:var(--ns-m)}}@media(hover:none),(max-width:767px){.asd-coll__track{height:1px;cursor:default;touch-action:auto;pointer-events:none;overflow:hidden;background:var(--asd-line)}.asd-coll__track:before{display:none}.asd-coll__track span{top:0;height:100%;transform:translate3d(var(--x, 0),0,0)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ASD-Card.css.map */