@charset "UTF-8";

/* src/css/app.scss */
:root {
  --black: #000000;
  --middle: #7f7f7f;
  --white: #ffffff;
  --grey-dark: #252525;
  --grey: #777777;
  --grey-light: #dadada;
  --hover-dark: #06356f;
  --hover: #0e6cde;
  --hover-light: #c4ddfc;
  --selected-dark: #490101;
  --selected: #f62323;
  --selected-light: #fbb7b7;
  --second-dark: #03440c;
  --second: #14e22f;
  --second-light: #c3f4ca;
  --tour-dark: #006666;
  --tour: #00ffff;
  --tour-light: #ccffff;
  --border-radius: 6px;
  --font-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 40 !important;
  --font-settings-fill:
    "FILL" 1,
    "wght" 700,
    "GRAD" 0,
    "opsz" 48 !important;
  --text-shadow: 2px 2px 4px #888888, 2px 2px 4px #333333;
  --text-shadow-hover: 2px 2px 4px #0e6cde, 2px 2px 4px #c4ddfc;
  --text-shadow-second: 2px 2px 4px #14e22f, 2px 2px 4px #c3f4ca;
  --text-shadow-current: 2px 2px 4px #f62323, 2px 2px 4px #fbb7b7;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  src: url("./media/MaterialSymbolsOutlined.woff2") format("woff2");
  font-display: swap;
}
.material-symbols-outlined {
  font-family:
    "Material Symbols Outlined",
    "arial",
    sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 40;
}
#main .iconfix {
  font-variation-settings:
    "FILL" 1,
    "wght" 700,
    "GRAD" 0,
    "opsz" 48 !important;
}
body,
html {
  font-family:
    "Lucida Grande",
    "Arial",
    sans-serif;
  font-size: 12px;
  min-height: 100%;
  margin: 0;
  padding: 0;
  color: var(--contrast);
}
.content {
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
  position: relative;
  z-index: 900;
}
.content h1 {
  margin-top: 1.75rem;
}
.content p {
  margin-top: 1.5rem;
}
.second_full {
  height: calc(100vh - 393px);
}
.second_floor {
  height: calc(100vh - 602px);
}
#main {
  width: 100%;
  min-height: calc(100% - 101px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 101px 0 0 0;
  box-sizing: inherit;
  position: relative;
}
#main .title_playlist,
#main .title_subheader,
#main .title_header,
#main .title_no_user,
#main #field .title_playlist,
#main #field .title_primary,
#main #field .title_subheader,
#main #field .title_header,
#main #field .title_footer,
#main #kids .title_footer,
#main #col_right .title_playlist,
#main #col_right .title_primary,
#main #col_right .title_subheader,
#main #col_right .title_header,
#main #col_right .title_footer {
  width: calc(100% - 2.7rem);
  padding: 0rem 1.1rem 0rem 1.6rem;
  border-radius: 6px 6px 0 0;
  line-height: 50px;
  background:
    linear-gradient(
      var(--background-3),
      var(--background-4),
      var(--background-3));
  border-radius: 6px 6px 0 0;
  margin: 0;
  display: grid;
  grid-template-columns: 32px 1fr auto;
}
#main .title_playlist div.flip,
#main .title_subheader div.flip,
#main .title_header div.flip,
#main .title_no_user div.flip,
#main #field .title_playlist div.flip,
#main #field .title_primary div.flip,
#main #field .title_subheader div.flip,
#main #field .title_header div.flip,
#main #field .title_footer div.flip,
#main #kids .title_footer div.flip,
#main #col_right .title_playlist div.flip,
#main #col_right .title_primary div.flip,
#main #col_right .title_subheader div.flip,
#main #col_right .title_header div.flip,
#main #col_right .title_footer div.flip {
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
#main .title_playlist .title_options a,
#main .title_subheader .title_options a,
#main .title_header .title_options a,
#main .title_no_user .title_options a,
#main #field .title_playlist .title_options a,
#main #field .title_primary .title_options a,
#main #field .title_subheader .title_options a,
#main #field .title_header .title_options a,
#main #field .title_footer .title_options a,
#main #kids .title_footer .title_options a,
#main #col_right .title_playlist .title_options a,
#main #col_right .title_primary .title_options a,
#main #col_right .title_subheader .title_options a,
#main #col_right .title_header .title_options a,
#main #col_right .title_footer .title_options a {
  text-align: right;
}
#main .title_playlist a,
#main .title_subheader a,
#main .title_header a,
#main .title_no_user a,
#main #field .title_playlist a,
#main #field .title_primary a,
#main #field .title_subheader a,
#main #field .title_header a,
#main #field .title_footer a,
#main #kids .title_footer a,
#main #col_right .title_playlist a,
#main #col_right .title_primary a,
#main #col_right .title_subheader a,
#main #col_right .title_header a,
#main #col_right .title_footer a {
  line-height: 50px;
}
#main .title_playlist a:hover,
#main .title_subheader a:hover,
#main .title_header a:hover,
#main .title_no_user a:hover,
#main #field .title_playlist a:hover,
#main #field .title_primary a:hover,
#main #field .title_subheader a:hover,
#main #field .title_header a:hover,
#main #field .title_footer a:hover,
#main #kids .title_footer a:hover,
#main #col_right .title_playlist a:hover,
#main #col_right .title_primary a:hover,
#main #col_right .title_subheader a:hover,
#main #col_right .title_header a:hover,
#main #col_right .title_footer a:hover {
  text-shadow: var(--text-shadow-hover);
}
#main .title_playlist div a:hover,
#main .title_playlist div.child_2 a:hover,
#main .title_subheader div a:hover,
#main .title_subheader div.child_2 a:hover,
#main .title_header div a:hover,
#main .title_header div.child_2 a:hover,
#main .title_no_user div a:hover,
#main .title_no_user div.child_2 a:hover,
#main #field .title_playlist div a:hover,
#main #field .title_playlist div.child_2 a:hover,
#main #field .title_primary div a:hover,
#main #field .title_primary div.child_2 a:hover,
#main #field .title_subheader div a:hover,
#main #field .title_subheader div.child_2 a:hover,
#main #field .title_header div a:hover,
#main #field .title_header div.child_2 a:hover,
#main #field .title_footer div a:hover,
#main #field .title_footer div.child_2 a:hover,
#main #kids .title_footer div a:hover,
#main #kids .title_footer div.child_2 a:hover,
#main #col_right .title_playlist div a:hover,
#main #col_right .title_playlist div.child_2 a:hover,
#main #col_right .title_primary div a:hover,
#main #col_right .title_primary div.child_2 a:hover,
#main #col_right .title_subheader div a:hover,
#main #col_right .title_subheader div.child_2 a:hover,
#main #col_right .title_header div a:hover,
#main #col_right .title_header div.child_2 a:hover,
#main #col_right .title_footer div a:hover,
#main #col_right .title_footer div.child_2 a:hover {
  text-shadow: var(--text-shadow-hover);
}
#main .title_playlist div.child_1,
#main .title_subheader div.child_1,
#main .title_header div.child_1,
#main .title_no_user div.child_1,
#main #field .title_playlist div.child_1,
#main #field .title_primary div.child_1,
#main #field .title_subheader div.child_1,
#main #field .title_header div.child_1,
#main #field .title_footer div.child_1,
#main #kids .title_footer div.child_1,
#main #col_right .title_playlist div.child_1,
#main #col_right .title_primary div.child_1,
#main #col_right .title_subheader div.child_1,
#main #col_right .title_header div.child_1,
#main #col_right .title_footer div.child_1 {
  width: 40px;
  font-size: 1.8em;
  margin: 0 4px 0 -10px;
  text-align: center;
  line-height: 50px;
  height: 50px;
}
#main .title_playlist div.child_1 a.flip,
#main .title_subheader div.child_1 a.flip,
#main .title_header div.child_1 a.flip,
#main .title_no_user div.child_1 a.flip,
#main #field .title_playlist div.child_1 a.flip,
#main #field .title_primary div.child_1 a.flip,
#main #field .title_subheader div.child_1 a.flip,
#main #field .title_header div.child_1 a.flip,
#main #field .title_footer div.child_1 a.flip,
#main #kids .title_footer div.child_1 a.flip,
#main #col_right .title_playlist div.child_1 a.flip,
#main #col_right .title_primary div.child_1 a.flip,
#main #col_right .title_subheader div.child_1 a.flip,
#main #col_right .title_header div.child_1 a.flip,
#main #col_right .title_footer div.child_1 a.flip {
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
#main .title_playlist div.child_2,
#main .title_subheader div.child_2,
#main .title_header div.child_2,
#main .title_no_user div.child_2,
#main #field .title_playlist div.child_2,
#main #field .title_primary div.child_2,
#main #field .title_subheader div.child_2,
#main #field .title_header div.child_2,
#main #field .title_footer div.child_2,
#main #kids .title_footer div.child_2,
#main #col_right .title_playlist div.child_2,
#main #col_right .title_primary div.child_2,
#main #col_right .title_subheader div.child_2,
#main #col_right .title_header div.child_2,
#main #col_right .title_footer div.child_2 {
  flex: 1;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  padding: 0 2rem 0 1rem;
  height: 50px;
  text-align: left;
}
#main .title_playlist div.child_3,
#main .title_subheader div.child_3,
#main .title_header div.child_3,
#main .title_no_user div.child_3,
#main #field .title_playlist div.child_3,
#main #field .title_primary div.child_3,
#main #field .title_subheader div.child_3,
#main #field .title_header div.child_3,
#main #field .title_footer div.child_3,
#main #kids .title_footer div.child_3,
#main #col_right .title_playlist div.child_3,
#main #col_right .title_primary div.child_3,
#main #col_right .title_subheader div.child_3,
#main #col_right .title_header div.child_3,
#main #col_right .title_footer div.child_3 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 0;
  justify-content: space-between;
}
#main .title_playlist div.child_3 div,
#main .title_playlist div.child_3 a,
#main .title_subheader div.child_3 div,
#main .title_subheader div.child_3 a,
#main .title_header div.child_3 div,
#main .title_header div.child_3 a,
#main .title_no_user div.child_3 div,
#main .title_no_user div.child_3 a,
#main #field .title_playlist div.child_3 div,
#main #field .title_playlist div.child_3 a,
#main #field .title_primary div.child_3 div,
#main #field .title_primary div.child_3 a,
#main #field .title_subheader div.child_3 div,
#main #field .title_subheader div.child_3 a,
#main #field .title_header div.child_3 div,
#main #field .title_header div.child_3 a,
#main #field .title_footer div.child_3 div,
#main #field .title_footer div.child_3 a,
#main #kids .title_footer div.child_3 div,
#main #kids .title_footer div.child_3 a,
#main #col_right .title_playlist div.child_3 div,
#main #col_right .title_playlist div.child_3 a,
#main #col_right .title_primary div.child_3 div,
#main #col_right .title_primary div.child_3 a,
#main #col_right .title_subheader div.child_3 div,
#main #col_right .title_subheader div.child_3 a,
#main #col_right .title_header div.child_3 div,
#main #col_right .title_header div.child_3 a,
#main #col_right .title_footer div.child_3 div,
#main #col_right .title_footer div.child_3 a {
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
}
#main .title_playlist div.child_3 div li li a,
#main .title_playlist div.child_3 a li li a,
#main .title_subheader div.child_3 div li li a,
#main .title_subheader div.child_3 a li li a,
#main .title_header div.child_3 div li li a,
#main .title_header div.child_3 a li li a,
#main .title_no_user div.child_3 div li li a,
#main .title_no_user div.child_3 a li li a,
#main #field .title_playlist div.child_3 div li li a,
#main #field .title_playlist div.child_3 a li li a,
#main #field .title_primary div.child_3 div li li a,
#main #field .title_primary div.child_3 a li li a,
#main #field .title_subheader div.child_3 div li li a,
#main #field .title_subheader div.child_3 a li li a,
#main #field .title_header div.child_3 div li li a,
#main #field .title_header div.child_3 a li li a,
#main #field .title_footer div.child_3 div li li a,
#main #field .title_footer div.child_3 a li li a,
#main #kids .title_footer div.child_3 div li li a,
#main #kids .title_footer div.child_3 a li li a,
#main #col_right .title_playlist div.child_3 div li li a,
#main #col_right .title_playlist div.child_3 a li li a,
#main #col_right .title_primary div.child_3 div li li a,
#main #col_right .title_primary div.child_3 a li li a,
#main #col_right .title_subheader div.child_3 div li li a,
#main #col_right .title_subheader div.child_3 a li li a,
#main #col_right .title_header div.child_3 div li li a,
#main #col_right .title_header div.child_3 a li li a,
#main #col_right .title_footer div.child_3 div li li a,
#main #col_right .title_footer div.child_3 a li li a {
  width: 100px;
  display: inline-block;
  text-align: right;
  padding: 0 1rem 0 1rem;
}
#main .title_playlist div.child_3 div:hover,
#main .title_subheader div.child_3 div:hover,
#main .title_header div.child_3 div:hover,
#main .title_no_user div.child_3 div:hover,
#main #field .title_playlist div.child_3 div:hover,
#main #field .title_primary div.child_3 div:hover,
#main #field .title_subheader div.child_3 div:hover,
#main #field .title_header div.child_3 div:hover,
#main #field .title_footer div.child_3 div:hover,
#main #kids .title_footer div.child_3 div:hover,
#main #col_right .title_playlist div.child_3 div:hover,
#main #col_right .title_primary div.child_3 div:hover,
#main #col_right .title_subheader div.child_3 div:hover,
#main #col_right .title_header div.child_3 div:hover,
#main #col_right .title_footer div.child_3 div:hover {
  color: var(--contrast);
  background:
    linear-gradient(
      var(--hover-dark),
      var(--hover),
      var(--hover-dark));
  border-radius: 6px 6px 0 0;
}
#main .title_playlist div.child_3 div.subchild_1,
#main .title_subheader div.child_3 div.subchild_1,
#main .title_header div.child_3 div.subchild_1,
#main .title_no_user div.child_3 div.subchild_1,
#main #field .title_playlist div.child_3 div.subchild_1,
#main #field .title_primary div.child_3 div.subchild_1,
#main #field .title_subheader div.child_3 div.subchild_1,
#main #field .title_header div.child_3 div.subchild_1,
#main #field .title_footer div.child_3 div.subchild_1,
#main #kids .title_footer div.child_3 div.subchild_1,
#main #col_right .title_playlist div.child_3 div.subchild_1,
#main #col_right .title_primary div.child_3 div.subchild_1,
#main #col_right .title_subheader div.child_3 div.subchild_1,
#main #col_right .title_header div.child_3 div.subchild_1,
#main #col_right .title_footer div.child_3 div.subchild_1 {
  margin: 0;
  width: 50px;
  text-align: center;
}
#main .title_playlist div.child_3 div.subchild_1 a,
#main .title_subheader div.child_3 div.subchild_1 a,
#main .title_header div.child_3 div.subchild_1 a,
#main .title_no_user div.child_3 div.subchild_1 a,
#main #field .title_playlist div.child_3 div.subchild_1 a,
#main #field .title_primary div.child_3 div.subchild_1 a,
#main #field .title_subheader div.child_3 div.subchild_1 a,
#main #field .title_header div.child_3 div.subchild_1 a,
#main #field .title_footer div.child_3 div.subchild_1 a,
#main #kids .title_footer div.child_3 div.subchild_1 a,
#main #col_right .title_playlist div.child_3 div.subchild_1 a,
#main #col_right .title_primary div.child_3 div.subchild_1 a,
#main #col_right .title_subheader div.child_3 div.subchild_1 a,
#main #col_right .title_header div.child_3 div.subchild_1 a,
#main #col_right .title_footer div.child_3 div.subchild_1 a {
  margin: 0;
}
#main .title_playlist div.child_3 div.subchild_2,
#main .title_subheader div.child_3 div.subchild_2,
#main .title_header div.child_3 div.subchild_2,
#main .title_no_user div.child_3 div.subchild_2,
#main #field .title_playlist div.child_3 div.subchild_2,
#main #field .title_primary div.child_3 div.subchild_2,
#main #field .title_subheader div.child_3 div.subchild_2,
#main #field .title_header div.child_3 div.subchild_2,
#main #field .title_footer div.child_3 div.subchild_2,
#main #kids .title_footer div.child_3 div.subchild_2,
#main #col_right .title_playlist div.child_3 div.subchild_2,
#main #col_right .title_primary div.child_3 div.subchild_2,
#main #col_right .title_subheader div.child_3 div.subchild_2,
#main #col_right .title_header div.child_3 div.subchild_2,
#main #col_right .title_footer div.child_3 div.subchild_2 {
  margin: 0;
  display: inline-block;
  line-height: 40px;
}
#main .title_playlist div.child_3 div.subchild_3,
#main .title_subheader div.child_3 div.subchild_3,
#main .title_header div.child_3 div.subchild_3,
#main .title_no_user div.child_3 div.subchild_3,
#main #field .title_playlist div.child_3 div.subchild_3,
#main #field .title_primary div.child_3 div.subchild_3,
#main #field .title_subheader div.child_3 div.subchild_3,
#main #field .title_header div.child_3 div.subchild_3,
#main #field .title_footer div.child_3 div.subchild_3,
#main #kids .title_footer div.child_3 div.subchild_3,
#main #col_right .title_playlist div.child_3 div.subchild_3,
#main #col_right .title_primary div.child_3 div.subchild_3,
#main #col_right .title_subheader div.child_3 div.subchild_3,
#main #col_right .title_header div.child_3 div.subchild_3,
#main #col_right .title_footer div.child_3 div.subchild_3 {
  margin: 0 -10px 0 0;
  line-height: 50px;
  font-size: 1.95em;
  text-align: center;
}
#main .title_playlist div.child_3 div.subchild_3:hover,
#main .title_subheader div.child_3 div.subchild_3:hover,
#main .title_header div.child_3 div.subchild_3:hover,
#main .title_no_user div.child_3 div.subchild_3:hover,
#main #field .title_playlist div.child_3 div.subchild_3:hover,
#main #field .title_primary div.child_3 div.subchild_3:hover,
#main #field .title_subheader div.child_3 div.subchild_3:hover,
#main #field .title_header div.child_3 div.subchild_3:hover,
#main #field .title_footer div.child_3 div.subchild_3:hover,
#main #kids .title_footer div.child_3 div.subchild_3:hover,
#main #col_right .title_playlist div.child_3 div.subchild_3:hover,
#main #col_right .title_primary div.child_3 div.subchild_3:hover,
#main #col_right .title_subheader div.child_3 div.subchild_3:hover,
#main #col_right .title_header div.child_3 div.subchild_3:hover,
#main #col_right .title_footer div.child_3 div.subchild_3:hover {
  color: var(--contrast);
  background:
    linear-gradient(
      var(--hover-dark),
      var(--hover),
      var(--hover-dark));
  border-radius: 6px 6px 0 0;
  color: var(--contrast);
  text-shadow: var(--text-shadow-hover);
}
#main .title_playlist div.child_4,
#main .title_subheader div.child_4,
#main .title_header div.child_4,
#main .title_no_user div.child_4,
#main #field .title_playlist div.child_4,
#main #field .title_primary div.child_4,
#main #field .title_subheader div.child_4,
#main #field .title_header div.child_4,
#main #field .title_footer div.child_4,
#main #kids .title_footer div.child_4,
#main #col_right .title_playlist div.child_4,
#main #col_right .title_primary div.child_4,
#main #col_right .title_subheader div.child_4,
#main #col_right .title_header div.child_4,
#main #col_right .title_footer div.child_4 {
  margin: 0 -10px 0 0;
}
@media (max-width: 767px) {
  #main .title_playlist,
  #main .title_subheader,
  #main .title_header,
  #main .title_no_user,
  #main #field .title_playlist,
  #main #field .title_primary,
  #main #field .title_subheader,
  #main #field .title_header,
  #main #field .title_footer,
  #main #kids .title_footer,
  #main #col_right .title_playlist,
  #main #col_right .title_primary,
  #main #col_right .title_subheader,
  #main #col_right .title_header,
  #main #col_right .title_footer {
    border-radius: 6px 6px 0 0;
    width: calc(100% - 3.5em);
    padding: 1px 2.5rem 0 1.5rem;
  }
  #main .title_playlist div.child_1,
  #main .title_subheader div.child_1,
  #main .title_header div.child_1,
  #main .title_no_user div.child_1,
  #main #field .title_playlist div.child_1,
  #main #field .title_primary div.child_1,
  #main #field .title_subheader div.child_1,
  #main #field .title_header div.child_1,
  #main #field .title_footer div.child_1,
  #main #kids .title_footer div.child_1,
  #main #col_right .title_playlist div.child_1,
  #main #col_right .title_primary div.child_1,
  #main #col_right .title_subheader div.child_1,
  #main #col_right .title_header div.child_1,
  #main #col_right .title_footer div.child_1 {
    height: 50px;
  }
  #main .title_playlist div.child_2,
  #main .title_subheader div.child_2,
  #main .title_header div.child_2,
  #main .title_no_user div.child_2,
  #main #field .title_playlist div.child_2,
  #main #field .title_primary div.child_2,
  #main #field .title_subheader div.child_2,
  #main #field .title_header div.child_2,
  #main #field .title_footer div.child_2,
  #main #kids .title_footer div.child_2,
  #main #col_right .title_playlist div.child_2,
  #main #col_right .title_primary div.child_2,
  #main #col_right .title_subheader div.child_2,
  #main #col_right .title_header div.child_2,
  #main #col_right .title_footer div.child_2 {
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 6px;
  }
  #main .title_playlist div.child_2 .subchild_1,
  #main .title_subheader div.child_2 .subchild_1,
  #main .title_header div.child_2 .subchild_1,
  #main .title_no_user div.child_2 .subchild_1,
  #main #field .title_playlist div.child_2 .subchild_1,
  #main #field .title_primary div.child_2 .subchild_1,
  #main #field .title_subheader div.child_2 .subchild_1,
  #main #field .title_header div.child_2 .subchild_1,
  #main #field .title_footer div.child_2 .subchild_1,
  #main #kids .title_footer div.child_2 .subchild_1,
  #main #col_right .title_playlist div.child_2 .subchild_1,
  #main #col_right .title_primary div.child_2 .subchild_1,
  #main #col_right .title_subheader div.child_2 .subchild_1,
  #main #col_right .title_header div.child_2 .subchild_1,
  #main #col_right .title_footer div.child_2 .subchild_1 {
    font-size: 1.1em;
  }
  #main .title_playlist div.child_3,
  #main .title_subheader div.child_3,
  #main .title_header div.child_3,
  #main .title_no_user div.child_3,
  #main #field .title_playlist div.child_3,
  #main #field .title_primary div.child_3,
  #main #field .title_subheader div.child_3,
  #main #field .title_header div.child_3,
  #main #field .title_footer div.child_3,
  #main #kids .title_footer div.child_3,
  #main #col_right .title_playlist div.child_3,
  #main #col_right .title_primary div.child_3,
  #main #col_right .title_subheader div.child_3,
  #main #col_right .title_header div.child_3,
  #main #col_right .title_footer div.child_3 {
    margin: 0 8px 0 0;
    max-width: 120px;
    min-width: 40px;
  }
  #main .title_playlist div.child_3 div.subchild_3,
  #main .title_subheader div.child_3 div.subchild_3,
  #main .title_header div.child_3 div.subchild_3,
  #main .title_no_user div.child_3 div.subchild_3,
  #main #field .title_playlist div.child_3 div.subchild_3,
  #main #field .title_primary div.child_3 div.subchild_3,
  #main #field .title_subheader div.child_3 div.subchild_3,
  #main #field .title_header div.child_3 div.subchild_3,
  #main #field .title_footer div.child_3 div.subchild_3,
  #main #kids .title_footer div.child_3 div.subchild_3,
  #main #col_right .title_playlist div.child_3 div.subchild_3,
  #main #col_right .title_primary div.child_3 div.subchild_3,
  #main #col_right .title_subheader div.child_3 div.subchild_3,
  #main #col_right .title_header div.child_3 div.subchild_3,
  #main #col_right .title_footer div.child_3 div.subchild_3 {
    margin: 0;
    font-size: 1.95em;
  }
}
#main .active-line-l {
  border-left: 2px solid var(--selected);
  cursor: pointer;
}
#main .border-radius {
  border-radius: 6px 6px 6px 6px;
}
#main .margin_bottom_10 {
  margin-bottom: 10px !important;
}
#main .txt_green,
#main .txt_green a {
  color: var(--second);
}
#main .txt_green:hover,
#main .txt_green a:hover {
  color: var(--text-4);
}
#main .float_r,
#main #indexbutton .float_r {
  float: right;
}
#main .border_r {
  border-right: 1px solid #666666;
  margin-right: 5px;
  padding-right: 5px;
}
#main .float_l {
  float: left;
}
#main .flex-container input,
#main .flex-container select,
#main .inputSelectAuto,
#main .inputTextAuto {
  background:
    linear-gradient(
      var(--background-3),
      var(--background-6),
      var(--background-3));
  border-radius: 6px 6px 6px 6px;
  border: 1px solid var(--background-4);
  padding: 0 8px 0 8px;
  cursor: pointer;
  color: var(--contrast);
  text-align: center;
  height: 36px;
}
#main .flex-container input optgroup,
#main .flex-container select optgroup,
#main .inputSelectAuto optgroup,
#main .inputTextAuto optgroup {
  background-color: var(--background-1);
  color: var(--contrast);
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
#main .flex-container input:hover,
#main .flex-container select:hover {
  color: var(--contrast);
  background:
    linear-gradient(
      var(--hover),
      var(--hover-dark),
      var(--hover));
}
#main .flex-container input#filterText {
  padding: 10px 0 10px 10px;
}
#main #col_right.title_header {
  padding: 0 8px 0 8px;
}
.title {
  border-radius: 6px 6px 0 0;
  padding: 7px 12px 4px 12px;
  margin: 0 0 4px 0;
}
.title_subheader a:hover {
  color: var(--selected);
}
.amountnr {
  margin: 0 40px 0 0;
}
.title_primary {
  margin: 0 0 10px 0;
  border-radius: 6px 6px 6px 6px;
}
.title_no_user {
  color: var(--selected) !important;
}
input,
select,
textarea {
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 12px;
}
input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type=color]::-webkit-color-swatch {
  border: none;
  background-color: transparent;
}
input[type=color]::-moz-color-swatch {
  border: none;
  background-color: transparent;
}
input[type=button] {
  background:
    linear-gradient(
      var(--background-3),
      var(--background-6),
      var(--background-3));
  padding: 4px 4px 4px 4px;
  color: var(--contrast);
  border-radius: 6px 6px 6px 6px;
  border: 1px solid var(--background-6);
}
input.ng-dirty {
  background-color: var(--background-6);
  color: var(--contrast);
}
.color:hover,
.color:-webkit-autofill:hover {
  background-color: transparent;
}
input::placeholder {
  color: var(--contrast);
}
input:-ms-input-placeholder {
  color: var(--contrast);
}
input::-ms-input-placeholder {
  color: var(--contrast);
}
input::-webkit-input-placeholder {
  color: var(--contrast);
}
.input,
.input:-webkit-autofill,
.input:-webkit-autofill:focus {
  background-color: var(--background-6);
  color: var(--contrast);
  margin: 0 0 12px 0;
  border-radius: 6px 6px 6px 6px;
  padding: 0 4px 0 4px;
  border: 0;
  cursor: pointer;
  height: 28px;
  border: 1px solid var(--text4);
  width: calc(100% - 12px);
  display: inline-block;
}
input[type=color] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--background-4);
  border-radius: 6px 6px 6px 6px;
  width: 22px;
  height: 22px;
  padding: 6px;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}
select option {
  background-color: var(--black);
  padding: 2px;
  line-height: 12px;
  height: 12px;
  color: var(--white);
}
a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: var(--contrast);
}
#col_left {
  min-width: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
#col_right {
  margin: 0;
  width: calc(100% - 1rem);
}
#kids .cover {
  margin: 0 1px 10px 0;
  overflow: hidden;
}
h1 {
  margin: 0 0 20px 0;
  display: block;
  font-size: 1.4em;
}
h2 {
  margin: 0;
  padding: 6px 10px 6px 3px;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}
.list-group-item {
  color: #000000;
}
.no_border {
  border: 0;
}
.logo {
  margin: 0;
  display: inline-block;
  position: relative;
}
.header .col-md-8 {
  padding: 0;
}
nav,
.navbar {
  margin: 0;
  padding: 0;
  width: 100%;
}
.cell_right .seen,
.seen {
  font-size: 1.4em;
  height: 20px;
}
.subtitle {
  overflow: hidden;
  margin: 10px 0 15px 0;
  color: var(text-seventh);
}
#content_file video {
  display: flex;
  margin: 0;
  padding: 0;
}
.capitalize {
  text-transform: capitalize;
}
.bgtrans {
  background-color: transparent;
}
.mat-mdc-progress-spinner {
  display: block !important;
}
.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic circle {
  stroke: #ff4081 !important;
}
.mat-mdc-progress-spinner.mat-primary .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner.mat-primary .mdc-circular-progress__indeterminate-circle-graphic circle {
  stroke: #3f51b5 !important;
}
.mat-mdc-progress-spinner.mat-accent .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner.mat-accent .mdc-circular-progress__indeterminate-circle-graphic circle {
  stroke: #ff4081 !important;
}
.mat-mdc-progress-spinner.mat-warn .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner.mat-warn .mdc-circular-progress__indeterminate-circle-graphic circle {
  stroke: #f44336 !important;
}
.bg_grey {
  background-color: var(--background-4);
}
.bg_lightgrey {
  background-color: var(--background-6);
}
.bg_darkgrey {
  background-color: var(--background-2);
}
.bg_user-color-2a {
  background:
    linear-gradient(
      rgba(var(--background-21-rgba), 0.7),
      rgba(var(--background-24-rgba), 0.7),
      rgba(var(--background-21-rgba), 0.7));
  text-shadow: var(--text-shadow);
}
.bg_user-color-2b {
  background:
    linear-gradient(
      rgba(var(--background-1-rgba), 0.7),
      rgba(var(--background-4-rgba), 0.7),
      rgba(var(--background-1-rgba), 0.7));
  text-shadow: var(--text-shadow);
}
.alert {
  box-sizing: content-box;
}
.hover:hover {
  background-color: var(--hover);
  color: var(--contrast);
}
.flex {
  display: flex;
  justify-content: space-between;
}
.mainimage {
  max-width: 100%;
}
.bold {
  font-weight: bold;
}
.indent {
  padding: 4px 0 4px 0;
  font-size: 1em;
}
.marginside {
  margin-left: 15%;
  margin-right: 15%;
}
.margintop {
  margin-top: 20px;
}
.cursor {
  cursor: pointer;
}
.home:hover {
  color: var(--selected);
}
.blok .navbar-nav > li > a {
  padding: 5px 0 5px 0;
  cursor: pointer;
}
.text-right {
  text-align: right;
}
.blok_media {
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px 0;
  vertical-align: text-top;
  border-radius: 6px 6px 6px 6px;
  background-color: var(--white);
  border: 0 solid #cccccc;
  -webkit-box-shadow: 3px 4px 2px 0 #555555;
  -moz-box-shadow: 3px 4px 2px 0 #555555;
  box-shadow: 3px 4px 2px 0 #555555;
}
.blok_media .blok_media a {
  display: block;
}
.bg_white {
  background-color: var(--white);
}
.txt_black {
  color: var(--black);
}
.txt_red,
.content #detailpage .txt_red {
  color: var(--selected);
}
.cell_left .txt_white {
  color: white !important;
}
.txt_yellow {
  color: #ffff00;
}
.txt_blue {
  color: #2fb8f1;
}
.txt_grey {
  color: #333333;
}
.txt_darkblue {
  color: var(--hover);
}
.cell_left {
  min-width: 160px;
  padding-left: 0;
  padding-top: 0;
  width: 35%;
  vertical-align: top;
  border: 0;
  float: left;
  margin: 0;
  color: var(--text-7);
}
.cell_right {
  padding: 0;
  vertical-align: top;
  float: right;
  width: 64%;
  margin: 0;
}
h4 {
  padding: 0;
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
}
#modelRead {
  border-bottom: 1px solid #cccccc;
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.stretch {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100%;
}
.txt-smaller {
  font-size: 0.9em;
}
.lineTop {
  border-top: 1px solid #cccccc;
}
.lineBottom {
  border-bottom: 1px solid #cccccc;
}
.no-border {
  border: 0 !important;
}
.no-margin {
  margin: 0 0 10px 0 !important;
}
.margin-bottom {
  margin: 0 0 10px 0 !important;
}
.padding_20 {
  padding: 10px 0 10px 10px;
}
.linespacer {
  height: 20px;
}
.nowrap {
  white-space: nowrap;
}
.noflow {
  overflow: hidden;
}
.thumbnail {
  padding: 0;
  margin: 0;
  border: 0;
}
.thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.row {
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.justify {
  text-align: justify;
}
.txtjustify {
  text-align: justify;
  display: block;
}
h3 a,
h2 a {
  margin: 0;
  padding: 10px 10px 12px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.relative {
  position: relative;
  padding: 0;
  margin: 0;
}
.no_display {
  display: none;
}
.icon_medium {
  font-size: 1.35em;
  font-weight: normal;
}
.filterAddedOnPage {
  margin: 20px 0 10px 0;
  border-top: 1px solid #999999;
  padding-top: 10px;
}
.tab h4 {
  margin: 20px 0 0 0;
}
.icon_large {
  font-size: 1.5em;
  cursor: pointer;
}
.icon_large:hover {
  color: #337ab7;
}
.txt_normal {
  font-size: 14px;
}
label {
  display: block;
  max-width: initial;
  cursor: pointer;
  font-weight: normal;
}
.label::after {
  content: attr(title);
  position: absolute;
  top: 100%;
  left: 0;
  white-space: nowrap;
  font-size: 1.5rem;
  background: #000;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  opacity: 0;
  transform: translateY(5px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 10;
}
.label:hover::after {
  opacity: 1;
  transform: translateY(0);
}
.nowrap {
  white-space: nowrap;
}
.align_r {
  text-align: right;
}
.align_l {
  text-align: left;
}
.dateinput {
  width: 93%;
  border: 0;
  padding: 3px 4px 0 4px;
  font-size: 1.1em;
  color: #555555;
  background-color: #eeeeee;
}
.underline {
  text-decoration: underline;
}
form {
  margin: 0;
  padding: 0;
}
.pointer {
  cursor: pointer;
}
button {
  cursor: pointer;
}
.button {
  padding: 4px;
  height: 24px;
  font-size: 0.9em;
}
.cmssavebuttons {
  margin: 20px 0 0 0;
}
.button_red {
  background-color: var(--selected);
}
.button {
  padding: 6px 4px 6px 4px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid var(--background-6);
  background: linear-gradient(var(--background-2-alpha), var(--background-4-alpha));
  height: 32px;
  margin: 0;
  width: 100%;
}
.button:hover {
  cursor: pointer;
  background:
    linear-gradient(
      var(--background-1),
      var(--background-3),
      var(--background-1));
}
.noBorder {
  border: 0;
}
.full_width {
  overflow: hidden;
  text-overflow: ellipsis;
}
.textarea {
  margin: 10px 0 10px 0;
}
.alert {
  margin: 0;
  position: relative;
  padding: 18px;
  color: var(--contrast);
  border-radius: 0 0 6px 6px;
  border: 0;
  width: calc(100% - 36px);
  background-color: var(---white);
}
.icon {
  width: 32px;
  z-index: 2222;
  position: relative;
}
.content .icon-head {
  margin: 0;
  font-size: 1.8em;
  float: left;
  line-height: 50px;
}
.content .icon-bottom {
  margin: 0 0 0 -2px;
  float: left;
  line-height: 50px;
  color: var(--contrast);
}
.content .icon-head-right {
  margin: 0 -2px 0 0;
  font-size: 1.8em;
  float: right;
  line-height: 50px;
}
.content .icon-bottom-right {
  margin: 0 -3px 0 0;
  float: right;
  line-height: 50px;
}
.homepageicon {
  font-size: 1.8em;
}
.title a {
  color: var(--white);
  font-weight: bold;
}
.content .alert-success {
  color: var(--second-dark);
  background-color: var(--second-light);
  border-color: var(--second);
}
.content .alert-danger {
  color: var(--selected-dark);
  background-color: var(--selected-light);
  border-color: var(--selected);
}
.content .alert-warning {
  color: var(--tour-dark);
  background-color: var(--tour-light);
  border-color: var(--tour);
}
.content .alert-info {
  color: var(--gray-dark);
  background-color: var(--grey-light);
  border-color: var(--grey);
}
.no_display {
  display: none;
}
.text_white {
  color: var(--white);
}
.text_red {
  color: var(--selected);
}
.text_green {
  color: #00b22d;
}
.text_lightgreen {
  color: #4caf50;
}
.text_blue {
  color: var(--hover);
}
.text_grey {
  color: #999999;
}
.text_theme {
  color: var(--text-7);
}
.text_black {
  color: #000000;
}
.text_small {
  font-size: 0.9em;
}
.hidden,
content .hidden,
ul .hidden,
#col_left .hidden,
#col_right .hidden,
#detailpage .field .hidden,
#detailpage .cell_right .hidden,
#detailpage .cell_left .hidden,
#detailpage #searchFilters.hidden,
#top_menu #theme_menu .levela li .levelb.hidden {
  display: none !important;
}
input[type=range] {
  appearance: none;
  margin: 4px 0 0 0;
}
.bg-trans {
  background-color: transparent;
}
.bg-white {
  background-color: var(--white);
}
.bg-grey {
  background-color: #efefef;
}
.bg-green {
  background-color: lightgreen;
}
.icontitle {
  font-size: 1.3em;
  display: none;
}
.text_green:hover {
  color: var(--selected);
}
.elipses {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
.scroller .current {
  color: var(--contrast);
  background:
    linear-gradient(
      var(--selected-dark),
      var(--selected),
      var(--selected-dark));
  color: var(--white);
}
.scroller .current:hover {
  color: var(--contrast);
  background:
    linear-gradient(
      var(--hover-dark),
      var(--hover),
      var(--hover-dark));
}
.current .favorites:hover {
  color: var(--contrast);
  background:
    linear-gradient(
      var(--second-dark),
      var(--second),
      var(--second-dark));
}
.content .current:hover {
  cursor: pointer;
  color: var(--hover);
}
.pagination {
  padding: 0;
  margin: 0 0 8px 0;
  list-style: none;
  background-color: var(--background-3);
  color: var(--text-7);
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.pagination2 {
  padding: 3px 20px 0 10px;
  margin: 0;
  list-style: none;
  color: var(--text-1);
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
#phoneimage {
  width: 100%;
  border-radius: 6px 6px 0 0;
}
#background {
  background-size: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
h3 {
  font-size: 1.2em;
  margin: 10px 0 10px 0;
}
.transparent {
  background: transparent !important;
}
#startUploadButton {
  margin: 0 0 20px 0;
}
.disabled {
  color: var(--background-6);
}
.main_image {
  max-width: 100%;
}
.field {
  padding: 0;
}
.padding-0 {
  padding: 0 !important;
}
.paddinger {
  margin: 30px 50px 0 0;
}
img {
  margin: 0;
  padding: 0;
}
.border-radius {
  border-radius: 6px 6px 6px 6px;
}
.border-radius-top {
  border-radius: 6px 6px 0 0;
}
.border-radius-under {
  border-radius: 0 0 6px 6px;
}
.bottom-radius {
  border-radius: 0 0 6px 6px;
}
h3,
h5 {
  margin: 10px 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
}
h4 {
  margin: 5px 0 0 0;
  font-weight: bold;
}
h6 {
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
}
.container {
  margin: 0;
  padding: 0;
}
.media_info {
  display: none;
}
.dragarea {
  padding-bottom: 0;
}
.borders {
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
}
.icon_small {
  font-size: 1.4em;
  margin: 2px 0 0 0;
  float: left;
}
.icon_head {
  font-size: 1em;
}
.icon-border-radius {
  border-radius: 50%;
}
.topline20 {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #999999;
}
.topline20 .row {
  min-height: 16px;
}
.ucfirst {
  text-transform: capitalize;
}
.fit_content {
  width: fit-content;
}
audio {
  border-radius: 6px 6px 6px 6px;
  background-color: #f1f3f4;
  width: calc(100% - 2px);
  margin: 0 0 5px 0;
}
#col_left .info {
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 20px 0;
  overflow: hidden;
}
#col_left .info h2 {
  white-space: normal;
}
#col_left .info .label {
  width: 72px;
  display: inline-block;
}
.label {
  width: 64px;
  display: inline-block;
  text-transform: capitalize;
}
#col_left .vert {
  padding: 10px 0 0 0;
  margin: 20px 0 0 0;
  border-top: 0 solid #cccccc;
}
.vert {
  text-align: justify;
  display: block;
}
.field .vert {
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
}
.full-height {
  height: 100%;
}
.clear {
  clear: both;
}
.stretch {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100%;
}
.blok {
  width: 100%;
  padding: 0;
  margin: 0 0 1rem 0;
  border-radius: 6px 6px 6px 6px;
  position: relative;
  cursor: pointer;
  border: 0 solid transparent;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background:
    linear-gradient(
      var(--background-4),
      var(--background-3),
      var(--background-1));
}
.blok img {
  max-width: 100%;
  margin: 0 0 10px 0;
}
.blok .text {
  padding: 10px 10px 10px 10px;
}
.blok .row {
  margin: 0 5px 0 5px;
}
.blok:hover > a:hover {
  color: var(--white);
}
.blok .row .col-xs-6 {
  padding: 0 9px 0 0;
}
.blok h4 {
  padding: 4px 0 4px 10px;
  margin: 0 0 4px 0;
  font-weight: normal;
  font-size: 0.9em;
}
.blok_media img {
  width: 120px;
  cursor: pointer;
  float: left;
  margin: 0 10px 0 0;
}
.blok_media .active a {
  color: var(--selected);
}
.blok_media a {
  display: block;
}
.blok_media h2,
.info h2 {
  margin: 0 0 10px 0;
  color: var(--hover);
}
.blok_media h4 {
  margin: 4px 0 4px 0;
  font-weight: bold;
}
.underline {
  border-bottom: 1px solid #efefef;
}
a:hover {
  cursor: pointer;
  text-shadow: var(--text-shadow-hover);
}
.column-container-full {
  grid-template-columns: 100%;
  display: grid;
}
.grid-row-2 {
  display: grid;
  grid-template-rows: min-content 1fr;
  row-gap: 0px;
}
.row-container-a {
  display: grid;
  grid-template-columns: 116px calc(100% - 121px);
  column-gap: 0;
  justify-content: space-between;
  color: var(--contrast);
  text-shadow: var(--text-shadow);
}
.row-container-a div.row-a:first-child {
  margin: auto 0 auto 0;
}
.row-container-a div.no-line-height {
  line-height: 0;
}
.column-container-a,
.column-container-2,
.column-container-1 {
  display: grid;
  column-gap: 1.8rem;
  justify-content: space-between;
  padding: 0;
}
.column-container-a,
.column-container-2 {
  grid-template-columns: 36% 64%;
}
.column-container-1 {
  grid-template-columns: 100%;
}
.flex-container {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 49.4%);
  column-gap: 17px;
  width: calc(100% - 6px);
  padding: 2px 0 0 0;
  overflow-y: auto;
  max-height: calc(100vh - 230px);
  overflow-x: hidden;
}
.flex-container2 {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, calc(49% - 10px));
  column-gap: 10px;
  margin: 0;
}
.flex-container3 {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(3, 32.3%);
  margin: 0;
}
.flex-container4 {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(4, 24.3%);
  gap: 8px;
}
.flex-container5 {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(4, 18%);
  gap: 8px;
}
.clear {
  clear: both;
}
hr {
  margin: 10px 0 20px 0;
  border: 1px solid #cccccc;
}
#detailpage .table > .top {
  vertical-align: top;
}
.table {
  border-spacing: 0;
  border-collapse: separate;
  display: table;
  border: 0;
}
.table100 {
  border-spacing: 0;
  border-collapse: separate;
  display: table;
  border: 0;
  width: 100%;
}
.table td {
  border: 0;
  display: table-cell;
}
.table tr th {
  text-align: left;
}
.table tr {
  line-height: 140%;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.block {
  display: block;
}
#col_left h2 {
  color: var(--text-2);
  font-size: 18px;
}
.favorites {
  float: right;
  font-size: 24px;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
.tab-5 .favorites {
  float: right;
  font-size: 24px;
  margin: 0;
  cursor: pointer;
}
.favorites:hover {
  color: var(--selected);
}
.small_text {
  color: #000000;
}
.poster {
  background-size: cover;
  background-position: 80% 80%;
  background-repeat: no-repeat;
}
#col_left h5 {
  margin: 10px 0 10px 0;
}
.scroller_large {
  max-height: 640px;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 10px 0 0;
  margin: 0 0 20px 0;
  scrollbar-color: var(--background-3);
}
.scroller_small {
  max-height: 320px;
  overflow: auto;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 10px 0 0;
  margin: 0 0 20px 0;
  scrollbar-color: var(--background-3);
}
.close {
  position: relative;
  z-index: 900;
  margin: -30px 5px 0 0;
  cursor: pointer;
  color: var(--white);
  border-radius: 6px 6px 6px 6px;
}
.multiselect {
  min-height: 64px;
}
.padding_10 {
  padding: 10px;
}
.padding_6 {
  padding: 6px;
}
#userImage {
  width: 100%;
  margin: 0 0 3px 0;
}
.audio-container {
  background-color: var(--background-2);
  color: var(--text-1);
  border-radius: 0;
  width: 100%;
  margin: 0;
}
.only_mobile,
#main #top_menu .only_mobile {
  display: none;
}
#menu #search {
  min-height: 23px;
  font-size: 1.4em;
}
.capitalize {
  text-transform: capitalize;
}
.fileUpload {
  width: 99%;
}
::placeholder {
  color: var(--text-3);
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--text-3);
}
#PopupDiv {
  position: relative;
  max-width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 999999;
  background-color: #000000;
  display: none;
}
#PopupDiv img {
  height: 100%;
  max-width: 100%;
  position: relative;
  z-index: 999999;
}
.inlineblock {
  display: inline-block;
}
.uploadPic {
  width: 100%;
}
.jsonObject {
  max-width: 100%;
  padding: 10px;
}
.jsonObject .ngx-json-viewer .segment .segment-main .segment-key {
  color: var(--contrast) !important;
}
.jsonObject .ngx-json-viewer .segment .segment-main .toggler {
  font-size: 1.4em !important;
  margin-top: -1px !important;
}
.jsonObject .ngx-json-viewer .segment .segment-main .toggler:after {
  content: "\1f893";
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 5px 10px 5px 10px;
  font-size: 1rem;
  line-height: 20px;
  margin: 0 10px 0 0;
  font-size: 1em;
  border-radius: 6px 6px 6px 6px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  margin-top: 0;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-danger {
  color: var(--white);
  background-color: var(--selected);
  border-color: var(--selected);
}
.btn-danger:hover {
  color: var(--white);
  background-color: orange;
  border-color: orange;
}
.btn-warning {
  color: var(--white);
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: var(--white);
  background-color: chocolate;
  border-color: chocolate;
}
.btn-info {
  color: var(--white);
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn.disabled,
.btn:disabled {
  opacity: 1;
  color: var(--contrast);
  background:
    linear-gradient(
      var(--grey-dark),
      var(--grey),
      var(--grey-dark));
  border-color: var(--contrast);
  cursor: not-allowed;
  padding: 5px 10px 5px 10px;
}
.btn.disabled:hover,
.btn:disabled:hover {
  opacity: 1;
  color: var(--contrast);
  background:
    linear-gradient(
      var(--selected-dark),
      var(--selected),
      var(--selected-dark));
  border-color: var(--contrast);
  color: #cccccc;
  cursor: not-allowed;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
#mobileimage {
  display: none;
}
.extraFilters {
  display: none;
}
.margin_bottom {
  margin-bottom: 1rem;
}
.resize {
  border: 0;
  resize: both;
  overflow: auto;
}
#resize_file {
  background-color: #999999;
}
@media screen and (max-device-width: 600px) {
  #main {
    padding: 95px 0 0 0;
    min-height: calc(100vh - 90px);
  }
  #menu {
    margin: 0;
    padding: 0;
    display: none;
  }
  .content {
    padding: 0 0 10px 0;
    margin: 0;
    min-height: calc(100vh - 315px);
  }
  #col_left,
  #col_right {
    width: 100%;
  }
  .column-container-a,
  .column-container-1,
  .column-container-2 {
    grid-template-columns: repeat(1, 100%);
    padding: 0;
  }
  .column-container-pa {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    column-gap: 20px;
    justify-content: space-between;
  }
  #main .flex-container input,
  #main .flex-container select,
  #main .inputSelectAuto,
  #main .inputTextAuto {
    padding: 0;
  }
  #main .tab h4 {
    margin: 0;
  }
  #main .pagination {
    padding: 0;
    margin: 0 0 14px -1px;
    background-color: var(--background-3);
    line-height: 24px;
    vertical-align: middle;
    width: 100%;
  }
  #main .pagination2 {
    margin: 7px 0 0 0;
    padding: 0;
    margin: 0.9em;
  }
  #main .pagination3 {
    padding: 0 20px 0 20px;
  }
  #main h3,
  #main h4,
  #main h5 {
    font-size: 1em;
  }
  #main .icon-head {
    margin: -1px -2px 0 -4px;
  }
  #main .icon-bottom {
    margin: 0;
    line-height: 50px;
  }
  #main .icon-head-right {
    margin: 0 -7px 0 0;
    font-size: 2em;
  }
  #main .icon-bottom-right {
    margin: -2px -2px 0 0;
  }
  #main #homepage .homepageblok {
    text-align: center;
  }
  #main .cell_right h4 {
    margin: 0;
  }
  #main .content h3 {
    padding: 0;
    color: var(--text-1);
    text-align: center;
  }
  #main .content h2 {
    padding: 0;
    border-radius: 0;
  }
  #main .wthirty {
    margin: -7px 0 0 0;
    width: 100%;
  }
  #main .selectXSmall {
    border: 2px solid #666666;
    border-radius: 2px;
  }
  #main .title_playerstatus {
    padding: 16px 10px 6px 10px;
    margin: 0;
    color: var(--text-7);
    background-color: var(--background-3);
    border-radius: 6px 6px 0 0;
    font-size: 1.1em;
  }
  #main .playerHeader {
    color: var(--text-7);
    background-color: var(--background-3);
    border-radius: 6px 6px 6px 6px;
    padding: 16px 10px 16px 10px;
    margin: 0 0 10px 0;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
  }
  #main .title a {
    color: #666666;
  }
  #main #scroller {
    max-height: 192px;
    margin: 0 17px 20px 17px;
  }
  #main .phonebrowserimage {
    width: 100%;
  }
  .no_margin {
    margin: 0 !important;
  }
  .no_mobile,
  #detailpage .no_mobile {
    display: none;
  }
  .only_mobile {
    display: block !important;
  }
  .footer_browser {
    height: 32px;
  }
  .flex-container {
    grid-template-columns: repeat(1, 100%);
    padding: 0 18px 12px 18px;
    width: 100%;
  }
  .flex-container app-bloklist-songs:last-child .blok_field {
    margin-bottom: 0;
  }
  .flex-container2 {
    grid-template-columns: repeat(2, 49.5%);
  }
  .flex-container3 {
    grid-template-columns: repeat(3, 32.5%);
  }
  #searchFilters .icon {
    color: var(--text-8);
  }
  #detailpage {
    padding-bottom: 0;
  }
  #searchFilters {
    margin: 0 0 10px 0;
  }
  .autoclick {
    color: var(--selected);
  }
  .field #searchFilters {
    margin: 0 0 10px 0;
  }
  #allitems {
    padding: 0;
  }
  .icontitle {
    font-size: 1.6em;
  }
}
@media screen and (max-device-width: 800px) {
  #main #col_right,
  #main #kids {
    width: 100%;
    margin: 0;
    float: none;
  }
  #main #col_left {
    margin: 0;
    float: none;
  }
  #main .poster {
    background-position: 100% 100%;
    opacity: 0.5;
    border-radius: 16px;
  }
  #main #searchFilters .icon {
    margin: 0 0 0 5px;
  }
  #main .header {
    height: auto;
  }
  #main .breadcrumb {
    margin: 0 0 0 10px;
  }
  #main .header .logo {
    float: none;
  }
  #main #login_form {
    right: 10px;
  }
  #main .paddinger {
    margin: 30px 20px 0 0;
  }
  #main .logo {
    width: 240px;
    margin: 10px 0 10px 10px;
  }
  #main .blok_media {
    float: none;
    min-height: 80px;
    overflow: hidden;
  }
  .field {
    padding: 0;
  }
  .col-sm-10 {
    width: 71%;
  }
}
@media screen and (max-device-width: 1000px) {
  #main .icontitle {
    display: block;
    margin: 1px 0 0 12px;
  }
  #main .col-sm-10 {
    width: 71%;
  }
  #main .form-control50 {
    width: 47%;
  }
}
@media screen and (max-device-width: 1200px) {
  #main .form-controlf {
    width: 67%;
  }
  #main .col-sm-10 {
    width: 72%;
  }
  pre {
    margin: 0;
    padding: 0;
  }
}

/* src/css/theme.scss */
[data-theme=theme1] {
  --background-1: #330000;
  --background-2: #500000;
  --background-3: #6c0000;
  --background-4: #890000;
  --background-5: #a60000;
  --background-6: #c20000;
  --text-1: #ffe2e2;
  --text-2: #ffc6c6;
  --text-3: #ffa9a9;
  --text-4: #ff8c8c;
  --text-5: #ff7070;
  --text-6: #ff5353;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme2] {
  --background-1: #331900;
  --background-2: #502700;
  --background-3: #6c3500;
  --background-4: #894300;
  --background-5: #a65100;
  --background-6: #c25f00;
  --text-1: #fff0e2;
  --text-2: #ffe2c6;
  --text-3: #ffd3a9;
  --text-4: #ffc58c;
  --text-5: #ffb670;
  --text-6: #ffa753;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme3] {
  --background-1: #333300;
  --background-2: #505000;
  --background-3: #6c6c00;
  --background-4: #898900;
  --background-5: #a6a600;
  --background-6: #c2c200;
  --text-1: #ffffe2;
  --text-2: #ffffc6;
  --text-3: #ffffa9;
  --text-4: #ffff8c;
  --text-5: #ffff70;
  --text-6: #ffff53;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme4] {
  --background-1: #193300;
  --background-2: #275000;
  --background-3: #356c00;
  --background-4: #438900;
  --background-5: #51a600;
  --background-6: #5fc200;
  --text-1: #f0ffe2;
  --text-2: #e2ffc6;
  --text-3: #d3ffa9;
  --text-4: #c4ff8c;
  --text-5: #b6ff70;
  --text-6: #a7ff53;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme5] {
  --background-1: #003300;
  --background-2: #005000;
  --background-3: #006c00;
  --background-4: #008900;
  --background-5: #00a600;
  --background-6: #00c200;
  --text-1: #e2ffe2;
  --text-2: #c6ffc6;
  --text-3: #a9ffa9;
  --text-4: #8cff8c;
  --text-5: #70ff70;
  --text-6: #53ff53;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme6] {
  --background-1: #003319;
  --background-2: #005027;
  --background-3: #006c35;
  --background-4: #008943;
  --background-5: #00a651;
  --background-6: #00c25f;
  --text-1: #e2fff0;
  --text-2: #c6ffe2;
  --text-3: #a9ffd3;
  --text-4: #8cffc5;
  --text-5: #70ffb6;
  --text-6: #53ffa7;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme7] {
  --background-1: #000033;
  --background-2: #000050;
  --background-3: #00006c;
  --background-4: #000089;
  --background-5: #0000a6;
  --background-6: #0000c2;
  --text-1: #e2e2ff;
  --text-2: #c6c6ff;
  --text-3: #a9a9ff;
  --text-4: #8c8cff;
  --text-5: #7070ff;
  --text-6: #5353ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme8] {
  --background-1: #001933;
  --background-2: #002750;
  --background-3: #00356c;
  --background-4: #004389;
  --background-5: #0051a6;
  --background-6: #005fc2;
  --text-1: #e2f0ff;
  --text-2: #c6e2ff;
  --text-3: #a9d3ff;
  --text-4: #8cc5ff;
  --text-5: #70b6ff;
  --text-6: #53a7ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme9] {
  --background-1: #000033;
  --background-2: #000050;
  --background-3: #00006c;
  --background-4: #000089;
  --background-5: #0000a6;
  --background-6: #0000c2;
  --text-1: #e2e2ff;
  --text-2: #c6c6ff;
  --text-3: #a9a9ff;
  --text-4: #8c8cff;
  --text-5: #7070ff;
  --text-6: #5353ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme10] {
  --background-1: #190033;
  --background-2: #270050;
  --background-3: #35006c;
  --background-4: #430089;
  --background-5: #5100a6;
  --background-6: #5f00c2;
  --text-1: #f0e2ff;
  --text-2: #e2c6ff;
  --text-3: #d3a9ff;
  --text-4: #c58cff;
  --text-5: #b670ff;
  --text-6: #a753ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme11] {
  --background-1: #330033;
  --background-2: #500050;
  --background-3: #6c006c;
  --background-4: #890089;
  --background-5: #a600a6;
  --background-6: #c200c2;
  --text-1: #ffe2ff;
  --text-2: #ffc6ff;
  --text-3: #ffa9ff;
  --text-4: #ff8cff;
  --text-5: #ff70ff;
  --text-6: #ff53ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme12] {
  --background-1: #330019;
  --background-2: #500027;
  --background-3: #6c0035;
  --background-4: #890043;
  --background-5: #a60051;
  --background-6: #c2005f;
  --text-1: #ffe2f0;
  --text-2: #ffc6e2;
  --text-3: #ffa9d3;
  --text-4: #ff8cc5;
  --text-5: #ff70b6;
  --text-6: #ff53a7;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme13] {
  --background-1: #000000;
  --background-2: #101010;
  --background-3: #202020;
  --background-4: #303030;
  --background-5: #404040;
  --background-6: #505050;
  --text-1: #efefef;
  --text-2: #dfdfdf;
  --text-3: #cfcfcf;
  --text-4: #bfbfbf;
  --text-5: #afafaf;
  --text-6: #9f9f9f;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme14] {
  --background-1: #660000;
  --background-2: #800000;
  --background-3: #990000;
  --background-4: #b30000;
  --background-5: #cc0000;
  --background-6: #e60000;
  --text-1: #ffe5e5;
  --text-2: #ffcccc;
  --text-3: #ffb3b3;
  --text-4: #ff9999;
  --text-5: #ff8080;
  --text-6: #ff6666;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme15] {
  --background-1: #663300;
  --background-2: #804000;
  --background-3: #994d00;
  --background-4: #b35900;
  --background-5: #cc6600;
  --background-6: #e67300;
  --text-1: #fff2e5;
  --text-2: #ffe6cc;
  --text-3: #ffd9b3;
  --text-4: #ffcc99;
  --text-5: #ffbf80;
  --text-6: #ffb366;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme16] {
  --background-1: #666600;
  --background-2: #808000;
  --background-3: #999900;
  --background-4: #b3b300;
  --background-5: #cccc00;
  --background-6: #e6e600;
  --text-1: #ffffe5;
  --text-2: #ffffcc;
  --text-3: #ffffb3;
  --text-4: #ffff99;
  --text-5: #ffff80;
  --text-6: #ffff66;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme17] {
  --background-1: #336600;
  --background-2: #408000;
  --background-3: #4d9900;
  --background-4: #59b300;
  --background-5: #66cc00;
  --background-6: #73e600;
  --text-1: #f2ffe5;
  --text-2: #e6ffcc;
  --text-3: #d9ffb3;
  --text-4: #ccff99;
  --text-5: #bfff80;
  --text-6: #b3ff66;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme18] {
  --background-1: #006600;
  --background-2: #008000;
  --background-3: #009900;
  --background-4: #00b300;
  --background-5: #00cc00;
  --background-6: #00e600;
  --text-1: #e5ffe5;
  --text-2: #ccffcc;
  --text-3: #b3ffb3;
  --text-4: #99ff99;
  --text-5: #80ff80;
  --text-6: #66ff66;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme19] {
  --background-1: #006633;
  --background-2: #008040;
  --background-3: #00994d;
  --background-4: #00b359;
  --background-5: #00cc66;
  --background-6: #00e673;
  --text-1: #e5fff2;
  --text-2: #ccffe6;
  --text-3: #b3ffd9;
  --text-4: #99ffcc;
  --text-5: #80ffbf;
  --text-6: #66ffb3;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme20] {
  --background-1: #006666;
  --background-2: #008080;
  --background-3: #009999;
  --background-4: #00b3b3;
  --background-5: #00cccc;
  --background-6: #00e6e6;
  --text-1: #e5ffff;
  --text-2: #ccffff;
  --text-3: #b3ffff;
  --text-4: #99ffff;
  --text-5: #80ffff;
  --text-6: #66ffff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme21] {
  --background-1: #003366;
  --background-2: #004080;
  --background-3: #004d99;
  --background-4: #0059b3;
  --background-5: #0066cc;
  --background-6: #0073e6;
  --text-1: #e5f2ff;
  --text-2: #cce6ff;
  --text-3: #b3d9ff;
  --text-4: #99ccff;
  --text-5: #80bfff;
  --text-6: #66b3ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme22] {
  --background-1: #000066;
  --background-2: #000080;
  --background-3: #000099;
  --background-4: #0000b3;
  --background-5: #0000cc;
  --background-6: #0000e6;
  --text-1: #e5e5ff;
  --text-2: #ccccff;
  --text-3: #b3b3ff;
  --text-4: #9999ff;
  --text-5: #8080ff;
  --text-6: #6666ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme23] {
  --background-1: #330066;
  --background-2: #400080;
  --background-3: #4d0099;
  --background-4: #5900b3;
  --background-5: #6600cc;
  --background-6: #7300e6;
  --text-1: #f2e5ff;
  --text-2: #e6ccff;
  --text-3: #d9b3ff;
  --text-4: #cc99ff;
  --text-5: #bf80ff;
  --text-6: #b366ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme24] {
  --background-1: #660066;
  --background-2: #800080;
  --background-3: #990099;
  --background-4: #b300b3;
  --background-5: #cc00cc;
  --background-6: #e600e6;
  --text-1: #ffe5ff;
  --text-2: #ffccff;
  --text-3: #ffb3ff;
  --text-4: #ff99ff;
  --text-5: #ff80ff;
  --text-6: #ff66ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme25] {
  --background-1: #660033;
  --background-2: #800040;
  --background-3: #99004d;
  --background-4: #b30059;
  --background-5: #cc0066;
  --background-6: #e60073;
  --text-1: #ffe5f2;
  --text-2: #ffcce6;
  --text-3: #ffb3d9;
  --text-4: #ff99cc;
  --text-5: #ff80bf;
  --text-6: #ff66b3;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme26] {
  --background-1: #202020;
  --background-2: #2e2e2e;
  --background-3: #3c3c3c;
  --background-4: #4a4a4a;
  --background-5: #585858;
  --background-6: #666666;
  --text-1: #f1f1f1;
  --text-2: #e3e3e3;
  --text-3: #d5d5d5;
  --text-4: #c7c7c7;
  --text-5: #b9b9b9;
  --text-6: #ababab;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme27] {
  --background-1: #990000;
  --background-2: #af0000;
  --background-3: #c60000;
  --background-4: #dc0000;
  --background-5: #f20000;
  --background-6: #ff0a0a;
  --text-1: #ffe9e9;
  --text-2: #ffd2d2;
  --text-3: #ffbcbc;
  --text-4: #ffa6a6;
  --text-5: #ff8f8f;
  --text-6: #ff7979;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme28] {
  --background-1: #994c00;
  --background-2: #af5700;
  --background-3: #c66200;
  --background-4: #dc6d00;
  --background-5: #f27800;
  --background-6: #ff830a;
  --text-1: #fff4e9;
  --text-2: #ffe9d2;
  --text-3: #ffddbc;
  --text-4: #ffd2a6;
  --text-5: #ffc78f;
  --text-6: #ffbc79;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme29] {
  --background-1: #999900;
  --background-2: #afaf00;
  --background-3: #c6c600;
  --background-4: #dcdc00;
  --background-5: #f2f200;
  --background-6: #ffff0a;
  --text-1: #ffffe9;
  --text-2: #ffffd2;
  --text-3: #ffffbc;
  --text-4: #ffffa6;
  --text-5: #ffff8f;
  --text-6: #ffff79;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme30] {
  --background-1: #4c9900;
  --background-2: #57af00;
  --background-3: #62c600;
  --background-4: #6ddc00;
  --background-5: #78f200;
  --background-6: #83ff0a;
  --text-1: #f4ffe9;
  --text-2: #e9ffd2;
  --text-3: #ddffbc;
  --text-4: #d2ffa6;
  --text-5: #c7ff8f;
  --text-6: #bcff79;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme31] {
  --background-1: #009900;
  --background-2: #00af00;
  --background-3: #00c600;
  --background-4: #00dc00;
  --background-5: #00f200;
  --background-6: #0aff0a;
  --text-1: #e9ffe9;
  --text-2: #d2ffd2;
  --text-3: #bcffbc;
  --text-4: #a6ffa6;
  --text-5: #8fff8f;
  --text-6: #79ff79;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme32] {
  --background-1: #00994c;
  --background-2: #00af57;
  --background-3: #00c662;
  --background-4: #00dc6d;
  --background-5: #00f278;
  --background-6: #0aff83;
  --text-1: #e9fff4;
  --text-2: #d2ffe9;
  --text-3: #bcffdd;
  --text-4: #a6ffd2;
  --text-5: #8fffc7;
  --text-6: #79ffbc;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme33] {
  --background-1: #009999;
  --background-2: #00afaf;
  --background-3: #00c6c6;
  --background-4: #00dcdc;
  --background-5: #00f2f2;
  --background-6: #0affff;
  --text-1: #e9ffff;
  --text-2: #d2ffff;
  --text-3: #bcffff;
  --text-4: #a6ffff;
  --text-5: #8fffff;
  --text-6: #79ffff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme34] {
  --background-1: #004c99;
  --background-2: #0057af;
  --background-3: #0062c6;
  --background-4: #006ddc;
  --background-5: #0078f2;
  --background-6: #0a83ff;
  --text-1: #e9f4ff;
  --text-2: #d2e9ff;
  --text-3: #bcddff;
  --text-4: #a6d2ff;
  --text-5: #8fc7ff;
  --text-6: #79bcff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme35] {
  --background-1: #000099;
  --background-2: #0000af;
  --background-3: #0000c6;
  --background-4: #0000dc;
  --background-5: #0000f2;
  --background-6: #0a0aff;
  --text-1: #e9e9ff;
  --text-2: #d2d2ff;
  --text-3: #bcbcff;
  --text-4: #a6a6ff;
  --text-5: #8f8fff;
  --text-6: #7979ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme36] {
  --background-1: #4c0099;
  --background-2: #5700af;
  --background-3: #6200c6;
  --background-4: #6d00dc;
  --background-5: #7800f2;
  --background-6: #830aff;
  --text-1: #f4e9ff;
  --text-2: #e9d2ff;
  --text-3: #ddbcff;
  --text-4: #d2a6ff;
  --text-5: #c78fff;
  --text-6: #bc79ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme37] {
  --background-1: #990099;
  --background-2: #af00af;
  --background-3: #c600c6;
  --background-4: #dc00dc;
  --background-5: #f200f2;
  --background-6: #ff0aff;
  --text-1: #ffe9ff;
  --text-2: #ffd2ff;
  --text-3: #ffbcff;
  --text-4: #ffa6ff;
  --text-5: #ff8fff;
  --text-6: #ff79ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme38] {
  --background-1: #99004c;
  --background-2: #af0057;
  --background-3: #c60062;
  --background-4: #dc006d;
  --background-5: #f20078;
  --background-6: #ff0a83;
  --text-1: #ffe9f4;
  --text-2: #ffd2e9;
  --text-3: #ffbcdd;
  --text-4: #ffa6d2;
  --text-5: #ff8fc7;
  --text-6: #ff79bc;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme39] {
  --background-1: #404040;
  --background-2: #4c4c4c;
  --background-3: #585858;
  --background-4: #646464;
  --background-5: #707070;
  --background-6: #7c7c7c;
  --text-1: #f3f3f3;
  --text-2: #e7e7e7;
  --text-3: #dbdbdb;
  --text-4: #cfcfcf;
  --text-5: #c3c3c3;
  --text-6: #b7b7b7;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme40] {
  --background-1: #cc0000;
  --background-2: #df0000;
  --background-3: #f20000;
  --background-4: #ff0606;
  --background-5: #ff1a1a;
  --background-6: #ff2d2d;
  --text-1: #ffecec;
  --text-2: #ffd9d9;
  --text-3: #ffc6c6;
  --text-4: #ffb3b3;
  --text-5: #ff9f9f;
  --text-6: #ff8c8c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme41] {
  --background-1: #cc6600;
  --background-2: #df7000;
  --background-3: #f27900;
  --background-4: #ff8306;
  --background-5: #ff8c1a;
  --background-6: #ff962d;
  --text-1: #fff5ec;
  --text-2: #ffecd9;
  --text-3: #ffe2c6;
  --text-4: #ffd9b3;
  --text-5: #ffcf9f;
  --text-6: #ffc68c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme42] {
  --background-1: #cccc00;
  --background-2: #dfdf00;
  --background-3: #f2f200;
  --background-4: #ffff06;
  --background-5: #ffff1a;
  --background-6: #ffff2d;
  --text-1: #ffffec;
  --text-2: #ffffd9;
  --text-3: #ffffc6;
  --text-4: #ffffb3;
  --text-5: #ffff9f;
  --text-6: #ffff8c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme43] {
  --background-1: #66cc00;
  --background-2: #70df00;
  --background-3: #79f200;
  --background-4: #83ff06;
  --background-5: #8cff1a;
  --background-6: #96ff2d;
  --text-1: #f5ffec;
  --text-2: #ecffd9;
  --text-3: #e2ffc6;
  --text-4: #d9ffb3;
  --text-5: #cfff9f;
  --text-6: #c6ff8c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme44] {
  --background-1: #00cc00;
  --background-2: #00df00;
  --background-3: #00f200;
  --background-4: #06ff06;
  --background-5: #1aff1a;
  --background-6: #2dff2d;
  --text-1: #ecffec;
  --text-2: #d9ffd9;
  --text-3: #c6ffc6;
  --text-4: #b3ffb3;
  --text-5: #9fff9f;
  --text-6: #8cff8c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme45] {
  --background-1: #00cc66;
  --background-2: #00df70;
  --background-3: #00f279;
  --background-4: #06ff83;
  --background-5: #1aff8c;
  --background-6: #2dff96;
  --text-1: #ecfff5;
  --text-2: #d9ffec;
  --text-3: #c6ffe2;
  --text-4: #b3ffd9;
  --text-5: #9fffcf;
  --text-6: #8cffc6;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme46] {
  --background-1: #00cccc;
  --background-2: #00dfdf;
  --background-3: #00f2f2;
  --background-4: #06ffff;
  --background-5: #1affff;
  --background-6: #2dffff;
  --text-1: #ecffff;
  --text-2: #d9ffff;
  --text-3: #c6ffff;
  --text-4: #b3ffff;
  --text-5: #9fffff;
  --text-6: #8cffff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme47] {
  --background-1: #0066cc;
  --background-2: #0070df;
  --background-3: #0079f2;
  --background-4: #0683ff;
  --background-5: #1a8cff;
  --background-6: #2d96ff;
  --text-1: #ecf5ff;
  --text-2: #d9ecff;
  --text-3: #c6e2ff;
  --text-4: #b3d9ff;
  --text-5: #9fcfff;
  --text-6: #8cc6ff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme48] {
  --background-1: #0000cc;
  --background-2: #0000df;
  --background-3: #0000f2;
  --background-4: #0606ff;
  --background-5: #1a1aff;
  --background-6: #2d2dff;
  --text-1: #ececff;
  --text-2: #d9d9ff;
  --text-3: #c6c6ff;
  --text-4: #b3b3ff;
  --text-5: #9f9fff;
  --text-6: #8c8cff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme49] {
  --background-1: #6600cc;
  --background-2: #7000df;
  --background-3: #7900f2;
  --background-4: #8306ff;
  --background-5: #8c1aff;
  --background-6: #962dff;
  --text-1: #f5ecff;
  --text-2: #ecd9ff;
  --text-3: #e2c6ff;
  --text-4: #d9b3ff;
  --text-5: #cf9fff;
  --text-6: #c68cff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme50] {
  --background-1: #cc00cc;
  --background-2: #df00df;
  --background-3: #f200f2;
  --background-4: #ff06ff;
  --background-5: #ff1aff;
  --background-6: #ff2dff;
  --text-1: #ffecff;
  --text-2: #ffd9ff;
  --text-3: #ffc6ff;
  --text-4: #ffb3ff;
  --text-5: #ff9fff;
  --text-6: #ff8cff;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme51] {
  --background-1: #cc0066;
  --background-2: #df0070;
  --background-3: #f20079;
  --background-4: #ff0683;
  --background-5: #ff1a8c;
  --background-6: #ff2d96;
  --text-1: #ffecf5;
  --text-2: #ffd9ec;
  --text-3: #ffc6e2;
  --text-4: #ffb3d9;
  --text-5: #ff9fcf;
  --text-6: #ff8cc6;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme52] {
  --background-1: #606060;
  --background-2: #6a6a6a;
  --background-3: #747474;
  --background-4: #7e7e7e;
  --background-5: #888888;
  --background-6: #929292;
  --text-1: #f5f5f5;
  --text-2: #ebebeb;
  --text-3: #e1e1e1;
  --text-4: #d7d7d7;
  --text-5: #cdcdcd;
  --text-6: #c3c3c3;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme53] {
  --background-1: #ff0000;
  --background-2: #e80707;
  --background-3: #d10e0e;
  --background-4: #bc1313;
  --background-5: #a71818;
  --background-6: #941b1b;
  --text-1: #080707;
  --text-2: #120e0e;
  --text-3: #1c1313;
  --text-4: #281818;
  --text-5: #341b1b;
  --text-6: #421e1e;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme54] {
  --background-1: #ff8000;
  --background-2: #e87807;
  --background-3: #d1700e;
  --background-4: #bc6813;
  --background-5: #a76018;
  --background-6: #94581b;
  --text-1: #080807;
  --text-2: #12100e;
  --text-3: #1c1813;
  --text-4: #282018;
  --text-5: #34281b;
  --text-6: #42301e;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme55] {
  --background-1: #ffff00;
  --background-2: #e8e807;
  --background-3: #d1d10e;
  --background-4: #bcbc13;
  --background-5: #a7a718;
  --background-6: #94941b;
  --text-1: #080807;
  --text-2: #12120e;
  --text-3: #1c1c13;
  --text-4: #282818;
  --text-5: #34341b;
  --text-6: #42421e;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme56] {
  --background-1: #80ff00;
  --background-2: #78e807;
  --background-3: #70d10e;
  --background-4: #68bc13;
  --background-5: #60a718;
  --background-6: #58941b;
  --text-1: #080807;
  --text-2: #10120e;
  --text-3: #181c13;
  --text-4: #202818;
  --text-5: #28341b;
  --text-6: #30421e;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme57] {
  --background-1: #00ff00;
  --background-2: #07e807;
  --background-3: #0ed10e;
  --background-4: #13bc13;
  --background-5: #18a718;
  --background-6: #1b941b;
  --text-1: #070807;
  --text-2: #0e120e;
  --text-3: #131c13;
  --text-4: #182818;
  --text-5: #1b341b;
  --text-6: #1e421e;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme58] {
  --background-1: #00ff80;
  --background-2: #07e878;
  --background-3: #0ed170;
  --background-4: #13bc68;
  --background-5: #18a760;
  --background-6: #1b9458;
  --text-1: #070808;
  --text-2: #0e1210;
  --text-3: #131c18;
  --text-4: #182820;
  --text-5: #1b3428;
  --text-6: #1e4230;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme59] {
  --background-1: #00ffff;
  --background-2: #07e8e8;
  --background-3: #0ed1d1;
  --background-4: #13bcbc;
  --background-5: #18a7a7;
  --background-6: #1b9494;
  --text-1: #070808;
  --text-2: #0e1212;
  --text-3: #131c1c;
  --text-4: #182828;
  --text-5: #1b3434;
  --text-6: #1e4242;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme60] {
  --background-1: #0080ff;
  --background-2: #0778e8;
  --background-3: #0e70d1;
  --background-4: #1368bc;
  --background-5: #1860a7;
  --background-6: #1b5894;
  --text-1: #070808;
  --text-2: #0e1012;
  --text-3: #13181c;
  --text-4: #182028;
  --text-5: #1b2834;
  --text-6: #1e3042;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme61] {
  --background-1: #0000ff;
  --background-2: #0707e8;
  --background-3: #0e0ed1;
  --background-4: #1313bc;
  --background-5: #1818a7;
  --background-6: #1b1b94;
  --text-1: #070708;
  --text-2: #0e0e12;
  --text-3: #13131c;
  --text-4: #181828;
  --text-5: #1b1b34;
  --text-6: #1e1e42;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme62] {
  --background-1: #7f00ff;
  --background-2: #7707e8;
  --background-3: #6f0ed1;
  --background-4: #6713bc;
  --background-5: #5f18a7;
  --background-6: #571b94;
  --text-1: #080708;
  --text-2: #100e12;
  --text-3: #18131c;
  --text-4: #201828;
  --text-5: #281b34;
  --text-6: #301e42;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme63] {
  --background-1: #ff00ff;
  --background-2: #e807e8;
  --background-3: #d10ed1;
  --background-4: #bc13bc;
  --background-5: #a718a7;
  --background-6: #941b94;
  --text-1: #080708;
  --text-2: #120e12;
  --text-3: #1c131c;
  --text-4: #281828;
  --text-5: #341b34;
  --text-6: #421e42;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme64] {
  --background-1: #ff007f;
  --background-2: #e80777;
  --background-3: #d10e6f;
  --background-4: #bc1367;
  --background-5: #a7185f;
  --background-6: #941b57;
  --text-1: #080708;
  --text-2: #120e10;
  --text-3: #1c1318;
  --text-4: #281820;
  --text-5: #341b28;
  --text-6: #421e30;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme65] {
  --background-1: #808080;
  --background-2: #787878;
  --background-3: #707070;
  --background-4: #686868;
  --background-5: #606060;
  --background-6: #585858;
  --text-1: #080808;
  --text-2: #101010;
  --text-3: #181818;
  --text-4: #202020;
  --text-5: #282828;
  --text-6: #303030;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme66] {
  --background-1: #ff3333;
  --background-2: #f82727;
  --background-3: #f01c1c;
  --background-4: #e11717;
  --background-5: #c91d1d;
  --background-6: #b22121;
  --text-1: #0a0909;
  --text-2: #161111;
  --text-3: #221717;
  --text-4: #301d1d;
  --text-5: #3f2121;
  --text-6: #4f2424;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme67] {
  --background-1: #ff9933;
  --background-2: #f88f27;
  --background-3: #f0861c;
  --background-4: #e17c17;
  --background-5: #c9731d;
  --background-6: #b26921;
  --text-1: #0a0a09;
  --text-2: #161311;
  --text-3: #221d17;
  --text-4: #30261d;
  --text-5: #3f3021;
  --text-6: #4f3924;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme68] {
  --background-1: #ffff33;
  --background-2: #f8f827;
  --background-3: #f0f01c;
  --background-4: #e1e117;
  --background-5: #c9c91d;
  --background-6: #b2b221;
  --text-1: #0a0a09;
  --text-2: #161611;
  --text-3: #222217;
  --text-4: #30301d;
  --text-5: #3f3f21;
  --text-6: #4f4f24;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme69] {
  --background-1: #99ff33;
  --background-2: #8ff827;
  --background-3: #86f01c;
  --background-4: #7ce117;
  --background-5: #73c91d;
  --background-6: #69b221;
  --text-1: #0a0a09;
  --text-2: #131611;
  --text-3: #1d2217;
  --text-4: #26301d;
  --text-5: #303f21;
  --text-6: #394f24;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme70] {
  --background-1: #33ff33;
  --background-2: #27f827;
  --background-3: #1cf01c;
  --background-4: #17e117;
  --background-5: #1dc91d;
  --background-6: #21b221;
  --text-1: #090a09;
  --text-2: #111611;
  --text-3: #172217;
  --text-4: #1d301d;
  --text-5: #213f21;
  --text-6: #244f24;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme71] {
  --background-1: #33ff99;
  --background-2: #27f88f;
  --background-3: #1cf086;
  --background-4: #17e17c;
  --background-5: #1dc973;
  --background-6: #21b269;
  --text-1: #090a0a;
  --text-2: #111613;
  --text-3: #17221d;
  --text-4: #1d3026;
  --text-5: #213f30;
  --text-6: #244f39;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme72] {
  --background-1: #33ffff;
  --background-2: #27f8f8;
  --background-3: #1cf0f0;
  --background-4: #17e1e1;
  --background-5: #1dc9c9;
  --background-6: #21b2b2;
  --text-1: #090a0a;
  --text-2: #111616;
  --text-3: #172222;
  --text-4: #1d3030;
  --text-5: #213f3f;
  --text-6: #244f4f;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme73] {
  --background-1: #3399ff;
  --background-2: #278ff8;
  --background-3: #1c86f0;
  --background-4: #177ce1;
  --background-5: #1d73c9;
  --background-6: #2169b2;
  --text-1: #090a0a;
  --text-2: #111316;
  --text-3: #171d22;
  --text-4: #1d2630;
  --text-5: #21303f;
  --text-6: #24394f;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme74] {
  --background-1: #3333ff;
  --background-2: #2727f8;
  --background-3: #1c1cf0;
  --background-4: #1717e1;
  --background-5: #1d1dc9;
  --background-6: #2121b2;
  --text-1: #09090a;
  --text-2: #111116;
  --text-3: #171722;
  --text-4: #1d1d30;
  --text-5: #21213f;
  --text-6: #24244f;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme75] {
  --background-1: #9933ff;
  --background-2: #8f27f8;
  --background-3: #861cf0;
  --background-4: #7c17e1;
  --background-5: #731dc9;
  --background-6: #6921b2;
  --text-1: #0a090a;
  --text-2: #131116;
  --text-3: #1d1722;
  --text-4: #261d30;
  --text-5: #30213f;
  --text-6: #39244f;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme76] {
  --background-1: #ff33ff;
  --background-2: #f827f8;
  --background-3: #f01cf0;
  --background-4: #e117e1;
  --background-5: #c91dc9;
  --background-6: #b221b2;
  --text-1: #0a090a;
  --text-2: #161116;
  --text-3: #221722;
  --text-4: #301d30;
  --text-5: #3f213f;
  --text-6: #4f244f;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme77] {
  --background-1: #ff3399;
  --background-2: #f8278f;
  --background-3: #f01c86;
  --background-4: #e1177c;
  --background-5: #c91d73;
  --background-6: #b22169;
  --text-1: #0a090a;
  --text-2: #161113;
  --text-3: #22171d;
  --text-4: #301d26;
  --text-5: #3f2130;
  --text-6: #4f2439;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme78] {
  --background-1: #a0a0a0;
  --background-2: #969696;
  --background-3: #8c8c8c;
  --background-4: #828282;
  --background-5: #787878;
  --background-6: #6e6e6e;
  --text-1: #0a0a0a;
  --text-2: #141414;
  --text-3: #1e1e1e;
  --text-4: #282828;
  --text-5: #323232;
  --text-6: #3c3c3c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme79] {
  --background-1: #ff6666;
  --background-2: #fa5555;
  --background-3: #f34646;
  --background-4: #ea3838;
  --background-5: #e12b2b;
  --background-6: #cf2626;
  --text-1: #0c0a0a;
  --text-2: #191414;
  --text-3: #281b1b;
  --text-4: #382121;
  --text-5: #492626;
  --text-6: #5c2a2a;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme80] {
  --background-1: #ffb266;
  --background-2: #faa755;
  --background-3: #f39c46;
  --background-4: #ea9038;
  --background-5: #e1852b;
  --background-6: #cf7a26;
  --text-1: #0c0b0a;
  --text-2: #191614;
  --text-3: #28211b;
  --text-4: #382d21;
  --text-5: #493826;
  --text-6: #5c432a;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme81] {
  --background-1: #ffff66;
  --background-2: #fafa55;
  --background-3: #f3f346;
  --background-4: #eaea38;
  --background-5: #e1e12b;
  --background-6: #cfcf26;
  --text-1: #0c0c0a;
  --text-2: #191914;
  --text-3: #28281b;
  --text-4: #383821;
  --text-5: #494926;
  --text-6: #5c5c2a;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme82] {
  --background-1: #b2ff66;
  --background-2: #a7fa55;
  --background-3: #9cf346;
  --background-4: #90ea38;
  --background-5: #85e12b;
  --background-6: #7acf26;
  --text-1: #0b0c0a;
  --text-2: #161914;
  --text-3: #21281b;
  --text-4: #2d3821;
  --text-5: #384926;
  --text-6: #435c2a;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme83] {
  --background-1: #66ff66;
  --background-2: #55fa55;
  --background-3: #46f346;
  --background-4: #38ea38;
  --background-5: #2be12b;
  --background-6: #26cf26;
  --text-1: #0a0c0a;
  --text-2: #141914;
  --text-3: #1b281b;
  --text-4: #213821;
  --text-5: #264926;
  --text-6: #2a5c2a;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme84] {
  --background-1: #66ffb2;
  --background-2: #55faa7;
  --background-3: #46f39c;
  --background-4: #38ea90;
  --background-5: #2be185;
  --background-6: #26cf7a;
  --text-1: #0a0c0b;
  --text-2: #141916;
  --text-3: #1b2821;
  --text-4: #21382d;
  --text-5: #264938;
  --text-6: #2a5c43;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme85] {
  --background-1: #66ffff;
  --background-2: #55fafa;
  --background-3: #46f3f3;
  --background-4: #38eaea;
  --background-5: #2be1e1;
  --background-6: #26cfcf;
  --text-1: #0a0c0c;
  --text-2: #141919;
  --text-3: #1b2828;
  --text-4: #213838;
  --text-5: #264949;
  --text-6: #2a5c5c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme86] {
  --background-1: #66b2ff;
  --background-2: #55a7fa;
  --background-3: #469cf3;
  --background-4: #3890ea;
  --background-5: #2b85e1;
  --background-6: #267acf;
  --text-1: #0a0b0c;
  --text-2: #141619;
  --text-3: #1b2128;
  --text-4: #212d38;
  --text-5: #263849;
  --text-6: #2a435c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme87] {
  --background-1: #6666ff;
  --background-2: #5555fa;
  --background-3: #4646f3;
  --background-4: #3838ea;
  --background-5: #2b2be1;
  --background-6: #2626cf;
  --text-1: #0a0a0c;
  --text-2: #141419;
  --text-3: #1b1b28;
  --text-4: #212138;
  --text-5: #262649;
  --text-6: #2a2a5c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme88] {
  --background-1: #b266ff;
  --background-2: #a755fa;
  --background-3: #9c46f3;
  --background-4: #9038ea;
  --background-5: #852be1;
  --background-6: #7a26cf;
  --text-1: #0b0a0c;
  --text-2: #161419;
  --text-3: #211b28;
  --text-4: #2d2138;
  --text-5: #382649;
  --text-6: #432a5c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme89] {
  --background-1: #ff66ff;
  --background-2: #fa55fa;
  --background-3: #f346f3;
  --background-4: #ea38ea;
  --background-5: #e12be1;
  --background-6: #cf26cf;
  --text-1: #0c0a0c;
  --text-2: #191419;
  --text-3: #281b28;
  --text-4: #382138;
  --text-5: #492649;
  --text-6: #5c2a5c;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme90] {
  --background-1: #ff66b2;
  --background-2: #fa55a7;
  --background-3: #f3469c;
  --background-4: #ea3890;
  --background-5: #e12b85;
  --background-6: #cf267a;
  --text-1: #0c0a0b;
  --text-2: #191416;
  --text-3: #281b21;
  --text-4: #38212d;
  --text-5: #492638;
  --text-6: #5c2a43;
  --contrast: #eeeeee;
  --contrast-light: #555555;
}
[data-theme=theme91] {
  --background-1: #c0c0c0;
  --background-2: #b4b4b4;
  --background-3: #a8a8a8;
  --background-4: #9c9c9c;
  --background-5: #909090;
  --background-6: #848484;
  --text-1: #0c0c0c;
  --text-2: #181818;
  --text-3: #242424;
  --text-4: #303030;
  --text-5: #3c3c3c;
  --text-6: #484848;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme92] {
  --background-1: #ff9999;
  --background-2: #fb8383;
  --background-3: #f57070;
  --background-4: #ee5d5d;
  --background-5: #e64c4c;
  --background-6: #db3d3d;
  --text-1: #0e0c0c;
  --text-2: #1d1616;
  --text-3: #2d1f1f;
  --text-4: #402626;
  --text-5: #542c2c;
  --text-6: #693030;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme93] {
  --background-1: #ffcc99;
  --background-2: #fbbf83;
  --background-3: #f5b370;
  --background-4: #eea65d;
  --background-5: #e6994c;
  --background-6: #db8c3d;
  --text-1: #0e0d0c;
  --text-2: #1d1a16;
  --text-3: #2d261f;
  --text-4: #403326;
  --text-5: #54402c;
  --text-6: #694d30;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme94] {
  --background-1: #ffff99;
  --background-2: #fbfb83;
  --background-3: #f5f570;
  --background-4: #eeee5d;
  --background-5: #e6e64c;
  --background-6: #dbdb3d;
  --text-1: #0e0e0c;
  --text-2: #1d1d16;
  --text-3: #2d2d1f;
  --text-4: #404026;
  --text-5: #54542c;
  --text-6: #696930;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme95] {
  --background-1: #ccff99;
  --background-2: #bffb83;
  --background-3: #b3f570;
  --background-4: #a6ee5d;
  --background-5: #99e64c;
  --background-6: #8cdb3d;
  --text-1: #0d0e0c;
  --text-2: #1a1d16;
  --text-3: #262d1f;
  --text-4: #334026;
  --text-5: #40542c;
  --text-6: #4d6930;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme96] {
  --background-1: #99ff99;
  --background-2: #83fb83;
  --background-3: #70f570;
  --background-4: #5dee5d;
  --background-5: #4ce64c;
  --background-6: #3ddb3d;
  --text-1: #0c0e0c;
  --text-2: #161d16;
  --text-3: #1f2d1f;
  --text-4: #264026;
  --text-5: #2c542c;
  --text-6: #306930;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme97] {
  --background-1: #99ffcc;
  --background-2: #83fbbf;
  --background-3: #70f5b3;
  --background-4: #5deea6;
  --background-5: #4ce699;
  --background-6: #3ddb8c;
  --text-1: #0c0e0d;
  --text-2: #161d1a;
  --text-3: #1f2d26;
  --text-4: #264033;
  --text-5: #2c5440;
  --text-6: #30694d;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme98] {
  --background-1: #99ffff;
  --background-2: #83fbfb;
  --background-3: #70f5f5;
  --background-4: #5deeee;
  --background-5: #4ce6e6;
  --background-6: #3ddbdb;
  --text-1: #0c0e0e;
  --text-2: #161d1d;
  --text-3: #1f2d2d;
  --text-4: #264040;
  --text-5: #2c5454;
  --text-6: #306969;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme99] {
  --background-1: #99ccff;
  --background-2: #83bffb;
  --background-3: #70b3f5;
  --background-4: #5da6ee;
  --background-5: #4c99e6;
  --background-6: #3d8cdb;
  --text-1: #0c0d0e;
  --text-2: #161a1d;
  --text-3: #1f262d;
  --text-4: #263340;
  --text-5: #2c4054;
  --text-6: #304d69;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme100] {
  --background-1: #9999ff;
  --background-2: #8383fb;
  --background-3: #7070f5;
  --background-4: #5d5dee;
  --background-5: #4c4ce6;
  --background-6: #3d3ddb;
  --text-1: #0c0c0e;
  --text-2: #16161d;
  --text-3: #1f1f2d;
  --text-4: #262640;
  --text-5: #2c2c54;
  --text-6: #303069;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme101] {
  --background-1: #cc99ff;
  --background-2: #bf83fb;
  --background-3: #b370f5;
  --background-4: #a65dee;
  --background-5: #994ce6;
  --background-6: #8c3ddb;
  --text-1: #0d0c0e;
  --text-2: #1a161d;
  --text-3: #261f2d;
  --text-4: #332640;
  --text-5: #402c54;
  --text-6: #4d3069;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme102] {
  --background-1: #ff99ff;
  --background-2: #fb83fb;
  --background-3: #f570f5;
  --background-4: #ee5dee;
  --background-5: #e64ce6;
  --background-6: #db3ddb;
  --text-1: #0e0c0e;
  --text-2: #1d161d;
  --text-3: #2d1f2d;
  --text-4: #402640;
  --text-5: #542c54;
  --text-6: #693069;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme103] {
  --background-1: #ff99cc;
  --background-2: #fb83bf;
  --background-3: #f570b3;
  --background-4: #ee5da6;
  --background-5: #e64c99;
  --background-6: #db3d8c;
  --text-1: #0e0c0d;
  --text-2: #1d161a;
  --text-3: #2d1f26;
  --text-4: #402633;
  --text-5: #542c40;
  --text-6: #69304d;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme104] {
  --background-1: #e0e0e0;
  --background-2: #d2d2d2;
  --background-3: #c4c4c4;
  --background-4: #b6b6b6;
  --background-5: #a8a8a8;
  --background-6: #9a9a9a;
  --text-1: #0e0e0e;
  --text-2: #1c1c1c;
  --text-3: #2a2a2a;
  --text-4: #383838;
  --text-5: #464646;
  --text-6: #545454;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme105] {
  --background-1: #ffcccc;
  --background-2: #fdb2b2;
  --background-3: #f89999;
  --background-4: #f28383;
  --background-5: #ea6e6e;
  --background-6: #e15b5b;
  --text-1: #0f0d0d;
  --text-2: #201919;
  --text-3: #332323;
  --text-4: #482b2b;
  --text-5: #5e3131;
  --text-6: #763636;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme106] {
  --background-1: #ffe5cc;
  --background-2: #fdd6b2;
  --background-3: #f8c899;
  --background-4: #f2b983;
  --background-5: #eaab6e;
  --background-6: #e19c5b;
  --text-1: #0f0e0d;
  --text-2: #201d19;
  --text-3: #332b23;
  --text-4: #48392b;
  --text-5: #5e4731;
  --text-6: #765536;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme107] {
  --background-1: #ffffcc;
  --background-2: #fdfdb2;
  --background-3: #f8f899;
  --background-4: #f2f283;
  --background-5: #eaea6e;
  --background-6: #e1e15b;
  --text-1: #0f0f0d;
  --text-2: #202019;
  --text-3: #333323;
  --text-4: #48482b;
  --text-5: #5e5e31;
  --text-6: #767636;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme108] {
  --background-1: #e5ffcc;
  --background-2: #d6fdb2;
  --background-3: #c8f899;
  --background-4: #b9f283;
  --background-5: #abea6e;
  --background-6: #9ce15b;
  --text-1: #0e0f0d;
  --text-2: #1d2019;
  --text-3: #2b3323;
  --text-4: #39482b;
  --text-5: #475e31;
  --text-6: #557636;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme109] {
  --background-1: #ccffcc;
  --background-2: #b2fdb2;
  --background-3: #99f899;
  --background-4: #83f283;
  --background-5: #6eea6e;
  --background-6: #5be15b;
  --text-1: #0d0f0d;
  --text-2: #192019;
  --text-3: #233323;
  --text-4: #2b482b;
  --text-5: #315e31;
  --text-6: #367636;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme110] {
  --background-1: #ccffe5;
  --background-2: #b2fdd6;
  --background-3: #99f8c8;
  --background-4: #83f2b9;
  --background-5: #6eeaab;
  --background-6: #5be19c;
  --text-1: #0d0f0e;
  --text-2: #19201d;
  --text-3: #23332b;
  --text-4: #2b4839;
  --text-5: #315e47;
  --text-6: #367655;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme111] {
  --background-1: #ccffff;
  --background-2: #b2fdfd;
  --background-3: #99f8f8;
  --background-4: #83f2f2;
  --background-5: #6eeaea;
  --background-6: #5be1e1;
  --text-1: #0d0f0f;
  --text-2: #192020;
  --text-3: #233333;
  --text-4: #2b4848;
  --text-5: #315e5e;
  --text-6: #367676;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme112] {
  --background-1: #cce5ff;
  --background-2: #b2d6fd;
  --background-3: #99c8f8;
  --background-4: #83b9f2;
  --background-5: #6eabea;
  --background-6: #5b9ce1;
  --text-1: #0d0e0f;
  --text-2: #191d20;
  --text-3: #232b33;
  --text-4: #2b3948;
  --text-5: #31475e;
  --text-6: #365576;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme113] {
  --background-1: #ccccff;
  --background-2: #b2b2fd;
  --background-3: #9999f8;
  --background-4: #8383f2;
  --background-5: #6e6eea;
  --background-6: #5b5be1;
  --text-1: #0d0d0f;
  --text-2: #191920;
  --text-3: #232333;
  --text-4: #2b2b48;
  --text-5: #31315e;
  --text-6: #363676;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme114] {
  --background-1: #e5ccff;
  --background-2: #d6b2fd;
  --background-3: #c899f8;
  --background-4: #b983f2;
  --background-5: #ab6eea;
  --background-6: #9c5be1;
  --text-1: #0e0d0f;
  --text-2: #1d1920;
  --text-3: #2b2333;
  --text-4: #392b48;
  --text-5: #47315e;
  --text-6: #553676;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme115] {
  --background-1: #ffccff;
  --background-2: #fdb2fd;
  --background-3: #f899f8;
  --background-4: #f283f2;
  --background-5: #ea6eea;
  --background-6: #e15be1;
  --text-1: #0f0d0f;
  --text-2: #201920;
  --text-3: #332333;
  --text-4: #482b48;
  --text-5: #5e315e;
  --text-6: #763676;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme116] {
  --background-1: #ffcce5;
  --background-2: #fdb2d6;
  --background-3: #f899c8;
  --background-4: #f283b9;
  --background-5: #ea6eab;
  --background-6: #e15b9c;
  --text-1: #0f0d0e;
  --text-2: #20191d;
  --text-3: #33232b;
  --text-4: #482b39;
  --text-5: #5e3147;
  --text-6: #763655;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}
[data-theme=theme117] {
  --background-1: #fcfbfb;
  --background-2: #eee9e9;
  --background-3: #e0d8d8;
  --background-4: #d2c6c6;
  --background-5: #c4b6b6;
  --background-6: #b5a5a5;
  --text-1: #101010;
  --text-2: #201f1f;
  --text-3: #302e2e;
  --text-4: #413d3d;
  --text-5: #524b4b;
  --text-6: #635959;
  --contrast: #555555;
  --contrast-light: #eeeeee;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */