@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --gray-100: #f8f9fc;
  --gray-200: #cccccc;
  --gray-300: #b2b2b2;
  --gray-400: #999999;
  --gray-500: #7f7f7f;
  --gray-600: #6d7278;
  --gray-700: #444444;
  --gray-800: #333333;
  --gray-900: #191919;
  --blue-100: #ebf5ff;
  --blue-200: #bfcedc;
  --blue-300: #99b1c6;
  --blue-400: #4d769c;
  --blue-500: #003b71;
  --blue-600: #003566;
  --blue-700: #002344;
  --blue-800: #001b33;
  --blue-900: #001222;
  --white-rgb: 255, 255, 255;
  --white: rgb(var(--white-rgb));
  --bluesky-rgb: 178, 217, 254;
  --bluesky: rgb(var(--bluesky-rgb));
  --cyan-rgb: 0, 255, 255;
  --cyan: rgb(var(--cyan-rgb));
  --aqua-rgb: 0, 184, 255;
  --aqua: rgb(var(--aqua-rgb));
  --blue-rgb: 0, 125, 255;
  --blue: rgb(var(--blue-rgb));
  --navy-rgb: 0, 60, 110;
  --navy: rgb(var(--navy-rgb));
  --teal-rgb: 0, 128, 128;
  --teal: rgb(var(--teal-rgb));
  --pink-rgb: 247, 130, 171;
  --pink: rgb(var(--pink-rgb));
  --fushia-rgb: 255, 0, 255;
  --fushia: rgb(var(--fushia-rgb));
  --purple-rgb: 111, 66, 193;
  --purple: rgb(var(--purple-rgb));
  --indigo-rgb: 75, 0, 130;
  --indigo: rgb(var(--indigo-rgb));
  --yellow-rgb: 255, 255, 0;
  --yellow: rgb(var(--yellow-rgb));
  --orange-rgb: 255, 125, 0;
  --orange: rgb(var(--orange-rgb));
  --red-rgb: 225, 0, 0;
  --red: rgb(var(--red-rgb));
  --brown-rgb: 145, 65, 20;
  --brown: rgb(var(--brown-rgb));
  --green-rgb: 55, 175, 75;
  --green: rgb(var(--green-rgb));
  --black-rgb: 0, 0, 0;
  --black: rgb(var(--black-rgb));
  --transparent: transparent;
  --highlight: rgba(var(--yellow-rgb), 0.25);
  --danger: #ff0000;
  --danger-selected: #c90005;
  --warning: #ff9000;
  --warning-selected: #ca6307;
  --success: #00c850;
  --success-selected: #149a32;
  --info: #1177ee;
  --info-selected: #0f4bbb;
  --style-border-0: 0 solid transparent;
  --text-shadow-0: 0 0 0 transparent;
  --style-shadow-0: 0 0 0 0 transparent;
  --style-radius-0: 0;
  --style-radius-1: 0.5rem;
  --style-radius-2: 1rem;
  --style-circle: 50rem;
  --style-blur: blur(1.85rem);
  --style-blurry: saturate(200%) blur(1.85rem);
  --style-transition: all 0.5s ease-in-out;
  --style-navbar: linear-gradient(
      to top,
      rgba(var(--black-rgb), 0),
      rgba(var(--black-rgb), 0.25)
  );
  --style-shadow-inner-success: inset 2px 2px 5px var(--success-selected),
      inset -5px -5px 10px var(--success);
  --style-shadow-focus-success: inset 1px 1px 2px var(--success-selected),
      inset -2px -2px 5px var(--success);
  --style-shadow-inner-warning: inset 2px 2px 5px var(--warning-selected),
      inset -5px -5px 10px var(--warning);
  --style-shadow-focus-warning: inset 1px 1px 2px var(--warning-selected),
      inset -2px -2px 5px var(--warning);
  --style-shadow-inner-danger: inset 2px 2px 5px var(--danger-selected),
      inset -5px -5px 10px var(--danger);
  --style-shadow-focus-danger: inset 1px 1px 2px var(--danger-selected),
      inset -2px -2px 5px var(--danger);
  --style-shadow-inner-info: inset 2px 2px 5px var(--info-selected),
      inset -5px -5px 10px var(--info);
  --style-shadow-focus-info: inset 1px 1px 2px var(--info-selected),
      inset -2px -2px 5px var(--info);
  --style-glow-danger: inset 0 0 10px var(--danger);
  --style-glow-warning: inset 0 0 10px var(--warning);
  --style-glow-success: inset 0 0 10px var(--success);
  --style-glow-info: inset 0 0 10px var(--info);
  --color-navbar: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  --wc-menu-button-cursor: pointer;
  --wc-menu-button-color: var(--white);
  --side-drawer-overlay-opacity: 0.75;
  --side-drawer-overlay-transition: opacity 0.25s ease-in-out 0.25s;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-muted: rgba(var(--black-rgb), 0.25);
    --color-muted-dark: rgba(var(--white-rgb), 0.25);
    --color-background-glass: rgba(var(--white-rgb), 0.2);
    --color-background-darkglass: rgba(var(--black-rgb), 0.2);
    --color-background-translucent: rgba(var(--white-rgb), 0.6);
    --color-shadow-light: rgba(var(--white-rgb), 0.8);
    --color-shadow-dark: rgba(185, 189, 203, 0.8);
    --text-shadow-1: 0px 1px 1px rgba(var(--black-rgb), 0.5);
    --text-shadow-2: 0px 3px 4px rgba(var(--black-rgb), 0.25);
    --style-shadow-1: rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
    --style-shadow-2: rgba(0, 0, 0, 0.25) 0px 14px 28px,
        rgba(0, 0, 0, 0.22) 0px 10px 10px;
    --style-shadow-3: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    --style-shadow-upside: 0 -4px 3px rgba(var(--black-rgb), 0.5);
    --style-shadow-inner: inset 2px 2px 5px var(--color-shadow-dark),
        inset -4px -4px 5px var(--color-shadow-light);
    --style-shadow-focus: inset 1px 1px 2px var(--color-shadow-dark),
        inset -2px -2px 5px var(--color-shadow-light);
    --style-shadow-inner-dark: inset 2px 2px 5px var(--gray-900),
        inset -4px -4px 5px var(--gray-600);
    --style-shadow-focus-dark: inset 1px 1px 2px var(--gray-900),
        inset -2px -2px 5px var(--gray-600);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-muted: rgba(var(--white-rgb), 0.25);
    --color-muted-dark: rgba(var(--black-rgb), 0.25);
    --color-background-glass: rgba(var(--black-rgb), 0.2);
    --color-background-translucent: rgba(var(--black-rgb), 0.6);
    --color-shadow-light: rgba(69, 69, 69, 0.8);
    --color-shadow-dark: rgba(var(--black-rgb), 0.8);
    --text-shadow-1: 0px 1px 1px rgba(var(--black-rgb), 0.5);
    --text-shadow-1-2: 0px 3px 4px rgba(var(--black-rgb), 0.25);
    --style-shadow-1: rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
    --style-shadow-2: rgba(0, 0, 0, 0.25) 0px 14px 28px,
        rgba(0, 0, 0, 0.22) 0px 10px 10px;
    --style-shadow-3: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    --style-shadow-upside: 0 -4px 3px rgba(var(--black-rgb), 0.5);
    --style-shadow-inner: inset 2px 2px 5px var(--color-shadow-dark),
        inset -4px -4px 5px var(--color-shadow-light);
    --style-shadow-focus: inset 1px 1px 2px var(--color-shadow-dark),
        inset -2px -2px 5px var(--color-shadow-light);
    --style-shadow-inner-dark: inset 2px 2px 5px var(--blue-900),
        inset -4px -4px 5px var(--blue-600);
    --style-shadow-focus-dark: inset 1px 1px 2px var(--blue-900),
        inset -2px -2px 5px var(--blue-600);
  }
}
.debug {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 2rem;
  padding: 2rem;
  z-index: 999;
  box-shadow: var(--style-shadow-1);
  border-radius: var(--style-radius-1);
  -webkit-backdrop-filter: var(--style-blurry);
  backdrop-filter: var(--style-blurry);
  background-color: rgba(var(--orange-rgb), 0.8);
  color: var(--color-background);
}
.debug li {
  list-style-type: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVnLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuOTc4Ljg1NWEuNS41IDAgMSAwLS45NTYuMjlsLjQxIDEuMzUyQTQuOTg1IDQuOTg1IDAgMCAwIDMgNmgxMGE0Ljk4NSA0Ljk4NSAwIDAgMC0xLjQzMi0zLjUwM2wuNDEtMS4zNTJhLjUuNSAwIDEgMC0uOTU2LS4yOWwtLjI5MS45NTZBNC45NzggNC45NzggMCAwIDAgOCAxYTQuOTc5IDQuOTc5IDAgMCAwLTIuNzMxLjgxMWwtLjI5LS45NTZ6Ii8+CiAgPHBhdGggZD0iTTEzIDZ2MUg4LjV2OC45NzVBNSA1IDAgMCAwIDEzIDExaC41YS41LjUgMCAwIDEgLjUuNXYuNWEuNS41IDAgMSAwIDEgMHYtLjVhMS41IDEuNSAwIDAgMC0xLjUtMS41SDEzVjloMS41YS41LjUgMCAwIDAgMC0xSDEzVjdoLjVBMS41IDEuNSAwIDAgMCAxNSA1LjVWNWEuNS41IDAgMCAwLTEgMHYuNWEuNS41IDAgMCAxLS41LjVIMTN6bS01LjUgOS45NzVWN0gzVjZoLS41YS41LjUgMCAwIDEtLjUtLjVWNWEuNS41IDAgMCAwLTEgMHYuNUExLjUgMS41IDAgMCAwIDIuNSA3SDN2MUgxLjVhLjUuNSAwIDAgMCAwIDFIM3YxaC0uNUExLjUgMS41IDAgMCAwIDEgMTEuNXYuNWEuNS41IDAgMSAwIDEgMHYtLjVhLjUuNSAwIDAgMSAuNS0uNUgzYTUgNSAwIDAgMCA0LjUgNC45NzV6Ii8+Cjwvc3ZnPg==) no-repeat left center;
  padding: 5px 0 5px 25px;
  margin-left: -2rem;
  color: initial;
}
.debug .alert-heading {
  font-weight: bold;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.8);
}

.show-alert {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 2rem auto;
  width: 50vw;
  padding: 2rem;
  z-index: 999;
  box-shadow: var(--style-shadow-2);
  border-radius: var(--style-radius-2);
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  vertical-align: middle;
  line-height: 1.5rem;
}
.show-alert .alert-heading {
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 1rem;
}
.show-alert .alert-message {
  font-size: 1.1rem;
}
.show-alert .btn-close {
  float: right;
  margin-top: -1rem;
  margin-right: -1rem;
}

#noscript {
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2em;
}
#noscript .noscript h1 {
  font-family: var(--font-primary);
  font-size: 10rem;
  margin: 0;
  font-weight: 800;
  background: url("../img/contents/headers/header.jpg");
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: center;
}
#noscript .noscript h2 {
  font-family: var(--font-primary);
  color: var(--danger);
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
#noscript .noscript .media img {
  margin-right: 1rem;
}
#noscript .noscript.media-body {
  font-size: 1.5rem;
  font-weight: 400;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20000;
  opacity: 0;
  pointer-events: none;
  transition: var(--style-transition);
  background-color: var(--color-background-translucent);
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
}
.loader.show {
  opacity: 1;
  pointer-events: all;
}
.loader i {
  color: var(--color-primary);
}
.loader .loading img {
  z-index: 30000;
}

a {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
}
a:focus {
  outline: none;
}

p {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: justify;
}

:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none !important;
}

.thanos {
  display: none !important;
}

.hidden {
  display: none;
}

.invisible {
  opacity: 0;
}

.inactive {
  opacity: 0.25 !important;
}

.clear {
  opacity: 0;
}

.wrong {
  text-decoration: line-through;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.good {
  color: var(--success);
  font-weight: bold;
}

.dragon {
  color: var(--color-muted) !important;
}

.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: none;
}

.radius-0 {
  border-radius: var(--style-radius-0) !important;
}

.radius-1 {
  border-radius: var(--style-radius-1);
}

.radius-2 {
  border-radius: var(--style-radius-2);
}

.shadow-0 {
  box-shadow: var(--style-shadow-0) !important;
}

.shadow-1 {
  box-shadow: var(--style-shadow-1);
}

.shadow-2 {
  box-shadow: var(--style-shadow-2);
}

.shadow-3 {
  box-shadow: var(--style-shadow-3) !important;
}

.text-shadow-1 {
  text-shadow: var(--text-shadow-1);
}

.text-shadow-2 {
  text-shadow: var(--text-shadow-2);
}

.blur {
  box-shadow: inset 0 0 2px rgba(254, 254, 254, 0.8196078431);
  -webkit-backdrop-filter: var(--style-blur);
  backdrop-filter: var(--style-blur);
}

.blurry {
  box-shadow: inset 0 0 2px rgba(254, 254, 254, 0.8196078431);
  -webkit-backdrop-filter: var(--style-blurry);
  backdrop-filter: var(--style-blurry);
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.comments {
  font-family: var(--font-secondary);
  color: var(--color-lead);
  font-style: italic;
  font-size: 0.8rem;
}

.w-10 {
  width: 50px !important;
}

.quarter-width {
  width: 25%;
}

.half-width {
  width: 50%;
}

.full-width {
  width: 100%;
}

.no-mb {
  margin-bottom: 0 !important;
}

.no-border {
  border: none !important;
}

.inline {
  display: flex;
  flex-wrap: nowrap;
  align-content: space-between;
}

.go-back {
  z-index: 0 !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-none {
  cursor: none !important;
}

.cursor-disallowed {
  cursor: not-allowed !important;
}

.cursor-wait {
  cursor: wait !important;
}

.glow-danger {
  -webkit-animation: glow-danger 1s ease-in-out infinite alternate;
          animation: glow-danger 1s ease-in-out infinite alternate;
}
.glow-danger:hover {
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes glow-danger {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-danger);
  }
}
@keyframes glow-danger {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-danger);
  }
}

.glow-warning {
  -webkit-animation: glow-warning 1s ease-in-out infinite alternate;
          animation: glow-warning 1s ease-in-out infinite alternate;
}
.glow-warning:hover {
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes glow-warning {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-warning);
  }
}
@keyframes glow-warning {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-warning);
  }
}

.glow-success {
  -webkit-animation: glow-success 1s ease-in-out infinite alternate;
          animation: glow-success 1s ease-in-out infinite alternate;
}
.glow-success:hover {
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes glow-success {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-success);
  }
}
@keyframes glow-success {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-success);
  }
}

.glow-info {
  -webkit-animation: glow-info 1s ease-in-out infinite alternate;
          animation: glow-info 1s ease-in-out infinite alternate;
}
.glow-info:hover {
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes glow-info {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-info);
  }
}
@keyframes glow-info {
  from {
    box-shadow: var(--style-shadow-inner);
  }
  to {
    box-shadow: var(--style-glow-info);
  }
}

svg.defaultLine,
svg.skewLine,
svg.tornLine,
svg.separatorLine,
svg.waveLine {
  vertical-align: bottom;
  margin-bottom: -1px;
  margin-left: -30px;
  pointer-events: none;
}

fieldset {
  border-radius: var(--style-radius-2);
  padding: 2rem 2rem 0rem 2rem;
  border: 1px solid var(--color-separator);
  height: 100%;
}
fieldset legend {
  width: auto;
  margin-top: -3.1rem;
  padding: 0.25rem 0.75rem;
  color: var(--color-title);
  font-size: 1rem;
  font-family: var(--font-primary);
  text-transform: capitalize;
  border: 1px solid var(--color-separator);
  border-radius: var(--style-radius-1);
  background-color: var(--color-foreground);
}
fieldset .label {
  margin-top: 1rem;
  color: var(--color-muted);
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-separator);
}
fieldset.dark {
  color: var(--color-content);
  border: 1px solid var(--color-foreground);
  background-color: var(--color-foreground-dark);
}
fieldset.dark legend {
  color: var(--white);
  border: 1px solid var(--color-foreground);
  background-color: var(--color-foreground-dark);
}
fieldset.dark .image-preview {
  margin-top: -1rem !important;
  box-shadow: var(--style-shadow-inner-dark);
  border: 2px solid var(--color-foreground-dark);
  background-color: var(--color-background-dark);
}
fieldset.danger {
  color: var(--color-content);
  border: 1px solid var(--danger);
}
fieldset.danger legend {
  color: var(--white);
  border: 1px solid var(--danger);
  background-color: var(--danger);
}
fieldset.warning {
  color: var(--color-content);
  border: 1px solid var(--warning);
}
fieldset.warning legend {
  color: var(--warning);
  border: 1px solid var(--warning);
}
fieldset.success {
  color: var(--color-content);
  border: 1px solid var(--success);
}
fieldset.success legend {
  color: var(--success);
  border: 1px solid var(--success);
}
fieldset.info {
  color: var(--color-content);
  border: 1px solid var(--info);
}
fieldset.info legend {
  color: var(--info);
  border: 1px solid var(--info);
}

.form-floating {
  margin-bottom: 1.5rem;
}
.form-floating label {
  color: var(--color-lead);
  padding-left: 1.5rem;
}
.form-floating span {
  color: var(--color-lead);
  outline: none !important;
  font-weight: 400;
  display: block;
}
.form-floating span.valid {
  color: var(--success) !important;
  font-size: 0.8rem;
  margin-left: 1.5rem;
}
.form-floating span.invalid {
  color: var(--danger) !important;
  font-size: 0.8rem;
  margin-left: 1.5rem;
}
.form-floating span.input-group-text {
  position: absolute;
  left: auto;
  right: 0;
  margin: -2.8rem 0.8rem;
  border: var(--style-border);
  border-radius: var(--style-circle);
  box-shadow: var(--style-shadow-0);
  background-color: var(--color-foreground);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-content: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form-floating span.input-group-text:hover {
  box-shadow: var(--style-shadow-focus);
  border: none;
}
.form-floating span.input-group-text i {
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form-floating span.input-group-text i.danger {
  color: var(--danger);
}
.form-floating span.input-group-text i.warning {
  color: var(--warning);
}
.form-floating span.input-group-text i.success {
  color: var(--success);
}
.form-floating span.input-group-text i.info {
  color: var(--info);
}
.form-floating span.showflag {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -1.2rem;
  font-size: 0.8rem;
  font-style: italic;
  text-align: center;
  -webkit-transform: scale(1.6) translateX(1.1rem) translateY(1.85rem);
          transform: scale(1.6) translateX(1.1rem) translateY(1.85rem);
}
.form-floating span.select2 {
  width: auto !important;
  font-size: initial;
}
.form-floating input[type=tel], .form-floating select.flag + span.select2-container .select2-selection__rendered, .form-floating input.flag {
  padding-left: 3.5rem !important;
}
.form-floating select.form-select + span.valid, .form-floating select.form-select + span.invalid {
  position: absolute;
  bottom: -1.2rem;
}

.form-control {
  background-color: var(--color-background);
  border: none;
  color: var(--color-content);
}
.form-control:focus {
  padding-left: 1.5rem;
  color: var(--color-content);
  border: none;
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none !important;
}
.form-control:focus ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
}
.form-control:not(:-moz-placeholder-shown) {
  padding-left: 1.5rem;
}
.form-control:not(:-ms-input-placeholder) {
  padding-left: 1.5rem;
}
.form-control:not(:placeholder-shown) {
  padding-left: 1.5rem;
}
.form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
}
.form-control:not(:-ms-input-placeholder) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
}
.form-control:not(:placeholder-shown) ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
}
.form-control[readonly], .form-control.readonly {
  background-color: var(--color-background);
  box-shadow: var(--style-shadow-0);
  border: var(--style-border);
}
.form-control[disabled] {
  color: var(--color-lead);
  background-color: var(--color-background);
  box-shadow: var(--style-shadow-0);
  border: var(--style-border);
  cursor: not-allowed;
}

.form-select {
  background-color: var(--color-background);
  border: none;
  color: var(--color-content);
}
.form-select:focus {
  border-color: transparent;
  color: var(--color-content);
  border: none;
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none !important;
}
.form-select ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
}
.form-select[readonly], .form-select.readonly {
  background-blend-mode: difference;
}
.form-select[disabled] {
  background-blend-mode: difference;
}
.form-select:not(:-moz-placeholder-shown) {
  padding-left: 1.5rem;
}
.form-select:not(:-ms-input-placeholder) {
  padding-left: 1.5rem;
}
.form-select:not(:placeholder-shown) {
  padding-left: 1.5rem;
}

color-picker .form-floating button {
  display: none;
}
color-picker .form-floating button.btn-appearance:focus,
color-picker .form-floating button .btn-appearance:hover {
  box-shadow: none !important;
}
color-picker .form-floating .color-preview:focus {
  box-shadow: none;
}
color-picker button {
  opacity: 0;
}
color-picker button.btn-appearance:focus,
color-picker button .btn-appearance:hover {
  box-shadow: none !important;
}
color-picker button.menu-toggle {
  width: 2rem !important;
  height: 2rem !important;
  margin: 0.8rem 1.6rem;
  cursor: pointer;
  border-radius: var(--style-circle) !important;
}
color-picker button.menu-toggle:focus, color-picker button.menu-toggle:hover {
  background-color: transparent !important;
}
color-picker button.menu-toggle.btn-appearance:focus,
color-picker button.menu-toggle .btn-appearance:hover {
  box-shadow: none !important;
}
color-picker .color-dropdown.show.bottom {
  -webkit-transform: translate(-0.75rem, -1.5rem);
          transform: translate(-0.75rem, -1.5rem);
}
color-picker .color-dropdown ul.color-options {
  display: -ms-grid;
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  --grid-item-size: 1rem;
  --grid-fit: 9 !important;
  --grid-gap: 0.25rem;
  --grid-height: auto;
  --grid-hover-height: auto;
  -ms-grid-columns: (var(--grid-item-size))[var(--grid-fit)];
  grid-template-columns: repeat(var(--grid-fit), var(--grid-item-size));
  grid-template-rows: repeat(auto-fill, var(--grid-item-size));
  gap: var(--grid-gap);
}

input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
input:not([type=checkbox]),
select:not([type=checkbox]),
textarea:not([type=checkbox]) {
  border-radius: var(--style-circle);
  box-shadow: var(--style-shadow-inner);
}
input::-webkit-credentials-auto-fill-button, input::-webkit-contacts-auto-fill-button,
select::-webkit-credentials-auto-fill-button,
select::-webkit-contacts-auto-fill-button,
textarea::-webkit-credentials-auto-fill-button,
textarea::-webkit-contacts-auto-fill-button {
  margin: -0.8rem 1rem 0 0;
  line-height: inherit;
  background-color: var(--color-content);
}
input:-webkit-autofill, input:-webkit-autofill-strong-password, input:-webkit-autofill-strong-password-viewable,
select:-webkit-autofill,
select:-webkit-autofill-strong-password,
select:-webkit-autofill-strong-password-viewable,
textarea:-webkit-autofill,
textarea:-webkit-autofill-strong-password,
textarea:-webkit-autofill-strong-password-viewable {
  background-color: var(--danger) !important;
  color: var(--black);
}
input::-webkit-calendar-picker-indicator,
select::-webkit-calendar-picker-indicator,
textarea::-webkit-calendar-picker-indicator {
  margin: -0.8rem 1rem 0 0;
}

input[type=search] {
  padding-left: 1.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none !important;
}
input[type=color]::-webkit-color-swatch-wrapper {
  display: flex;
  padding-top: 4px;
  padding-right: 2px;
  padding-bottom: 5px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
input[type=color]::-webkit-color-swatch {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
input:focus {
  box-shadow: var(--style-shadow-focus);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none !important;
}
input:focus + span {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
input.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

select.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

textarea {
  min-height: 96px !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: var(--style-radius-2) !important;
}

.button-area {
  display: flex;
  align-items: center;
  justify-content: center;
}

button.btn {
  margin-bottom: 1rem;
  min-width: 10rem;
  border-radius: var(--style-circle) !important;
}
button.btn.btn-no-border {
  border: none;
}
button.btn.btn-selected {
  background-color: var(--color-background-selected);
}
button.btn.btn-primary {
  color: var(--color-content);
  border-color: var(--color-background-selected);
  background-color: var(--color-background);
}
button.btn.btn-primary:hover {
  color: var(--color-content);
  background-color: var(--color-background-selected);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--color-shadow-dark);
  border-left-color: var(--color-shadow-dark);
  border-right-color: var(--color-shadow-light);
  border-bottom-color: var(--color-shadow-light);
  box-shadow: var(--style-shadow-inner);
}
button.btn.btn-success {
  color: var(--white);
  border-color: var(--success);
  background-color: var(--success);
}
button.btn.btn-success:hover {
  color: var(--white);
  background-color: var(--success);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--success-selected);
  border-left-color: var(--success-selected);
  border-right-color: var(--success);
  border-bottom-color: var(--success);
  box-shadow: var(--style-shadow-inner-success);
}
button.btn.btn-warning {
  color: var(--white);
  border-color: var(--warning);
  background-color: var(--warning);
}
button.btn.btn-warning:hover {
  color: var(--white);
  background-color: var(--warning);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--warning-selected);
  border-left-color: var(--warning-selected);
  border-right-color: var(--warning);
  border-bottom-color: var(--warning);
  box-shadow: var(--style-shadow-inner-warning);
}
button.btn.btn-danger {
  color: var(--white);
  border-color: var(--danger);
  background-color: var(--danger);
}
button.btn.btn-danger:hover {
  color: var(--white);
  background-color: var(--danger);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--danger-selected);
  border-left-color: var(--danger-selected);
  border-right-color: var(--danger);
  border-bottom-color: var(--danger);
  box-shadow: var(--style-shadow-inner-danger);
}
button.btn.btn-info {
  color: var(--white);
  border-color: var(--info);
  background-color: var(--info);
}
button.btn.btn-info:hover {
  color: var(--white);
  background-color: var(--info);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--info-selected);
  border-left-color: var(--info-selected);
  border-right-color: var(--info);
  border-bottom-color: var(--info);
  box-shadow: var(--style-shadow-inner-info);
}
button.btn.btn-outline-neutral {
  color: var(--color-content);
  border-color: var(--color-content);
}
button.btn.btn-outline-neutral:hover {
  color: var(--color-content);
  background-color: var(--color-background-selected);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--color-shadow-dark);
  border-left-color: var(--color-shadow-dark);
  border-right-color: var(--color-shadow-light);
  border-bottom-color: var(--color-shadow-light);
  box-shadow: var(--style-shadow-inner);
}
button.btn.btn-outline-primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
button.btn.btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--color-primary);
  box-shadow: var(--style-shadow-inner);
}
button.btn.btn-outline-success {
  color: var(--success);
  border-color: var(--success);
}
button.btn.btn-outline-success:hover {
  color: var(--white);
  background-color: var(--success);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--success-selected);
  border-left-color: var(--success-selected);
  border-right-color: var(--success);
  border-bottom-color: var(--success);
  box-shadow: var(--style-shadow-inner-success);
}
button.btn.btn-outline-warning {
  color: var(--warning);
  border-color: var(--warning);
}
button.btn.btn-outline-warning:hover {
  color: var(--white);
  background-color: var(--warning);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--warning-selected);
  border-left-color: var(--warning-selected);
  border-right-color: var(--warning);
  border-bottom-color: var(--warning);
  box-shadow: var(--style-shadow-inner-warning);
}
button.btn.btn-outline-danger {
  color: var(--danger);
  border-color: var(--danger);
}
button.btn.btn-outline-danger:hover {
  color: var(--white);
  background-color: var(--danger);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--danger-selected);
  border-left-color: var(--danger-selected);
  border-right-color: var(--danger);
  border-bottom-color: var(--danger);
  box-shadow: var(--style-shadow-inner-danger);
}
button.btn.btn-outline-info {
  color: var(--info);
  border-color: var(--info);
}
button.btn.btn-outline-info:hover {
  color: var(--white);
  background-color: var(--info);
  border-width: 1px;
  border-style: solid;
  border-top-color: var(--info-selected);
  border-left-color: var(--info-selected);
  border-right-color: var(--info);
  border-bottom-color: var(--info);
  box-shadow: var(--style-shadow-inner-info);
}

img.small,
.pictureUpload.image-preview.small {
  width: 2.5rem;
}
img.small.logo,
.pictureUpload.image-preview.small.logo {
  border-radius: var(--style-circle);
  -o-object-fit: contain;
     object-fit: contain;
  width: 2.5rem !important;
  height: 2.5rem;
}
img.small.circle,
.pictureUpload.image-preview.small.circle {
  border-radius: var(--style-circle);
  -o-object-fit: cover;
     object-fit: cover;
  width: 2.5rem !important;
  height: 2.5rem;
}
img.small.rounded,
.pictureUpload.image-preview.small.rounded {
  border-radius: var(--style-radius-2) !important;
}
img.medium,
.pictureUpload.image-preview.medium {
  width: 10rem;
}
img.medium.circle,
.pictureUpload.image-preview.medium.circle {
  border-radius: var(--style-circle);
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  width: 10rem !important;
}
img.medium.logo,
.pictureUpload.image-preview.medium.logo {
  border-radius: var(--style-circle);
  -o-object-fit: contain;
     object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  width: 10rem !important;
}
img.medium.rounded,
.pictureUpload.image-preview.medium.rounded {
  border-radius: var(--style-radius-2) !important;
  background-repeat: no-repeat;
  width: 10rem !important;
}
img.big,
.pictureUpload.image-preview.big {
  width: 100%;
  min-height: 250px;
}
img.big.circle,
.pictureUpload.image-preview.big.circle {
  border-radius: var(--style-circle);
  -o-object-fit: cover;
     object-fit: cover;
  height: 250px !important;
  width: 250px !important;
}
img.big.rounded,
.pictureUpload.image-preview.big.rounded {
  border-radius: var(--style-radius-2) !important;
}
img.rounded,
.pictureUpload.image-preview.rounded {
  border-radius: var(--style-radius-2);
}
img.bordered,
.pictureUpload.image-preview.bordered {
  border: 0.5rem solid var(--color-background);
}
img.shadowed,
.pictureUpload.image-preview.shadowed {
  box-shadow: var(--style-shadow-1);
}

@-moz-document url-prefix() {}
html {
  height: 100%;
}

body {
  min-height: 100vh;
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  font-family: var(--font-secondary);
  color: var(--color-content);
  background-color: var(--color-background);
}
body.login {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: var(--picture-background);
  transition: var(--style-transition);
}

nav.navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: auto;
  height: calc(6rem + env(safe-area-inset-top));
  padding: min(1rem, env(safe-area-inset-top)) 1rem 0 1rem;
  z-index: 91;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: var(--style-transition);
  background: var(--style-navbar);
}
nav.navbar .btn.btn-transparent:focus {
  outline: 0;
  box-shadow: none;
}
nav.navbar wc-menu-button {
  width: 30px;
}
nav.navbar #navbarLogo, nav.navbar #navbarIcon {
  cursor: pointer;
}
nav.navbar #navbarLogo svg#svg-logo {
  width: 10rem;
  vertical-align: top;
}
nav.navbar #navbarIcon {
  display: block;
}
nav.navbar #navbarIcon svg#svg-icon {
  width: 3rem;
}
nav.navbar #navbarTools .navIcons {
  margin-right: 0;
  margin-left: auto;
  display: inline-flex;
  display: flex;
  align-items: center;
}
nav.navbar #navbarTools .navIcons .navUser,
nav.navbar #navbarTools .navIcons .navAlerts {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
nav.navbar #navbarTools .navIcons .navAlerts .dropdown-menu {
  width: 160px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
nav.navbar #navbarTools .navIcons .navAlerts i {
  color: var(--white);
  transition: var(--style-transition);
}
nav.navbar #navbarTools .navIcons .navUser a.dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav.navbar #navbarTools .navIcons .navUser a.dropdown-item i.chevron {
  display: none;
}
nav.navbar #navbarTools .navIcons .navUser a.dropdown-item:hover, nav.navbar #navbarTools .navIcons .navUser a.dropdown-item.active {
  color: var(--color-content-selected);
  background-color: var(--color-background-selected);
}
nav.navbar #navbarTools .navIcons .navUser a.dropdown-item:hover i.chevron, nav.navbar #navbarTools .navIcons .navUser a.dropdown-item.active i.chevron {
  display: initial;
  color: var(--color-lead);
  text-align: right;
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-toggle::after {
  display: none;
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-toggle.btn:focus {
  box-shadow: var(--style-shadow-0) !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-menu {
  border-radius: var(--style-radius-1);
  box-shadow: var(--style-shadow-2);
  color: var(--color-content);
  background-color: var(--color-background);
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-menu .dropdown-header {
  color: var(--color-lead);
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-menu .dropdown-item {
  color: var(--color-content);
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: var(--color-background-selected);
}
nav.navbar #navbarTools .navIcons .dropdown .dropdown-menu.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}
nav.navbar #logo {
  height: 30px;
}
nav.navbar #logoText {
  color: var(--white);
  text-shadow: var(--text-shadow-2);
  font-size: 2rem;
  font-weight: bold;
  vertical-align: middle;
}
nav.navbar #navbarMenu ul.nav {
  overflow: hidden;
  transition: var(--style-transition);
}
nav.navbar #navbarMenu ul.nav li.nav-item {
  padding: 0 1rem;
  margin: 0.5rem;
  font-weight: 600;
  border-radius: var(--style-circle);
  background-color: var(--color-background-glass);
}
nav.navbar #navbarMenu ul.nav li.nav-item a.nav-link {
  text-decoration: none;
  color: var(--white);
}
nav.navbar #navbarMenu ul.nav li.nav-item:hover {
  color: var(--color-primary);
  background-color: var(--color-background-glass);
  box-shadow: var(--style-shadow-focus);
}
nav.navbar #navbarMenu ul.nav li.nav-item.active {
  background-color: var(--color-background-glass);
  box-shadow: var(--style-shadow-focus);
}
nav.navbar #navbarMenu .btn {
  min-width: 0;
}
nav.navbar.filled {
  box-shadow: var(--style-shadow-3);
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
  background: var(--color-background-translucent);
}
nav.navbar.filled #navbarTools .navIcons .navAlerts i {
  color: var(--color-primary);
}
nav.navbar.filled #navbarTools .navIcons .navUser img {
  border-color: var(--color-content);
}
nav.navbar.filled #logoText {
  color: var(--color-primary);
}
nav.navbar.filled #navbarMenu ul li.nav-item a.nav-link {
  color: var(--color-primary);
}
nav.navbar.filled #navbarMenu ul li.nav-item:hover {
  background-color: var(--color-background-translucent);
}
nav.navbar.filled #navbarMenu ul li.nav-item.active {
  background-color: var(--color-background-translucent);
}

nav#sidebarMenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 100;
  border: none;
  transition: var(--style-transition);
  box-shadow: var(--style-shadow-1);
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
  background-color: var(--color-background-translucent);
  text-align: center;
}
nav#sidebarMenu .container {
  padding: 2rem 0;
}
nav#sidebarMenu .container #sidebarLogo, nav#sidebarMenu .container #sidebarIcon {
  padding-top: min(1rem, env(safe-area-inset-top));
  border-bottom: 1px solid var(--color-separator);
  cursor: pointer;
}
nav#sidebarMenu .container #sidebarLogo svg#svg-logo, nav#sidebarMenu .container #sidebarIcon svg#svg-logo {
  max-width: 10rem;
}
nav#sidebarMenu .container #sidebarLogo svg#svg-icon, nav#sidebarMenu .container #sidebarIcon svg#svg-icon {
  max-width: 3rem;
}
nav#sidebarMenu .container #sidebarLogo {
  display: none;
}
nav#sidebarMenu .container #sidebarIcon {
  display: block;
  padding-bottom: 1.5rem;
  margin-top: -0.5rem;
}
nav#sidebarMenu .container #sidebarNav {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
nav#sidebarMenu .container #sidebarNav ul.nav div.group {
  background-color: yellow;
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  border-bottom: var(--style-border);
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link {
  color: var(--color-content);
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link i {
  font-size: 1.5rem;
  line-height: 2rem;
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link i.chevron {
  display: none;
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link .nav-label {
  opacity: 0.5;
  font-size: 0.75rem;
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link:hover {
  color: var(--color-content-selected);
  background-color: var(--color-background-glass);
  box-shadow: var(--style-shadow-focus);
}
nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link.active {
  color: var(--color-primary);
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
}
nav#sidebarMenu .container #sidebarFooter {
  color: var(--color-muted);
  font-size: 0.75rem;
  font-family: var(--font-secondary);
  text-align: center;
  padding-top: 1rem;
  padding-bottom: env(safe-area-inset-bottom);
  margin: 0 1rem;
  border-top: 1px solid var(--color-separator);
}

side-drawer {
  display: block;
  z-index: 100;
  border-radius: 0 var(--style-radius-2) var(--style-radius-2) 0;
  overflow: auto;
  border: none;
  transition: var(--style-transition);
  background-color: var(--color-background);
  text-align: center;
}
side-drawer .container {
  padding: 2rem;
}
side-drawer .container #drawerLogo {
  display: block;
  cursor: pointer;
  padding-top: env(safe-area-inset-top);
  margin: 0 2rem 1rem 2rem;
}
side-drawer .container #drawerLogo.brand {
  height: 4rem;
  background: var(--logo-drawer);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
side-drawer .container #drawerLogo svg#svg-logo {
  max-width: 10rem;
}
side-drawer .container #drawerNav {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0 -2rem;
}
side-drawer .container #drawerNav #collapseUserDrawer {
  background-color: var(--color-drawer-collapse);
  box-shadow: var(--style-shadow-inner);
  border-bottom: var(--style-borderer);
  transition: var(--style-transition);
}
side-drawer .container #drawerNav #collapseUserDrawer > :first-child {
  padding-top: 1rem;
}
side-drawer .container #drawerNav #collapseUserDrawer > :last-child {
  padding-bottom: 1rem;
}
side-drawer .container #drawerNav ul.nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
side-drawer .container #drawerNav ul.nav li.nav-flags .thisLanguage {
  cursor: pointer;
  padding: 0.5rem;
}
side-drawer .container #drawerNav ul.nav li.nav-flags .thisLanguage:hover {
  background-color: var(--color-background-glass);
  box-shadow: var(--style-shadow-focus);
  border-radius: var(--style-circle);
}
side-drawer .container #drawerNav ul.nav li.nav-flags .thisLanguage.active {
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
  border-radius: var(--style-circle);
}
side-drawer .container #drawerNav ul.nav li.nav-flags .nav-link {
  color: var(--color-drawer-title) !important;
}
side-drawer .container #drawerNav ul.nav li.nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-bottom: none;
  padding: 0.5rem 2rem;
}
side-drawer .container #drawerNav ul.nav li.nav-item img.small {
  width: 4rem;
  background-color: var(--color-background-selected);
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link {
  color: var(--color-content);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5rem;
  padding: 0.8rem 1rem;
  border-radius: var(--style-circle);
  border: var(--style-border);
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link i {
  font-size: 1rem;
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link i.chevron {
  display: initial;
  color: transparent;
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link .nav-label {
  display: inline;
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link:hover i.chevron, side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link.active i.chevron {
  color: var(--color-lead);
  text-align: right;
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link:hover {
  color: var(--color-content-selected);
  background-color: var(--color-background-glass);
  box-shadow: var(--style-shadow-focus);
}
side-drawer .container #drawerNav ul.nav li.nav-item a.nav-link.active {
  color: var(--color-primary);
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
}
side-drawer .container #drawerFooter {
  color: var(--color-muted);
  font-size: 0.75rem;
  font-family: var(--font-secondary);
  text-align: center;
  padding-top: 1rem;
  padding-bottom: env(safe-area-inset-bottom);
  margin: 0 1rem;
}

header {
  position: relative;
  width: 100%;
  height: 30vh;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: var(--style-transition);
  background-image: var(--picture-background);
}
header #mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--style-transition);
}
header #mask.blur {
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
}
header #mask.blurry {
  -webkit-backdrop-filter: saturate(200%) blur(0.5rem);
          backdrop-filter: saturate(200%) blur(0.5rem);
}
header #mask.white {
  background-color: rgba(var(--white-rgb), 0.75);
}
header #mask.white.alpha {
  opacity: 0.75;
}
header #mask.bluesky {
  background-color: rgba(var(--bluesky-rgb), 0.75);
}
header #mask.bluesky.alpha {
  opacity: 0.75;
}
header #mask.cyan {
  background-color: rgba(var(--cyan-rgb), 0.75);
}
header #mask.cyan.alpha {
  opacity: 0.75;
}
header #mask.aqua {
  background-color: rgba(var(--aqua-rgb), 0.75);
}
header #mask.aqua.alpha {
  opacity: 0.75;
}
header #mask.blue {
  background-color: rgba(var(--blue-rgb), 0.75);
}
header #mask.blue.alpha {
  opacity: 0.75;
}
header #mask.navy {
  background-color: rgba(var(--navy-rgb), 0.75);
}
header #mask.navy.alpha {
  opacity: 0.75;
}
header #mask.teal {
  background-color: rgba(var(--teal-rgb), 0.75);
}
header #mask.teal.alpha {
  opacity: 0.75;
}
header #mask.pink {
  background-color: rgba(var(--pink-rgb), 0.75);
}
header #mask.pink.alpha {
  opacity: 0.75;
}
header #mask.fushia {
  background-color: rgba(var(--fushia-rgb), 0.75);
}
header #mask.fushia.alpha {
  opacity: 0.75;
}
header #mask.purple {
  background-color: rgba(var(--purple-rgb), 0.75);
}
header #mask.purple.alpha {
  opacity: 0.75;
}
header #mask.indigo {
  background-color: rgba(var(--indigo-rgb), 0.75);
}
header #mask.indigo.alpha {
  opacity: 0.75;
}
header #mask.yellow {
  background-color: rgba(var(--yellow-rgb), 0.75);
}
header #mask.yellow.alpha {
  opacity: 0.75;
}
header #mask.orange {
  background-color: rgba(var(--orange-rgb), 0.75);
}
header #mask.orange.alpha {
  opacity: 0.75;
}
header #mask.red {
  background-color: rgba(var(--red-rgb), 0.75);
}
header #mask.red.alpha {
  opacity: 0.75;
}
header #mask.brown {
  background-color: rgba(var(--brown-rgb), 0.75);
}
header #mask.brown.alpha {
  opacity: 0.75;
}
header #mask.green {
  background-color: rgba(var(--green-rgb), 0.75);
}
header #mask.green.alpha {
  opacity: 0.75;
}
header #mask.black {
  background-color: rgba(var(--black-rgb), 0.75);
}
header #mask.black.alpha {
  opacity: 0.75;
}
header #mask.gradient-green {
  background-image: linear-gradient(to right top, rgba(5, 25, 55, 0.75), rgba(0, 77, 122, 0.75), rgba(0, 135, 147, 0.75), rgba(0, 191, 114, 0.75), rgba(168, 235, 18, 0.75));
}
header #mask.gradient-green.alpha {
  opacity: 0.75;
}
header #mask.gradient-purple {
  background-image: linear-gradient(to right top, rgba(198, 49, 198, 0.75), rgba(180, 71, 211, 0.75), rgba(160, 87, 221, 0.75), rgba(139, 99, 228, 0.75), rgba(116, 110, 233, 0.75), rgba(105, 108, 228, 0.75), rgba(94, 107, 224, 0.75), rgba(83, 105, 219, 0.75), rgba(84, 92, 207, 0.75), rgba(85, 78, 194, 0.75), rgba(86, 65, 181, 0.75), rgba(86, 50, 168, 0.75));
}
header #mask.gradient-purple.alpha {
  opacity: 0.75;
}
header #mask.gradient-orange {
  background-image: linear-gradient(to right top, rgba(56, 67, 139, 0.75), rgba(148, 75, 148, 0.75), rgba(215, 90, 136, 0.75), rgba(255, 126, 113, 0.75), rgba(255, 178, 95, 0.75), rgba(255, 235, 104, 0.75));
}
header #mask.gradient-orange.alpha {
  opacity: 0.75;
}
header #mask.gradient-blue {
  background-image: linear-gradient(to right top, rgba(42, 42, 114, 0.75), rgba(4, 93, 233, 0.75), rgba(0, 159, 253, 0.75), rgba(9, 198, 249, 0.75));
}
header #mask.gradient-blue.alpha {
  opacity: 0.75;
}
header .carousel {
  height: 100%;
  border-radius: 0 !important;
}
header .carousel .carousel-inner {
  height: 100%;
}
header .carousel .carousel-inner .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
header .carousel .carousel-inner .carousel-item .container {
  height: 100%;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 4rem;
}
header .carousel .carousel-inner .carousel-item .container .title {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--yellow);
  text-shadow: var(--text-shadow-1);
  margin-bottom: 0;
}
header .carousel .carousel-inner .carousel-item .container .subtitle {
  font-size: 1rem;
  font-weight: 400;
  color: var(--white);
  text-shadow: var(--text-shadow-1);
  margin-bottom: 0;
  display: none;
  margin-top: 1rem;
}
header svg.defaultLine, header svg.skewLine, header svg.tornLine, header svg.separatorLine, header svg.waveLine {
  bottom: 0;
  position: absolute;
  z-index: 90;
}
header svg.defaultLine {
  -webkit-filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
          filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
}
header svg.defaultLine rect.defaultColor {
  height: 20px;
  fill: var(--color-background);
}
header svg.skewLine polygon.skewColor {
  fill: var(--color-background);
}
header svg.tornLine {
  -webkit-filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
          filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
}
header svg.tornLine path.tornColor {
  fill: var(--color-background);
}
header svg.separatorLine {
  -webkit-filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
          filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
}
header svg.separatorLine rect.separatorColor {
  height: 20px;
  fill: var(--color-background);
}
header svg.waveLine {
  -webkit-filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
          filter: drop-shadow(0 -0.5rem 0.25rem rgba(var(--black-rgb), 0.25));
}
header svg.waveLine path.waveColor {
  fill: var(--color-background);
}

main.login {
  width: 100%;
  max-width: 420px;
  margin: auto;
}
main .card {
  border-radius: var(--style-radius-2);
  box-shadow: var(--style-shadow-1);
  background-color: var(--color-foreground);
  border: none;
}
main .card.card-login {
  border: none;
  -webkit-backdrop-filter: var(--style-blurry);
  backdrop-filter: var(--style-blurry);
  background-color: var(--color-background-translucent) !important;
  box-shadow: var(--style-shadow-2);
}
main .card.card-login .card-header {
  text-align: center;
  padding: 2rem 0 1rem 0;
  border-radius: inherit;
  border-bottom: none;
  background-color: unset;
}
main .card.card-login .card-header svg#svg-logo {
  width: 10rem;
}
main .card.card-login .card-body {
  padding: 0 2rem !important;
}
main .card.card-login .card-body .login_message {
  visibility: hidden;
  color: var(--danger);
  font-size: 0.9rem;
  font-weight: bolder;
  text-align: center;
  margin: 0 0 1rem;
  transition: var(--style-transition);
  width: 100%;
}
main .card.card-login .card-footer {
  font-size: 0.8rem;
  text-align: center;
  padding: 1rem;
  border-radius: 0 0 var(--style-radius-2) var(--style-radius-2);
  border-top: none;
  background-color: transparent;
  color: var(--color-muted);
}
main .card.card-login .card-footer a {
  text-decoration: none;
}
main .card .card-header {
  padding: 1rem 2rem;
  border-radius: inherit;
  border-bottom: none;
  background-color: initial;
  font-weight: 500;
  border-radius: var(--style-radius-2) var(--style-radius-2) 0 0;
}
main .card .card-header.work {
  border-bottom: 10px double var(--warning) !important;
}
main .card .card-header.search {
  border-bottom: 10px double var(--aqua) !important;
}
main .card .card-header .card-titlebar {
  font-size: 1.5rem;
  color: var(--color-title);
  font-family: var(--font-primary);
  text-overflow: ellipsis;
  text-transform: capitalize;
}
main .card .card-header .card-toolbar {
  justify-content: flex-end;
  padding: 0;
  display: flex;
  align-items: center;
}
main .card .card-header.card-closed {
  box-shadow: var(--style-shadow-inner-dark);
  background-image: url(../img/design/closed.jpg);
  background-blend-mode: overlay;
  background-position: top;
}
main .card .card-header.card-closed .card-titlebar {
  color: var(--white) !important;
  text-shadow: var(--text-shadow-2);
}
main .card .card-header.card-closed .editIcon i {
  color: var(--white) !important;
}
main .card .card-body {
  padding: 2rem !important;
  text-align: justify;
  background-color: initial;
}
main .card .card-body.card-closed {
  text-decoration: line-through;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
main .card .card-footer {
  font-size: 0.8rem;
  text-align: center;
  padding: 0 2rem 1rem 2rem;
  border-radius: 0 0 var(--style-radius-2) var(--style-radius-2);
  border-top: none;
  background-color: initial;
  color: var(--color-muted);
}
main .card .card-footer span {
  cursor: pointer;
}
main .card .card-footer .author {
  margin-top: -2rem;
}
main .card.card-dark {
  color: var(--color-content-dark) !important;
  background-color: var(--color-foreground-dark) !important;
}
main .card.card-dark .card-header .card-titlebar {
  color: var(--color-title-dark);
}
main .card.card-dark .card-footer {
  color: var(--color-muted-dark);
}
main .card-flip {
  /* entire container, keeps perspective */
  -webkit-perspective: 800px;
          perspective: 800px;
  margin-bottom: 2rem;
  width: 100%;
  height: 400px;
  border-radius: var(--style-radius-2);
}
main .card-flip.hover.manual-flip .card, main .card-flip:not(.manual-flip):hover .card {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
main .card-flip .card {
  background: none repeat scroll 0 0 var(--white);
  color: var(--color-content);
  text-align: center;
  border: none;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}
main .card-flip .card .back, main .card-flip .card .front {
  /* hide back of pane during swap */
  width: 100%;
  height: 400px;
  border-radius: var(--style-radius-2);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-foreground);
  border: var(--style-border);
  box-shadow: var(--style-shadow-1);
}
main .card-flip .card .front {
  /* front pane, placed above back */
  z-index: 2;
}
main .card-flip .card .front .card-header {
  text-align: center;
  color: white;
  font-family: "Orbitron";
  font-weight: bold;
  text-transform: uppercase;
  height: 100px;
  background-size: cover;
  overflow: hidden;
  border-radius: var(--style-radius-2) var(--style-radius-2) 0 0 !important;
  vertical-align: middle;
  line-height: 6rem;
  height: 6rem;
  padding: 0 !important;
}
main .card-flip .card .front .card-body.picture {
  height: 100%;
  width: 100%;
  border-radius: var(--style-radius-2);
  background-size: cover;
  background-position: top;
}
main .card-flip .card .front .card-body .photo {
  height: 120px !important;
  width: 120px !important;
  margin: -90px auto 0;
  overflow: hidden;
}
main .card-flip .card .front .card-body .photo img {
  border: 4px solid #ffffff;
}
main .card-flip .card .front .card-body .card-title {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1rem;
}
main .card-flip .card .front .card-body .card-text {
  text-align: center;
  margin-top: 0.5rem;
}
main .card-flip .card .front .card-body .card-text.phone {
  color: var(--color-lead);
  font-size: 1rem;
}
main .card-flip .card .front .card-body .card-text.flags {
  display: flex;
  justify-content: center;
}
main .card-flip .card .front .card-body .card-text.flags span.fp {
  margin-left: 10px;
  margin-right: 10px;
}
main .card-flip .card .front .card-body .card-text.flags span.fp:first-child {
  margin-left: 0;
}
main .card-flip .card .front .card-body .card-text.flags span.fp:last-child {
  margin-right: 0;
}
main .card-flip .card .front .card-body .card-text.sector {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-lead);
  margin-top: 1rem;
}
main .card-flip .card .front .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 4rem;
  padding: 0;
  font-size: initial;
}
main .card-flip .card .front .card-footer i.lightDark, main .card-flip .card .front .card-footer.lightDark {
  background-color: rgba(var(--black-rgb), 0.5);
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1rem;
  color: white;
  text-shadow: 0 1px 2px rgba(var(--black-rgb), 0.5);
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
main .card-flip .card .front .card-footer i.grey, main .card-flip .card .front .card-footer.grey {
  background-color: #cccccc;
}
main .card-flip .card .front .card-footer i.grey-blue, main .card-flip .card .front .card-footer.grey-blue {
  background-color: #96aac8;
}
main .card-flip .card .front .card-footer i.blue, main .card-flip .card .front .card-footer.blue {
  background-color: #1e88e5;
}
main .card-flip .card .front .card-footer i.green, main .card-flip .card .front .card-footer.green {
  background-color: #43a047;
}
main .card-flip .card .front .card-footer i.orange, main .card-flip .card .front .card-footer.orange {
  background-color: #ffb300;
}
main .card-flip .card .front .card-footer i.pink, main .card-flip .card .front .card-footer.pink {
  background-color: #ff6ed4;
}
main .card-flip .card .front .card-footer i.red, main .card-flip .card .front .card-footer.red {
  background-color: #e53935;
}
main .card-flip .card .front .card-footer i.purple, main .card-flip .card .front .card-footer.purple {
  background-color: #8e24aa;
}
main .card-flip .card .front .card-footer i.brown, main .card-flip .card .front .card-footer.brown {
  background-color: #825a2c;
}
main .card-flip .card .front .card-footer i.indigo, main .card-flip .card .front .card-footer.indigo {
  background-color: #3949ab;
}
main .card-flip .card .front .card-footer i.aiguemarine, main .card-flip .card .front .card-footer.aiguemarine {
  background-color: #79f8f8;
}
main .card-flip .card .front .card-footer i.teal, main .card-flip .card .front .card-footer.teal {
  background-color: #008080;
}
main .card-flip .card .front .card-footer:last-child {
  border-radius: 0 0 var(--style-radius-2) var(--style-radius-2);
}
main .card-flip .card .back {
  /* back, initially hidden pane */
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  z-index: 3;
  background-color: var(--color-foreground);
}
main .card-flip .card .back .card-header {
  height: 50px;
  border-radius: var(--style-radius-2) var(--style-radius-2) 0 0 !important;
  display: flex;
  justify-content: center;
  font-family: "Orbitron";
  color: var(--color-lead);
  padding: 1rem 0;
}
main .card-flip .card .back .card-body {
  padding: 1rem 1.5rem !important;
}
main .card-flip .card .back .card-body .address {
  color: var(--color-lead);
  line-height: 1.2rem;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
}
main .card-flip .card .back .card-body .synopsis {
  text-align: justify;
  overflow: auto;
  height: 180px;
  line-height: 1.2rem;
  margin-bottom: 1rem;
}
main .card-flip .card .back .card-body .genres {
  text-align: left;
  overflow: hidden;
  line-height: 1.2rem;
}
main .card-flip .card .back .card-body .label {
  font-family: var(--font-primary);
  font-weight: bold;
  white-space: normal;
  margin-bottom: 0.2rem;
}
main .card-flip .card .back .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 4rem;
  padding: 0;
}
main .card-flip .card .back .card-footer:last-child {
  border-radius: 0 0 var(--style-radius-2) var(--style-radius-2);
}
main .card-flip .card-label {
  font-family: var(--font-secondary);
  position: absolute;
  bottom: -2.5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  font-style: italic;
  color: var(--color-lead);
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
main .panel {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  padding: 1rem;
  border: none;
  border-radius: var(--style-radius-2);
  box-shadow: var(--style-shadow-inner);
  color: var(--color-content);
  background-color: var(--color-background);
}
main .panel.warning {
  box-shadow: var(--style-shadow-inner-warning);
  color: var(--white);
  background-color: var(--warning);
}
main .panel .filter {
  margin-top: 0.5rem;
  padding: 0.5rem 2rem 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
main .panel .icon-label {
  display: inline-flex;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  flex-direction: column;
  align-items: center;
  width: 150px;
  padding-left: initial;
  margin-left: initial;
  cursor: pointer;
}
main .panel .icon-label.button {
  box-shadow: var(--style-shadow-1);
  border-radius: var(--style-radius-1);
  padding: 1rem;
  background-color: var(--color-background);
  color: var(--color-content);
}
main .panel .icon-label.button.dark {
  background-color: var(--color-background-dark);
  color: var(--color-background);
}
main .panel .icon-label.button:hover {
  box-shadow: var(--style-shadow-focus);
}
main section .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: justify;
}
main section .container .title {
  font-family: var(--font-primary);
  font-size: 2rem;
  color: var(--color-primary);
  text-shadow: var(--text-shadow-1);
  margin-bottom: 2rem;
}
main section .container .subtitle {
  font-family: var(--font-secondary);
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 300;
  color: var(--color-lead);
  margin-bottom: 2rem;
}
main section .container img {
  margin-top: 0;
  max-width: 100%;
  -webkit-user-drag: none;
  transition: var(--style-transition);
}
main section .container img:hover {
  -webkit-transform: none;
          transform: none;
}
main section .container img.float {
  float: none;
  margin: auto;
  display: flex;
  margin-bottom: 2rem;
}
main section .container img.float.float-start {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
main section .container img.float.float-start.skew {
  -webkit-transform: none;
          transform: none;
}
main section .container img.float.float-end {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
main section .container img.float.float-end.skew {
  -webkit-transform: none;
          transform: none;
}
main section .container img.float.float-bottom {
  display: flex;
  float: none;
  width: 100%;
  margin: 3rem auto 0 auto;
}
main section .container .video {
  margin-top: 0;
  max-width: 100%;
  transition: var(--style-transition);
}
main section .container .video:hover {
  -webkit-transform: none;
          transform: none;
}
main section .container .video.float {
  float: none;
  margin: auto;
  display: flex;
  margin-bottom: 2rem;
}
main section .container .video.float.float-start {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
main section .container .video.float.float-start.skew {
  -webkit-transform: none;
          transform: none;
}
main section .container .video.float.float-end {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
main section .container .video.float.float-end.skew {
  -webkit-transform: none;
          transform: none;
}
main section .container .video.float.float-bottom {
  display: flex;
  float: none;
  width: 100%;
  margin: 3rem auto 0 auto;
}
main section .container .carousel.inside .carousel-inner .carousel-item img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: var(--carousel-height);
}
main section .container .carousel.inside .carousel-inner .carousel-item img:hover {
  -webkit-transform: none;
          transform: none;
}
main section .container .carousel.inside ol.carousel-indicators {
  margin-bottom: -3rem;
}
main section .container .carousel.inside ol.carousel-indicators [data-bs-target] {
  background-color: var(--color-primary);
}
main section .container .gallery img:hover {
  -webkit-transform: none;
          transform: none;
}
main section .container .gallery .square {
  aspect-ratio: 1/1;
}
main section .container .gallery .square img {
  -o-object-fit: cover;
     object-fit: cover;
}
main section .container .gallery .A4 {
  aspect-ratio: 3/4.2;
}
main section .container .gallery .A4 img {
  -o-object-fit: contain;
     object-fit: contain;
}
main section .container .gallery .fullHD {
  aspect-ratio: 16/9;
}
main section .container .gallery .fullHD img {
  -o-object-fit: cover;
     object-fit: cover;
}
main section .container .gallery .poster {
  aspect-ratio: 2/3;
}
main section .container .gallery .poster img {
  -o-object-fit: cover;
     object-fit: cover;
}
main section .container .gallery .skew-left {
  -webkit-transform: scale(1) rotate(-5deg);
          transform: scale(1) rotate(-5deg);
}
main section .container .gallery .skew-right {
  -webkit-transform: scale(1) rotate(5deg);
          transform: scale(1) rotate(5deg);
}
main section .container .gallery .caption {
  font-family: var(--font-secondary);
  text-align: center;
  font-size: 0.9rem;
  font-style: italic;
  color: var(--color-lead);
  padding: 1rem;
}
main section .container .filters {
  font-family: var(--font-secondary);
  background-color: var(--color-background-translucent);
  border-radius: var(--style-radius-2);
  box-shadow: var(--style-shadow-inner);
  border: var(--style-border);
  padding: 2rem 1rem;
  margin: 0;
}
main section .container .filters .custom-select {
  border-radius: 0var --style-radius-1;
}
main .table thead {
  color: var(--color-title);
}
main .table tbody tr th[scope=row] {
  color: var(--color-content);
}
main .dataTables_wrapper {
  padding-bottom: 0.5rem;
  padding-top: 0.5em;
}
main .dataTables_wrapper .dataTables_length {
  margin-bottom: 2rem;
  margin-left: 1rem;
  color: var(--color-content);
}
main .dataTables_wrapper .dataTables_length select {
  border-radius: var(--style-circle);
  border: none;
  box-shadow: var(--style-shadow-focus);
  text-indent: 0.5rem;
  width: 4rem;
  font-weight: bold;
  color: var(--color-background-content);
  font-family: var(--font-monospace);
  margin-right: 0.5rem;
}
main .dataTables_wrapper .dataTables_filter {
  margin-bottom: 2rem;
}
main .dataTables_wrapper .dataTables_filter input[type=search] {
  color: var(--color-content);
  border: none;
  border-radius: var(--style-circle);
  padding-left: 1.5rem;
  margin-right: 1rem;
  box-shadow: var(--style-shadow-focus);
}
main .dataTables_wrapper .dataTables_filter input:focus {
  background-color: var(--color-background-selected);
  outline: 0;
  box-shadow: var(--style-shadow-focus);
}
main .dataTables_wrapper .dataTables_filter input:focus + span {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
main .dataTables_wrapper .dataTables_info {
  margin-top: 2rem;
  margin-left: 1rem;
  color: var(--color-content);
}
main .dataTables_wrapper .dataTables_paginate {
  margin-top: 2rem;
  margin-right: 1rem;
  color: var(--color-content);
  padding-top: 0.5em;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: var(--style-circle);
  border: none;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: none;
  color: var(--color-content) !important;
  background: initial;
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  border: none;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.first {
  border: none;
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: none;
  margin-bottom: initial !important;
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: none;
  box-shadow: var(--style-shadow-inner);
}
main .dataTables_wrapper .dataTables_paginate .paginate_button.last {
  border: none;
}
main .dataTables_wrapper table.dataTable {
  border: var(--style-border);
  border-radius: var(--style-radius-1);
}
main .dataTables_wrapper table.dataTable.row-border tbody th, main .dataTables_wrapper table.dataTable.row-border tbody td, main .dataTables_wrapper table.dataTable.display tbody th, main .dataTables_wrapper table.dataTable.display tbody td {
  border-top: 1px solid var(--color-separator);
}
main .dataTables_wrapper table.dataTable.sorting {
  font-weight: 400;
  font-style: italic;
}
main .dataTables_wrapper table.dataTable thead {
  background-color: var(--color-table-rowgroup);
}
main .dataTables_wrapper table.dataTable thead tr th {
  color: var(--gray-400);
  border-bottom: 1px solid var(--color-lead);
}
main .dataTables_wrapper table.dataTable thead tr th:first-child {
  padding-left: 2rem;
  border-radius: var(--style-radius-1) 0 0 0;
}
main .dataTables_wrapper table.dataTable thead tr th:last-child {
  padding-right: 2rem;
  border-radius: 0 var(--style-radius-1) 0 0;
}
main .dataTables_wrapper table.dataTable thead tr th.sorting_asc, main .dataTables_wrapper table.dataTable thead tr th.sorting_desc {
  font-style: italic;
  font-weight: 500;
}
main .dataTables_wrapper table.dataTable thead tr td {
  color: var(--color-content-selected);
}
main .dataTables_wrapper table.dataTable thead tr td.sorting_asc, main .dataTables_wrapper table.dataTable thead tr td.sorting_desc {
  font-style: italic;
}
main .dataTables_wrapper table.dataTable tbody tr {
  height: 60px;
  cursor: pointer;
}
main .dataTables_wrapper table.dataTable tbody tr.closed {
  text-decoration: line-through;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  color: var(--table-inactive);
}
main .dataTables_wrapper table.dataTable tbody tr.closed td.sorting_1, main .dataTables_wrapper table.dataTable tbody tr.closed td.sorting_2 {
  color: var(--table-inactive) !important;
  font-weight: 500 !important;
}
main .dataTables_wrapper table.dataTable tbody tr.highlight {
  background-color: var(--highlight) !important;
}
main .dataTables_wrapper table.dataTable tbody tr.rowgroup, main .dataTables_wrapper table.dataTable tbody tr.dtrg-group {
  height: 40px;
  cursor: default;
  background-color: var(--color-table-rowgroup);
}
main .dataTables_wrapper table.dataTable tbody tr.rowgroup td, main .dataTables_wrapper table.dataTable tbody tr.dtrg-group td {
  color: var(--color-title);
  font-style: italic;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.25rem 1rem;
  border-bottom: var(--style-border);
}
main .dataTables_wrapper table.dataTable tbody tr.rowgroup td:first-child, main .dataTables_wrapper table.dataTable tbody tr.dtrg-group td:first-child {
  padding-left: 2rem;
}
main .dataTables_wrapper table.dataTable tbody tr.rowgroup td:last-child, main .dataTables_wrapper table.dataTable tbody tr.dtrg-group td:last-child {
  padding-right: 2rem;
}
main .dataTables_wrapper table.dataTable tbody tr.rowgroup td:hover, main .dataTables_wrapper table.dataTable tbody tr.dtrg-group td:hover {
  background-color: var(--color-table-rowgroup);
}
main .dataTables_wrapper table.dataTable tbody tr:hover {
  background-color: var(--color-background-selected) !important;
}
main .dataTables_wrapper table.dataTable tbody tr.odd {
  background-color: var(--color-foreground);
}
main .dataTables_wrapper table.dataTable tbody tr.even {
  background-color: var(--color-foreground-even);
}
main .dataTables_wrapper table.dataTable tbody tr td:first-child {
  padding-left: 2rem;
}
main .dataTables_wrapper table.dataTable tbody tr td:last-child {
  padding-right: 2rem;
}
main .dataTables_wrapper table.dataTable tbody tr td.sorting_1, main .dataTables_wrapper table.dataTable tbody tr td.sorting_2 {
  font-style: italic;
}
main .dataTables_wrapper table.dataTable tfoot {
  background-color: var(--color-table-rowgroup);
}
main .dataTables_wrapper table.dataTable tfoot tr th {
  color: var(--gray-400);
  border-top: 1px solid var(--color-lead);
}
main .dataTables_wrapper table.dataTable tfoot tr th:first-child {
  padding-left: 2rem;
  border-radius: 0 0 0 var(--style-radius-1);
}
main .dataTables_wrapper table.dataTable tfoot tr th:last-child {
  padding-right: 2rem;
  border-radius: 0 0 var(--style-radius-1) var(--style-radius-1);
}
main .dataTables_wrapper table.dataTable.no-footer {
  border-bottom: none;
}

footer.footer {
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
  font-size: 0.8rem;
  text-align: center;
  color: var(--color-lead);
  font-family: var(--font-primary);
}
footer.footer .container {
  padding: 1rem 0;
}
footer.footer .container #liveClock {
  color: var(--color-muted);
}
footer.footer.fixed-bottom {
  z-index: initial;
}

.modal {
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
}
.modal .modal-dialog .modal-content {
  border: none;
  border-radius: var(--style-radius-2);
  box-shadow: var(--style-shadow-2);
}
.modal .modal-dialog .modal-content .modal-header .close {
  background-color: transparent;
  border: var(--style-border-0);
}
.modal .modal-dialog .modal-content .modal-header .close span {
  line-height: 2rem;
  vertical-align: middle;
}
.modal .modal-dialog .modal-content .modal-body {
  overflow: auto;
}
.modal#movieModal .modal-dialog .modal-content.picture-background {
  width: 100%;
  height: 75vh;
  background-size: cover;
  background-position: 50%;
}
.modal#movieModal .modal-dialog .modal-content.picture-background:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: radial-gradient(ellipse at 150% 25%, rgba(var(--black-rgb), 0), rgba(var(--black-rgb), 0.25) 25%, rgba(var(--black-rgb), 0.75) 50%, rgba(var(--black-rgb), 1) 75%);
  border-radius: var(--style-radius-2);
}
.modal#movieModal .modal-dialog .modal-content .modal-header {
  z-index: 1;
  border-bottom: none;
  margin-bottom: 1rem;
}
.modal#movieModal .modal-dialog .modal-content .modal-header #modalTitle {
  font-size: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  color: var(--white);
  margin-left: 1rem;
}
.modal#movieModal .modal-dialog .modal-content .modal-header #modalTitle span {
  font-size: 1.2rem;
  vertical-align: top;
}
.modal#movieModal .modal-dialog .modal-content .modal-header button span {
  color: var(--white);
  text-shadow: var(--text-shadow-1);
  font-size: 3rem;
}
.modal#movieModal .modal-dialog .modal-content .modal-body {
  font-size: 1.5rem;
  line-height: 2rem;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .label {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
}
.modal#movieModal .modal-dialog .modal-content .modal-body .section {
  color: rgba(var(--white-rgb), 0.8);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: var(--style-border-light);
  text-align: justify;
}
.modal#movieModal .modal-dialog .modal-content .modal-body #modalSynopsis {
  text-shadow: var(--text-shadow-1);
}
.modal#movieModal .modal-dialog .modal-content .modal-body #modalTrailer {
  width: 100%;
  border-radius: var(--style-radius-2);
  border: 2px solid rgba(var(--white-rgb), 0.25);
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session {
  border-radius: var(--style-radius-1);
  box-shadow: var(--style-shadow-1);
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session a {
  color: inherit;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session a:hover {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session a:focus {
  outline: none;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session .label {
  color: var(--color-content);
  opacity: 0.5;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session .label.hall {
  font-weight: bold;
  opacity: 1;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session .label.formats {
  font-weight: bold;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  text-align: center;
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session .number {
  font-weight: bold;
  line-height: 1.5rem;
  font-size: 1.8rem;
  font-family: var(--font-monospace);
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session .session-date {
  border-radius: var(--style-radius-1) 0 0 var(--style-radius-1);
  background-color: var(--color-foreground);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: var(--style-border);
}
.modal#movieModal .modal-dialog .modal-content .modal-body .session .session-info {
  border-radius: 0 var(--style-radius-1) var(--style-radius-1) 0;
  background-color: var(--color-background);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal-backdrop {
  background-color: var(--color-background-translucent);
}
.modal-backdrop.show {
  z-index: -1;
}

@media (min-width: 768px) {
  nav.navbar wc-menu-button {
    width: 40px;
  }
}
@media (min-width: 992px) {
  main {
    margin-top: 3rem;
  }
  main section .container .title {
    font-size: 3rem;
    font-weight: 400;
  }
  main section .container .subtitle {
    font-size: 1.8rem;
    font-weight: 300;
  }
  main section .container img:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
  main section .container img.float.float-start {
    width: 50%;
    margin-right: 2rem;
    margin-left: 0;
  }
  main section .container img.float.float-start.skew {
    -webkit-transform: scale(1) rotate(-5deg);
            transform: scale(1) rotate(-5deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    z-index: inherit;
    margin-right: 3rem;
    margin-bottom: 3rem;
  }
  main section .container img.float.float-start.skew:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
  main section .container img.float.float-end {
    width: 50%;
    margin-right: 0;
    margin-left: 2rem;
  }
  main section .container img.float.float-end.skew {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    z-index: inherit;
    margin-left: 3rem;
    margin-bottom: 3rem;
  }
  main section .container img.float.float-end.skew:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
  main section .container img.float.float-bottom {
    margin-right: auto;
    margin-left: auto;
  }
  main section .container img.float.quarter-width {
    width: 25%;
  }
  main section .container img.float.half-width {
    width: 50%;
  }
  main section .container img.float.full-width {
    width: 100%;
  }
  main section .container img.radius-2 {
    border-radius: var(--style-radius-2);
  }
  main section .container img.shadow-2 {
    box-shadow: var(--style-shadow-2);
  }
  main section .container .video:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
  main section .container .video.float.float-start {
    width: 50%;
    margin-right: 2rem;
    margin-left: 0;
  }
  main section .container .video.float.float-start.skew {
    -webkit-transform: scale(1) rotate(-5deg);
            transform: scale(1) rotate(-5deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    z-index: inherit;
    margin-right: 3rem;
    margin-bottom: 3rem;
  }
  main section .container .video.float.float-start.skew:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
  main section .container .video.float.float-end {
    width: 50%;
    margin-right: 0;
    margin-left: 2rem;
  }
  main section .container .video.float.float-end.skew {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    z-index: inherit;
    margin-left: 3rem;
    margin-bottom: 3rem;
  }
  main section .container .video.float.float-end.skew:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
  main section .container .video.float.float-bottom {
    margin-right: auto;
    margin-left: auto;
  }
  main section .container .video.float.quarter-width {
    width: 25%;
  }
  main section .container .video.float.half-width {
    width: 50%;
  }
  main section .container .video.float.full-width {
    width: 100%;
  }
  main section .container .video.radius-2 {
    border-radius: var(--style-radius-2);
  }
  main section .container .video.radius-2 iframe {
    border-radius: var(--style-radius-2);
  }
  main section .container .video.shadow-2 {
    box-shadow: var(--style-shadow-2);
  }
  main section .container .video.shadow-2 iframe {
    box-shadow: var(--style-shadow-2);
  }
  main section .container .gallery img:not(.no-hover):hover {
    -webkit-transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: scale(1.1) perspective(0px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    box-shadow: var(--style-shadow-3) !important;
  }
}
@media (min-width: 1200px) {
  nav#sidebarMenu .container {
    padding: 2rem 1rem;
  }
  nav#sidebarMenu .container #sidebarLogo {
    display: block;
    padding-bottom: 2rem;
  }
  nav#sidebarMenu .container #sidebarIcon {
    display: none;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item {
    padding: 0.5rem;
    border-bottom: none;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 1.5rem;
    padding: 0.8rem 1rem;
    border-radius: var(--style-circle);
    border: var(--style-border);
    height: initial;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link i {
    font-size: 1rem;
    line-height: initial;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link i.chevron {
    display: initial;
    color: transparent;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link .nav-label {
    display: inline;
    opacity: 1;
    font-size: initial;
  }
  nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link:hover i.chevron, nav#sidebarMenu .container #sidebarNav ul.nav li.nav-item a.nav-link.active i.chevron {
    color: var(--color-lead);
    text-align: right;
  }

  main {
    margin-top: 4rem;
  }
}
@media (orientation: landscape) {
  nav.navbar {
    display: none;
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  nav.navbar {
    display: initial;
  }
}
:root {
  --font-primary: "Orbitron", sans-serif;
  --font-secondary: "Roboto", sans-serif;
  --font-condensed: "Roboto Condensed", sans-serif;
  --font-monospace: "Roboto Mono", monospace;
  --picture-background: url("/assets/img/design/rainbow.jpg");
}

@media (prefers-color-scheme: light) {
  :root {
    --color-logo: var(--black);
    --color-icon: var(--white);
    --color-primary: var(--black);
    --color-title: var(--black);
    --color-title-dark: var(--white);
    --color-lead: var(--gray-300);
    --color-separator: var(--bs-gray-300);
    --color-content-selected: var(--blue-500);
    --color-content: var(--gray-800);
    --color-content-dark: var(--gray-200);
    --color-foreground: var(--white);
    --color-foreground-even: rgb(245, 250, 255);
    --color-foreground-dark: var(--gray-800);
    --color-foreground-hover: var(--blue-100);
    --color-background: var(--gray-100);
    --color-background-even: rgb(245, 250, 255);
    --color-background-dark: var(--gray-700);
    --color-background-selected: var(--blue-100);
    --color-background-closed: var(--gray-200);
    --style-border: 1px solid rgba(230, 230, 230, 1);
    --style-borderer: 4px solid var(--white);
    --style-border-light: 1px solid rgba(230, 230, 230, 0.25);
    --color-drawer: var(--color-background);
    --color-drawer-collapse: var(--color-foreground-even);
    --color-drawer-title: var(--font-primary);
    --color-drawer-separator: 2px solid var(--blue-100);
    --table-inactive: rgba(var(--black-rgb), 0.2);
    --color-table-border: var(--blue-100);
    --color-table-rowgroup: var(--color-background-selected);
    --input-background: rgba(235, 236, 240, 1);
    --input-border: solid rgba(var(--white-rgb), 0.6) 2px;
    --style-modal: rgba(var(--white-rgb), 0.8);
    --style-sweetAlert: rgba(var(--black-rgb), 0.8);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-logo: var(--white);
    --color-icon: var(--white);
    --color-primary: var(--white);
    --color-title: var(--white);
    --color-title-dark: var(--white);
    --color-lead: var(--gray-500);
    --color-separator: var(--bs-gray-600);
    --color-content-selected: var(--blue-200);
    --color-content: var(--gray-200);
    --color-content-dark: var(--gray-200);
    --color-foreground: var(--gray-700);
    --color-foreground-even: var(--gray-800);
    --color-foreground-dark: var(--blue-700);
    --color-foreground-hover: var(--blue-500);
    --color-background: var(--gray-800);
    --color-background-even: var(--gray-800);
    --color-background-dark: var(--blue-800);
    --color-background-selected: var(--blue-600);
    --color-background-closed: var(--gray-500);
    --style-border: 1px solid rgba(var(--white-rgb), 0.05);
    --style-borderer: 4px solid var(--gray-700);
    --style-border-light: 1px solid rgba(var(--white-rgb), 0.25);
    --color-drawer: var(--color-background);
    --color-drawer-collapse: var(--gray-800);
    --color-drawer-title: var(--gray-800);
    --color-drawer-separator: 2px solid var(--blue-900);
    --table-inactive: rgba(var(--white-rgb), 0.2);
    --color-table-border: var(--blue-600);
    --color-table-rowgroup: var(--color-background-selected);
    --input-background: var(--gray-800);
    --input-border: solid 2px rgba(var(--black-rgb), 0.6);
    --style-modal: rgba(var(--black-rgb), 0.9);
    --style-sweetAlert: rgba(var(--black-rgb), 0.5);
  }
}
svg#svg-logo #svg-anim-logo {
  stroke: var(--color-primary);
}
svg#svg-logo .svg-anim-color {
  fill: var(--color-primary);
  transition: var(--style-transition);
}
svg#svg-logo .svg-anim-logo-yleven-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}
svg#svg-logo .svg-anim-logo-yleven-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}
svg#svg-logo .svg-anim-logo-yleven-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}
svg#svg-logo .svg-anim-logo-yleven-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}
svg#svg-logo .svg-anim-logo-yleven-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}
svg#svg-logo .svg-anim-logo-yleven-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 241.7663116455px;
    stroke-dasharray: 241.7663116455px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 241.7663116455px;
  }
}
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 241.7663116455px;
    stroke-dasharray: 241.7663116455px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 241.7663116455px;
  }
}
@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 155.4660491943px;
    stroke-dasharray: 155.4660491943px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 155.4660491943px;
  }
}
@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 155.4660491943px;
    stroke-dasharray: 155.4660491943px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 155.4660491943px;
  }
}
@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 293.6117858887px;
    stroke-dasharray: 293.6117858887px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.6117858887px;
  }
}
@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 293.6117858887px;
    stroke-dasharray: 293.6117858887px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.6117858887px;
  }
}
@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 206.8128967285px;
    stroke-dasharray: 206.8128967285px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 206.8128967285px;
  }
}
@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 206.8128967285px;
    stroke-dasharray: 206.8128967285px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 206.8128967285px;
  }
}
@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 293.6117248535px;
    stroke-dasharray: 293.6117248535px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.6117248535px;
  }
}
@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 293.6117248535px;
    stroke-dasharray: 293.6117248535px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.6117248535px;
  }
}
@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 241.4882507324px;
    stroke-dasharray: 241.4882507324px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 241.4882507324px;
  }
}
@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 241.4882507324px;
    stroke-dasharray: 241.4882507324px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 241.4882507324px;
  }
}
@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}
@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-primary);
  }
}

svg#svg-icon #svg-anim-icon {
  stroke: var(--color-icon);
}
svg#svg-icon #svg-anim-icon .svg-icon-color {
  fill: var(--color-icon);
  transition: var(--style-transition);
}
svg#svg-icon #svg-anim-icon .svg-anim-icon-yleven {
  -webkit-animation: animate-svg-stroke 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}
@-webkit-keyframes animate-svg-stroke {
  0% {
    stroke-dashoffset: 870.4569091797px;
    stroke-dasharray: 870.4569091797px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 870.4569091797px;
  }
}
@keyframes animate-svg-stroke {
  0% {
    stroke-dashoffset: 870.4569091797px;
    stroke-dasharray: 870.4569091797px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 870.4569091797px;
  }
}
@-webkit-keyframes animate-svg-fill {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-icon);
  }
}
@keyframes animate-svg-fill {
  0% {
    fill: transparent;
  }
  100% {
    fill: var(--color-icon);
  }
}

.particles span {
  width: 1.5vmin;
  height: 1.5vmin;
  border-radius: 1.5vmin;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  -webkit-animation-name: move;
          animation-name: move;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.25;
}
.particles span:nth-child(1) {
  color: yellow;
  top: 31%;
  left: 10%;
  -webkit-animation-duration: 10.2s;
          animation-duration: 10.2s;
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
  -webkit-transform-origin: 2vw 15vh;
          transform-origin: 2vw 15vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(2) {
  color: blue;
  top: 89%;
  left: 81%;
  -webkit-animation-duration: 10.1s;
          animation-duration: 10.1s;
  -webkit-animation-delay: -9.1s;
          animation-delay: -9.1s;
  -webkit-transform-origin: -3vw -15vh;
          transform-origin: -3vw -15vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(3) {
  color: yellow;
  top: 3%;
  left: 83%;
  -webkit-animation-duration: 11.3s;
          animation-duration: 11.3s;
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
  -webkit-transform-origin: 24vw 12vh;
          transform-origin: 24vw 12vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(4) {
  color: yellow;
  top: 12%;
  left: 49%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -4.3s;
          animation-delay: -4.3s;
  -webkit-transform-origin: 10vw 22vh;
          transform-origin: 10vw 22vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(5) {
  color: orange;
  top: 3%;
  left: 1%;
  -webkit-animation-duration: 11.5s;
          animation-duration: 11.5s;
  -webkit-animation-delay: -6.5s;
          animation-delay: -6.5s;
  -webkit-transform-origin: 22vw 3vh;
          transform-origin: 22vw 3vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(6) {
  color: yellow;
  top: 52%;
  left: 75%;
  -webkit-animation-duration: 11.1s;
          animation-duration: 11.1s;
  -webkit-animation-delay: -5.9s;
          animation-delay: -5.9s;
  -webkit-transform-origin: -12vw -23vh;
          transform-origin: -12vw -23vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(7) {
  color: blue;
  top: 43%;
  left: 57%;
  -webkit-animation-duration: 11.6s;
          animation-duration: 11.6s;
  -webkit-animation-delay: -6.7s;
          animation-delay: -6.7s;
  -webkit-transform-origin: 12vw 14vh;
          transform-origin: 12vw 14vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(8) {
  color: orange;
  top: 44%;
  left: 53%;
  -webkit-animation-duration: 10.3s;
          animation-duration: 10.3s;
  -webkit-animation-delay: -5.3s;
          animation-delay: -5.3s;
  -webkit-transform-origin: -9vw -7vh;
          transform-origin: -9vw -7vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(9) {
  color: yellow;
  top: 90%;
  left: 7%;
  -webkit-animation-duration: 11.6s;
          animation-duration: 11.6s;
  -webkit-animation-delay: -1.7s;
          animation-delay: -1.7s;
  -webkit-transform-origin: -22vw 15vh;
          transform-origin: -22vw 15vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(10) {
  color: orange;
  top: 18%;
  left: 1%;
  -webkit-animation-duration: 11.9s;
          animation-duration: 11.9s;
  -webkit-animation-delay: -6.7s;
          animation-delay: -6.7s;
  -webkit-transform-origin: 4vw -22vh;
          transform-origin: 4vw -22vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(11) {
  color: orange;
  top: 100%;
  left: 62%;
  -webkit-animation-duration: 10.7s;
          animation-duration: 10.7s;
  -webkit-animation-delay: -6.1s;
          animation-delay: -6.1s;
  -webkit-transform-origin: 15vw -19vh;
          transform-origin: 15vw -19vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(12) {
  color: blue;
  top: 93%;
  left: 28%;
  -webkit-animation-duration: 10.2s;
          animation-duration: 10.2s;
  -webkit-animation-delay: -7.7s;
          animation-delay: -7.7s;
  -webkit-transform-origin: -23vw -10vh;
          transform-origin: -23vw -10vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(13) {
  color: green;
  top: 64%;
  left: 36%;
  -webkit-animation-duration: 10.9s;
          animation-duration: 10.9s;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-transform-origin: 11vw -5vh;
          transform-origin: 11vw -5vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(14) {
  color: green;
  top: 91%;
  left: 33%;
  -webkit-animation-duration: 10.8s;
          animation-duration: 10.8s;
  -webkit-animation-delay: -7.5s;
          animation-delay: -7.5s;
  -webkit-transform-origin: 23vw 25vh;
          transform-origin: 23vw 25vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(15) {
  color: blue;
  top: 95%;
  left: 41%;
  -webkit-animation-duration: 11.5s;
          animation-duration: 11.5s;
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
  -webkit-transform-origin: -18vw -18vh;
          transform-origin: -18vw -18vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(16) {
  color: blue;
  top: 30%;
  left: 51%;
  -webkit-animation-duration: 11.8s;
          animation-duration: 11.8s;
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
  -webkit-transform-origin: 5vw 2vh;
          transform-origin: 5vw 2vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(17) {
  color: orange;
  top: 74%;
  left: 14%;
  -webkit-animation-duration: 11.9s;
          animation-duration: 11.9s;
  -webkit-animation-delay: -2.9s;
          animation-delay: -2.9s;
  -webkit-transform-origin: -17vw 0vh;
          transform-origin: -17vw 0vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(18) {
  color: orange;
  top: 60%;
  left: 52%;
  -webkit-animation-duration: 10.2s;
          animation-duration: 10.2s;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  -webkit-transform-origin: 16vw 18vh;
          transform-origin: 16vw 18vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(19) {
  color: green;
  top: 38%;
  left: 7%;
  -webkit-animation-duration: 10.1s;
          animation-duration: 10.1s;
  -webkit-animation-delay: -3.9s;
          animation-delay: -3.9s;
  -webkit-transform-origin: 23vw -24vh;
          transform-origin: 23vw -24vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(20) {
  color: yellow;
  top: 85%;
  left: 81%;
  -webkit-animation-duration: 11.9s;
          animation-duration: 11.9s;
  -webkit-animation-delay: -11.8s;
          animation-delay: -11.8s;
  -webkit-transform-origin: 4vw -22vh;
          transform-origin: 4vw -22vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(21) {
  color: green;
  top: 91%;
  left: 20%;
  -webkit-animation-duration: 11.6s;
          animation-duration: 11.6s;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  -webkit-transform-origin: -15vw 23vh;
          transform-origin: -15vw 23vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(22) {
  color: yellow;
  top: 44%;
  left: 52%;
  -webkit-animation-duration: 11.7s;
          animation-duration: 11.7s;
  -webkit-animation-delay: -4.9s;
          animation-delay: -4.9s;
  -webkit-transform-origin: -7vw -15vh;
          transform-origin: -7vw -15vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(23) {
  color: orange;
  top: 48%;
  left: 42%;
  -webkit-animation-duration: 10.4s;
          animation-duration: 10.4s;
  -webkit-animation-delay: -7.7s;
          animation-delay: -7.7s;
  -webkit-transform-origin: 25vw -16vh;
          transform-origin: 25vw -16vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(24) {
  color: orange;
  top: 81%;
  left: 57%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -4.3s;
          animation-delay: -4.3s;
  -webkit-transform-origin: 10vw -18vh;
          transform-origin: 10vw -18vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(25) {
  color: orange;
  top: 72%;
  left: 67%;
  -webkit-animation-duration: 10.9s;
          animation-duration: 10.9s;
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
  -webkit-transform-origin: 6vw 14vh;
          transform-origin: 6vw 14vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(26) {
  color: orange;
  top: 92%;
  left: 74%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -11.1s;
          animation-delay: -11.1s;
  -webkit-transform-origin: 24vw 9vh;
          transform-origin: 24vw 9vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(27) {
  color: orange;
  top: 85%;
  left: 50%;
  -webkit-animation-duration: 10.3s;
          animation-duration: 10.3s;
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
  -webkit-transform-origin: -11vw -19vh;
          transform-origin: -11vw -19vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(28) {
  color: orange;
  top: 64%;
  left: 62%;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
  -webkit-transform-origin: -14vw -20vh;
          transform-origin: -14vw -20vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(29) {
  color: blue;
  top: 60%;
  left: 41%;
  -webkit-animation-duration: 10.8s;
          animation-duration: 10.8s;
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
  -webkit-transform-origin: -3vw 1vh;
          transform-origin: -3vw 1vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(30) {
  color: blue;
  top: 52%;
  left: 9%;
  -webkit-animation-duration: 10.6s;
          animation-duration: 10.6s;
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
  -webkit-transform-origin: 23vw -11vh;
          transform-origin: 23vw -11vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(31) {
  color: yellow;
  top: 18%;
  left: 48%;
  -webkit-animation-duration: 10.4s;
          animation-duration: 10.4s;
  -webkit-animation-delay: -9.8s;
          animation-delay: -9.8s;
  -webkit-transform-origin: -4vw -14vh;
          transform-origin: -4vw -14vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(32) {
  color: yellow;
  top: 73%;
  left: 65%;
  -webkit-animation-duration: 11.1s;
          animation-duration: 11.1s;
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
  -webkit-transform-origin: -16vw -3vh;
          transform-origin: -16vw -3vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(33) {
  color: blue;
  top: 35%;
  left: 28%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -11s;
          animation-delay: -11s;
  -webkit-transform-origin: -11vw 25vh;
          transform-origin: -11vw 25vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(34) {
  color: yellow;
  top: 87%;
  left: 11%;
  -webkit-animation-duration: 10.7s;
          animation-duration: 10.7s;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
  -webkit-transform-origin: -20vw -9vh;
          transform-origin: -20vw -9vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(35) {
  color: yellow;
  top: 25%;
  left: 80%;
  -webkit-animation-duration: 10.9s;
          animation-duration: 10.9s;
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  -webkit-transform-origin: 18vw -7vh;
          transform-origin: 18vw -7vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(36) {
  color: blue;
  top: 87%;
  left: 14%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -10.5s;
          animation-delay: -10.5s;
  -webkit-transform-origin: 15vw -22vh;
          transform-origin: 15vw -22vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(37) {
  color: blue;
  top: 32%;
  left: 16%;
  -webkit-animation-duration: 11.5s;
          animation-duration: 11.5s;
  -webkit-animation-delay: -9.3s;
          animation-delay: -9.3s;
  -webkit-transform-origin: -24vw -13vh;
          transform-origin: -24vw -13vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(38) {
  color: green;
  top: 72%;
  left: 90%;
  -webkit-animation-duration: 11.4s;
          animation-duration: 11.4s;
  -webkit-animation-delay: -11.3s;
          animation-delay: -11.3s;
  -webkit-transform-origin: 14vw -11vh;
          transform-origin: 14vw -11vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(39) {
  color: yellow;
  top: 89%;
  left: 3%;
  -webkit-animation-duration: 10.1s;
          animation-duration: 10.1s;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  -webkit-transform-origin: -8vw 8vh;
          transform-origin: -8vw 8vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(40) {
  color: yellow;
  top: 86%;
  left: 34%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  -webkit-transform-origin: 1vw -13vh;
          transform-origin: 1vw -13vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(41) {
  color: blue;
  top: 59%;
  left: 100%;
  -webkit-animation-duration: 11.7s;
          animation-duration: 11.7s;
  -webkit-animation-delay: -11.3s;
          animation-delay: -11.3s;
  -webkit-transform-origin: 23vw 18vh;
          transform-origin: 23vw 18vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(42) {
  color: blue;
  top: 51%;
  left: 79%;
  -webkit-animation-duration: 10.6s;
          animation-duration: 10.6s;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
  -webkit-transform-origin: 3vw 25vh;
          transform-origin: 3vw 25vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(43) {
  color: green;
  top: 72%;
  left: 10%;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
  -webkit-transform-origin: -17vw 13vh;
          transform-origin: -17vw 13vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(44) {
  color: orange;
  top: 98%;
  left: 83%;
  -webkit-animation-duration: 11.8s;
          animation-duration: 11.8s;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
  -webkit-transform-origin: -5vw -20vh;
          transform-origin: -5vw -20vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(45) {
  color: blue;
  top: 83%;
  left: 51%;
  -webkit-animation-duration: 10.5s;
          animation-duration: 10.5s;
  -webkit-animation-delay: -8.1s;
          animation-delay: -8.1s;
  -webkit-transform-origin: -3vw -5vh;
          transform-origin: -3vw -5vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(46) {
  color: yellow;
  top: 21%;
  left: 17%;
  -webkit-animation-duration: 11.6s;
          animation-duration: 11.6s;
  -webkit-animation-delay: -2.1s;
          animation-delay: -2.1s;
  -webkit-transform-origin: 11vw 23vh;
          transform-origin: 11vw 23vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(47) {
  color: orange;
  top: 21%;
  left: 63%;
  -webkit-animation-duration: 10.4s;
          animation-duration: 10.4s;
  -webkit-animation-delay: -5.3s;
          animation-delay: -5.3s;
  -webkit-transform-origin: -2vw 18vh;
          transform-origin: -2vw 18vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(48) {
  color: blue;
  top: 80%;
  left: 79%;
  -webkit-animation-duration: 10.7s;
          animation-duration: 10.7s;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-transform-origin: -4vw 5vh;
          transform-origin: -4vw 5vh;
  box-shadow: -3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(49) {
  color: green;
  top: 70%;
  left: 79%;
  -webkit-animation-duration: 11.5s;
          animation-duration: 11.5s;
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  -webkit-transform-origin: -13vw 22vh;
          transform-origin: -13vw 22vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
.particles span:nth-child(50) {
  color: yellow;
  top: 58%;
  left: 42%;
  -webkit-animation-duration: 10.7s;
          animation-duration: 10.7s;
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
  -webkit-transform-origin: -18vw 23vh;
          transform-origin: -18vw 23vh;
  box-shadow: 3vmin 0 0.1950233126vmin currentColor;
}
@-webkit-keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
            transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
@keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
            transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

nav.navbar {
  font-family: var(--font-secondary);
}
nav.navbar #navbarLogo {
  display: none;
}

side-drawer {
  background-color: var(--color-drawer);
  font-family: var(--font-primary);
}

header {
  height: 30vh;
}
header .header-content {
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header-content .header-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white);
  font-family: var(--font-primary);
  text-shadow: var(--text-shadow-1);
  margin-bottom: 0;
}
header .submenu {
  background-color: var(--color-background-translucent);
  border-radius: var(--style-radius-2);
  box-shadow: var(--style-shadow-1);
  margin-top: -59px;
  min-height: 118px;
  padding: 1rem 2rem;
  border: none;
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
}
header .submenu .submenu-left {
  display: flex;
  align-items: center;
}
header .submenu .submenu-left i {
  color: white;
  text-shadow: var(--text-shadow-1);
  vertical-align: middle;
}
header .submenu .submenu-left .submenu-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-title);
  text-transform: capitalize;
}
header .submenu ul.nav-pills {
  background-color: var(--color-background-translucent);
  box-shadow: var(--style-shadow-inner);
  border-radius: var(--style-circle);
  border: var(--style-border);
  margin-top: 1rem;
}
header .submenu ul.nav-pills li.nav-item {
  flex-basis: auto;
}
header .submenu ul.nav-pills li.nav-item:first-child .nav-link {
  border-radius: var(--style-circle) 0 0 var(--style-circle);
  border-right: var(--style-border);
}
header .submenu ul.nav-pills li.nav-item .nav-link {
  color: var(--color-content);
  border-radius: 0 0 0 0;
  background-color: var(--color-foreground);
  border-right: var(--style-border);
}
header .submenu ul.nav-pills li.nav-item .nav-link.active {
  background-color: var(--color-background-selected);
  color: var(--color-content-selected);
  box-shadow: var(--style-shadow-focus);
  -webkit-animation: 1s ease-in-out;
          animation: 1s ease-in-out;
}
header .submenu ul.nav-pills li.nav-item .nav-link:hover {
  box-shadow: var(--style-shadow-inner);
  background-color: var(--color-background-selected);
}
header .submenu ul.nav-pills li.nav-item .nav-link:hover span {
  display: initial;
}
header .submenu ul.nav-pills li.nav-item .nav-link:hover:not(.active) {
  background-color: var(--color-foreground);
}
header .submenu ul.nav-pills li.nav-item .nav-link span {
  display: none;
}
header .submenu ul.nav-pills li.nav-item:last-child .nav-link {
  border-radius: 0 var(--style-circle) var(--style-circle) 0;
  border-right: none;
}

main {
  margin-top: 6rem;
}
main .submenu {
  border-radius: var(--style-circle);
  padding: 1rem 2rem;
  border: none;
}
main .submenu .submenu-left {
  display: flex;
  align-items: center;
}
main .submenu .submenu-left i {
  color: white;
  text-shadow: var(--text-shadow-1);
}
main .submenu .submenu-left .submenu-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-title);
  text-transform: capitalize;
}
main .submenu ul.nav-pills {
  background-color: var(--color-background-translucent);
  box-shadow: var(--style-shadow-inner);
  border-radius: var(--style-circle);
  border: var(--style-border);
}
main .submenu ul.nav-pills li.nav-item:first-child .nav-link {
  border-radius: var(--style-circle) 0 0 var(--style-circle);
  border-right: var(--style-border);
}
main .submenu ul.nav-pills li.nav-item .nav-link {
  color: var(--color-content);
  border-radius: 0 0 0 0;
  background-color: var(--color-foreground);
  border-right: var(--style-border);
}
main .submenu ul.nav-pills li.nav-item .nav-link.active {
  background-color: var(--color-background-selected);
  color: var(--color-content-selected);
  box-shadow: var(--style-shadow-focus);
  -webkit-animation: 1s ease-in-out;
          animation: 1s ease-in-out;
}
main .submenu ul.nav-pills li.nav-item .nav-link:hover {
  box-shadow: var(--style-shadow-inner);
  background-color: var(--color-background-selected);
}
main .submenu ul.nav-pills li.nav-item .nav-link:hover:not(.active) {
  background-color: var(--color-foreground);
}
main .submenu ul.nav-pills li.nav-item .nav-link span {
  display: none;
}
main .submenu ul.nav-pills li.nav-item:last-child .nav-link {
  border-radius: 0 var(--style-circle) var(--style-circle) 0;
  border-right: none;
}
main .submenu i.text-success {
  color: var(--success) !important;
}

@media (min-width: 768px) {
  header .header-content .header-title {
    display: initial;
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  header .header-content .header-title {
    font-size: 2.5rem;
  }
  header .submenu {
    min-height: 74px;
    margin-top: -37px;
  }
  header .submenu .submenu-left .submenu-title {
    font-size: 1.5rem;
  }
  header .submenu ul.nav-pills {
    margin-top: initial;
  }

  nav.navbar #navbarLogo,
nav.navbar #navbarIcon {
    display: none;
  }

  main {
    margin-top: 4rem;
  }
}
@media (min-width: 1200px) {
  header .header-content .header-title {
    font-size: 3rem;
  }
  header .submenu ul.nav-pills {
    margin-top: initial;
  }
  header .submenu ul.nav-pills li.nav-item {
    flex-basis: 0;
  }
  header .submenu ul.nav-pills li.nav-item a.nav-link span {
    display: initial;
  }

  main .submenu ul.nav-pills {
    margin-top: initial;
  }
  main .submenu ul.nav-pills li.nav-item a.nav-link span {
    display: initial;
  }
}
@media (orientation: landscape) {
  header .header-content .header-title {
    display: none;
  }
}
@media (orientation: landscape) and (min-width: 768px) {
  header .header-content .header-title {
    display: initial;
  }
}
.tooltip .tooltip-inner {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border: var(--style-border-0);
  box-shadow: var(--style-shadow-1);
  color: var(--color-content);
  border-radius: var(--style-radius-1);
  padding: 0.8rem;
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
  background-color: var(--color-background-translucent);
}
.tooltip .tooltip-inner ul {
  text-align: left;
  margin: 0;
  padding: 0 1rem;
}
.tooltip .tooltitle {
  font-weight: bold;
  color: var(--color-content);
  text-transform: capitalize;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--color-background-translucent);
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--color-background-translucent);
}
.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--color-background-translucent);
}
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--color-background-translucent);
}

.animate__animated.animate__flipInYRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInYRight;
  animation-name: flipInYRight;
}
@-webkit-keyframes flipInYRight {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(20deg);
    transform: perspective(400px) rotateY(20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(5deg);
    transform: perspective(400px) rotateY(5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInYRight {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(20deg);
    transform: perspective(400px) rotateY(20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(5deg);
    transform: perspective(400px) rotateY(5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__animated.animate__flipOutYRight {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutYRight;
  animation-name: flipOutYRight;
}
@-webkit-keyframes flipOutYRight {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(15deg);
    transform: perspective(400px) rotateY(15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes flipOutYRight {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(15deg);
    transform: perspective(400px) rotateY(15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    opacity: 0;
  }
}
.animate__animated.animate__flipInYLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInYLeft;
  animation-name: flipInYLeft;
}
@-webkit-keyframes flipInYLeft {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInYLeft {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__animated.animate__flipOutYLeft {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutYLeft;
  animation-name: flipOutYLeft;
}
@-webkit-keyframes flipOutYLeft {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutYLeft {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.switch-label.top, .switch-label.bottom {
  display: inline-flex;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  flex-direction: column;
  align-items: center;
  width: auto;
  padding-left: initial;
  margin-left: initial;
}
.switch-label.top span {
  padding-bottom: 0.5rem;
}
.switch-label.bottom span {
  padding-top: 0.5rem;
}
.switch-label.left, .switch-label.right {
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.switch-label.left span, .switch-label.right span {
  vertical-align: middle;
  line-height: 2rem;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.switch-label.left {
  justify-content: space-between;
}
.switch-label.left .onoffswitch {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.switch-label.right {
  justify-content: start;
  padding-left: initial;
}
.switch-label.right .onoffswitch {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.onoffswitch {
  position: relative;
  width: 4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.onoffswitch .onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 2rem;
  padding: 0;
  line-height: 2rem;
  border: var(--style-border-0);
  border-radius: 2rem;
  background-color: var(--color-background-translucent);
  box-shadow: var(--style-shadow-inner);
  transition: all 0.25s ease-in-out;
}
.onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 2rem;
  margin: 0;
  background: var(--white);
  box-shadow: var(--style-shadow-1);
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(2rem - 0px);
  border: var(--style-border-0);
  border-radius: 2rem;
  transition: all 0.2s ease-in-out;
}
.onoffswitch .onoffswitch-item {
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 2rem;
  color: var(--color-content);
  margin-bottom: 0;
}
.onoffswitch .onoffswitch-item i {
  font-size: 1.5rem;
  vertical-align: inherit;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: var(--success);
  box-shadow: var(--style-shadow-inner-success);
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: var(--success);
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0;
}

.switch-toggle {
  border-radius: var(--style-circle);
}
.switch-toggle.switch-ios {
  margin: auto;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 198px;
  border-radius: var(--style-circle);
  border: var(--style-border-0);
  background-color: var(--color-background-translucent);
  box-shadow: var(--style-shadow-inner);
  transition: all 0.2s ease-in-out !important;
}
.switch-toggle.switch-ios label {
  color: var(--color-lead);
  cursor: pointer;
}
.switch-toggle.switch-ios input:checked + label {
  color: var(--color-background);
}
.switch-toggle.switch-ios a {
  background-color: var(--success);
  color: var(--white);
  border-radius: var(--style-circle);
  border: var(--style-border);
  box-shadow: var(--style-shadow-0);
  transition: all 0.2s ease-in-out !important;
}

body.swal2-height-auto {
  height: inherit !important;
}
body.swal2-height-auto .swal2-popup {
  border-radius: var(--style-radius-1);
  box-shadow: var(--style-shadow-1);
}
body.swal2-height-auto .swal2-container.swal2-backdrop-show, body.swal2-height-auto .swal2-container.swal2-noanimation {
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
}
body.swal2-height-auto .swal2-styled.swal2-confirm, body.swal2-height-auto .swal2-styled.swal2-cancel, body.swal2-height-auto .swal2-styled.swal2-deny {
  margin-bottom: 1rem;
  min-width: 10rem;
  border-radius: var(--style-circle) !important;
  border: var(--style-border-0);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
body.swal2-height-auto .swal2-styled.swal2-confirm {
  background-color: var(--success);
}
body.swal2-height-auto .swal2-styled.swal2-confirm:hover {
  box-shadow: var(--style-shadow-inner-success);
}
body.swal2-height-auto .swal2-styled.swal2-confirm:focus {
  box-shadow: var(--style-shadow-focus-success);
}
body.swal2-height-auto .swal2-styled.swal2-cancel {
  background-color: var(--gray-800);
}
body.swal2-height-auto .swal2-styled.swal2-cancel:hover {
  box-shadow: var(--style-shadow-inner);
}
body.swal2-height-auto .swal2-styled.swal2-cancel:focus {
  box-shadow: var(--style-shadow-focus);
}
body.swal2-height-auto .swal2-styled.swal2-deny {
  background-color: var(--danger);
}
body.swal2-height-auto .swal2-styled.swal2-deny:hover {
  box-shadow: var(--style-shadow-inner-danger);
}
body.swal2-height-auto .swal2-styled.swal2-deny:focus {
  box-shadow: var(--style-shadow-focus-danger);
}

.fa-1x {
  font-size: 1.5rem;
}

.fa-1_x {
  font-size: 1.25rem;
}

.image-preview {
  margin-top: -1rem !important;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
  border-radius: var(--style-radius-2);
  box-shadow: var(--style-shadow-inner);
  background-color: var(--color-background);
}
.image-preview.pictureUpload {
  background-size: cover;
  background-position: center center;
  background-blend-mode: overlay;
}
.image-preview.small {
  width: 2.5rem;
  height: 2.5rem;
}
.image-preview.small.circle {
  border-radius: var(--style-circle) !important;
}
.image-preview.small.rounded {
  border-radius: var(--style-radius-2) !important;
}
.image-preview.medium {
  width: 10rem;
  height: 10rem;
}
.image-preview.medium.circle {
  border-radius: var(--style-circle) !important;
}
.image-preview.medium.rounded {
  border-radius: var(--style-radius-2) !important;
}
.image-preview.big {
  width: 100%;
  min-height: 250px;
}
.image-preview.big.circle {
  border-radius: var(--style-radius-2) !important;
}
.image-preview.big.rounded {
  border-radius: var(--style-radius-2) !important;
}
.image-preview.bordered {
  border: 0.5rem solid var(--color-background);
}
.image-preview input {
  opacity: 0;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: initial;
}
.image-preview input:hover {
  cursor: pointer;
}
.image-preview label {
  display: none;
}

.form-signin {
  width: 100%;
  max-width: 420px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
  /* Fallback for Edge
  -------------------------------------------------- */
}
.form-label-group input, .form-label-group label {
  height: 3.125rem;
  padding: 0.75rem;
}
.form-label-group label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  text-align: left;
  color: #495057;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}
.form-label-group input::-moz-placeholder {
  color: transparent;
}
.form-label-group input:-ms-input-placeholder {
  color: transparent;
}
.form-label-group input::placeholder {
  color: transparent;
}
.form-label-group input:not(:-moz-placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.form-label-group input:not(:-ms-input-placeholder) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.form-label-group input:not(:-moz-placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: var(--color-lead);
}
.form-label-group input:not(:-ms-input-placeholder) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: var(--color-lead);
}
.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: var(--color-lead);
}
@supports (-ms-ime-align: auto) {
  .form-label-group .form-label-group {
    display: flex;
    flex-direction: column-reverse;
  }
  .form-label-group .form-label-group label {
    position: static;
  }
  .form-label-group .form-label-group input::-ms-input-placeholder {
    color: #cccccc;
  }
}

.fslightbox-container {
  background: var(--color-background-translucent) !important;
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
}
.fslightbox-container .fslightbox-nav, .fslightbox-container .fslightbox-slide-btn-container-previous, .fslightbox-container .fslightbox-slide-btn-container-next {
  display: none;
}
.fslightbox-container .fslightbox-fade-in-strong, .fslightbox-container img {
  border-radius: var(--style-radius-1);
  box-shadow: var(--style-shadow-1);
}

.select2-container.select2-container--default {
  border-radius: var(--style-circle);
}
.select2-container.select2-container--default .select2-selection--single {
  border-radius: var(--style-circle);
  box-shadow: var(--style-shadow-inner);
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-right: 1rem;
  padding-left: 0.2rem;
  height: calc(3.5rem + 2px);
  line-height: 1.25;
  background-color: var(--color-background);
  border: none;
  color: var(--color-content);
}
.select2-container.select2-container--default .select2-selection--single:focus {
  background-color: var(--color-background-selected);
  box-shadow: var(--style-shadow-focus);
}
.select2-container.select2-container--default .select2-selection--single[readonly], .select2-container.select2-container--default .select2-selection--single.readonly {
  background-color: var(--color-background);
  box-shadow: var(--style-shadow-0);
  border: var(--style-border);
}
.select2-container.select2-container--default .select2-selection--single[disabled] {
  color: var(--color-lead);
  background-color: var(--color-background);
  box-shadow: var(--style-shadow-0);
  border: var(--style-border);
  cursor: not-allowed;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-content);
  line-height: initial;
  padding-left: 1.25rem;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 20px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  display: block;
}
.select2-container.select2-container--default .select2-selection--single:hover .select2-selection__clear {
  display: block;
}
.select2-container.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: var(--style-circle);
  border-top-right-radius: var(--style-circle);
}
.select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: var(--style-circle);
  border-bottom-right-radius: var(--style-circle);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown {
  border-radius: var(--style-radius-1);
  box-shadow: var(--style-shadow-3);
  border: none;
  -webkit-backdrop-filter: var(--style-blurry);
          backdrop-filter: var(--style-blurry);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search--dropdown, .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search--dropdown {
  display: block;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  border-bottom: var(--style-border);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results .select2-results__options, .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options {
  margin: 0 0 1rem 0;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results .select2-results__options li, .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options li {
  padding-left: 1rem;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results .select2-results__options li.select2-results__option--selected, .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options li.select2-results__option--selected {
  color: var(--color-content);
  font-weight: bold;
  background-color: var(--color-background-selected);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results .select2-results__options li.select2-results__option--highlighted.select2-results__option--selectable, .select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options li.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-background-selected);
  color: var(--color-content-selected);
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
  border: var(--style-border-light);
  background-color: var(--color-background-even);
  border-radius: var(--style-radius-1);
  box-shadow: var(--style-shadow-focus);
  padding-left: 0.5rem;
}

/*# sourceMappingURL=style.css.map */