.variant-buttons-container{display:none;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;margin-bottom:5px;transition:opacity .2s ease-in-out;position:relative;background:transparent;z-index:2}.quick-add{position:relative}.card-wrapper:hover .variant-buttons-container{display:flex;animation:fadeIn .3s ease;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.variant-button{min-width:30px;height:28px;border:1px solid var(--color-border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:1.2rem!important;background-color:#fff;transition:all .2s ease;flex:0 0 auto;min-width:36px;margin:3px;position:relative;box-shadow:0 1px 3px #0000000d;overflow:visible}.variant-button.available{cursor:pointer}.variant-button.available:hover,.variant-button.variant-hover{border-color:var(--color-foreground);background-color:var(--gradient-background);transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.variant-button.adding-to-cart{background-color:#4caf50;color:#fff;border-color:#4caf50;transition:all .3s ease;transform:scale(1.05);box-shadow:0 3px 8px #00000026;position:relative;overflow:visible}.variant-added-notification{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px;white-space:nowrap;animation:fadeInOut 2s ease;pointer-events:none;z-index:100;box-shadow:0 2px 5px #0003}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px) translate(-50%)}20%{opacity:1;transform:translateY(0) translate(-50%)}80%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(-5px) translate(-50%)}}.variant-button.available{opacity:1}.variant-button.sold-out{opacity:.5;text-decoration:line-through;cursor:not-allowed;position:relative}.variant-button.sold-out:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:currentColor;transform:rotate(-10deg)}.variant-button.sold-out-main{opacity:.85;background-color:#f5f5f5;color:#777;border-color:#ccc;width:auto;min-width:100px;text-decoration:none;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;text-align:center}.variant-button.sold-out-main:after{display:none}.variant-button.sold-out-main:before{content:"\2715";display:inline-block;margin-right:5px;font-size:.9em}.variant-button.color-swatch{background-position:center;background-size:cover;border-radius:50%;min-width:25px;width:25px;height:25px;margin:3px 5px;overflow:visible;z-index:2}.variant-button.color-swatch:hover{transform:scale(1.2);border-color:#000}.variant-button-label{display:block;font-size:.7rem;margin-top:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-wrapper{display:flex;flex-direction:column;height:100%}.card-wrapper .card__content{display:flex;flex-direction:column;flex-grow:1}.quick-add{overflow:visible!important;position:relative}.view-all-variants-link{display:none}.custom-quick-add-hidden{position:absolute!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}@media (max-width: 749px){.variant-button{min-width:35px;font-size:.7rem}.card-wrapper{position:relative}.variant-buttons-container{position:relative;z-index:5;background:transparent}.variant-buttons-container.active{display:flex!important;margin-bottom:0}.variant-button.sold-out-main{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-product-card-variants.css.map */