.custom-dropdown{position:relative;width:100%;min-width:0}@media screen and (min-width: 750px){.variant-half-width{display:inline-block!important;width:calc(50% - .5rem)!important;vertical-align:top;margin-right:1rem;margin-bottom:1rem;box-sizing:border-box;min-width:0;max-width:calc(50% - .5rem)}.variant-half-width:last-of-type{margin-right:0}}.custom-dropdown__button{width:100%;padding:1.2rem;font-size:1.6rem;line-height:1.6;min-height:4.8rem;border:1px solid #e5e5e5;border-radius:8px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;font-family:inherit;overflow:hidden;min-width:0;box-sizing:border-box}.custom-dropdown__button:hover{border-color:#cab69d;box-shadow:0 0 0 1px #cab69d}.custom-dropdown__button:focus,.custom-dropdown__button:focus-visible{outline:none;border-color:#cab69d;box-shadow:0 0 0 1px #cab69d}.custom-dropdown--open .custom-dropdown__button{border-color:#cab69d;box-shadow:0 0 0 1px #cab69d}.custom-dropdown__selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.8rem;min-width:0}.custom-dropdown__selected-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown__price{color:rgba(var(--color-foreground),.7);font-weight:400;margin-left:.4rem;font-size:1.2rem}.custom-dropdown__arrow{flex-shrink:0;width:1.6rem;height:1.6rem;margin-left:1rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.custom-dropdown__arrow svg{width:100%;height:100%;color:#adadad}.custom-dropdown--open .custom-dropdown__arrow{transform:rotate(180deg)}.custom-dropdown__list{display:none;position:absolute;top:calc(100% + .4rem);left:0;min-width:100%;width:max-content;max-width:calc(100vw - 2rem);background-color:rgb(var(--color-background));border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 2px 4px #00000014;max-height:300px;overflow-y:auto;overflow-x:auto;z-index:1000;padding:.4rem 0;margin:0;box-sizing:border-box}.custom-dropdown--open .custom-dropdown__list{display:block}.custom-dropdown__option{width:max-content;min-width:100%;padding:.5rem .6rem;font-size:1.6rem;line-height:1.6;text-align:left;background:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;align-items:baseline;transition:background-color .15s ease;font-family:inherit;box-sizing:border-box;white-space:nowrap}.custom-dropdown__option:hover:not(.custom-dropdown__option--disabled){background-color:rgba(var(--color-foreground),.05)}.custom-dropdown__option:focus,.custom-dropdown__option:focus-visible{outline:none;background-color:rgba(var(--color-foreground),.08)}.custom-dropdown__option--selected{background-color:rgba(var(--color-foreground),.12);font-weight:600;color:rgb(var(--color-foreground));position:relative}.custom-dropdown__option--selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#cab69d;border-radius:0 2px 2px 0}.custom-dropdown__option--disabled{opacity:.5;cursor:not-allowed;color:rgba(var(--color-foreground),.5)}.custom-dropdown__option-text{flex:1;display:flex;align-items:center;gap:.8rem}.custom-dropdown__color-indicator{width:1.6rem;height:1.6rem;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(var(--color-foreground),.15);box-shadow:0 0 0 1px rgba(var(--color-foreground),.08)}.custom-dropdown__option .custom-dropdown__color-indicator{flex-shrink:0}.custom-dropdown__option-price{color:rgba(var(--color-foreground),.7);font-weight:400;font-size:1.2rem;margin-top:.2rem}.custom-dropdown__list::-webkit-scrollbar{width:6px}.custom-dropdown__list::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05);border-radius:4px}.custom-dropdown__list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:4px}.custom-dropdown__list::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-dropdown.css.map */