.color-variants-badge{position:absolute!important;bottom:122px!important;right:8px!important;left:auto!important;top:auto!important;background:#fffffff2!important;color:#333!important;padding:8px 10px 8px 40px!important;border-radius:40px!important;font-size:24px!important;font-weight:600!important;cursor:pointer!important;z-index:2!important;transition:all .2s ease!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 8px #00000026!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;min-width:35px!important;height:36px!important;max-width:80px!important;text-align:right!important;line-height:1!important;white-space:nowrap!important;pointer-events:auto!important}.color-variants-badge:before{content:"";position:absolute;left:8px;width:20px;height:20px;background:linear-gradient(135deg,#4285f4,#5b9bd5,#ea4335);border-radius:50%;border:2px solid rgba(255,255,255,.8);z-index:2}.color-variants-badge:after{content:"";position:absolute;left:20px;width:20px;height:20px;background:linear-gradient(135deg,#ea4335,#f06292,#9c27b0);border-radius:50%;border:2px solid rgba(255,255,255,.8);z-index:1}.color-variants-badge:hover{background:#fff!important;transform:scale(1.08)!important;box-shadow:0 4px 15px #00000040!important;border-color:#0003!important}#global-color-variants-popup{position:fixed;bottom:20px;left:20px;right:20px;z-index:1000;background:#fff;border-radius:20px;box-shadow:0 -5px 30px #0000004d;padding:20px;max-height:70vh;animation:popupSlideUp .3s ease-out;overflow-y:auto}#global-color-variants-popup button:hover{background:#0000001a!important;transform:scale(1.1)}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}#color-variants-container{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}#color-variants-container::-webkit-scrollbar{height:8px}#color-variants-container::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}#color-variants-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}#color-variants-container::-webkit-scrollbar-thumb:hover{background:#00000080}.color-variant-item{min-width:120px;width:120px;flex-shrink:0;text-align:center}.color-variant-item img{width:100%;height:180px;object-fit:cover;border-radius:12px;border:2px solid #f0f0f0;transition:all .3s ease}.color-variant-item img:hover{border-color:#007bff;box-shadow:0 4px 15px #007bff33;transform:scale(1.02)}@media (max-width: 768px){.color-variants-badge{padding:3px 6px 3px 40px!important;font-size:12px!important;height:22px!important;min-width:20px!important;max-width:40px!important;border-radius:24px!important;bottom:110px!important;right:6px!important}.color-variants-badge:before{left:3px;width:12px;height:12px;border:1px solid rgba(255,255,255,.8)}.color-variants-badge:after{left:12px;width:12px;height:12px;border:1px solid rgba(255,255,255,.8)}#global-color-variants-popup{left:10px;right:10px;bottom:10px;max-height:60vh;padding:15px}#color-variants-container{gap:12px}.color-variant-item{min-width:100px;width:100px}.color-variant-item img{height:150px}}@media (max-width: 1024px) and (min-width: 769px){#global-color-variants-popup{width:85vw}.color-variant-item{min-width:110px;width:110px}.color-variant-item img{height:165px}}#global-color-variants-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-wrapper,.card{overflow:visible!important}.card__content{z-index:1!important;pointer-events:none!important}.card__content>*{pointer-events:auto!important}.card__media .media{aspect-ratio:2/3!important;--ratio-percent: 150% !important}.card__media .media img{width:100%!important;height:100%!important;object-fit:cover!important}.card__inner.ratio{--ratio-percent: 150% !important}.color-variants-badge{pointer-events:auto!important;isolation:isolate!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important}.card-wrapper .card__heading,.card-wrapper .card__heading.h5{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.card-wrapper .card__heading a,.card-wrapper .card__heading.h5 a{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important}.card-wrapper .card .card__content .card__information .card__heading{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.card-wrapper .card__information{width:100%!important;max-width:100%!important;overflow:hidden!important}.card-wrapper h3,.card-wrapper h3 a,.card-wrapper .h5,.card-wrapper .h5 a{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important}.color-variants-badge:hover{pointer-events:auto!important;cursor:pointer!important}
/*# sourceMappingURL=/cdn/shop/t/30/assets/color-variants.css.map */