.custom-variant-dropdown{margin-bottom:1.625rem;position:relative}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-header{display:flex;align-items:center;padding:0;background:transparent;border:none;cursor:pointer;width:100%;transition:opacity .2s ease;text-align:left;font-family:inherit;font-size:inherit;line-height:inherit}.custom-dropdown-header:hover{opacity:.7}.dropdown-label-wrapper{display:flex;align-items:center;gap:.5rem;margin-right:.5rem;font-size:14px;font-weight:400}.dropdown-label-wrapper strong{font-weight:400}.dropdown-selected-value{color:rgb(var(--text-color));font-weight:400}.dropdown-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.custom-dropdown-wrapper.is-open .dropdown-arrow{transform:rotate(180deg)}.dropdown-arrow svg{width:11px;height:7px;color:rgb(var(--text-color))}.custom-dropdown-menu{position:absolute;top:100%;left:0;width:150px;right:0;background:rgb(var(--background-color));border:1px solid rgb(var(--border-color),.15);max-height:300px;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;box-shadow:0 4px 12px #00000014}.custom-dropdown-wrapper.is-open .custom-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgb(var(--border-color),.08);cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:rgb(var(--text-color),.03)}.dropdown-option.active,.dropdown-option.active:hover{background-color:rgb(var(--text-color),.05)}.option-text{font-size:14px;font-weight:400;color:rgb(var(--text-color))}.dropdown-option.active .option-text{font-weight:400}.dropdown-option.out-of-stock{opacity:.6}.dropdown-option.out-of-stock:hover{background-color:transparent}.stock-status{color:#999;font-size:13px;font-weight:400;margin-left:.25rem}.option-checkmark{display:flex;align-items:center;justify-content:center;color:rgb(var(--text-color))}.option-checkmark svg{width:16px;height:16px}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:rgb(var(--background-color))}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:rgb(var(--text-color),.2);border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:rgb(var(--text-color),.3)}.hp-variant-button-group{margin-bottom:1.625rem}.hp-variant-buttons{display:flex;flex-wrap:wrap;gap:8px}.hp-variant-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;min-width:60px;background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:center}.hp-variant-button:hover:not(.out-of-stock):not(:disabled):not(.active){border-color:#00000080;background:#00000005}.hp-variant-button.active{background:#000;border-color:#000;color:#fff}.hp-variant-button.active:hover{background:#000;border-color:#000}.hp-variant-button.active span,.hp-variant-button.active:hover span{color:#fff}.hp-variant-button.out-of-stock,.hp-variant-button:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.hp-variant-button.out-of-stock:hover{border-color:#0003;background:transparent}
/*# sourceMappingURL=/cdn/shop/t/9/assets/variant-dropdown.css.map */