@keyframes pulse{50%{opacity:.6}}.ht-skeleton{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;align-items:stretch;width:100vw;height:100vh;background:#f5f5f5;z-index:1000;box-sizing:border-box}.ht-skeleton-page{display:flex;background:#fff;margin-top:8px;margin-right:8px;border-radius:12px 12px 0 0;flex:1}.ht-skeleton-nav{display:flex;flex-direction:column;align-items:center;top:0;left:0;width:56px;max-width:218px;height:100vh;padding:16px 8px;gap:16px;flex-grow:0;flex-shrink:0;overflow:hidden;box-sizing:border-box;min-width:56px}.ht-skeleton-shimmer{background-color:#d6d3d1;border-radius:6px;opacity:.33;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;transition:all .6s cubic-bezier(.4,0,0,1)}.ht-skeleton-logo{display:none;flex-direction:column;justify-content:center;padding:0 8px;height:32px}.ht-skeleton-logo-mobile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:32px}.ht-skeleton-workspace-selector{height:40px;width:40px;box-sizing:border-box}.ht-skeleton-workspace-selector div{height:40px}.ht-skeleton-list{display:flex;flex-direction:column;gap:12px;padding:0 8px}.ht-skeleton-item{height:32px;display:flex;gap:8px;align-items:center}.ht-skeleton-link{display:none;height:20px;width:100%}.ht-skeleton-icon{width:20px;height:20px}.ht-skeleton-item:nth-child(1) .ht-skeleton-shimmer{animation-delay:.1s}.ht-skeleton-item:nth-child(1) .ht-skeleton-link{width:80%}.ht-skeleton-item:nth-child(2) .ht-skeleton-shimmer{animation-delay:.2s}.ht-skeleton-item:nth-child(2) .ht-skeleton-link{width:85%}.ht-skeleton-item:nth-child(3) .ht-skeleton-shimmer{animation-delay:.3s}.ht-skeleton-item:nth-child(3) .ht-skeleton-link{width:70%}.ht-skeleton-item:nth-child(4) .ht-skeleton-shimmer{animation-delay:.4s}.ht-skeleton-item:nth-child(4) .ht-skeleton-link{width:82%}.ht-skeleton-item:nth-child(5) .ht-skeleton-shimmer{animation-delay:.5s}.ht-skeleton-item:nth-child(5) .ht-skeleton-link{width:72%}.ht-skeleton-item:nth-child(6) .ht-skeleton-shimmer{animation-delay:.6s}.ht-skeleton-item:nth-child(6) .ht-skeleton-link{width:65%}@media screen and (min-width: 1024px){html:not(.ht-sidebar-collapsed) .ht-skeleton-nav{width:218px;max-width:218px;align-items:stretch}html:not(.ht-sidebar-collapsed) .ht-skeleton-link{display:block}html:not(.ht-sidebar-collapsed) .ht-skeleton-logo-mobile{display:none}html:not(.ht-sidebar-collapsed) .ht-skeleton-workspace-selector{width:100%}html:not(.ht-sidebar-collapsed) .ht-skeleton-logo{display:flex}}
