ul.card__variants{display:flex;list-style:none;padding:.7rem 0;justify-content:center;gap:6px;flex-wrap:wrap;-webkit-overflow-scrolling:touch;max-width:100%;width:100%}ul.card__variants li{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--variant-pills-radius);display:flex;align-items:center;justify-content:center;padding:.7rem;font-size:1rem;letter-spacing:.1rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative;flex-shrink:0;min-width:fit-content}ul.card__variants li:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}ul.card__variants li:hover{background:rgba(var(--color-foreground),1)!important;color:rgb(var(--color-background))!important}ul.card__variants li.sold-out{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6);text-decoration:line-through}ul.card__variants li a{color:inherit;text-decoration:none!important}.product-card-wrapper .card__heading a:after{content:none}.card__media--link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.card--horizontal .card__variants{display:none}.card--horizontal button.quick-add__submit{background:#fff!important;border:1px solid #000!important;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px;transition:transform .3s ease}.card--horizontal .icon-add-bag{fill:#fff}.card--horizontal button.quick-add__submit:hover{transform:scale(1.1)}.complementary-products__container .card--horizontal .quick-add{justify-self:flex-end}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-variants.css.map */