.variant-wrapper{position:relative}.dropdown-selected{display:flex;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;cursor:pointer;position:relative;min-height:50px;outline:2px solid #9b6c34}.dropdown-selected.active{border-color:#9b6c34}.dropdown-selected:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;transition:transform .3s ease}.dropdown-selected.active:after{transform:translateY(-50%) rotate(180deg)}.selected-price-addon{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:14px;color:#d52230;font-weight:500}.selected-option{display:flex;align-items:center;flex:1}.option-image{width:32px;height:32px;border-radius:6px;margin-right:12px;object-fit:cover}.option-text{font-size:15px}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown-options.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{display:flex;align-items:center;padding:8px 10px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f8f9fa}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:#f8f9fa}.dropdown-option.selected{background-color:#f3ebde}.dropdown-option.disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.dropdown-option.disabled:hover{background-color:#f5f5f5}.variant-add-on{margin-left:auto;font-size:14px;color:#d52230;font-weight:500}select[data-variant-input]{position:absolute;left:-9999px;opacity:0;pointer-events:none}@media (max-width: 768px){.dropdown-selected{padding:10px 14px}.option-image{width:28px;height:28px}.option-text{font-size:14px}}.loading{position:relative;overflow:hidden}.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/variant-dropdown.css.map */