@charset "UTF-8";
@font-face {
  font-family:"Toolkit Variable";
  src:url("assets/fonts/roboto-flex-latin.woff2") format("woff2");
  font-weight:100 1000;
  font-style:normal;
  font-display:swap;
}
@media (min-width:901px) {
  .toolkit-software-name {
    display:inline-block;
    pointer-events:auto;
    font-family:"Toolkit Variable",var(--font-sans);
    font-weight:400;
    font-optical-sizing:none;
    font-variation-settings:"wght" 400,"opsz" 9;
    white-space:pre;
    transition:color 300ms cubic-bezier(.22,1,.36,1);
  }
  .toolkit-software-name[aria-label="Cinema 4D"] {--toolkit-hover-color:#5f83fa;}
  .toolkit-software-name[aria-label="Octane"] {--toolkit-hover-color:#e6e7e8;}
  .toolkit-software-name[aria-label="After Effects"] {--toolkit-hover-color:#9999ff;}
  .toolkit-software-name[aria-label="Photoshop"] {--toolkit-hover-color:#31a8ff;}
  .toolkit-software-name[aria-label="Illustrator"] {--toolkit-hover-color:#ff9a00;}
  .toolkit-software-name:hover {color:var(--toolkit-hover-color);}
  .toolkit-proximity-letter {
    display:inline-block;
    text-align:center;
    white-space:pre;
    font-variation-settings:"wght" 400,"opsz" 9;
  }
}