.dropbtn{display:inline-block;padding:16px;box-sizing:border-box;background:none;border:none;text-decoration:none;cursor:pointer;color:var(--primary-fg-color);font-weight:400;font-size:16px;line-height:22px;letter-spacing:.24px;.chevron{display:inline-block;width:20px;height:20px;margin-left:12px}}details.dropdown{position:relative;display:inline-block;>summary{list-style:none;&::marker{display:none}&::-webkit-details-marker{display:none}}}details.dropdown[open]{.chevron{transition:transform .3s ease;transform:rotate(180deg)}}.dropbtn .chevron{transition:transform .3s ease}.dropdown-content{position:absolute;display:none;background-color:var(--bunker-50);left:0;right:0;box-shadow:0 8px 16px #0003;z-index:1;>.dropdown-list-item{cursor:pointer;color:inherit;box-sizing:border-box;width:100%;padding:12px 16px;text-decoration:none;display:block;background:none;border:none;letter-spacing:.012px;&:hover{background-color:var(--bunker-200)}&.loading{pointer-events:none;color:var(--bunker-300)}}}details.dropdown[open]>.dropdown-content,details.dropbtn:focus>.dropdown-content{display:block}.click-dropdown.open,.click-dropdown:focus{.dropdown-content{display:block}}