src/css/desktop/startmenu/newsm17823.css
div.startmenu div.right {
  top: 10px;
  right: 10px;
  border-radius: 5px;
  border: var(--win-border-light);
}

div.startmenu.colored div.right,
div.startmenu.colored div.bottom {
  border: var(--accent-light-transparent) 1px solid;
}

div.startmenu.small div.left {
  width: calc(100% - 180px);
}

div.startmenu:not(.small) div.left {
  width: calc(100% - 230px);
}

div.startmenu div.left {
  top: 10px;
  left: 10px;
}

div.startmenu.small div.right,
div.startmenu.small div.left {
  height: calc(100% - 80px);
}

div.startmenu:not(.small) div.left,
div.startmenu:not(.small) div.right {
  height: calc(100% - 95px);
}

div.startmenu div.bottom {
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  border-radius: 5px;
  border: var(--win-border-light);
  align-items: center;
}

div.startmenu div.bottom > * {
  height: fit-content;
}

div.startmenu:not(.small) div.bottom {
  height: 60px;
  padding: 0 15px;
  padding-right: 20px;
}

div.startmenu.small div.bottom {
  padding: 15px;
}

div.startmenu div.bottom h1.username {
  display: flex;
  align-items: center;
  gap: 10px;
}

div.startmenu.small {
  width: 420px;
  height: 490px;
}
