@charset "UTF-8";
@import url("/staticfiles/fonts/fontawesome/font.css");
@import url("/staticfiles/fonts/exo_2/font.css");
/*
 * VALTOS - Style by value
 * Version: 1.1.6.0-dev
 * Release date: 2026-06-30
 * License: MIT
 *
 * Developed by Group Media Vegarus
 * Website: https://vegarus.su
 * Docs: https://vegarus.su/valtos
 *
 * Сopyright © 2013-2026 Group Media Vegarus
 * 
 */
/* SETTING USER CUSTOM */
:root {
  --vtg-flex-columns: (12 + 1);
  --vtg-color-angle: 30;
  --vtg-font-familys: 'Exo 2', 'Font Awesome';
  /* PRIMARY */
  --vtg-primary-h: 216;
  --vtg-primary-s: 44%;
  --vtg-primary-l: 18%;
  /* INFO */
  --vtg-info-h: 190;
  --vtg-info-s: 90%;
  --vtg-info-l: 50%;
  /* SUCCESS */
  --vtg-success-h: 152;
  --vtg-success-s: 69%;
  --vtg-success-l: 31%;
  /* WARNING */
  --vtg-warning-h: 45;
  --vtg-warning-s: 100%;
  --vtg-warning-l: 51%;
  /* DANGER */
  --vtg-danger-h: 10;
  --vtg-danger-s: 80%;
  --vtg-danger-l: 50%;
  /* BTN */
  --vtg-btn-trs-dur: 100ms;
  --vtg-btn-trs-func: ease-in-out;
  --vtg-btn-mar-x: 0rem;
  --vtg-btn-mar-y: 0rem;
  --vtg-btn-pad-x: 0.25rem;
  --vtg-btn-pad-y: 0.25rem;
  --vtg-btn-shadow-x: 0rem;
  --vtg-btn-shadow-y: 0.25rem;
  --vtg-btn-shadow-blur: 0rem;
  --vtg-btn-trf-x: 0rem;
  --vtg-btn-trf-y: 0rem;
  --vtg-btn-rad: 0.5rem;
  --vtg-btn-active-shadow-y: 0rem;
  --vtg-btn-active-trf-y: 0.25rem;
  /* DROPDOWN */
  --vtg-dropdown-arrow-size: 0.5rem;
  --vtg-dropdown-trs-func: ease-in-out;
  --vtg-dropdown-trs-dur: 150ms;
  --vtg-dropdown-pad-y: 0.5rem;
  --vtg-dropdown-rad: 0.5rem;
  --vtg-dropdown-bdr-c: hsl(0, 0%, 78%);
  --vtg-dropdown-shadow-bg: hsla(0, 0%, 0%, 0.125);
  --vtg-dropdown-shadow-x: 0.0625rem;
  --vtg-dropdown-shadow-y: 0.125rem;
  --vtg-dropdown-shadow-blur: 0.25rem;
  --vtg-dropdown-item-pad-x: 0.5rem;
  --vtg-dropdown-item-pad-y: 0.25rem;
  /* MODAL */
  --vtg-modal-duration: 500ms;
  --vtg-modal-bg: hsla(0, 0%, 0%, 0.1);
  --vtg-modal-container-bdr-c: hsl(0, 0%, 78%);
  --vtg-modal-container-rad: 0.5rem;
  --vtg-modal-container-shadow-bg: hsla(0, 0%, 0%, 0.25);
  --vtg-modal-container-shadow-x: 0.125rem;
  --vtg-modal-container-shadow-y: 0.25rem;
  --vtg-modal-container-shadow-blur: 0.5rem;
  --vtg-modal-header-pad-x: 1rem;
  --vtg-modal-header-pad-y: 0.25rem;
  --vtg-modal-body-pad-x: 0.5rem;
  --vtg-modal-body-pad-y: 0.25rem;
  /* NAVBAR */
  --vtg-navbar-h: 3.5rem;
  --vtg-navbar-shadow-bg: hsla(0, 100%, 0%, 0.375);
  --vtg-navbar-shadow-x: 0rem;
  --vtg-navbar-shadow-y: 0.25rem;
  --vtg-navbar-shadow-blur: 0.5rem;
  --vtg-navbar-container-pad-x: 1rem;
  --vtg-navbar-brand-pad-y: 0.5rem;
  --vtg-navbar-brand-fs: 1.25rem;
  --vtg-navbar-brand-color: white;
  /* PANEL */
  --vtg-panel-pad-x: 1rem;
  --vtg-panel-pad-y: 1rem;
  --vtg-panel-bg: radial-gradient(circle farthest-side at top left, hsl(216, 44%, 18%) 0%, transparent 50%), radial-gradient(circle farthest-side at bottom right, hsl(23, 51%, 26%) 0%, transparent 50%);
  --vtg-panel-bdr-c: hsl(216, 44%, 32%);
  --vtg-panel-rad: 0.875rem;
  --vtg-panel-title-fs: 1.125rem;
  --vtg-panel-title-fg: white;
  --vtg-panel-footer-pad-y: 1.25rem;
  --vtg-panel-footer-pad-x: 0;
  --vtg-panel-footer-fg: hsl(0, 0%, 90%);
  /* POPOVER */
  --vtg-popover-arrow-size: 0.5rem;
  --vtg-popover-wmax: 15rem;
  --vtg-popover-pad-x: 0.25rem;
  --vtg-popover-pad-y: 0.25rem;
  --vtg-popover-rad: 0.5rem;
  --vtg-popover-bg: white;
  --vtg-popover-bdr-c: hsl(0, 0%, 78%);
  --vtg-popover-shadow-bg: hsla(0, 0%, 0%, 0.125);
  --vtg-popover-shadow-x: 0.125rem;
  --vtg-popover-shadow-y: 0.25rem;
  --vtg-popover-shadow-blur: 0.5rem;
  --vtg-popover-title-pad-x: 1rem;
  --vtg-popover-title-pad-y: 0.25rem;
  --vtg-popover-title-bg: hsl(0, 0%, 95%);
  --vtg-popover-title-fs: 0.875rem;
  --vtg-popover-body-pad-x: 0.5rem;
  --vtg-popover-body-pad-y: 0.25rem;
  /* SLIDER */
  --vtg-slider-interval: 7.5s;
  --vtg-slider-duration: 2s;
  --vtg-slider-wmax: 40rem;
  --vtg-slider-hmax: 30rem;
  --vtg-slider-indicator-w: 1rem;
  --vtg-slider-indicator-gap: 0.25rem;
  --vtg-slider-indicator-bg: white;
  --vtg-slider-control-w: 2.5rem;
  --vtg-slider-control-bg: hsla(0, 0%, 0%, 0.5);
  --vtg-slider-control-fs: 2.5rem;
  /* TOOLTIP */
  --vtg-tooltip-arrow-size: 0.5rem;
  --vtg-tooltip-pad-x: 0.5rem;
  --vtg-tooltip-pad-y: 0.25rem;
}

/* NOT SETTINGS */
:root {
  --vt-flex-ratio: (100% / var(--vtg-flex-columns));
  --vt-color-steps: var(--vtg-color-steps, var(--vtg-flex-columns));
  --vt-color-interval: (100% / var(--vt-color-steps));
  --vt-default-lightness: (var(--vtg-color-steps, var(--vtg-flex-columns)) / 2);
  --vt-triada-secondary: calc(var(--vtg-primary-h) + 180 - var(--vtg-color-angle));
  --vt-secondary-h: var(--vtg-secondary-h, var(--vt-triada-secondary));
  --vt-secondary-s: var(--vtg-secondary-s, var(--vtg-primary-s));
  --vt-secondary-l: var(--vtg-secondary-l, var(--vtg-primary-l));
  --vt-triada-tertiary: calc(var(--vtg-primary-h) + 180 + var(--vtg-color-angle));
  --vt-tertiary-h: var(--vtg-tertiary-h, var(--vt-triada-tertiary));
  --vt-tertiary-s: var(--vtg-tertiary-s, var(--vtg-primary-s));
  --vt-tertiary-l: var(--vtg-tertiary-l, var(--vtg-primary-l));
  --vt-primary-hs: var(--vtg-primary-h) var(--vtg-primary-s);
  --vt-secondary-hs: var(--vt-secondary-h) var(--vt-secondary-s);
  --vt-tertiary-hs: var(--vt-tertiary-h) var(--vt-tertiary-s);
  --vt-info-hs: var(--vtg-info-h) var(--vtg-info-s);
  --vt-success-hs: var(--vtg-success-h) var(--vtg-success-s);
  --vt-warning-hs: var(--vtg-warning-h) var(--vtg-warning-s);
  --vt-danger-hs: var(--vtg-danger-h) var(--vtg-danger-s);
}

.text, .bdr, .bdr-t, .bdr-b, .bdr-l, .bdr-r, .bg, .tooltip, .popover, .dropdown-item, .dropdown-split, .btn {
  --vt-bg-a: 1;
  --vt-bg-i: var(--vt-default-lightness);
  --vt-bg-calc: calc(var(--vt-bg-i) * var(--vt-color-interval));
  --vt-bg-hsl: hsla(var(--vt-bg-hs), var(--vt-bg-calc), var(--vt-bg-a));
  --vt-bg-color: var(--vt-bg-hsl);
  --vt-bdr-a: 1;
  --vt-bdr-i: var(--vt-default-lightness);
  --vt-bdr-calc: calc(var(--vt-bdr-i) * var(--vt-color-interval));
  --vt-bdr-hsl: hsla(var(--vt-bdr-hs), var(--vt-bdr-calc), var(--vt-bdr-a));
  --vt-bdr-color: var(--vt-bdr-hsl);
  --vt-shadow-a: 1;
  --vt-shadow-i: 3;
  --vt-shadow-calc: calc(var(--vt-shadow-i) * var(--vt-color-interval));
  --vt-shadow-hsl: hsla(var(--vt-shadow-hs), var(--vt-shadow-calc), var(--vt-shadow-a));
  --vt-shadow-color: var(--vt-shadow-hsl);
}

.text, .tooltip, .dropdown-item, .btn, a {
  --vt-text-a: 1;
  --vt-text-threshold: 50;
  --vt-text-lightness: var(--vt-color-interval) * var(--vt-bg-i) / 1%;
  --vt-text-difference: (var(--vt-text-lightness) - var(--vt-text-threshold)) * -1;
  --vt-text-switch: clamp(0, var(--vt-text-difference), 1);
  --vt-text-auto: hsla(0, 0%, calc(var(--vt-text-switch) * 100), var(--vt-text-a));
  --vt-text-manual: hsla(0, 0%, calc(var(--vt-text-i) * var(--vt-color-interval)), var(--vt-text-a));
  --vt-text-scheme: hsla(var(--vt-text-hs), calc(var(--vt-text-i, var(--vt-default-lightness)) * var(--vt-color-interval)), var(--vt-text-a));
  --vt-text-mode: var(--vt-text-scheme, var(--vt-text-manual, var(--vt-text-auto)));
}

* {
  margin: 0;
  padding: 0;
  font-family: var(--vtg-font-familys), Arial, sans-serif, "Segoe UI", system-ui, Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", -apple-system, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 100%;
  box-sizing: border-box;
  outline: none;
}

a {
  --vt-text-i: (var(--vt-default-lightness) / 2.5);
  --vt-text-hs: var(--vt-primary-hs);
  color: var(--vt-text-mode);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  --vt-text-i: (var(--vt-default-lightness) / 1.25);
  text-decoration: underline;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  display: block;
  width: 100%;
}

hr {
  margin: 0.25rem 0;
  border: none;
  border-top: 0.125rem solid hsl(0, 0%, 78%);
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.slider-indicators, .slider-control, .panel, .panel-header, .navbar-container, .navbar-brand, .modal.active, .modal-container, .modal-header, .btn-group, .flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}

.btn {
  display: inline-flex;
  white-space: nowrap;
}

.flex-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex > * {
  flex: 1 1 auto;
  position: relative;
}
.flex[style*="--vt-gap"] {
  gap: var(--vt-gap);
}
.flex [style*="--vt-flex"] {
  --vt-flex-calc: calc(var(--vt-flex-ratio) * var(--vt-flex));
  flex: 0 0 var(--vt-flex-calc);
  max-width: var(--vt-flex-calc);
}

[style*="--vt-grow"] {
  flex-grow: var(--vt-grow);
}

[style*="--vt-shrink"] {
  flex-shrink: var(--vt-shrink);
}

[style*="--vt-flex: auto;"] {
  flex: 0 0 auto;
}

[style*="--vt-order"] {
  order: var(--vt-order);
}

.btn-outline:hover, .btn:hover {
  --vt-bg-i: (var(--vt-default-lightness) * 1.25);
  --vt-btn-shadow: var(--vtg-btn-hover-shadow-bg, var(--vt-btn-shadow-bg))
                      var(--vtg-btn-hover-shadow-x, var(--vt-btn-shadow-x))
                      var(--vtg-btn-hover-shadow-y, var(--vt-btn-shadow-y))
                      var(--vtg-btn-hover-shadow-blur, var(--vt-btn-shadow-blur));
  --vt-btn-trf: var(--vtg-btn-hover-trf, translate(var(--vtg-btn-hover-trf-x, var(--vt-btn-trf-x)), var(--vtg-btn-hover-trf-y, var(--vt-btn-trf-y))));
  z-index: 3;
}

.btn-check input:checked + .btn-outline, .btn-check input:checked + .btn, .btn-outline:active, .btn-outline.active, .btn:active, .btn.active {
  --vt-bg-i: (var(--vt-default-lightness) / 1.125);
  --vt-btn-shadow: var(--vtg-btn-active-shadow-bg, var(--vt-btn-shadow-bg))
                      var(--vtg-btn-active-shadow-x, var(--vt-btn-shadow-x))
                      var(--vtg-btn-active-shadow-y, var(--vt-btn-shadow-y))
                      var(--vtg-btn-active-shadow-blur, var(--vt-btn-shadow-blur));
  --vt-btn-trf: var(--vtg-btn-active-trf, translate(var(--vtg-btn-active-trf-x, var(--vt-btn-trf-x)), var(--vtg-btn-active-trf-y, var(--vt-btn-trf-y))));
  z-index: 2;
}

.btn-check input:disabled + .btn-outline, .btn-outline:disabled, .btn-outline.disabled, .btn:disabled, .btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn {
  --vt-bg-hs: var(--vt-btn-hs);
  --vt-shadow-hs: var(--vt-btn-hs);
  --vt-shadow-i: (var(--vt-default-lightness) / 1.25);
  --vt-btn-shadow-bg: var(--vtg-btn-shadow-bg, var(--vt-shadow-color));
  --vt-btn-shadow-x: var(--vtg-btn-shadow-x);
  --vt-btn-shadow-y: var(--vtg-btn-shadow-y);
  --vt-btn-shadow-blur: var(--vtg-btn-shadow-blur);
  --vt-btn-shadow: var(--vt-btn-shadow-bg)
                   var(--vt-btn-shadow-x)
                   var(--vt-btn-shadow-y)
                   var(--vt-btn-shadow-blur);
  --vt-btn-mar-y-abs: calc(min(var(--vt-btn-shadow-y), -0.001rem) * -1);
  --vt-btn-mar-y: max(var(--vt-btn-shadow-y), var(--vt-btn-mar-y-abs));
  --vt-btn-mar-x-abs: calc(min(var(--vt-btn-shadow-x), -0.001rem) * -1);
  --vt-btn-mar-x: max(var(--vt-btn-shadow-x), var(--vt-btn-mar-x-abs));
  --vt-btn-trf-x: var(--vtg-btn-trf-x,);
  --vt-btn-trf-y: var(--vtg-btn-trf-y,);
  --vt-btn-trf: var(--vtg-btn-trf, translate(var(--vt-btn-trf-x), var(--vt-btn-trf-y)));
  align-items: center;
  transition: all var(--vtg-btn-trs-func) var(--vtg-btn-trs-dur);
  margin: calc(max(var(--vt-btn-mar-y), 0.125rem) + var(--vtg-btn-mar-y)) calc(var(--vt-btn-mar-x) + var(--vtg-btn-mar-x));
  padding: var(--vtg-btn-pad-y) var(--vtg-btn-pad-x);
  border-radius: var(--vtg-btn-rad);
  background: var(--vt-bg-color);
  color: var(--vt-text-mode);
  border: 0.0625rem solid transparent;
  box-shadow: var(--vt-btn-shadow);
  transform: var(--vt-btn-trf);
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.btn-group .btn {
  border-radius: 0;
}
.btn-group .btn:first-of-type {
  border-top-left-radius: var(--vtg-btn-rad);
  border-bottom-left-radius: var(--vtg-btn-rad);
}
.btn-group .btn:last-of-type {
  border-top-right-radius: var(--vtg-btn-rad);
  border-bottom-right-radius: var(--vtg-btn-rad);
}
.btn-outline {
  --vt-text-i: (var(--vt-default-lightness) / 2);
  --vt-text-hs: var(--vt-btn-hs);
  background: transparent;
  color: var(--vt-text-mode);
  border-color: var(--vt-bg-color);
}
.btn-outline ~ .btn {
  margin-left: -0.0625rem;
}
.btn-outline:hover, .btn-outline:active, .btn-outline.active {
  background: var(--vt-bg-color);
  color: var(--vt-text-auto);
}
.btn-check input {
  display: none;
}
.btn-check input:checked + .btn-outline {
  background: var(--vt-bg-color);
  color: var(--vt-text-auto);
}
.btn-check input:disabled + .btn-outline {
  background: var(--vt-bg-color);
  color: var(--vt-text-auto);
}

.btn-primary {
  --vt-btn-hs: var(--vt-primary-hs);
}

.btn-secondary {
  --vt-btn-hs: var(--vt-secondary-hs);
}

.btn-tertiary {
  --vt-btn-hs: var(--vt-tertiary-hs);
}

.btn-info {
  --vt-btn-hs: var(--vt-info-hs);
}

.btn-success {
  --vt-btn-hs: var(--vt-success-hs);
}

.btn-warning {
  --vt-btn-hs: var(--vt-warning-hs);
}

.btn-danger {
  --vt-btn-hs: var(--vt-danger-hs);
}

.modal {
  padding: var(--vtg-modal-pad-y) var(--vtg-modal-pad-x);
  width: 100%;
  height: 100%;
  background: var(--vtg-modal-bg);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
}
.modal.active {
  justify-content: center;
  align-content: center;
  opacity: 1;
}
.modal.active.in {
  animation: fade_in ease-in-out var(--vtg-modal-duration) forwards;
}
.modal.active.in .modal-container {
  animation: fade_in_container ease-in-out var(--vtg-modal-duration) forwards;
}
.modal.active.out {
  animation: fade_out ease-in-out var(--vtg-modal-duration) forwards;
}
.modal.active.out .modal-container {
  animation: fade_out_container ease-in-out var(--vtg-modal-duration) forwards;
}
.modal.animation-zoom .modal-container {
  animation: animation_zoom_container ease-in-out 500ms;
}
.modal-container {
  flex-direction: column;
  flex-wrap: nowrap;
  width: min(100%, 40rem);
  height: min(100%, 30rem);
  border-radius: var(--vtg-modal-container-rad);
  background: white;
  border: 0.0625rem solid var(--vtg-modal-container-bdr-c);
  box-shadow: var(--vtg-modal-container-shadow-bg) var(--vtg-modal-container-shadow-x) var(--vtg-modal-container-shadow-y) var(--vtg-modal-container-shadow-blur);
  transform: scale(1);
}
.modal-header + .modal-body, .modal-body + .modal-footer {
  border-top: 0.0625rem solid var(--vtg-modal-container-bdr-c);
}
.modal-header {
  align-items: center;
  padding: var(--vtg-modal-header-pad-y) var(--vtg-modal-header-pad-x);
}
.modal-title {
  margin-right: auto;
  font-size: 1.125rem;
}
.modal-close {
  background: transparent;
  border: 0;
  cursor: pointer;
}
.modal-close::before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 1.125rem;
}
.modal-body {
  flex: 1 1 auto;
  padding: var(--vtg-modal-body-pad-y) var(--vtg-modal-body-pad-x);
  overflow-y: scroll;
}
.modal-footer {
  padding: 0.5rem;
}
.modal-footer:has(.btn) {
  text-align: right;
}

@keyframes fade_in_container {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade_out_container {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animation_zoom_container {
  0%, 50% {
    transform: scale(1);
  }
  25%, 75% {
    transform: scale(1.05);
  }
}
.dropdown-items, .dropdown-item {
  transition: all var(--vtg-dropdown-trs-func) var(--vtg-dropdown-trs-dur);
}

.dropdown-split[data-vt-placement*=bottom-]::after, .dropdown-split[data-vt-placement*=top-]::after, .dropdown-split[data-vt-placement*=right-]::after, .dropdown-split[data-vt-placement*=left-]::before {
  display: inline-block;
}

.dropdown-item {
  --vt-bg-hs: var(--vt-primary-hs);
  --vt-bg-i: (var(--vt-color-steps) - 1);
  --vt-text-i: (var(--vt-default-lightness) / 2);
  width: 100%;
  padding: var(--vtg-dropdown-item-pad-y) var(--vtg-dropdown-item-pad-x);
  background: transparent;
  color: var(--vt-text-mode);
  text-decoration: none !important;
  display: block;
}
.dropdown-item:hover {
  --vt-text-i: (var(--vt-default-lightness) / 2);
  background: var(--vt-bg-color);
}
.dropdown-items {
  padding: var(--vtg-dropdown-pad-y) 0;
  border-radius: var(--vtg-dropdown-rad);
  background: white;
  border: 0.0625rem solid var(--vtg-dropdown-bdr-c);
  box-shadow: var(--vtg-dropdown-shadow-bg) var(--vtg-dropdown-shadow-x) var(--vtg-dropdown-shadow-y) var(--vtg-dropdown-shadow-blur);
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.dropdown-items.active {
  display: block;
}
.dropdown-separator {
  margin: 0.125rem var(--vtg-dropdown-item-pad-x);
  border-top: 0.0625rem solid var(--vtg-dropdown-bdr-c);
}
.dropdown-split::before, .dropdown-split::after {
  content: "";
  width: 0;
  height: 0;
  border: var(--vtg-dropdown-arrow-size) solid transparent;
  display: none;
  position: relative;
}
.dropdown-split::before {
  margin-right: 0.5rem;
}
.dropdown-split::after {
  margin-left: 0.5rem;
}
.dropdown-split[data-vt-placement*=left-]::before {
  border-right-color: var(--vt-text-mode);
  border-left: 0;
}
.dropdown-split[data-vt-placement*=right-]::after {
  border-left-color: var(--vt-text-mode);
  border-right: 0;
}
.dropdown-split[data-vt-placement*=top-]::after {
  border-bottom-color: var(--vt-text-mode);
  border-top: 0;
}
.dropdown-split[data-vt-placement*=bottom-]::after {
  border-top-color: var(--vt-text-mode);
  border-bottom: 0;
}

.navbar {
  background: hsla(0, 0%, 0%, 0.5);
  box-shadow: var(--vtg-navbar-shadow-bg) var(--vtg-navbar-shadow-x) var(--vtg-navbar-shadow-y) var(--vtg-navbar-shadow-blur);
}
.navbar-container {
  align-items: center;
  margin: 0 auto;
  padding: 0 var(--vtg-navbar-container-pad-x);
  width: min(100%, 80rem);
  height: 3.5rem;
}
.navbar-brand {
  align-items: center;
  padding: var(--vtg-navbar-brand-pad-y) 0;
  height: 100%;
  color: var(--vtg-navbar-brand-color);
  font-size: var(--vtg-navbar-brand-fs);
  font-style: italic;
  font-weight: bold;
}
.navbar-brand img {
  width: auto;
  height: 100%;
}

.panel {
  flex-direction: column;
  padding: var(--vtg-panel-pad-y) var(--vtg-panel-pad-x);
  background: var(--vtg-panel-bg);
  border: 0.0625rem solid var(--vtg-panel-bdr-c);
  border-radius: var(--vtg-panel-rad);
}
.panel-header {
  align-items: center;
}
.panel-title {
  font-size: var(--vtg-panel-title-fs);
  color: var(--vtg-panel-title-fg);
  text-transform: uppercase;
}
.panel-footer {
  padding: var(--vtg-panel-footer-pad-y) var(--vtg-panel-footer-pad-x);
  color: var(--vtg-panel-footer-fg);
}

.popover {
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 100ms;
}

.popover {
  min-width: 10rem;
  max-width: var(--vtg-popover-wmax);
  opacity: 0;
  background: var(--vtg-popover-bg);
  border-radius: var(--vtg-popover-rad);
  border: 0.0625rem solid var(--vtg-popover-bdr-c);
  box-shadow: var(--vtg-popover-shadow-bg) var(--vtg-popover-shadow-x) var(--vtg-popover-shadow-y) var(--vtg-popover-shadow-blur);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
}
.popover * {
  font-size: var(--vtg-popover-title-fs);
}
.popover .title {
  padding: var(--vtg-popover-title-pad-y) var(--vtg-popover-title-pad-x);
  background: var(--vtg-popover-title-bg);
  border-bottom: 0.0625rem solid var(--vtg-popover-bdr-c);
  border-top-left-radius: var(--vtg-popover-rad);
  border-top-right-radius: var(--vtg-popover-rad);
  font-weight: bold;
}
.popover .body {
  padding: var(--vtg-popover-body-pad-y) var(--vtg-popover-body-pad-x);
}
.popover .arrow::before, .popover .arrow::after, .popover .arrow {
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.popover .arrow {
  width: var(--vtg-popover-arrow-size);
}
.popover .arrow::before, .popover .arrow::after {
  content: "";
  border: var(--vtg-popover-arrow-size) solid transparent;
}
.popover .arrow::before {
  z-index: 99;
}
.popover .arrow::after {
  z-index: 100;
}
.popover .arrow[data-vt-placement*=right-]::before {
  border-right-color: var(--vtg-popover-bdr-c);
  border-left: 0;
}
.popover .arrow[data-vt-placement*=right-]::after {
  border-right-color: var(--vtg-popover-bg);
  border-left: 0;
  left: 0.0625rem;
}
.popover .arrow[data-vt-placement*=left-]::before {
  border-left-color: var(--vtg-popover-bdr-c);
  border-right: 0;
  left: -0.125rem;
}
.popover .arrow[data-vt-placement*=left-]::after {
  border-left-color: var(--vtg-popover-bg);
  border-right: 0;
  left: -0.1875rem;
}
.popover .arrow[data-vt-placement*=top-]::before {
  border-top-color: var(--vtg-popover-bdr-c);
  border-bottom: 0;
  top: -0.0625rem;
}
.popover .arrow[data-vt-placement*=top-]::after {
  border-top-color: var(--vtg-popover-bg);
  border-bottom: 0;
  top: -0.125rem;
}
.popover .arrow[data-vt-placement*=bottom-]::before {
  border-bottom-color: var(--vtg-popover-bdr-c);
  border-top: 0;
}
.popover .arrow[data-vt-placement*=bottom-]::after {
  border-bottom-color: var(--vtg-popover-title-bg);
  border-top: 0;
  top: 0.0625rem;
}

.slider {
  width: min(100%, var(--vtg-slider-wmax));
  position: relative;
  overflow: hidden;
}
.slider-indicator {
  width: var(--vtg-slider-indicator-w);
  aspect-ratio: 16/9;
  background: var(--vtg-slider-indicator-bg);
  opacity: 0.5;
  cursor: pointer;
}
.slider-indicator.active {
  opacity: 1;
}
.slider-indicators {
  justify-content: center;
  gap: var(--vtg-slider-indicator-gap);
  width: 100%;
  position: absolute;
  bottom: 4rem;
  left: 0;
  z-index: 3;
}
.slider-item {
  display: none;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-item.active, .slider-item.next, .slider-item.prev {
  display: block;
}
.slider-item.active {
  position: relative;
  z-index: 1;
}
.slider-item.next, .slider-item.prev {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.slider-caption {
  width: 100%;
  font-size: 1.25rem;
  color: white;
  text-shadow: hsl(0, 0%, 0%) 0.125rem 0.25rem 0.125rem;
  text-align: center;
  position: absolute;
  bottom: 2rem;
  left: 0;
  z-index: 2;
}
.slider-control {
  justify-content: center;
  align-content: center;
  transition: all ease-in-out 0.25s;
  width: var(--vtg-slider-control-w);
  height: 100%;
  background: var(--vtg-slider-control-bg);
  opacity: 0.5;
  color: white;
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: var(--vtg-slider-control-fs);
  text-decoration: none !important;
  position: absolute;
  top: 0;
  z-index: 4;
}
.slider-control:hover {
  opacity: 1;
}
.slider-control[data-vt-control*=left] {
  left: 0;
}
.slider-control[data-vt-control*=left]::before {
  content: "\f104";
}
.slider-control[data-vt-control*=right] {
  right: 0;
}
.slider-control[data-vt-control*=right]::before {
  content: "\f105";
}
.slider[data-vt-slider=fade] .slider-items .next.left, .slider[data-vt-slider=fade] .slider-items .prev.right {
  animation: slider_in_fade linear var(--vtg-slider-duration) forwards;
}

@keyframes slider_in_fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tooltip {
  transition-duration: 100ms;
  transition-timing-function: ease-in-out;
  transition-property: all;
}

.tooltip {
  --vt-bg-hs: var(--vt-primary-hs);
  --vt-bg-i: (var(--vt-default-lightness) / 2);
  --vt-bg-a: 0.875;
}

.tooltip {
  padding: var(--vtg-tooltip-pad-y) var(--vtg-tooltip-pad-x);
  min-width: 10rem;
  max-width: 15rem;
  border-radius: 0.5rem;
  background: var(--vtg-tooltip-bg, var(--vt-bg-color));
  color: var(--vt-text-mode);
  visibility: hidden;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
}
.tooltip .arrow::before, .tooltip .arrow {
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.tooltip .arrow {
  width: var(--vtg-tooltip-arrow-size);
}
.tooltip .arrow::before {
  content: "";
  border: var(--vtg-tooltip-arrow-size) solid transparent;
  z-index: 100;
}
.tooltip .arrow[data-vt-placement*=right-]::before {
  border-right-color: var(--vt-bg-color);
  border-left: 0;
}
.tooltip .arrow[data-vt-placement*=left-]::before {
  border-left-color: var(--vt-bg-color);
  border-right: 0;
}
.tooltip .arrow[data-vt-placement*=top-]::before {
  border-top-color: var(--vt-bg-color);
  border-bottom: 0;
}
.tooltip .arrow[data-vt-placement*=bottom-]::before {
  border-bottom-color: var(--vt-bg-color);
  border-top: 0;
}

.bg {
  background: var(--vt-bg-color);
}

.bg-primary {
  --vt-bg-hs: var(--vt-primary-hs);
}

.bg-secondary {
  --vt-bg-hs: var(--vt-secondary-hs);
}

.bg-tertiary {
  --vt-bg-hs: var(--vt-tertiary-hs);
}

.bg-info {
  --vt-bg-hs: var(--vt-info-hs);
}

.bg-success {
  --vt-bg-hs: var(--vt-success-hs);
}

.bg-warning {
  --vt-bg-hs: var(--vt-warning-hs);
}

.bg-danger {
  --vt-bg-hs: var(--vt-danger-hs);
}

.bdr-r, .bdr-l, .bdr-b, .bdr-t, .bdr {
  --vt-bdr-w: 0.0625rem;
  --vt-bdr-s: solid;
  border: 0 var(--vt-bdr-s) var(--vt-bdr-color);
}

.bdr {
  border-width: var(--vt-bdr-w);
}
.bdr-t {
  border-top-width: var(--vt-bdr-w);
}
.bdr-t0 {
  border-top-width: 0;
}
.bdr-b {
  border-bottom-width: var(--vt-bdr-w);
}
.bdr-b0 {
  border-bottom-width: 0;
}
.bdr-l {
  border-left-width: var(--vt-bdr-w);
}
.bdr-l0 {
  border-left-width: 0;
}
.bdr-r {
  border-right-width: var(--vt-bdr-w);
}
.bdr-r0 {
  border-right-width: 0;
}
.bdr-dashed {
  border-style: dashed;
}
.bdr-double {
  border-width: max(var(--vt-bdr-w, 0rem), 0.25rem);
  border-style: double;
}
.bdr-groove {
  border-style: groove;
}

.bdr-primary {
  --vt-bdr-hs: var(--vt-primary-hs);
}

.bdr-secondary {
  --vt-bdr-hs: var(--vt-secondary-hs);
}

.bdr-tertiary {
  --vt-bdr-hs: var(--vt-tertiary-hs);
}

.bdr-info {
  --vt-bdr-hs: var(--vt-info-hs);
}

.bdr-success {
  --vt-bdr-hs: var(--vt-success-hs);
}

.bdr-warning {
  --vt-bdr-hs: var(--vt-warning-hs);
}

.bdr-danger {
  --vt-bdr-hs: var(--vt-danger-hs);
}

.jc-start {
  justify-content: flex-start;
}
.jc-center {
  justify-content: center;
}
.jc-end {
  justify-content: flex-end;
}
.jc-around {
  justify-content: space-around;
}
.jc-between {
  justify-content: space-between;
}
.jc-evenly {
  justify-content: space-evenly;
}

.ac-start {
  align-content: flex-start;
}
.ac-center {
  align-content: center;
}
.ac-end {
  align-content: flex-end;
}
.ac-around {
  align-content: space-around;
}
.ac-between {
  align-content: space-between;
}
.ac-evenly {
  align-content: space-evenly;
}
.ai-start {
  align-items: flex-start;
}
.ai-center {
  align-items: center;
}
.ai-end {
  align-items: flex-end;
}
.ai-baseline {
  align-items: baseline;
}
.as-start {
  align-self: flex-start;
}
.as-center {
  align-self: center;
}
.as-end {
  align-self: flex-end;
}
.as-baseline {
  align-self: baseline;
}

.text {
  color: var(--vt-text-mode);
}
.text-normal {
  text-align: left;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-underline {
  text-decoration: underline;
}

.text-overline {
  text-decoration: overline;
}

.text-line-through {
  text-decoration: line-through;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.font-italic {
  font-style: italic;
}

html[data-vt-height],
html[data-vt-height] body {
  min-height: 100vh;
}

.container {
  margin: 0 auto;
  width: min(100%, 80rem);
}

.mar-lauto {
  margin-left: auto;
}