.ux-content-frame {
  grid-column: 1;
}

.ux-sidebar-inner {
  min-height: 100%;
}

.ux-side-panel input,
.ux-side-panel select,
.ux-side-panel textarea {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: rgb(23, 23, 23) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(18px);
}

.ux-side-panel input::placeholder,
.ux-side-panel textarea::placeholder {
  color: rgba(82, 82, 82, 0.72) !important;
}

.ux-side-panel
  button:not([data-ux-side-toggle]):not([data-ux-side-panel-collapse]):not(
    [data-ux-side-widget-close]
  ) {
  border-color: rgba(255, 255, 255, 0.65);
}

@media (min-width: 1024px) {
  .ux-topbar {
    margin-left: 4.5rem;
  }

  #ux-shell {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }

  .ux-content-frame {
    grid-column: 2;
    padding-right: calc(1.25rem + 4rem);
    transition: padding-right 0.18s ease;
  }

  body[data-ux-side-panel-open="1"] .ux-content-frame {
    padding-right: calc(1.25rem + 26.5rem);
  }

  .ux-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: 4.5rem;
    height: 100vh;
    align-self: start;
    overflow-y: auto;
  }
}

@media (min-width: 1280px) {
  .ux-topbar {
    margin-left: 15rem;
  }

  body[data-ux-sidebar-collapsed="1"] .ux-topbar {
    margin-left: 4.5rem;
  }

  #ux-shell {
    grid-template-columns: 15rem minmax(0, 1fr);
  }

  body[data-ux-sidebar-collapsed="1"] #ux-shell {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }

  body[data-ux-sidebar-collapsed="1"] .ux-brand-text,
  body[data-ux-sidebar-collapsed="1"] .ux-nav-label,
  body[data-ux-sidebar-collapsed="1"] .ux-nav-group-label {
    display: none;
  }

  body[data-ux-sidebar-collapsed="1"] .ux-nav-link,
  body[data-ux-sidebar-collapsed="1"] [data-ux-sidebar-toggle] {
    justify-content: center;
  }

  body[data-ux-sidebar-collapsed="1"] .ux-sidebar {
    width: 4.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ux-sidebar {
    width: 15rem;
  }

  .ux-content-frame {
    padding-right: calc(1.5rem + 4rem);
  }

  body[data-ux-side-panel-open="1"] .ux-content-frame {
    padding-right: calc(1.5rem + 26.5rem);
  }
}