.tonis-card{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--tonis-space-3)}.tonis-card__media{position:relative;overflow:hidden;border-radius:var(--tonis-radius-24);background:var(--tonis-color-surface-muted);aspect-ratio:351 / 396}@media screen and (min-width:750px){.tonis-card__media{aspect-ratio:424 / 448}}.tonis-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tonis-card__image--secondary{opacity:0}@media(prefers-reduced-motion:no-preference){.tonis-card__image{transition:opacity var(--tonis-duration-base) var(--tonis-ease-out)}}@media(hover:hover)and (pointer:fine){.tonis-card:hover .tonis-card__image--primary{opacity:0}.tonis-card:hover .tonis-card__image--secondary{opacity:1}}.tonis-card:focus-within .tonis-card__image--primary{opacity:0}.tonis-card:focus-within .tonis-card__image--secondary{opacity:1}.tonis-card__placeholder{fill:rgba(var(--tonis-color-brand-rgb),.24);background:none}.tonis-card__view{position:absolute;right:var(--tonis-space-6);bottom:var(--tonis-space-6);display:flex;width:4rem;height:4rem;align-items:center;justify-content:center;border-radius:var(--tonis-radius-4);background:var(--tonis-color-surface);color:var(--tonis-color-ink-deep);pointer-events:none}.tonis-card__view .tonis-icon{display:block;width:2.3rem;height:2.3rem;flex:0 0 auto}.tonis-card__info{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;padding:var(--tonis-space-3);border-radius:var(--tonis-radius-12);gap:var(--tonis-space-6)}.tonis-card__text{display:flex;flex-direction:column;gap:var(--tonis-space-6)}.tonis-card__titles{display:flex;flex-direction:column;gap:var(--tonis-space-3)}.tonis-card__tagline{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-snug);color:var(--tonis-color-label);text-transform:uppercase}.tonis-card__title{margin:0;font-family:var(--tonis-font-heading);font-size:var(--tonis-text-29);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-snug);color:var(--tonis-color-text);text-transform:uppercase}.tonis-card__title-link{color:inherit;text-decoration:none}.tonis-card__title-link:after{position:absolute;z-index:0;content:"";top:0;right:0;bottom:0;left:0}.tonis-card__blurb{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-20);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-snug);color:var(--tonis-color-text)}.tonis-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--tonis-space-4)}.tonis-card__price{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-32);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-snug);color:var(--tonis-color-text)}.tonis-card__form,.tonis-card__form-inner{display:block;margin:0}.tonis-card__action{position:relative;z-index:1;display:flex;width:4rem;height:4rem;padding:0;align-items:center;justify-content:center;border:0;border-radius:var(--tonis-radius-4);background:var(--tonis-color-accent);color:var(--tonis-color-on-accent);cursor:pointer}.tonis-card__action .tonis-icon{display:block;width:2.02522rem;height:2.02522rem;flex:0 0 auto}.tonis-card__action--sold-out{opacity:.4;cursor:default}.tonis-card__action:focus-visible,.tonis-card__title-link:focus-visible{outline:.2rem solid var(--tonis-color-accent);outline-offset:.3rem}.tonis-card__action .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.tonis-card__action .spinner{width:2rem;height:2rem}.tonis-card__action .path{stroke:var(--tonis-color-on-accent)}.tonis-card__action.loading .tonis-icon{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-tonis-card.css.map */