.load-tools {
  display: unset;
}

/* Tools */
.tools-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 0.5rem;
    margin-bottom: 6rem;
}

.section-left .tools-row {
  justify-content: start;
}

.section-right .tools-row {
  justify-content: end;
}

.tool-icon {
  width: 32px;
  height: 32px;
  background-image: url("../images/icons-spritesheet.svg");
  background-size: 256px;
}

.t-flutter {
  background-position: top 0px left 0px;
}

.t-bambu {
  background-position: top 0px left -32px;
}

.t-fusion {
  background-position: top 0px left -64px;
}

.t-kicad {
  background-position: top 0px left -96px;
}

.t-rpi {
  background-position: top 0px left -128px;
}

.t-swift {
  background-position: top 0px left -160px;
}

.t-vsc {
  background-position: top 0px left -192px;
}

.t-vue {
  background-position: top 0px left -224px;
}

.t-xcode {
  background-position: top -32px left 0px;
}

.t-nextjs {
  background-position: top -32px left -32px;
}

.t-arduino {
  background-position: top -32px left -64px;
}

.t-square {
  background-position: top -32px left -96px;
}

.t-csharp {
  background-position: top -32px left -128px;
}

.t-kotlin {
  background-position: top -32px left -160px;
}

.t-gcp {
  background-position: top -32px left -192px;
}

.t-react {
  background-position: top -32px left -224px;
}

.t-gitbook {
  background-position: top -64px left 0px;
}

.t-figma {
  background-position: top -64px left -32px;
}

.t-orca {
  background-position: top -64px left -64px;
}

.t-py {
  background-position: top -64px left -96px;
}

.t-firebase {
  background-position: top -64px left -128px;
}

.t-astudio {
  background-position: top -64px left -160px;
}

.t-cf {
  background-position: top -64px left -192px;
}

.t-ae {
  background-position: top -64px left -224px;
}

.t-ps {
  background-position: top -96px left 0px;
}

.t-pr {
  background-position: top -96px left -32px;
}

.t-cpp {
  background-position: top -96px left -64px;
}

.t-git {
  background-position: top -96px left -96px;
}

.t-azure {
  background-position: top -96px left -128px;
}

.t-nodejs {
  background-position: top -96px left -160px;
}

.t-term {
  background-position: top -96px left -192px;
}

.t-ks {
  background-position: top -96px left -224px;
}
