src/css/desktop/desktopicons.css
div.desktopIcons {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 80px);
  grid-template-rows: repeat(auto-fit, 85px);
  padding: 10px;
  height: calc(100% - 65px);
  overflow: hidden;
  position: absolute;
}

div.desktopIcons * {
  -webkit-user-drag: none;
}

div.desktopIcons.launcher {
  margin-top: 35px !important;
}

div.desktop.tbdocked:not(.tb-vertical):not(.tb-vertical-right)
  div.desktopIcons {
  height: calc(100% - 45px);
}

div.desktop:not(.tbdocked).tb-top div.desktopIcons {
  margin-top: 65px;
}
div.desktop.tbdocked.tb-top div.desktopIcons {
  margin-top: 45px;
}
div.desktop.tb-vertical div.desktopIcons:not(.launcher) {
  margin-left: 65px;
  width: calc(100% - 65px);
  height: 100%;
}

div.desktop.tb-vertical.tbdocked div.desktopIcons:not(.launcher) {
  margin-left: 45px;
  width: calc(100% - 45px);
  height: 100%;
}

div.desktop.tb-vertical-right.tbdocked div.desktopIcons:not(.launcher) {
  margin-right: 45px;
  width: calc(100% - 45px);
  height: 100%;
}

div.desktop.tb-vertical-right div.desktopIcons:not(.launcher) {
  margin-right: 65px;
  width: calc(100% - 65px);
  height: 100%;
}

div.desktopIcons button {
  height: fit-content;
  margin: 0;
  margin-bottom: 12px;
  border: none;
  background-color: transparent;
  vertical-align: top;
  padding: 2px 5px;
  border-radius: 5px;
  transition: all 0.3s, transform 0s !important;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 80px !important;
}

div.desktopIcons button:hover {
  background-color: var(--accent-light-transparent);
}

div.desktopIcons button:active {
  opacity: 0.5;
}

div.desktopIcons button p.name {
  margin: 0;
  height: fit-content;
  max-height: 2.6em;
  text-shadow: #000 0 0 5px;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.desktopIcons button img {
  height: 32px;
  margin: 0 8px;
}
