:root{--color-bg:#fff;--color-border:#e5e7eb;--color-sidebar-item:#f3f4f6}html{overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:red}.sidebar__wrapper{position:relative;border:1px solid var(--color-border)}.sidebar{width:21rem;min-height:100vh;background-color:var(--color-bg);padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow:hidden}@media only screen and (max-width:30em){.sidebar{width:96vw}}[data-collapse=true]{width:0}[data-collapse=true] .sidebar__logo-name,[data-collapse=true] .sidebar__name{display:none}.sidebar_btn{position:absolute;right:0;top:1rem;background-color:var(--color-bg);width:1.5rem;height:1.5rem;border:1px solid var(--color-border);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transform:translateX(50%);font-size:1.1rem}