.dropdown-menu{position:relative;user-select:none}.dropdown-menu__panel{position:absolute;top:calc(100% + .8rem);left:0;z-index:20;display:flex;flex-direction:column;gap:0;width:max-content;min-width:19.2rem;padding:0;border:0;border-radius:2rem;background-color:var(--color-bg-page);overflow:hidden;box-shadow:0 .8rem 1.8rem rgba(0,0,0,.1),0 3.3rem 3.3rem rgba(0,0,0,.09),0 7.4rem 4.5rem rgba(0,0,0,.05),0 13.2rem 5.3rem rgba(0,0,0,.01)}.dropdown-menu__header{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 0}.dropdown-menu__header-icon{flex-shrink:0;color:var(--color-text)}.dropdown-menu__title{margin:0;font-size:2rem;font-weight:600;line-height:1.275;color:var(--color-text)}.dropdown-menu__options{display:flex;flex-direction:column;gap:0;max-height:32rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) rgba(0,0,0,0)}.dropdown-menu__options::-webkit-scrollbar{width:.6rem}.dropdown-menu__options::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--color-scrollbar-thumb)}.dropdown-menu__option{display:block;width:100%;padding:1rem 2rem;border:0;background:rgba(0,0,0,0);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:400;line-height:1.25;text-align:left;cursor:pointer;transition:color .15s ease}.dropdown-menu__option:focus-visible{outline:.2rem solid var(--color-primary);outline-offset:.2rem}.dropdown-menu__option:first-child{padding-top:2rem}.dropdown-menu__option:last-child{padding-bottom:2rem}.dropdown-menu__option:hover{color:var(--color-primary)}.dropdown-menu__option--selected{color:var(--color-primary);font-weight:500}.dropdown-menu__option--selected:hover{color:var(--color-primary-hover)}