@view-transition {
  navigation: auto;
}

.workspace-brand {
  position: relative;
}

.management-sidebar {
  display: flex !important;
  flex-direction: column;
}

.management-sidebar > .sidebar-group:first-child {
  margin-top: 0;
}

.management-sidebar .sidebar-group,
.management-sidebar .sidebar-group + .sidebar-group {
  width: 100%;
  margin: 0 0 17px;
}

.management-sidebar .sidebar-group > p {
  margin: 0 0 7px;
  padding-inline: 0;
}

.management-sidebar .sidebar-group > a {
  min-height: 37px;
  padding-block: 0;
  box-sizing: border-box;
}

.management-sidebar .sidebar-group.sidebar-support {
  margin-top: auto;
  margin-bottom: 4px;
  padding-top: 18px;
  border-top: 1px solid color-mix(in srgb, currentColor 9%, transparent);
}

.workspace-brand .brand-home-link {
  color: inherit;
  text-decoration: none;
}

.workspace-sidebar-toggle {
  position: relative;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.workspace-sidebar-toggle .brand-mark,
.workspace-sidebar-toggle-icon {
  grid-area: 1 / 1;
  transition: opacity 150ms ease, transform 180ms cubic-bezier(.16, 1, .3, 1), background-color 150ms ease;
}

.workspace-sidebar-toggle-icon {
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 4px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transform: scale(.86);
}

.workspace-sidebar-toggle:hover,
.workspace-sidebar-toggle:focus-visible {
  background: color-mix(in srgb, currentColor 8%, transparent);
}

.workspace-sidebar-toggle:hover .brand-mark,
.workspace-sidebar-toggle:focus-visible .brand-mark {
  opacity: 0;
  transform: scale(.86);
}

.workspace-sidebar-toggle:hover .workspace-sidebar-toggle-icon,
.workspace-sidebar-toggle:focus-visible .workspace-sidebar-toggle-icon {
  opacity: 1;
  transform: scale(1);
}

html.workspace-sidebar-collapsed .workspace-sidebar-toggle:hover .workspace-sidebar-toggle-icon,
html.workspace-sidebar-collapsed .workspace-sidebar-toggle:focus-visible .workspace-sidebar-toggle-icon {
  transform: scale(1) rotate(180deg);
}

.workspace-sidebar-tooltip {
  position: absolute;
  z-index: 120;
  left: 0;
  top: calc(100% + 9px);
  width: max-content;
  padding: 7px 9px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  background: #f5f5f5;
  color: #222;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity 120ms ease, transform 120ms ease;
}

.workspace-sidebar-toggle:hover .workspace-sidebar-tooltip,
.workspace-sidebar-toggle:focus-visible .workspace-sidebar-tooltip {
  opacity: 1;
  transform: translateY(0);
}

.management-layout,
.management-sidebar {
  transition: grid-template-columns 240ms cubic-bezier(.16, 1, .3, 1), opacity 180ms ease, transform 240ms cubic-bezier(.16, 1, .3, 1);
}

html.workspace-sidebar-collapsed .management-layout {
  grid-template-columns: 0 minmax(0, 1fr) !important;
}

html.workspace-sidebar-collapsed .management-sidebar {
  width: 0 !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
  border-right: 0 !important;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-12px);
}

html.workspace-sidebar-collapsed .profile-shell {
  width: min(1410px, calc(100vw - 56px));
}

html.workspace-static-switching .management-sidebar,
html.nav-entering .management-sidebar {
  view-transition-name: yayue-management-sidebar;
}

html.workspace-static-switching .workspace-content-shell,
html.nav-entering .workspace-content-shell {
  view-transition-name: yayue-workspace-content;
  background: #1e1e1e;
}

html[data-theme="light"].workspace-static-switching .workspace-content-shell,
html[data-theme="light"].nav-entering .workspace-content-shell {
  background: #f5f6f7;
}

html.workspace-static-switching body.wallet-redesign::after {
  left: 220px;
}

html.nav-leaving .workspace-content-shell,
html.nav-entering .workspace-content-shell {
  will-change: opacity;
}

::view-transition-group(yayue-management-sidebar) {
  z-index: 11;
  animation-duration: 0s;
}

::view-transition-old(yayue-management-sidebar),
::view-transition-new(yayue-management-sidebar) {
  opacity: 1;
  animation: none;
  mix-blend-mode: normal;
  background: #1a1a1a;
}

::view-transition-group(yayue-workspace-content) {
  animation: none;
}

::view-transition-image-pair(yayue-workspace-content) {
  background: #1e1e1e;
}

html.workspace-static-switching::view-transition-new(root),
html.nav-entering::view-transition-new(root) {
  opacity: 1;
  animation: none;
}

html.workspace-static-switching::view-transition-old(root),
html.nav-entering::view-transition-old(root) {
  opacity: 0;
  animation: none;
}

html[data-theme="light"]::view-transition-image-pair(yayue-workspace-content) {
  background: #f5f6f7;
}

::view-transition-old(yayue-workspace-content) {
  animation: none;
  opacity: 0;
  mix-blend-mode: normal;
}

::view-transition-new(yayue-workspace-content) {
  opacity: 1;
  animation: yayue-workspace-in 140ms ease-out both;
  mix-blend-mode: normal;
}

@keyframes yayue-workspace-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 1000px) {
  .workspace-sidebar-toggle { display: none; }

  .management-sidebar > .sidebar-group:first-child { margin-top: 0; }
  .management-sidebar .sidebar-group.sidebar-support { margin-top: 16px; }

  html.workspace-static-switching body.wallet-redesign::after {
    left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-new(yayue-workspace-content) {
    animation-duration: .01ms;
  }
}
html[data-server-loading="true"] .workspace-content-shell{position:relative;filter:grayscale(1);opacity:.58;pointer-events:none;transition:none!important}
html[data-server-loading="true"] .workspace-content-shell::after{content:"";position:absolute;z-index:50;inset:0;background:linear-gradient(100deg,rgba(128,128,128,.04) 20%,rgba(190,190,190,.1) 38%,rgba(128,128,128,.04) 56%);background-size:220% 100%;animation:workspace-server-loading 1.25s linear infinite;pointer-events:none}
html[data-server-loading="false"] .workspace-content-shell{filter:none;opacity:1;transition:filter 160ms ease,opacity 160ms ease}
@keyframes workspace-server-loading{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){html[data-server-loading="true"] .workspace-content-shell::after{animation:none}}