.custom-product-variants{margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}.custom-variant-picker{display:flex;flex-direction:column;gap:.5rem}.custom-variant-label{font-weight:600;font-size:16px;color:var(--color-text);margin-bottom:.5rem}.custom-variant-dropdown{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius, 10px);background:var(--color-background);font-size:.875rem;cursor:pointer;transition:border-color .3s ease}.custom-variant-dropdown:hover{border-color:var(--color-accent)}.custom-variant-options{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.custom-variant-option{display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--color-border);border-radius:var(--border-radius, 10px);background:var(--color-background);cursor:pointer;transition:all .3s ease;min-width:140px;min-height:140px;box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden;flex-shrink:0;margin-right:1rem;margin-bottom:1rem}.custom-variant-option:hover,.custom-variant-option:focus{border-color:var(--color-accent);box-shadow:0 6px 20px #00000040;transform:scale(1.02);outline:none}.custom-variant-option.active{border:3px solid var(--color-accent);background:var(--color-background);box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}.custom-variant-option.active:after{content:"\2713";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#5b3f2b;border-radius:50%;border:2px solid white;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color .5s ease}.custom-variant-option.active:hover:after{background:#845d40}.custom-variant-image{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--border-radius, 10px) - 2px);transition:transform .3s ease;position:absolute;top:0;left:0}.custom-variant-option:hover .custom-variant-image{transform:scale(1.05)}.custom-variant-pills .custom-variant-option{flex-direction:column;text-align:center;min-width:140px;min-height:140px}.custom-variant-swatches .custom-variant-option{flex-direction:column;text-align:center;min-width:140px;min-height:140px;padding:0}@media screen and (max-width: 749px){.custom-variant-options{gap:.75rem;justify-content:flex-start;align-items:flex-start}.custom-variant-option{min-width:100px;min-height:100px;max-width:100px;max-height:100px;padding:0;flex:0 0 100px}.custom-variant-image{width:100%;height:100%}.custom-variant-label{font-size:14px}}@media screen and (max-width: 480px){.custom-variant-options{gap:.5rem;justify-content:center}.custom-variant-option{min-width:80px;min-height:80px;max-width:80px;max-height:80px;flex:0 0 80px}}.custom-variant-option.loading{opacity:.6;pointer-events:none}.custom-variant-option.loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;z-index:3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-product-variants.css.map */