.dropdown{margin-bottom:1rem;position:relative}.dropdown .icon-arrow-down{transition:transform .25s var(--ease-in-cubic)}.dropdown.expanded{z-index:1}.dropdown.expanded .icon-arrow-down{transform:rotate(-180deg)}.dropdown.expanded .dropdown__options{background:hsl(var(--theme-bg));border-bottom:1px solid hsla(var(--theme-text)/.3);border-left:1px solid hsla(var(--theme-text)/.3);border-right:1px solid hsla(var(--theme-text)/.3);max-height:200px;opacity:1;overflow-y:scroll;pointer-events:visible}.dropdown.expanded .dropdown__options li{opacity:1;transition:opacity .35s ease .2s}.dropdown button{align-items:center;border-bottom:1px solid hsla(var(--theme-text)/.3);display:flex;padding:.5rem 0;text-align:left;width:100%}.dropdown button span{flex:1}.dropdown__options{max-height:0;overflow:hidden;pointer-events:none;position:absolute;transition:max-height .35s ease;width:100%}.dropdown__options::-webkit-scrollbar{display:none}.dropdown__options-inner{box-sizing:content-box;height:100%;overflow-y:scroll;padding-right:17px;width:100%}.dropdown__options-inner::-webkit-scrollbar{display:none}.dropdown__options:after{background:hsl(var(--theme-bg));content:"";height:calc(100% + .5rem);left:calc(var(--grid-margin)*-1);position:absolute;top:0;width:calc(100% + var(--grid-margin)*2)}@media (min-width:900px){.dropdown__options:after{left:calc(var(--grid-gap)*-1);width:calc(100% + var(--grid-gap)*2)}}.dropdown__options li{cursor:pointer;opacity:0;padding:.5rem;position:relative;z-index:3}.dropdown__options li:nth-child(odd){background:hsla(var(--theme-text)/.05)}.dropdown__options li.selected span{opacity:.4}