*{box-sizing:border-box}body{margin:0;height:100vh;background-position:50%;background-repeat:repeat;background-image:url(/images/bg-main2.png);font-family:MikhakMedium}button{cursor:pointer;border-width:0;padding:0;text-align:left;background:transparent}.sidebar{top:1.5rem;bottom:1.5rem;right:1.5rem;width:100%;flex-direction:column;gap:.5rem;border-radius:1rem;border:1px solid hsla(0,0%,100%,.08);padding:0 .5rem;--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:1024px){.sidebar{width:280px}}.sidebar{height:calc(100vh - 40px);overflow-y:auto;background-color:rgba(0,0,0,.7);scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.sidebar::-webkit-scrollbar-track{background-color:#1f2937}.sidebar{background-color:#080e34b3}@keyframes slideInSidebar{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutSidebar{0%{transform:translateX(0)}to{transform:translateX(100%)}}.sidebar.show{animation:slideInSidebar .3s forwards}.sidebar.hide{animation:slideOutSidebar .3s forwards}.sidebar header{display:flex;height:72px;align-items:center;border-bottom:1px hsla(0,0%,100%,.08);border-style:solid;padding:0 1.25rem 0 0}.sidebar header button{width:52px}.sidebar header img{height:1.5rem}.sidebar button{position:relative;display:flex;height:50px;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;padding:0 .5rem;font-weight:400;line-height:1;color:hsla(0,0%,100%,.95)}.sidebar button:is(.active,:hover){background-color:rgba(0,0,0,.3)}.sidebar button i{transition-property:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sidebar button.active>i:nth-child(3){rotate:-180deg}.sidebar button:not(.active):hover{background-color:rgba(0,0,0,.1)}.sidebar ul{margin:0;display:grid;width:100%;list-style-type:none;padding:0}.sub-menu{position:relative;right:1rem;margin-left:1rem;height:0;overflow:hidden;transition-property:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sub-menu ul{position:absolute;left:0;top:0;display:grid}.sub-menu button:before{right:1.5rem;top:50%;height:5px;width:5px;border-radius:50%;background-color:hsla(0,0%,100%,.35);--tw-content:"";content:var(--tw-content);translate:0 -50%}.sidebar .material-symbols-outlined{font-size:1rem;line-height:1.5rem}.sidebar i{width:1.25rem;min-width:20px;max-width:20px;font-size:1.25rem;line-height:1.75rem}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#1f2937}