.dropdown{position:relative}.dropdown .dropdownTitle{cursor:pointer;width:100%;min-width:54px;height:44px;color:var(--text-color);background-color:#0000;border-radius:16px;justify-content:center;align-items:center;padding:8px 4px 8px 8px;font-size:14px;transition:all .3s;display:flex;position:relative}.dropdown .dropdownTitle span{justify-content:flex-start;align-items:center;width:calc(100% - 28px);margin-right:8px;display:flex;position:relative}.dropdown .dropdownTitle .togglerIcon{margin-right:4px;transition:all .3s}.dropdown.open .dropdownTitle .togglerIcon{transform:rotate(180deg)}.dropdown.open .dropdownTitle,.dropdown .dropdownTitle:hover{color:var(--primary-color);background-color:var(--reverse-color);box-shadow:var(--action-color) 0px 7px 29px 0px}.dropdown .dropdownTitle:active{background-color:var(--reverse-active-color)}.dropdown .dropdownList{background-color:var(--reverse-color);opacity:0;width:fit-content;min-width:150px;max-width:60vw;height:fit-content;box-shadow:var(--action-color) 0px 7px 29px 0px;z-index:91;border-radius:16px;transition:all .3s;display:none;position:absolute;overflow:hidden}.dropdown.open .dropdownList{opacity:1;animation:.3s ease-out dropdownList-slideDown-animation;display:block}.dropdown.close .dropdownList{opacity:0;animation:.3s ease-out dropdownList-slideUp-animation;display:none}.dropdown .dropdownList .dropdownListWrapper{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:max-content;padding:4px;display:flex;position:relative;overflow:auto}.dropdown .dropdownList .dropdownListItem{cursor:pointer;border-radius:12px;width:100%;margin-bottom:4px;padding:10px 2px;transition:all .3s;display:block;position:relative}.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{justify-content:flex-start;align-items:center;margin-right:8px;font-size:14px;display:flex;position:relative}@keyframes dropdownList-slideDown-animation{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownList-slideUp-animation{0%{opacity:1;display:flex;transform:translateY(0)}99%{opacity:0;transform:translateY(-8px)}to{display:none}}.dropdown .dropdownList .dropdownItem{cursor:pointer;text-align:right;width:100%;min-height:44px;color:var(--text-color);background-color:#0000;border-radius:14px;justify-content:flex-start;align-items:center;margin-bottom:4px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex;position:relative}.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.open .dropdownTitle svg path,.dropdown.open .dropdownTitle svg circle,.dropdown .dropdownTitle:hover svg path,.dropdown .dropdownTitle:hover svg circle,.dropdown .dropdownList .dropdownItem:hover svg path,.dropdown .dropdownList .dropdownItem:hover svg circle{stroke:var(--primary-color)!important}
.textarea{border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.textarea label{cursor:pointer;color:var(--sub-text-color);margin:0 16px 4px 0;font-size:14px;font-weight:600;position:relative}.textarea label span{font-size:14px;font-weight:600}.textarea label span.star{color:var(--red-color);margin-right:8px;font-size:18px;font-weight:600}.textarea textarea{width:100%;min-height:128px;color:var(--sub-text-color);background-color:var(--reverse-color);border:2px solid rgba(var(--text-color-rgb), .1);box-shadow:rgba(var(--action-color-rgb), .1) 0px 2px 16px 0px;border-radius:16px;outline:0;justify-content:flex-start;align-items:center;padding:12px 16px;font-size:15px;transition:all .3s;display:flex;position:relative}.textarea textarea:hover{color:var(--text-color);border-color:rgba(var(--text-color-rgb), .2);box-shadow:var(--action-color) 0px 7px 29px 0px}.textarea textarea:focus,.textarea textarea:active{border-color:var(--primary-color);color:var(--text-color);box-shadow:var(--action-color) 0px 4px 16px 0px}.textarea.error textarea{border-color:var(--red-color)}.textarea.error span.message{color:var(--red-color);font-size:13px;position:absolute;bottom:-24px;right:16px}.textarea textarea[disabled]{color:var(--secondary-text-color);background-color:var(--action-color)}
.deleteDialog{flex-direction:column;display:flex;position:relative}.deleteDialog .deleteDialogWrapper{flex-direction:column;justify-content:center;align-items:center;padding:16px 32px;display:flex;position:relative}.deleteDialog .deleteDialogWrapper h3{justify-content:center;align-items:center;margin:8px 0;font-size:20px;font-weight:600;display:flex;position:relative}.deleteDialog .deleteDialogWrapper span{color:var(--sub-text-color);font-size:14px;font-weight:600}.deleteDialog .deleteDialogActions{justify-content:space-around;align-items:center;padding:8px 8px 8px 0;display:flex;position:relative}.deleteDialog .deleteDialogActions button{border-radius:12px;width:calc(50% - 8px);margin-left:8px;font-size:15px;font-weight:600}.deleteDialog .deleteDialogActions button.deleteAction{color:var(--red-color)}