@charset "utf-8";

$menu-item-active-background-color: hsl(171, 100%, 41%);
$menu-item-color: hsl(0, 6%, 87%);

@import "~bulma";
@import "../node_modules/splitpanes/dist/splitpanes.css";
@import "~buefy/src/scss/utils/_all";
@import "~buefy/src/scss/components/_dropdown";
@import "~buefy/src/scss/components/_switch";

body {
  font-family: "Roboto", sans-serif;
  color: #ddd;
  background-color: #111;
}

h1.title {
  font-family: "Gafata", sans-serif;
}

html {
  overflow-x: unset;
  overflow-y: unset;
}

html.has-custom-scrollbars {
  ::-webkit-scrollbar {
    width: 8px;
    display: content;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.33);
    outline: 1px solid slategrey;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: #777;
  }

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  ::-webkit-scrollbar-track:hover {
    background-color: rgba(64, 64, 64, 0.33);
  }

  section main {
    scrollbar-color: #353535 transparent;
    scrollbar-width: thin;
  }
}

.is-settings-control {
  
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  &:hover {
    border-color: rgb(255, 221, 87) !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
  }

  &:focus {
    box-shadow: none !important;
    color: unset;
    border-color: transparent;
  }
}