.variant-cards{display:block;margin:2rem 0}.variant-cards__fieldset{border:none;margin:0;padding:0}.variant-cards__label{display:block;margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 2rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:calc(var(--font-heading-scale) * .06rem)}.variant-cards__options{display:flex;gap:1.2rem;flex-wrap:wrap}.variant-cards__item{position:relative;width:auto}.variant-cards__item input[type=radio]{position:absolute;opacity:0;pointer-events:none}.variant-cards__card{display:block;cursor:pointer;text-align:center;background:transparent;border:2px solid transparent;border-radius:1rem;padding:.4rem;transition:all .2s ease;position:relative}.variant-cards__card:hover{transform:translateY(-2px)}.variant-cards__image-wrapper{position:relative;width:10rem;aspect-ratio:3/4;overflow:hidden;border-radius:.8rem;margin-bottom:1rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08)}.variant-cards__image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.variant-cards__info{padding:0 .5rem}.variant-cards__title{font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;margin:0 0 .5rem;color:rgb(var(--color-foreground));line-height:1.4;word-wrap:break-word}.variant-cards__price{font-size:1.3rem;color:rgba(var(--color-foreground),.75);font-weight:400}.variant-cards__item input[type=radio]:checked+.variant-cards__card{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.variant-cards__item input[type=radio]:checked+.variant-cards__card .variant-cards__image-wrapper{border-color:rgb(var(--color-foreground))}.variant-cards__item input[type=radio]:focus-visible+.variant-cards__card{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.variant-cards__card--disabled{opacity:.5;cursor:not-allowed;position:relative}.variant-cards__card--disabled:hover{transform:none}.variant-cards__sold-out-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--color-background),.95);border:1px solid rgb(var(--color-foreground));border-radius:.4rem;padding:.5rem 1rem;z-index:1}.variant-cards__sold-out-badge span{font-size:1.2rem;font-weight:500;color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.1em}@media screen and (max-width: 749px){.variant-cards__options{gap:.8rem}.variant-cards__image-wrapper{width:8rem}.variant-cards__title{font-size:1.3rem}.variant-cards__price{font-size:1.2rem}}.variant-cards__card.loading{pointer-events:none;opacity:.6}.variant-cards__card.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.product__media-item img{transition:opacity .2s ease-in-out}.product__media-item.is-switching img{opacity:.7}.variant-cards[data-preloading=true]:after{content:"";position:fixed;bottom:20px;right:20px;width:30px;height:30px;border:3px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:spin .6s linear infinite;z-index:1000;pointer-events:none}@media (prefers-contrast: high){.variant-cards__card{border-width:3px}.variant-cards__item input[type=radio]:checked+.variant-cards__card{border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-variant-cards.css.map */