html{--color-gray-200:#ebedf3;--color-white:#fff;--border-radius-24:24px;--border-radius-8:8px}body{padding:0;margin:0;background:#f6f7f8}.base-sidebar-loader{width:258px;height:100vh;background:var(--color-white);border-top-right-radius:var(--border-radius-24);border-bottom-right-radius:var(--border-radius-24);padding:20px 18px;display:flex;flex-direction:column;justify-content:space-between}.base-sidebar-loader-top{width:100%}.base-sidebar-loader-top-menu{gap:5px;display:flex;flex-direction:column}.base-sidebar-loader-top-logo{margin-bottom:50px}.base-sidebar-loader-user{gap:30px;display:flex;width:100%}.base-skeleton{position:relative;background:var(--color-gray-200);border-radius:var(--border-radius-8);overflow:hidden;width:100%}.base-skeleton--menu{height:42px}.base-skeleton--avatar{width:23%;flex-shrink:0}.base-skeleton--logo{height:47px;width:118px}.base-skeleton::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}*{box-sizing:border-box}@keyframes shine{to{background-position-x:-200%}}