/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


:host,:root{--vs-colors--lightest:rgba(60,60,60,0.26);--vs-colors--light:rgba(60,60,60,0.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,0.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid hsla(0,0%,39%,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}
/* Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html {
  font-size: 16px;
}

body {
  font-family: "DINCondMedium", sans-serif;
  background-color: var(--body-background-color);
  color: var(--text-color);
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: #000;
  transition: opacity 0.3s;
  z-index: 999;
}
body.modal-open {
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
  padding-right: var(--scrollbar-width);
}
body.modal-open:after {
  visibility: visible;
  opacity: 0.5;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}

button {
  cursor: pointer;
}

@font-face {
  font-family: "DINRegular";
  src: url(/fonts/din-regular.woff2) format("woff2"), url(/fonts/din-regular.woff) format("woff"), url(/fonts/din-regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DINBold";
  src: url(/fonts/din-bold.woff2) format("woff2"), url(/fonts/din-regular.woff) format("woff"), url(/fonts/din-regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DINCondRegular";
  src: url(/fonts/din-condensed-regular.woff) format("woff"), url(/fonts/din-condensed-regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DINCondMedium";
  src: url(/fonts/din-condensed-medium.woff2) format("woff2"), url(/fonts/din-condensed-medium.woff) format("woff"), url(/fonts/din-condensed-medium.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html body #nprogress > .bar {
  background: linear-gradient(90deg, transparent, var(--loader-color, #fff));
  height: 4px;
}

html body #nprogress .peg {
  box-shadow: 0 0 10px var(--loader-color, #fff), 0 0 5px var(--loader-color, #fff);
}

:root[data-theme=activa] {
  --background-color: #2c2c2c;
  --body-background-color: #000000;
  --text-color: #ffffff;
  --header-bg: #000000;
  --header-actions-bg: #2c2c2c;
  --header-text: #ffffff;
  --footer-bg: #000000;
  --footer-text: #ffffff;
  --border-color: #000000;
  --header-transparent-btn-bg-hover: #000000;
  --header-transparent-btn-border-hover: #000000;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #ffffff;
  --breadcrumbs-bg: #2c2c2c;
  --breadcrumbs-color: #b0afaf;
  --scrollbar-thumb: #515151;
  --scrollbar-thumb-active: #1b1b1b;
  --scrollbar-thumb-hover: #1b1b1b;
  --scrollbar-track: #6e6e6e;
  --scrollbar-track-active: #6e6e6e;
  --scrollbar-track-hover: #6e6e6e;
  --logo-url: url(/images/themes/activa/logo/logo.webp);
  --tile-url: url(/images/themes/activa/logo/tile.svg);
}

:root[data-theme=chasedurer] {
  --background-color: #303030;
  --body-background-color: #303030;
  --text-color: #e2e8f0;
  --header-bg: #000000;
  --header-actions-bg: #303030;
  --header-text: #e2e8f0;
  --footer-bg: #303030;
  --footer-text: #6e6e6e;
  --border-color: #ffffff;
  --header-transparent-btn-bg-hover: #000000;
  --header-transparent-btn-border-hover: #000000;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #6e6e6e;
  --breadcrumbs-bg: #303030;
  --breadcrumbs-color: #e2e8f0;
  --scrollbar-thumb: #515151;
  --scrollbar-thumb-active: #1b1b1b;
  --scrollbar-thumb-hover: #1b1b1b;
  --scrollbar-track: #6e6e6e;
  --scrollbar-track-active: #6e6e6e;
  --scrollbar-track-hover: #6e6e6e;
  --logo-url: url(/images/themes/chasedurer/logo/logo.webp);
  --tile-url: url(/images/themes/chasedurer/logo/tile.svg);
}

:root[data-theme=glycine] {
  --background-color: #20592e;
  --body-background-color: #20592e;
  --text-color: #ffffff;
  --header-bg: #000000;
  --header-actions-bg: #20592e;
  --header-text: #ffffff;
  --footer-bg: #20592e;
  --footer-text: #6e6e6e;
  --border-color: #ffffff;
  --header-transparent-btn-bg-hover: #000000;
  --header-transparent-btn-border-hover: #000000;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #20592e;
  --breadcrumbs-bg: #20592e;
  --breadcrumbs-color: #ffffff;
  --scrollbar-thumb: #333333;
  --scrollbar-thumb-active: #1a1a1a;
  --scrollbar-thumb-hover: #1a1a1a;
  --scrollbar-track: rgba(255, 255, 255, .1);
  --scrollbar-track-active: rgba(255, 255, 255, .1);
  --scrollbar-track-hover: rgba(255, 255, 255, .1);
  --logo-url: url(/images/themes/glycine/logo/logo.webp);
  --tile-url: url(/images/themes/glycine/logo/tile.svg);
}

:root[data-theme=imperious] {
  --background-color: #e6002d;
  --body-background-color: #e6002d;
  --text-color: #ffffff;
  --header-bg: #000000;
  --header-actions-bg: #e6002d;
  --header-text: #ffffff;
  --footer-bg: #e6002d;
  --footer-text: #6e6e6e;
  --border-color: #ffffff;
  --header-transparent-btn-bg-hover: #000000;
  --header-transparent-btn-border-hover: #000000;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #e6002d;
  --breadcrumbs-bg: #e6002d;
  --breadcrumbs-color: #fff;
  --scrollbar-thumb: #333333;
  --scrollbar-thumb-active: #1a1a1a;
  --scrollbar-thumb-hover: #1a1a1a;
  --scrollbar-track: rgba(0, 0, 0, .1);
  --scrollbar-track-active: rgba(0, 0, 0, .1);
  --scrollbar-track-hover: rgba(0, 0, 0, .1);
  --logo-url: url(/images/themes/imperious/logo/logo.webp);
  --tile-url: url(/images/themes/imperious/logo/tile.svg);
}

:root[data-theme=invicta] {
  --background-color: #ffff00;
  --body-background-color: #ffff00;
  --text-color: #6e6e6e;
  --header-bg: #545454;
  --header-actions-bg: #ffff00;
  --header-text: #ffffff;
  --footer-bg: #ffff00;
  --footer-text: #6e6e6e;
  --border-color: #6e6e6e;
  --header-transparent-btn-bg-hover: #545454;
  --header-transparent-btn-border-hover: #545454;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #ffff00;
  --breadcrumbs-bg: #ffff00;
  --breadcrumbs-color: #6e6e6e;
  --scrollbar-thumb: #545454;
  --scrollbar-thumb-active: #3a3a3a;
  --scrollbar-thumb-hover: #3a3a3a;
  --scrollbar-track: rgba(0, 0, 0, .1);
  --scrollbar-track-active: rgba(0, 0, 0, .1);
  --scrollbar-track-hover: rgba(0, 0, 0, .1);
  --logo-url: url(/images/themes/invicta/logo/logo.svg);
  --tile-url: url(/images/themes/invicta/logo/tile.svg);
}

:root[data-theme=montresprestige] {
  --background-color: #1f2c52;
  --body-background-color: #121f42;
  --text-color: #ffffff;
  --header-bg: #121f42;
  --header-actions-bg: #1f2c52;
  --header-text: #ffffff;
  --footer-bg: #121f42;
  --footer-text: #ffffff;
  --border-color: #ffffff;
  --header-transparent-btn-bg-hover: #121f42;
  --header-transparent-btn-border-hover: #121f42;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #e2e8f0;
  --breadcrumbs-bg: #1f2c52;
  --breadcrumbs-color: #ffffff;
  --scrollbar-thumb: #121f42;
  --scrollbar-thumb-active: #444655;
  --scrollbar-thumb-hover: #444655;
  --scrollbar-track: #47507a;
  --scrollbar-track-active: #47507a;
  --scrollbar-track-hover: #47507a;
  --logo-url: url(/images/themes/montresprestige/logo/logo.webp);
  --tile-url: url(/images/themes/montresprestige/logo/tile.svg);
}

:root[data-theme=scoifman] {
  --background-color: #ff0000;
  --body-background-color: #ff0000;
  --text-color: #ffffff;
  --header-bg: #000000;
  --header-actions-bg: #ff0000;
  --header-text: #ffffff;
  --footer-bg: #ff0000;
  --footer-text: #000000;
  --border-color: #cc0000;
  --header-transparent-btn-bg-hover: #000000;
  --header-transparent-btn-border-hover: #000000;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #ff0000;
  --breadcrumbs-bg: #ff0000;
  --breadcrumbs-color: #ffffff;
  --scrollbar-thumb: #333333;
  --scrollbar-thumb-active: #1a1a1a;
  --scrollbar-thumb-hover: #1a1a1a;
  --scrollbar-track: rgba(0, 0, 0, .1);
  --scrollbar-track-active: rgba(0, 0, 0, .1);
  --scrollbar-track-hover: rgba(0, 0, 0, .1);
  --logo-url: url(/images/themes/scoifman/logo/logo.webp);
  --tile-url: url(/images/themes/scoifman/logo/tile.svg);
}

:root[data-theme=technomarine] {
  --brandpage-padding-top: 40px;
  --background-color: #ffffff;
  --body-background-color: #00a4a1;
  --text-color: #ffffff;
  --header-bg: #2fbab8;
  --header-actions-bg: #00a4a1;
  --header-text: #ffffff;
  --footer-bg: #00a4a1;
  --footer-text: #ffffff;
  --border-color: #ffffff;
  --header-transparent-btn-bg-hover: #2fbab8;
  --header-transparent-btn-border-hover: #2fbab8;
  --header-transparent-btn-text-hover: #ffffff;
  --loader-color: #ffffff;
  --breadcrumbs-bg: #ffffff;
  --breadcrumbs-color: #b0afaf;
  --scrollbar-thumb: #00a4a1;
  --scrollbar-thumb-active: #006f6e;
  --scrollbar-thumb-hover: #006f6e;
  --scrollbar-track: rgba(255, 255, 255, .9);
  --scrollbar-track-active: rgba(255, 255, 255, .9);
  --scrollbar-track-hover: rgba(255, 255, 255, .9);
  --logo-url: url(/images/themes/technomarine/logo/logo.webp);
  --tile-url: url(/images/themes/technomarine/logo/tile.svg);
}

:root {
  --background-color: #fafafa;
  --header-bg: #7d7d7d;
  --header-text: #fff;
  --header-actions-bg: #545454;
  --text-color: #e2e8f0;
  --border-color: #fff;
  --no-brand-bg: url(/images/pages/home/background.webp);
  --auth-bg: url(/images/pages/auth/background.svg);
  --breadcrumbs-bg: transparent;
  --breadcrumbs-color: #b0afaf;
  --footer-bg: #fafafa;
  --footer-text: #000;
  --pagination-bg: #fafafa;
  --pagination-font-color: #6e6e6e;
  --scrollbar-thumb: #898989;
  --scrollbar-thumb-active: #3a3a3a;
  --scrollbar-thumb-hover: #3a3a3a;
  --scrollbar-track: #fff;
  --scrollbar-track-active: hsla(0, 0%, 100%, .8);
  --scrollbar-track-hover: hsla(0, 0%, 100%, .4);
}

/* Layout Styles */
.app-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.app-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 160px;
  background-color: var(--background-color);
  padding-bottom: 25px;
}
@media (max-width: 768px) {
  .app-body {
    margin-top: 180px;
  }
}
@media (max-width: 768px) {
  .app-body--margin-sm {
    margin-top: 130px;
  }
}
.app-body > div {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.container, .container-wide {
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 768px) {
  .container, .container-wide {
    padding: 0 10px;
  }
}

.container {
  max-width: 1200px;
}

.container-wide {
  max-width: 1920px;
}

.search-wrapper--header .page-only {
  display: none !important;
}
.search-wrapper--page .header-only {
  display: none !important;
}

.v-select-dropdown-with-popper.vs__dropdown-menu {
  max-height: 250px;
  top: 100%;
  overscroll-behavior: contain;
  color: #6e6e6e;
}
.v-select-dropdown-with-popper .vs__dropdown-option {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  white-space: wrap;
}
.v-select-dropdown-with-popper--below-header {
  --vs-dropdown-z-index: 50;
}

@media (min-width: 769px) {
  .mx-datepicker-popup.below-header {
    z-index: 50 !important;
  }
}

@property --gradient-start {
  syntax: "<color>";
  inherits: false;
  initial-value: transparent;
}
@property --gradient-end {
  syntax: "<color>";
  inherits: false;
  initial-value: transparent;
}
.button {
  font-family: "DINRegular", sans-serif;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 45px;
  padding: 12px 35px;
  font-size: 20px;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #000;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  position: relative;
}
.button:hover {
  border-color: #000;
  color: #fff;
  background-color: #000;
}
.button:disabled {
  cursor: default;
  color: #787878 !important;
  border-color: #787878 !important;
  background-color: #000 !important;
}
.button__loader {
  position: absolute;
  display: none !important;
}
.button--loading .button__loader {
  display: inline-block !important;
}
.button--loading .button__label {
  visibility: hidden;
}
.button__black {
  border-color: #fff;
  color: #fff;
  background-color: #000;
}
.button__black:hover {
  border-color: #fff;
  color: #000;
  background-color: #fff;
}

.btn {
  white-space: nowrap;
}
.btn__square {
  font-family: "DINCondMedium", sans-serif;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 50px;
  padding: 12px 20px;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
  border-radius: 0;
  border: 1px solid #cac9c9;
  color: #929292;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
}
.btn__gradient {
  --gradient-btn-start: transparent;
  --gradient-btn-end: transparent;
  --gradient-start: var(--gradient-btn-start);
  --gradient-end: var(--gradient-btn-end);
  background: linear-gradient(to bottom, var(--gradient-start) 0%, var(--gradient-end) 100%);
  transition: --gradient-start 0.2s, --gradient-end 0.2s;
}
.btn__gradient:hover {
  --gradient-start: var(--gradient-btn-end);
  --gradient-end: var(--gradient-btn-start);
}
.btn__gradient__green {
  --gradient-btn-start: #4dd916;
  --gradient-btn-end: #45a506;
  color: #fff;
}
.btn__gradient__blue {
  --gradient-btn-start: #1ea6f5;
  --gradient-btn-end: #2f69e1;
  color: #fff;
}
.btn__gradient__gray {
  --gradient-btn-start: #f6f6f6;
  --gradient-btn-end: #dcdcdc;
  color: #8e8d8d;
}
.btn__gradient__red {
  --gradient-btn-start: #e00000;
  --gradient-btn-end: #af0000;
}
.btn__gradient__cyan {
  --gradient-btn-start: #1dc8d3;
  --gradient-btn-end: #119fa9;
  color: #fff;
}
.btn[disabled] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.alert {
  font-family: "DINCondRegular", sans-serif !important;
  font-size: 21px;
  line-height: 1.2;
  font-weight: normal;
  padding: 5px;
  border-radius: 4px;
  background-color: #bbbab8;
  border: 1px solid #787878;
  color: #000;
}
.alert__danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert__success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.spinner {
  display: inline-block;
  width: var(--loader-size, "50px");
  height: var(--loader-size, "50px");
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--loader-color, #fff);
  --_m:
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

.vs__spinner {
  border: unset;
  display: inline-block;
  width: var(--loader-size, "50px");
  height: var(--loader-size, "50px");
  padding: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--loader-color, #fff);
  --_m:
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}

.vue-notification-group {
  width: 500px !important;
  max-width: 90vw !important;
}

.vue-notification-wrapper .app-toaster {
  margin: 0 5px 5px;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  font-family: "DINRegular", sans-serif;
  background: rgba(0, 0, 0, 0.5);
  border-left: 5px solid #1ea6f5;
}
.vue-notification-wrapper .app-toaster.success {
  border-left-color: #4dd916;
}
.vue-notification-wrapper .app-toaster.warn {
  border-left-color: #f48a06;
}
.vue-notification-wrapper .app-toaster.error {
  border-left-color: #e00000;
}

::view-transition-group(root) {
  animation-duration: 0.3s;
}

@media (min-width: 769px) {
  ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  ::-webkit-scrollbar-button {
    height: 0;
    width: 0;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border: 0 solid var(--scrollbar-thumb);
    border-radius: 0;
  }
  ::-webkit-scrollbar-thumb:active {
    background: var(--scrollbar-thumb-active);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
  }
  ::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    border: 0 solid var(--scrollbar-track);
    border-radius: 2px;
  }
  ::-webkit-scrollbar-track:active {
    background: var(--scrollbar-track-active);
  }
  ::-webkit-scrollbar-track:hover {
    background: var(--scrollbar-track-hover);
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
}