.ds-card{--ds-card-pad: 7%;position:relative;display:flex;flex-direction:column;height:100%;color:var(--ds-fg, var(--ds-text));font-family:var(--ds-font-text)}.ds-card__frame{position:relative;overflow:hidden;border-radius:var(--ds-radius);background-color:var(--ds-surface-photo)}.ds-card__media{background-color:var(--ds-surface-photo)}.ds-card__media .ds-media__image{box-sizing:border-box;padding:var(--ds-card-pad);transition:transform calc(var(--ds-reveal) * 1.6) var(--ds-ease-out)}.ds-card__media--cutout .ds-media__image{padding:calc(var(--ds-card-pad) + 3%)}.ds-card--soldout .ds-media__image{opacity:.5}.ds-card__alt{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity var(--ds-slow) var(--ds-ease),transform calc(var(--ds-reveal) * 1.6) var(--ds-ease-out)}.ds-card__badge{position:absolute;top:var(--ds-space-3);left:var(--ds-space-3);z-index:1;pointer-events:none}.ds-card__rank{position:absolute;top:var(--ds-space-3);right:var(--ds-space-3);z-index:1;display:grid;place-items:center;width:var(--ds-space-6);height:var(--ds-space-6);border-radius:50%;background-color:var(--ds-surface);color:var(--ds-text);font-size:var(--ds-fs-small);font-variant-numeric:tabular-nums;font-weight:var(--ds-weight-strong);line-height:1;pointer-events:none}.ds-card__body{display:grid;gap:var(--ds-space-1);padding-top:var(--ds-space-3)}.ds-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);height:1.5em;overflow:hidden;font-size:var(--ds-fs-small);line-height:1.5}.ds-card__brand,.ds-card__colors{margin:0;font-size:inherit;line-height:inherit;white-space:nowrap}.ds-card__brand{min-width:0;overflow:hidden;color:var(--ds-text);font-weight:var(--ds-weight-strong);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase}.ds-card__colors{flex:none;color:var(--ds-text-muted)}.ds-card__title{display:-webkit-box;height:2.6em;margin:0;overflow:hidden;color:inherit;font-family:var(--ds-font-text);font-size:var(--ds-fs-body);font-weight:var(--ds-weight-text);letter-spacing:0;line-height:1.3;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-card__link{color:inherit;text-decoration:none}.ds-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ds-card:has(.ds-card__link:focus-visible) .ds-card__frame{outline:var(--ds-line-strong) solid var(--ds-focus);outline-offset:var(--ds-line-strong)}.ds-card__price{display:flex;align-items:center;height:1.6em;overflow:hidden;font-size:var(--ds-fs-price-sm)}.ds-card .ds-price{flex-wrap:nowrap;min-width:0}.ds-card__quick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;pointer-events:none}.ds-card__plus,.ds-card__close{display:grid;place-items:center;width:var(--ds-control-sm);height:var(--ds-control-sm);padding:0;border:0;background-color:transparent;color:var(--ds-text);cursor:pointer;pointer-events:auto}.ds-card__plus{position:absolute;right:var(--ds-space-2);bottom:var(--ds-space-2);border-radius:50%;background-color:var(--ds-surface);box-shadow:var(--ds-shadow-1);transition:transform var(--ds-fast) var(--ds-ease),opacity var(--ds-fast) var(--ds-ease)}.ds-card__plus:active{transform:scale(.94)}.ds-card__plus-icon{width:var(--ds-space-4);height:var(--ds-space-4)}.ds-card__quick[open] .ds-card__plus{visibility:hidden;opacity:0}.ds-card__panel{position:absolute;right:var(--ds-space-2);bottom:var(--ds-space-2);left:var(--ds-space-2);display:block;padding:var(--ds-space-2) var(--ds-space-3) var(--ds-space-3);border-radius:var(--ds-radius-sm);background-color:var(--ds-glass);box-shadow:var(--ds-shadow-1);opacity:0;pointer-events:auto;transform:translateY(calc(100% + var(--ds-space-4)));visibility:hidden;transition:transform var(--ds-slow) var(--ds-ease-out),opacity var(--ds-fast) var(--ds-ease),visibility var(--ds-slow) linear;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ds-card__quick[open] .ds-card__panel{opacity:1;transform:none;visibility:visible}.ds-card__panel-head{display:flex;align-items:center;justify-content:space-between;min-height:var(--ds-space-6)}.ds-card__panel-label{margin:0;font-size:var(--ds-fs-small);font-weight:var(--ds-weight-strong);line-height:var(--ds-lh-small)}.ds-card__close{margin-right:calc(var(--ds-space-3) * -1)}.ds-card__sizes{display:grid;grid-template-columns:repeat(auto-fill,38px);justify-content:space-between;gap:var(--ds-space-2)}.ds-card__size{justify-content:center;width:38px;min-width:0;min-height:38px;padding:0;font-variant-numeric:tabular-nums}.ds-card__size:disabled{border-color:var(--ds-border);background-color:transparent;color:var(--ds-text-muted);text-decoration:line-through;cursor:not-allowed}.ds-card__error{margin:var(--ds-space-2) 0 0;color:var(--ds-sale);font-size:var(--ds-fs-small)}.ds-card__error-icon{width:var(--ds-space-4);height:var(--ds-space-4);vertical-align:text-bottom}.ds-card__plus:focus-visible,.ds-card__close:focus-visible{outline:var(--ds-line-strong) solid var(--ds-focus);outline-offset:calc(var(--ds-line-strong) * -1)}@media(hover:hover)and (pointer:fine){.ds-card__alt{display:block}.ds-card:hover .ds-card__alt{opacity:1;transform:scale(1)}.ds-card:hover .ds-media__image{transform:scale(1.05)}.ds-card__plus,.ds-card__close{display:none}.ds-card:hover .ds-card__panel,.ds-card:focus-within .ds-card__panel{opacity:1;transform:none;visibility:visible}.ds-card__size{width:auto;min-height:var(--ds-pill-height)}.ds-card__sizes{grid-template-columns:repeat(auto-fill,minmax(var(--ds-pill-height),1fr));justify-content:stretch}.ds-card__panel-head{min-height:var(--ds-space-5)}}.ds-card--feature{--ds-card-pad: 5%}.ds-card--feature .ds-card__frame{border-radius:calc(var(--ds-radius) * 1.5)}.ds-card--feature .ds-card__title{font-size:var(--ds-fs-h3);font-weight:var(--ds-weight-strong);letter-spacing:var(--ds-ls-h3)}.ds-card--feature .ds-card__price{font-size:var(--ds-fs-price-md)}.ds-card--feature .ds-card__rank{top:var(--ds-space-4);right:var(--ds-space-4);width:auto;height:auto;background-color:transparent;font-family:var(--ds-font-display);font-size:var(--ds-fs-display);font-weight:400;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ds-card.css.map */