html,
body {
  background: #f7f6f1;
}
html[data-theme='dark'],
html[data-theme='dark'] body {
  background: #121110;
}
body:has(#app-shell) {
  padding-left: 14rem;
  padding-top: 3.75rem;
}
#app-shell:empty::before {
  content: '';
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 1030;
  width: 14rem;
  background: #ffffff;
  border-right: 1px solid #e4e1d5;
}
#app-shell:empty::after {
  content: '';
  position: fixed;
  inset: 0 0 auto 14rem;
  z-index: 1029;
  height: 3.75rem;
  background: #ffffff;
  border-bottom: 1px solid #e4e1d5;
}
html[data-theme='dark'] #app-shell:empty::before {
  background: #090d13;
  border-color: #2a3441;
}
html[data-theme='dark'] #app-shell:empty::after {
  background: #151b23;
  border-color: #2a3441;
}
html[data-sidebar-collapsed='true'] body:has(#app-shell) {
  padding-left: 0;
}
html[data-sidebar-collapsed='true'] #app-shell:empty::before {
  transform: translateX(-102%);
}
html[data-sidebar-collapsed='true'] #app-shell:empty::after {
  left: 0;
}
@media (max-width: 991.98px) {
  body:has(#app-shell) {
    padding-left: 0;
  }
  #app-shell:empty::after {
    left: 0;
  }
}