.page-skeleton-root,.page-skeleton{height:100vh;position:fixed;left:0;top:0;z-index:1000}.page-skeleton{opacity:0;animation:DelayFadeIn .5s ease-in-out;animation-delay:.4s;animation-fill-mode:forwards;will-change:opacity}@keyframes DelayFadeIn{0%{opacity:0}80%{opacity:0}to{opacity:1}}.sidebar-page-skeleton{position:fixed;top:0;width:calc(100% - 246px);left:246px!important;background-color:var(--roofr-white);position:static}.sidebar-page-skeleton>div{flex:1}.sidebar-page-skeleton .header-menu{width:100%;gap:24px}.sidebar-page-skeleton.hide-side-bar{background-color:transparent}.sidebar-page-skeleton.hide-side-bar .page-skeleton-side-bar{visibility:hidden}.sidebar-page-skeleton.hide-side-bar .page-skeleton-tab-section{background-color:var(--roofr-white)}.sidebar-page-skeleton .search-section>div{flex:1;margin-bottom:48px}.sidebar-page-skeleton .search-input{height:54px;max-width:300px;width:100%}.sidebar-page-skeleton .header-menu-item{width:64px;height:12px}.sidebar-page-skeleton .square-loader{display:flex;gap:12px;flex-wrap:wrap}.sidebar-page-skeleton .square-loader .content-skeleton-item{width:240px;height:240px}.sidebar-page-skeleton .hide-header{display:none!important}@media screen and (max-width:768px){.sidebar-page-skeleton{left:0!important;width:100%}.sidebar-page-skeleton .page-skeleton-side-bar{display:none}.sidebar-page-skeleton .page-skeleton-tab-section{width:100vw}.sidebar-page-skeleton .content-skeleton-item{height:80px}.sidebar-page-skeleton .search-section{display:none!important}.sidebar-page-skeleton .header-blue-pill{display:initial}.sidebar-page-skeleton .header-menu-item{width:40px;height:40px}.sidebar-page-skeleton .square-loader{display:grid;grid-template-columns:1fr 1fr}.sidebar-page-skeleton .square-loader .content-skeleton-item{flex:1;width:100%;margin:0}.sidebar-page-skeleton .hide-header{display:flex!important}.sidebar-page-skeleton .content-blue-pill{display:none}}.page-skeleton-mobile{height:100vh;position:relative;z-index:1000}.page-skeleton-mobile-title{width:120px;height:24}.page-skeleton-side-item{width:100%;height:32px;margin:.75rem 0}.page-skeleton-side-bar{min-width:246px;height:100vh;background-color:linear-gradient(90deg,#fff,#edf0f2)}.page-skeleton-tab-section{width:100%;height:100%}.page-skeleton-header{height:67px;width:100%}.blue-pill,.header-blue-pill,.content-blue-pill{width:64px;height:32px;margin:.75rem 0;background-color:var(--roofr-blue-20B)}.content-skeleton-item{width:100%;height:66px;margin:16px 0}.content-blue-pill{width:120px}.header-blue-pill{width:64px;height:36px;display:none}