.variant-gallery-component{display:block;margin-top:1rem;width:100%}.variant-slider-container{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;overflow:hidden;min-height:18rem}.variant-slider-viewport{flex:1;overflow:hidden;max-width:900px!important;position:relative;min-width:0}.variant-slider-track{display:flex;gap:1rem;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none}.variant-slider-track:focus{outline:none}.variant-slider-btn{background:#fff;border:2px solid #e5e5e5;border-radius:8px;width:2.25rem;height:18rem;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:10;position:relative;-webkit-user-select:none;user-select:none;visibility:visible!important;opacity:1!important;-webkit-tap-highlight-color:transparent}.variant-slider-btn:active:not(.disabled){transform:scale(.95);transition-duration:.1s}.variant-slider-btn:hover:not(.disabled){border-color:#333;background-color:#f8f8f8}.variant-slider-btn.disabled{opacity:.4!important;cursor:not-allowed;pointer-events:none}.variant-slider-btn img{width:20px;height:20px;transition:opacity .3s ease,filter .3s ease;object-fit:contain}.variant-slider-btn:hover:not(.disabled) img{filter:brightness(.8)}.variant-slider-btn.disabled img{opacity:.5;filter:grayscale(1)}.variant-slider-prev,.variant-slider-next{display:flex!important;visibility:visible!important}.variant-gallery-component:focus{outline:none}.variant-slider-track.is-dragging{transition:none!important;cursor:grabbing}.product-variant-cards{display:flex;gap:1rem;flex-wrap:wrap}.product-variant-cards:has(.product-variant-card:nth-child(1):nth-last-child(1)){grid-template-columns:1fr;max-width:240px}.product-variant-cards:has(.product-variant-card:nth-child(2):nth-last-child(1)){grid-template-columns:1fr 1fr;max-width:500px}.product-variant-cards:has(.product-variant-card:nth-child(3):nth-last-child(1)){grid-template-columns:repeat(3,1fr);max-width:750px}.product-variant-card{display:block;border:2px solid #e5e5e5;border-radius:8px;padding:1rem;cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease;text-decoration:none;color:inherit;background:#fff;position:relative;overflow:hidden;min-width:180px;width:180px;flex-shrink:0;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.variant-slider-track .product-variant-card{min-width:180px;width:180px;flex-shrink:0}.product-variant-card:hover:not(.disabled){border-color:#333;box-shadow:0 6px 20px #00000026}.product-variant-card:active:not(.disabled){transition-duration:.1s}.variant-radio-input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.variant-radio-input:checked+.product-variant-card{border-color:#333;background-color:#f8f8f8;box-shadow:0 4px 12px #00000026}.variant-radio-input:checked+.product-variant-card:before{content:"\2713";position:absolute;top:.5rem;left:14.5rem;background:#18974b;color:#fff;width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.variant-card-image{text-align:center;margin-bottom:.75rem;background:#f9f9f9;border-radius:6px;padding:.5rem;min-height:120px;display:flex;align-items:center;justify-content:center}.variant-card-image img{max-width:100%;height:auto;object-fit:contain;border-radius:4px}.variant-card-content{text-align:center}.variant-card-title{font-size:1.5rem;margin:0 0 .5rem;color:#000;line-height:1.3}.variant-card-price{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.variant-price{font-size:1.5rem;font-weight:700;color:#333}.variant-price-compare{font-size:.9rem;color:#888;text-decoration:line-through}.product-variant-card.disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.product-variant-card.disabled:hover{transform:none;box-shadow:none;border-color:#e5e5e5}.label-unavailable{position:absolute;top:.5rem;right:.5rem;background:#f44;color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:3px;font-weight:500}@media (max-width: 768px){.variant-slider-container{gap:.5rem;min-height:15rem;overflow:visible;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.variant-slider-btn{width:2.5rem;height:15rem;display:flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0;position:relative;z-index:10;min-width:2.5rem}.variant-slider-btn img{width:16px;height:16px;object-fit:contain}.variant-slider-viewport{flex:1;min-width:0;overflow:hidden;width:calc(100% - 5.5rem);max-width:calc(100% - 5.5rem)}.variant-slider-track{gap:.75rem;min-width:calc(640px + 2.25rem);cursor:grab;touch-action:pan-x}.variant-slider-track.is-dragging{cursor:grabbing}.product-variant-card,.variant-slider-track .product-variant-card{min-width:160px;width:160px;padding:.75rem;flex-shrink:0}.variant-card-image{min-height:100px}.variant-card-title,.variant-price{font-size:1.25rem}.variant-slider-prev,.variant-slider-next{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;flex-shrink:0!important}.product-variant-cards:not(.variant-slider-container .product-variant-cards){gap:2.5rem}.variant-gallery-component[data-enable-mobile-slider=true] .product-variant-cards:has(.product-variant-card:nth-child(2)){display:none}.variant-gallery-component[data-enable-mobile-slider=true] .variant-slider-container{display:flex}}@media (max-width: 480px){.variant-slider-container{min-height:12rem;gap:.375rem;width:100%;max-width:100%;overflow:visible}.variant-slider-btn{width:2rem;height:12rem;display:flex!important;visibility:visible!important;flex-shrink:0;min-width:2rem}.variant-slider-btn img{width:14px;height:14px}.variant-slider-viewport{width:calc(100% - 4.75rem);max-width:calc(100% - 4.75rem)}.variant-slider-track{gap:.5rem;min-width:calc(560px + 1.5rem)}.product-variant-card,.variant-slider-track .product-variant-card{min-width:140px;width:140px;flex-shrink:0}.product-variant-cards{gap:.5rem}.variant-slider-prev,.variant-slider-next{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;flex-shrink:0!important}}.mw-groups .mw-group__button-next{color:#fff;background-color:#3fc475}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-variant-cards.css.map */