.fullscreen-close{z-index:1001;min-width:100vw;min-height:100vh;position:absolute;top:0;left:0}.dropdown-list{--hover-translate-y:10px;--hover-non-replace-translate-y:80px;z-index:1002;width:fit-content;min-width:130px;position:relative}.dropdown-list-button{-webkit-user-select:none;user-select:none;text-align:center;width:fit-content;height:100%;color:var(--text-color);background:0 0;border:none;border-radius:10px;padding:20px;font-size:1rem;font-weight:500;transition:all .3s}.dropdown-list-button-image{aspect-ratio:1;width:35px}.dropdown-list-container{background-color:var(--button-color);opacity:0;visibility:hidden;min-width:fit-content;height:0;box-shadow:0px 2px 5px 2px var(--box-shadow-mid);border-radius:10px;flex-direction:column;margin:0;padding:0;list-style:none;transition:all .3s;display:flex;position:absolute;top:0;overflow:hidden}.dropdown-list-title{-webkit-user-select:none;user-select:none;border-bottom:2px solid #4d4d4d4d;margin:0 10px;padding:10px 0;font-weight:700}.dropdown-list.hovered>.dropdown-list-button{opacity:0}.dropdown-list.hovered>.dropdown-list-container{transform:translateY(var(--hover-translate-y));opacity:1;visibility:visible;height:fit-content}.dropdown-list.dropdown-no-replace.hovered>.dropdown-list-button{opacity:1}.dropdown-list.dropdown-no-replace.hovered>.dropdown-list-container{transform:translateY(calc(var(--hover-translate-y) + var(--hover-non-replace-translate-y)))}.dropdown-list.dropdown-no-replace>.dropdown-list-container>.dropdown-list-title{border-bottom:0 solid #000}.dropdown-item{text-align:start;flex-direction:row;align-items:center;gap:.7em;width:100%;margin:0;padding:1em;display:flex}.dropdown-item.centered{text-align:center;justify-content:center}.dropdown-item.dropitem-rounded{border-radius:10px}.dropdown-item:hover{background-color:#80808033}.dropdown-item-title{-webkit-user-select:none;user-select:none;width:fit-content;height:100%;margin:0;transition:all .2s}.dropdown-item-icon{width:1.5em;height:1.5em;transition:all .2s}.dropdown-item.hover-content-right:hover>.dropdown-item-title,.dropdown-item.hover-content-right:hover>.dropdown-item-icon{transform:translate(10px)}.dropdown-row{flex-direction:row;justify-content:center;align-items:center;gap:.5em;padding:.75rem;display:flex}.dropdown-row>.dropdown-item{flex:auto;padding:.5rem}.dropdown-row>.dropdown-item>.dropdown-item-title{text-align:center;padding:0}.dropdown-separator{background-color:#80808033;height:2px;margin:.5rem 0}
