.card-soaki{display:block;position:relative;--card-soaki-fit: cover;--card-soaki-ratio: 3 / 4;--card-soaki-ease: cubic-bezier(.65, 0, .35, 1)}.card-soaki__media{position:relative;aspect-ratio:var(--card-soaki-ratio);overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.card-soaki__stage,.card-soaki__layer{position:absolute;top:0;right:0;bottom:0;left:0}.card-soaki__layer{opacity:0;transition:opacity .3s ease}.card-soaki__layer.is-active{opacity:1}.card-soaki__image{display:block;width:100%;height:100%;object-fit:var(--card-soaki-fit)}.card-soaki__layer .placeholder-svg{background-color:transparent}.card-soaki__badges{position:absolute;top:.9rem;left:.9rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;pointer-events:none}.card-soaki__badge{display:inline-block;padding:.35rem .7rem .3rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.card-soaki__badge--sold-out{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.3)}.card-soaki__info{padding-top:1.2rem}.card-soaki__row{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem}.card-soaki__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}.card-soaki__link{color:inherit;text-decoration:none}.card-soaki__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card-soaki__link:focus-visible{outline:none;box-shadow:none}.card-soaki__link:focus-visible:after{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.card-soaki__price{flex:none;text-align:right}.card-soaki__price .price{font-size:1.3rem;letter-spacing:0;line-height:1.4}.card-soaki__price .price .price-item{margin-right:.6rem}.card-soaki__price .price .price-item--last,.card-soaki__price .price__regular .price-item{margin-right:0}.card-soaki__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:.6rem 0 0;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}.card-soaki__image-arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background-color:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease}.card-soaki__image-arrow svg{display:block;width:.85rem;height:1.5rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter}.card-soaki__image-arrow--prev{left:.8rem}.card-soaki__image-arrow--next{right:.8rem}.card-soaki__quick{position:absolute;right:0;bottom:0;left:0;z-index:2;display:block;transform:translateY(100%);transition:transform .25s var(--card-soaki-ease)}.card-soaki__quick-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem;padding:.8rem 1.6rem;border:0;border-radius:0;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;letter-spacing:.02em;cursor:pointer}.card-soaki__quick-button .loading__spinner{position:absolute;top:50%;right:1.2rem;width:1.8rem;transform:translateY(-50%)}.card-soaki__quick-button .loading__spinner .spinner{width:1.8rem;height:1.8rem}.card-soaki__quick-button .loading__spinner .path{stroke:currentColor}@media(hover:hover){.card-soaki:hover .card-soaki__image-arrow{opacity:1;pointer-events:auto}.card-soaki:hover .card-soaki__quick{transform:translateY(0)}.card-soaki__image-arrow:hover{background-color:rgb(var(--color-background))}}.card-soaki:has(:focus-visible) .card-soaki__image-arrow{opacity:1;pointer-events:auto}.card-soaki:has(:focus-visible) .card-soaki__quick{transform:translateY(0)}.card-soaki__image-arrow:focus-visible,.card-soaki__quick-button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem;box-shadow:none}.card-soaki__quick-button:focus-visible{outline-color:rgb(var(--color-background))}@media(prefers-reduced-motion:reduce){.card-soaki__layer,.card-soaki__image-arrow,.card-soaki__quick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-soaki.css.map */
