.dropdown{position:relative}.dropdown .dropdownTitle{position:relative;width:100%;min-width:54px;height:44px;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer;padding:8px 4px 8px 8px;border-radius:16px;color:var(--text-color);background-color:transparent;transition:all .3s}.dropdown .dropdownTitle span{position:relative;width:calc(100% - 28px);display:flex;justify-content:flex-start;align-items:center;margin-right:8px}.dropdown .dropdownTitle .togglerIcon{margin-right:4px;transition:all .3s}.dropdown.open .dropdownTitle .togglerIcon{transform:rotate(180deg)}.dropdown .dropdownTitle:hover,.dropdown.open .dropdownTitle{color:var(--primary-color);background-color:var(--reverse-color);box-shadow:var(--action-color) 0 7px 29px 0}.dropdown .dropdownTitle:active{background-color:var(--reverse-active-color)}.dropdown .dropdownList{position:absolute;width:-moz-fit-content;width:fit-content;min-width:150px;max-width:60vw;height:-moz-fit-content;height:fit-content;display:none;border-radius:16px;background-color:var(--reverse-color);opacity:0;box-shadow:var(--action-color) 0 7px 29px 0;z-index:91;overflow:hidden;transition:all .3s}.dropdown.open .dropdownList{display:block;opacity:1;animation:dropdownList-slideDown-animation .3s ease-out}.dropdown.close .dropdownList{display:none;opacity:0;animation:dropdownList-slideUp-animation .3s ease-out}.dropdown .dropdownList .dropdownListWrapper{position:relative;width:100%;height:max-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:4px;overflow:auto}.dropdown .dropdownList .dropdownListItem{position:relative;width:100%;display:block;margin-bottom:4px;border-radius:12px;padding:10px 2px;cursor:pointer;transition:all .3s}.dropdown .dropdownList .dropdownListItem:hover{color:var(--primary-color);background-color:var(--action-color)}.dropdown .dropdownList .dropdownListItem:hover svg circle,.dropdown .dropdownList .dropdownListItem:hover svg path{stroke:var(--primary-color)!important}.dropdown .dropdownList .dropdownListItem:active{background-color:rgba(var(--action-color-rgb),.2)}.dropdown .dropdownList .dropdownListItem:last-child{margin:0}.dropdown .dropdownList .dropdownListItem span{position:relative;display:flex;justify-content:flex-start;align-items:center;margin-right:8px;font-size:14px}@keyframes dropdownList-slideDown-animation{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownList-slideUp-animation{0%{display:flex;opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(-8px)}to{display:none}}.dropdown .dropdownList .dropdownItem{position:relative;width:100%;min-height:44px;display:flex;justify-content:flex-start;align-items:center;padding:8px 16px;margin-bottom:4px;border-radius:14px;cursor:pointer;text-align:right;font-size:14px;color:var(--text-color);background-color:transparent;transition:all .3s}.dropdown .dropdownList .dropdownItem:hover{color:var(--primary-color);background-color:rgba(var(--text-color-rgb),.05)}.dropdown .dropdownList .dropdownItem:last-child{margin:0}.dropdown .dropdownList svg{min-width:22px;min-height:22px}.dropdown .dropdownList .dropdownItem:hover svg circle,.dropdown .dropdownList .dropdownItem:hover svg path,.dropdown .dropdownTitle:hover svg circle,.dropdown .dropdownTitle:hover svg path,.dropdown.open .dropdownTitle svg circle,.dropdown.open .dropdownTitle svg path{stroke:var(--primary-color)!important}