.custom-color-selector{margin:0;padding:0;clear:both;display:block;width:100%}.custom-color-selector-block[style*="padding-bottom: 0px"] .custom-color-swatches{margin-bottom:0}.custom-color-selector .variant-option{border:none}.custom-color-selector-block{display:block;width:100%}.custom-color-selector-block--no-names .custom-color-label,.custom-color-selector-block--no-names .custom-color-selected{display:none}select option[value="Custom Color"]{display:none!important}.custom-color-selected{font-weight:400;text-transform:none;color:#666}.custom-color-selector .custom-color-swatches{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;margin:0;padding:0}.custom-color-selector .custom-color-swatch{position:relative;width:var(--variant-picker-swatch-width, 30px);height:var(--variant-picker-swatch-height, 30px);padding:0;border:var(--variant-picker-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--variant-picker-border-opacity, .1));border-radius:var(--variant-picker-swatch-radius, 100px);background:#fff;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0}.custom-color-selector .custom-color-swatch img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.custom-color-selector .custom-color-swatch .custom-color-swatch-color{display:block;width:100%;height:100%;border-radius:inherit;background-size:cover;background-position:center}.custom-color-selector .custom-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.custom-color-selector .custom-color-swatch.selected{border-color:rgba(var(--color-foreground-rgb),1);border-width:2px;transform:scale(1.05)}.custom-color-selector .custom-color-swatch.selected:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:calc(var(--variant-picker-swatch-width, 30px) * .5);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.custom-color-popup-v2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.custom-color-popup-v2.active{visibility:visible;opacity:1}.custom-color-popup-v2 .popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.custom-color-popup-v2 .popup-content{position:relative;background:#fff;width:90%;max-width:500px;max-height:90vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.custom-color-popup-v2 .popup-close{position:absolute;top:16px;right:16px;z-index:1;width:36px;height:36px;padding:0;background:#fff;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.custom-color-popup-v2 .popup-close:hover{background:#f5f5f5;transform:rotate(90deg)}.custom-color-popup-v2 .popup-header{padding:24px 24px 16px;text-align:center}.custom-color-popup-v2 .popup-title{margin:0 0 8px;font-size:20px;font-weight:600}.custom-color-popup-v2 .selected-color-name{margin:0;font-size:18px;font-weight:600;color:#000;text-align:center}.custom-color-popup-v2 .popup-image-container{padding:0 24px;display:flex;justify-content:center;align-items:center;min-height:200px;max-height:300px;overflow:hidden}.custom-color-popup-v2 .selected-color-image{width:100%;max-width:300px;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.custom-color-popup-v2 .popup-product-info{padding:16px 24px;text-align:center;border-top:1px solid #e5e5e5}.custom-color-popup-v2 .product-title{margin:0 0 8px;font-size:16px;font-weight:500}.custom-color-popup-v2 .product-price{font-size:18px;font-weight:600}.custom-color-popup-v2 .popup-actions{padding:16px 24px;display:flex;gap:12px;align-items:center;justify-content:center}.custom-color-popup-v2 .quantity-selector{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:4px;background:#fff}.custom-color-popup-v2 .quantity-button{width:36px;height:36px;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.custom-color-popup-v2 .quantity-button:hover{background:#f5f5f5}.custom-color-popup-v2 .quantity-input{width:50px;height:36px;padding:0;text-align:center;border:none;font-size:14px;font-weight:500;-moz-appearance:textfield}.custom-color-popup-v2 .quantity-input::-webkit-outer-spin-button,.custom-color-popup-v2 .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-color-popup-v2 .popup-actions .button{min-width:200px}.custom-color-popup-v2 .spinner{animation:rotate 1s linear infinite}.custom-color-popup-v2 .spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width: 768px){.custom-color-popup-v2 .popup-content{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:12px 12px 0 0;max-height:80vh;transform:translateY(100%);transition:transform .3s ease}.custom-color-popup-v2.active .popup-content{transform:translateY(0)}.custom-color-popup-v2 .popup-image-container{max-height:200px}.custom-color-popup-v2 .selected-color-image{max-width:200px}.custom-color-popup-v2 .popup-content:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#d5d5d5;border-radius:2px}.custom-color-popup-v2 .popup-header{padding-top:32px}}@media (min-width: 769px){.custom-color-popup-v2 .popup-content{animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/396/assets/custom-color-v2.css.map */