.cosmos-editor-rail-trigger {
  display: flex;
  width: 60px;
  min-height: 54px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0 0 10px;
  padding: 5px 4px;
  border: 1px solid rgba(99,137,255,.38);
  border-radius: 14px;
  background: rgba(40,72,164,.2);
  color: #dce6ff;
  cursor: pointer
}
.cosmos-editor-rail-trigger:hover,
.cosmos-editor-rail-trigger[aria-expanded=true] {
  border-color: rgba(117,151,255,.8);
  background: rgba(54,91,197,.34)
}
.cosmos-editor-rail-trigger__mark {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(145deg,#315ee7,#6847db);
  color: #fff;
  font-size: 10px;
  font-weight: 800
}
.cosmos-editor-rail-trigger__label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .02em
}
.cosmos-editor-rail-separator {
  width: 38px;
  height: 1px;
  flex: 0 0 auto;
  margin: 0 0 10px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)
}
.cosmos-editor-drawer-layer[hidden] {
  display: none
}
.cosmos-editor-drawer-layer {
  position: fixed;
  inset: 0;
  z-index: 12000
}
.cosmos-editor-drawer__scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(4,6,10,.72);
  backdrop-filter: blur(3px);
  cursor: default
}
.cosmos-editor-drawer {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(310px,88vw);
  height: 100%;
  flex-direction: column;
  padding: 18px 14px;
  border-right: 1px solid rgba(161,173,198,.2);
  background: #10131a;
  box-shadow: 24px 0 70px rgba(0,0,0,.48);
  color: #f5f7fb;
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.cosmos-editor-drawer__header {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) 34px;
  align-items: center;
  gap: 10px;
  padding: 0 4px 20px;
  border-bottom: 1px solid rgba(161,173,198,.14)
}
.cosmos-editor-drawer__brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg,#315ee7,#6847db);
  font-size: 12px;
  font-weight: 800
}
.cosmos-editor-drawer__brand-copy {
  display: grid;
  gap: 2px
}
.cosmos-editor-drawer__brand-copy strong {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase
}
.cosmos-editor-drawer__brand-copy small {
  color: #7e899f;
  font-size: 10px
}
.cosmos-editor-drawer__close {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(161,173,198,.16);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: #a7b0c2;
  cursor: pointer
}
.cosmos-editor-drawer__nav {
  display: grid;
  gap: 18px;
  padding: 20px 0;
  overflow-y: auto
}
.cosmos-editor-drawer__group {
  display: grid;
  gap: 4px
}
.cosmos-editor-drawer__group-label {
  margin: 0 10px 5px;
  color: #6f7a90;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase
}
.cosmos-editor-drawer__item {
  display: grid;
  min-height: 42px;
  grid-template-columns: 30px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 9px;
  color: #9ba6bb;
  text-decoration: none
}
.cosmos-editor-drawer__item[href]:hover {
  background: rgba(255,255,255,.05);
  color: #f5f7fb
}
.cosmos-editor-drawer__item[aria-current=page] {
  background: rgba(75,124,255,.14);
  color: #e8eeff
}
.cosmos-editor-drawer__item[aria-disabled=true] {
  cursor: not-allowed;
  opacity: .52
}
.cosmos-editor-drawer__item-mark {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  background: rgba(255,255,255,.055);
  font-size: 10px;
  font-weight: 750
}
.cosmos-editor-drawer__item[aria-current=page] .cosmos-editor-drawer__item-mark {
  background: #4b7cff;
  color: #fff
}
.cosmos-editor-drawer__item-label {
  overflow: hidden;
  font-size: 12px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cosmos-editor-drawer__item-status {
  color: #69758b;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase
}
.cosmos-editor-drawer__account {
  display: grid;
  gap: 3px;
  margin-top: auto;
  padding: 16px 10px 2px;
  border-top: 1px solid rgba(161,173,198,.14)
}
.cosmos-editor-drawer__account-name {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cosmos-editor-drawer__account-role {
  color: #778298;
  font-size: 9px;
  text-transform: capitalize
}
body.cosmos-editor-drawer-open {
  overflow: hidden
}
@media (max-width:820px) {
  .cosmos-editor-rail-trigger {
    width: 54px;
    min-height: 44px;
    flex-direction: row;
    gap: 3px;
    margin: 0;
    border-radius: 10px
  }
  .cosmos-editor-rail-trigger__mark {
    width: 24px;
    height: 24px
  }
  .cosmos-editor-rail-trigger__label {
    display: none
  }
  .cosmos-editor-rail-separator {
    width: 1px;
    height: 32px;
    margin: 0 4px 0 0;
    background: linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent)
  }
}
@media (prefers-reduced-motion:reduce) {
  .cosmos-editor-drawer,
  .cosmos-editor-rail-trigger {
    transition: none
  }
}