*{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root{--left-padding: max(110px, calc(20vw + 10px) );--shadow-color-asaid: rgb(255 0 0 / 16%);--background-color-aside: rgb(214 139 139 / 10%);--border-color-aside: rgb(240 114 114 / 15%)}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button{display:none!important;width:0px!important;height:0px!important;background:transparent!important;border:none!important}html::-webkit-scrollbar-button,body::-webkit-scrollbar-button{display:none!important;width:0px!important;height:0px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;margin:12px 0}::-webkit-scrollbar-thumb{background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ef444480;box-shadow:0 0 8px #ef444466}::-webkit-scrollbar-thumb:active{background:#dc2626cc}@supports (scrollbar-color: auto){html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}}body{margin:0;padding:10px 10px 10px var(--left-padding);box-sizing:border-box;color:#fff;font-family:Nunito,sans-serif;overflow:hidden;background-color:#080404;background-image:radial-gradient(circle at 10% 20%,rgba(255,26,26,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(179,0,0,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,0,50,.05) 0%,transparent 60%);background-attachment:fixed;min-height:100vh}nav,li,ul{list-style:none;padding:0;margin:0}input{padding:5px;border:none;outline:none;border-radius:5px}a{text-decoration:none;color:#fff}aside{color:#fff;display:flex;align-items:center;flex-direction:column;position:fixed;left:0;top:10px;width:20vw;min-width:110px;height:calc(100vh - 20px);padding:20px;border-radius:0 30px 30px 0;background:var(--background-color-aside);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color-aside);border-left:none;box-shadow:10px 0 30px #0000001a,inset -2px 0 15px var(--shadow-color-asaid)}[x-cloak]{display:none!important}.authBlock{display:flex;align-items:center}.authBlock #LogOut{margin:0;padding:0}.authBlock .userDate{display:flex;align-items:center;gap:10px;cursor:pointer}.authBlock .dropDownMenu{display:flex;flex-direction:column;gap:7px;position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);right:10px;border-radius:12px;padding:20px;top:70px;width:120px;height:80px;-webkit-box-shadow:0 0 37px 6px rgba(0,0,0,.42) inset;-moz-box-shadow:0 0 37px 6px rgba(0,0,0,.42) inset;background-color:#661b1b33}.dropDownMenu button,.dropDownMenu a{border:none;font-size:16px;margin:0;padding:0;border-radius:10px;background-color:#51080800;cursor:pointer;color:#fff}.buttsAccount nav li{border-radius:20px!important;padding:10px!important;border:1px solid #ffffff2e}.buttsAccount nav li:hover{background:none;border:1px solid rgb(171 47 55 / 65%)}.activeAccount{background:none;border:1px solid rgb(171 47 55 / 65%)!important}.mainButton{border-top:1px solid var(--border-color-aside);padding-top:30px;margin-top:30px}.mainButton svg{color:#d16e6e;filter:drop-shadow(0 0 6px rgb(255 80 80 / .35)) drop-shadow(0 0 12px rgb(255 50 50 / .42))}.buttsAccount{display:flex;flex-direction:column;width:100%;gap:20px}.buttsAccount>div{display:flex;flex-direction:column;gap:5px}.groupName{color:#909090ab;font-size:16px;margin-bottom:5px}.asideLinksPart{display:flex;flex-direction:column;width:100%}.asideLinksPart nav{display:flex;gap:5px;flex-direction:column;align-items:flex-start}.asideLinksPart .menuAside{border-top:1px solid var(--border-color-aside);padding-top:20px}.asideLinksPart li:hover{color:#b7cddc;cursor:pointer;background:#ab2f37a6}.activePages{color:#b7cddc;background:#ab2f37a6}.activePages svg{filter:drop-shadow(0 0 6px rgb(230 0 0)) drop-shadow(0 0 12px rgb(106 0 0))}.logoUser img{width:30px;background:#510808;border-radius:50%}aside{font-family:Nunito,sans-serif;font-size:17px}.asideLinksPart nav li{border-radius:15px;padding:10px;width:100%;transition:.2s}.asideLinksPart nav svg{width:20px}.asideLinksPart nav a{display:flex;gap:10px}.rightSide{padding:20px;border-radius:30px;height:calc(100vh - 20px);background:var(--background-color-aside);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color-aside);overflow:hidden;box-shadow:10px 0 30px #0000001a,inset -2px 0 15px var(--shadow-color-asaid);display:flex;flex-direction:column}
