/*
Project:	Toggle Switchy
Version:	1.14
Updated:	8/20/2020
Author:		Adam Culpepper | @adamculpepper
Website:	https://toggleswitchy.com
Docs:		https://github.com/adamculpepper/toggle-switchy
Issues:		https://github.com/adamculpepper/toggle-switchy/issues
Releases:	https://github.com/adamculpepper/toggle-switchy/releases
*/

/* Customizable styles */

/* Colors: Default (blue) */
.toggle-switchy {color:#fff;}
.toggle-switchy > input + .toggle:before {content:'ON';}
.toggle-switchy > input + .toggle:after {content:'OFF';}
.toggle-switchy > input + .toggle > .switch {background:#fff;}
.toggle-switchy > input + .toggle + .label {color:#000;}
.toggle-switchy > input:checked + .toggle {background:#3498db;}
.toggle-switchy > input:not(:checked) + .toggle {background:#ccc;}
.toggle-switchy > input:checked + .toggle > .switch {border:3px solid #3498db;}
.toggle-switchy > input:not(:checked) + .toggle > .switch {border:3px solid #ccc;}
.toggle-switchy > input:focus + .toggle,
.toggle-switchy > input:active + .toggle {box-shadow:0 0 5px 3px rgba(0, 119, 200, 0.50);}

/* Rounded switch corners */
.toggle-switchy > input + .toggle {border-radius:4px;}
.toggle-switchy > input + .toggle .switch {border-radius:6px;}

/* //////////////////////////
CORE STYLES BELOW - NO TOUCHY
////////////////////////// */
.toggle-switchy {display:inline-flex; align-items:center; user-select:none; position:relative; vertical-align:middle; margin-bottom:0;}
.toggle-switchy:hover {cursor:pointer;}
.toggle-switchy > input {position:absolute; opacity:0;}
.toggle-switchy > input + .toggle {align-items:center; position:relative;}
.toggle-switchy > input + .toggle {overflow:hidden; position:relative; flex-shrink:0;}
.toggle-switchy > input[disabled] + .toggle {opacity:0.5;}
.toggle-switchy > input[disabled] + .toggle:hover {cursor:not-allowed;}
.toggle-switchy > input + .toggle {width:100%; height:100%; margin:0; cursor:pointer;}
.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3; box-sizing:border-box;}

/* Labels */
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after {display:flex; align-items:center; position:absolute; z-index:2; height:100%;}
.toggle-switchy > input + .toggle:before {right:55%;}
.toggle-switchy > input + .toggle:after {left:50%;}
.toggle-switchy > input + .toggle + .label {margin-left:10px;}
.toggle-switchy[data-label='left'] > input + .toggle {order:2;}
.toggle-switchy[data-label='left'] > input + .toggle + .label {order:1; margin-left:0; margin-right:10px;}

/* Show / Hide */
.toggle-switchy > input + .toggle:before {opacity:0;}
.toggle-switchy > input:checked + .toggle:before {opacity:1;}
.toggle-switchy > input:checked + .toggle:after {opacity:0;}

/* Transitions */
.toggle-switchy > input + .toggle {transition:background 200ms linear, box-shadow 200ms linear;}
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after {transition:all 200ms linear;}
.toggle-switchy > input + .toggle > .switch {transition:right 200ms linear, border-color 200ms linear;}
/* //////////////////////////
CORE STYLES ABOVE - NO TOUCHY
////////////////////////// */

/* Size: Extra Large */
.toggle-switchy[data-size='xl'] > input + .toggle							{width:85px; height:40px;}
.toggle-switchy[data-size='xl'] > input + .toggle > .switch					{width:40px;}
.toggle-switchy[data-size='xl'] > input + .toggle:before,
.toggle-switchy[data-size='xl'] > input + .toggle:after						{font-size:1.2rem;}
.toggle-switchy[data-size='xl'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 40px);}

/* Size: Large */
.toggle-switchy[data-size='lg'] > input + .toggle							{width:75px; height:35px;}
.toggle-switchy[data-size='lg'] > input + .toggle > .switch					{width:35px;}
.toggle-switchy[data-size='lg'] > input + .toggle:before,
.toggle-switchy[data-size='lg'] > input + .toggle:after						{font-size:1rem;}
.toggle-switchy[data-size='lg'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 35px);}

/* Size: Default (Medium) */
.toggle-switchy > input + .toggle											{width:65px; height:30px;}
.toggle-switchy > input + .toggle	> .switch								{width:30px;}
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after										{font-size:0.8rem;}
.toggle-switchy > input:not(:checked) + .toggle > .switch					{right:calc(100% - 30px);}

/* Size: Small */
.toggle-switchy[data-size='sm'] > input + .toggle							{width:55px; height:25px;}
.toggle-switchy[data-size='sm'] > input + .toggle > .switch					{width:25px;}
.toggle-switchy[data-size='sm'] > input + .toggle:before,
.toggle-switchy[data-size='sm'] > input + .toggle:after						{font-size:0.7rem;}
.toggle-switchy[data-size='sm'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 25px);}

/* Size: Extra Small */
.toggle-switchy[data-size='xs'] > input + .toggle							{width:45px; height:20px;}
.toggle-switchy[data-size='xs'] > input + .toggle > .switch					{width:20px;}
.toggle-switchy[data-size='xs'] > input + .toggle:before,
.toggle-switchy[data-size='xs'] > input + .toggle:after						{font-size:0.5rem;}
.toggle-switchy[data-size='xs'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 20px);}

/* Style: Rounded */
.toggle-switchy[data-style='rounded'] > input + .toggle,
.toggle-switchy[data-style='rounded'] > input + .toggle > .switch			{border-radius:50px;}
.toggle-switchy[data-style='rounded'] > input + .toggle:before				{right:50%;}
.toggle-switchy[data-style='rounded'] > input + .toggle:after				{left:50%;}

/* Style: Square */
.toggle-switchy[data-style='square'] > input + .toggle						{border-radius:0;}
.toggle-switchy[data-style='square'] > input + .toggle .switch				{border-radius:0;}

/* Text: Off */
.toggle-switchy[data-text='false'] > input + .toggle:before,
.toggle-switchy[data-text='false'] > input + .toggle:after					{content:'';}
.toggle-switchy[data-text='false'][data-size='xl'] > input + .toggle		{width:80px;}
.toggle-switchy[data-text='false'][data-size='lg'] > input + .toggle		{width:70px;}
.toggle-switchy[data-text='false'] > input + .toggle						{width:60px;}
.toggle-switchy[data-text='false'][data-size='sm'] > input + .toggle		{width:50px;}
.toggle-switchy[data-text='false'][data-size='xs'] > input + .toggle		{width:40px;}

/* Color: Red */
.toggle-switchy[data-color='red'] > input:checked + .toggle					{background:#e74c3c;}
.toggle-switchy[data-color='red'] > input:checked + .toggle > .switch		{border-color:#e74c3c;}

/* Color: Orange */
.toggle-switchy[data-color='orange'] > input:checked + .toggle				{background:#e67e22;}
.toggle-switchy[data-color='orange'] > input:checked + .toggle > .switch	{border-color:#e67e22;}
 
 /* Color: Yellow */
.toggle-switchy[data-color='yellow'] > input:checked + .toggle				{background:#f1c40f;}
.toggle-switchy[data-color='yellow'] > input:checked + .toggle > .switch	{border-color:#f1c40f;}

/* Color: Green */
.toggle-switchy[data-color='green'] > input:checked + .toggle				{background:#2ecc71;}
.toggle-switchy[data-color='green'] > input:checked + .toggle > .switch		{border-color:#2ecc71;}

/* Color: Blue */
.toggle-switchy[data-color='blue'] > input:checked + .toggle				{background:#3498db;}
.toggle-switchy[data-color='blue'] > input:checked + .toggle > .switch		{border-color:#3498db;}

/* Color: Purple */
.toggle-switchy[data-color='purple'] > input:checked + .toggle				{background:#9b59b6;}
.toggle-switchy[data-color='purple'] > input:checked + .toggle > .switch	{border-color:#9b59b6;}

/* Color: Gray */
.toggle-switchy[data-color='gray'] > input:checked + .toggle				{background:#555;}
.toggle-switchy[data-color='gray'] > input:checked + .toggle > .switch		{border-color:#555;}
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.button-group .btn:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.button-group .btn:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.button-group .btn {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 15px; /* 9 */
  padding-left: 1.5rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 15px; /* 9 */
  padding-right: 1.5rem; /* 9 */
}
.btn {
  display: inline-block;
  color: #fdfdfd !important;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px; /* 9 */
  font-size: 1.2rem; /* 9 */
  text-decoration: none !important;
  background: #2a60c8;
  text-decoration: none;
  font-weight: 600;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 14px 35px; /* 9 */
  padding: 1.4rem 3.5rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin: 5px 0px; /* 9 */
  margin: 0.5rem 0rem; /* 9 */
  border: 1px solid #2455a3;
  text-align: center;
  cursor: pointer;
}
.btn:hover, .btn.disabled {
  color: #000 !important;
  box-shadow: inset 0px -1px 1px 0px rgba(255, 255, 255, 0.25);
}
.btn:hover i.se-voyeur:before, .btn.disabled i.se-voyeur:before {
  filter: invert(1);
}
.btn.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.btn-small {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 35px; /* 9 */
  padding: 1rem 3.5rem; /* 9 */
}
.btn-xsmall {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px; /* 9 */
  font-size: 1.2rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 5px 5px; /* 9 */
  padding: 0.5rem 0.5rem; /* 9 */
}
.btn-large {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px; /* 9 */
  font-size: 1.4rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 14px 60px; /* 9 */
  padding: 1.4rem 6rem; /* 9 */
}
.btn-default {
  border-radius: 4px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 10px; /* 9 */
  padding-left: 1rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 10px; /* 9 */
  padding-right: 1rem; /* 9 */
}
.btn-white {
  background-color: #fff;
  border: none;
  color: #2a60c8 !important;
  border-radius: 4px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 10px; /* 9 */
  padding-left: 1rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 10px; /* 9 */
  padding-right: 1rem; /* 9 */
}
.btn-white:hover {
  color: #2a60c8 !important;
  text-decoration: underline !important;
}
.btn-nav {
  border: 1px solid #d5dce0;
  color: #444a52 !important;
  background: #e4e9f0;
  border-radius: 3px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 10px; /* 9 */
  padding-left: 1rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 10px; /* 9 */
  padding-right: 1rem; /* 9 */
}
.btn-nav:hover {
  background-color: #dcdcdc;
  color: #000 !important;
  box-shadow: none;
}
.btn-grey {
  border: 1px solid #dedfde;
  color: #444a52 !important;
  border-radius: 6px;
  background: linear-gradient(to bottom, #fff, #efefef 100%);
}
.btn-grey:hover {
  background-color: #dcdcdc;
  color: #000 !important;
  box-shadow: none;
}
.btn-purple {
  border: 1px solid #dedfde;
  color: #000 !important;
  background: linear-gradient(to bottom, #fff, #efefef 100%);
}
.btn-purple:hover {
  background-color: #dcdcdc;
  color: #000 !important;
  box-shadow: none;
}
.btn-purple.active {
  border: 1px solid #4c324c;
  color: #fdfdfd !important;
  background: #5d3d5e;
}
.btn-nohover {
  pointer-events: none;
}
.btn-fleft {
  float: left;
}
.btn-fright {
  float: right;
}
.btn-full {
  width: 100%;
}
.mt {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px; /* 9 */
  margin-top: 1rem; /* 9 */
}
.mb {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 10px; /* 9 */
  margin-bottom: 1rem; /* 9 */
}
.ml {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-left: 10px; /* 9 */
  margin-left: 1rem; /* 9 */
}
.mr {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 10px; /* 9 */
  margin-right: 1rem; /* 9 */
}
html {
  font-size: 62.5%;
}
body {
  padding: 0px;
  margin: 0px;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
}
#app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
div {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
@media screen and (max-height: 1000px) {
  html {
    font-size: 58%;
  }
}
.text-center {
  text-align: center;
}
.text-white {
  color: #fff;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.d-flex {
  display: flex;
  flex-direction: row;
}@font-face {
  font-family: "TwentiethCenturyBold";
  src: url("/assets/TwentiethCenturyBold-C9jOShi_.ttf") format("truetype");
  font-style: normal;
}

/* Roboto-Black */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Black-qr0G-G-3.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

/* Roboto-BlackItalic */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-BlackItalic-Cd5WMiKN.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

/* Roboto-Bold */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Bold-BKtbn9Wi.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Roboto-BoldItalic */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-BoldItalic-DLtOeeWN.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

/* Roboto-Italic */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Italic-Dxo79a56.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

/* Roboto-Light */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Light-y85UWPYz.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

/* Roboto-LightItalic */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-LightItalic-CubrlQUP.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

/* Roboto-Medium */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Medium-CFKDKRMh.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* Roboto-MediumItalic */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-MediumItalic-DZe-jd04.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

/* Roboto-Regular */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Regular-BHeBnKzs.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* Roboto-Thin */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-Thin-D4yhO5KI.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

/* Roboto-ThinItalic */
@font-face {
  font-family: "Roboto";
  src: url("/assets/Roboto-ThinItalic-CPv9ZWAH.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

/* Montserrat-Regular */
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf")
    format("truetype");
  font-weight: 100 900; /* range of weights */
  font-style: normal;
  font-display: swap;
}

/* Montserrat-Italic */
@font-face {
  font-family: "Montserrat";
  src: url("/assets/Montserrat-Italic-VariableFont_wght-B1o0utJu.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-600: oklch(57.7% .245 27.325);
    --color-orange-400: oklch(75% .183 55.934);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --blur-xs: 4px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-\[3px\] {
    top: 3px;
  }

  .top-\[32px\] {
    top: 32px;
  }

  .top-full {
    top: 100%;
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .z-10 {
    z-index: 10;
  }

  .z-50 {
    z-index: 50;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[27px\] {
    height: 27px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[115px\] {
    height: 115px;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-full {
    height: 100%;
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[2rem\] {
    width: 2rem;
  }

  .w-\[16px\] {
    width: 16px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[40px\] {
    width: 40px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[480px\] {
    width: 480px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .min-w-\[110px\] {
    min-width: 110px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[350px\] {
    min-width: 350px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

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

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

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

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

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b, .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .\!border-\[\#F3902D\] {
    border-color: #f3902d !important;
  }

  .border-\[\#C1CCE7\] {
    border-color: #c1cce7;
  }

  .border-\[\#F3902D\] {
    border-color: #f3902d;
  }

  .border-\[\#FFF2E1\] {
    border-color: #fff2e1;
  }

  .border-\[\#b3c1e3\] {
    border-color: #b3c1e3;
  }

  .border-\[\#dddddd\] {
    border-color: #ddd;
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-t-slate-300 {
    border-top-color: var(--color-slate-300);
  }

  .border-b-\[\#C1CCE7\] {
    border-bottom-color: #c1cce7;
  }

  .border-b-white {
    border-bottom-color: var(--color-white);
  }

  .bg-\[\#1F1E1E4D\] {
    background-color: #1f1e1e4d;
  }

  .bg-\[\#C1CCE7\] {
    background-color: #c1cce7;
  }

  .bg-\[\#EA2A2A\] {
    background-color: #ea2a2a;
  }

  .bg-\[\#F9FBFF\] {
    background-color: #f9fbff;
  }

  .bg-\[\#F3902D\] {
    background-color: #f3902d;
  }

  .bg-\[\#FCF8F3\] {
    background-color: #fcf8f3;
  }

  .bg-\[\#FDB36C\] {
    background-color: #fdb36c;
  }

  .bg-\[\#FFF2E1\] {
    background-color: #fff2e1;
  }

  .bg-\[\#f1922d\] {
    background-color: #f1922d;
  }

  .bg-\[\#fbfbfe\] {
    background-color: #fbfbfe;
  }

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

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

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

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#1F1E1E\] {
    color: #1f1e1e;
  }

  .text-\[\#6b7daa\] {
    color: #6b7daa;
  }

  .text-\[\#92A2C9\], .text-\[\#92a2c9\] {
    color: #92a2c9;
  }

  .text-\[\#64748b\] {
    color: #64748b;
  }

  .text-\[\#EA2A2A\] {
    color: #ea2a2a;
  }

  .text-\[\#F3902D\] {
    color: #f3902d;
  }

  .text-\[\#F29100\] {
    color: #f29100;
  }

  .text-\[\#b3c1e3\] {
    color: #b3c1e3;
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .placeholder-\[\#92A2C9\]::placeholder {
    color: #92a2c9;
  }

  .accent-slate-500 {
    accent-color: var(--color-slate-500);
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-\[\#F3902D\]:focus-within {
    --tw-ring-color: #f3902d;
  }

  .focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: var(--color-white);
  }

  @media (hover: hover) {
    .hover\:border-y:hover {
      border-block-style: var(--tw-border-style);
      border-block-width: 1px;
    }

    .hover\:border-\[\#F3902D\]:hover {
      border-color: #f3902d;
    }

    .hover\:border-slate-500:hover {
      border-color: var(--color-slate-500);
    }

    .hover\:bg-\[\#E6EBF6\]:hover {
      background-color: #e6ebf6;
    }

    .hover\:bg-\[\#E0760C\]:hover {
      background-color: #e0760c;
    }

    .hover\:bg-\[\#F27F7F\]:hover {
      background-color: #f27f7f;
    }

    .hover\:bg-\[\#FCF8F3\]:hover {
      background-color: #fcf8f3;
    }

    .hover\:bg-\[\#FFD2A6\]:hover {
      background-color: #ffd2a6;
    }

    .hover\:bg-\[rgba\(243\,144\,45\,0\.1\)\]:hover {
      background-color: #f3902d1a;
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .hover\:text-orange-400:hover {
      color: var(--color-orange-400);
    }
  }

  .focus\:border-\[\#F29100\]:focus {
    border-color: #f29100;
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-blue-300:focus {
    --tw-ring-color: var(--color-blue-300);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-\[\#C1CCE7\]:disabled {
    background-color: #c1cce7;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.item[data-v-5ef97f51] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.55);
  min-width: 7rem;
  margin-left: 1.1rem;
}
.item .active[data-v-5ef97f51] {
  position: absolute;
  bottom: 0;
  height: 0.4rem;
  width: 100%;
  background-color: #72a6ff;
}
.item[data-v-5ef97f51]:hover {
  color: #000000;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.nav-bar[data-v-e1a83440] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #cbcbcb;
  font-size: 1rem;
  user-select: none;
  gap: 3em;
}
.nav-bar .right[data-v-e1a83440], .nav-bar .left[data-v-e1a83440], .nav-bar .center[data-v-e1a83440] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  width: 100%;
  margin-right: 1em;
  gap: 1em;
}
.nav-bar .left[data-v-e1a83440] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 0 0 0 10px; /* 9 */
  padding: 0 0 0 1rem; /* 9 */
}
.nav-bar .center[data-v-e1a83440] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.nav-bar .logo[data-v-e1a83440] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: "TwentiethCenturyBold";
  font-weight: 500;
  font-size: 1.7em;
  color: rgba(0, 0, 0, 0.55);
  height: 100%;
  width: 6em;
  margin: 0 1em 0 1em;
  cursor: pointer;
  gap: 0.3em;
}
.nav-bar .logo .wfm[data-v-e1a83440] {
  color: #ff8c00;
}
.nav-bar .logo .buddy[data-v-e1a83440] {
  color: #363636;
  flex: 1;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.button-container[data-v-4071d019] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  gap: 0.5rem;
  outline: none;
  background-image: none;
  border: 0.1rem solid #d5dce0;
  cursor: pointer;
  user-select: none;
}
.button-container.disabled[data-v-4071d019] {
  background-color: #f2f2f2 !important;
  border-color: #d5dce0 !important;
  color: #888888 !important;
  pointer-events: none;
}
.button-container.btn-xs[data-v-4071d019], .button-container.btn-extra-small[data-v-4071d019] {
  font-size: 1rem;
  padding: 0.5rem 0.5rem;
  border-radius: 0.25rem;
}
.button-container.btn-sm[data-v-4071d019], .button-container.btn-small[data-v-4071d019] {
  font-size: 1.2rem;
  padding: 0.5rem 0.5rem;
  border-radius: 0.25rem;
}
.button-container.btn-md[data-v-4071d019], .button-container.btn-medium[data-v-4071d019] {
  font-size: 1.3rem;
  padding: 0.5rem 0.5rem;
  border-radius: 0.25rem;
}
.button-container.btn-lg[data-v-4071d019], .button-container.btn-large[data-v-4071d019] {
  font-size: 1.4rem;
  padding: 0.5rem 0.5rem;
  border-radius: 0.25rem;
}
.button-container[data-v-4071d019]:hover {
  background-color: #d5dce0;
  border: 0.1rem solid #c8ced3;
  color: #444a52;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.alert[data-v-4407cae5] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 350px; /* 9 */
  width: 35rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 110px; /* 9 */
  height: 11rem; /* 9 */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #393e45;
}
.alert__close[data-v-4407cae5] {
  position: absolute;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px; /* 9 */
  font-size: 1.4rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  right: 10px; /* 9 */
  right: 1rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  top: 8px; /* 9 */
  top: 0.8rem; /* 9 */
  cursor: pointer;
  color: #ccc;
}
.alert__close[data-v-4407cae5]:hover {
  color: #fff;
}
.alert__left[data-v-4407cae5] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 40px; /* 9 */
  width: 4rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 110px; /* 9 */
  height: 11rem; /* 9 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px; /* 9 */
  font-size: 2rem; /* 9 */
  background-color: #000;
  color: #75a8ff;
}
.alert__right[data-v-4407cae5] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #fff;
  opacity: 0.92;
}
.alert__right .alert__title[data-v-4407cae5] {
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 12px; /* 9 */
  padding: 1.2rem; /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px; /* 9 */
  font-size: 1.1rem; /* 9 */
}
.alert__right .alert__content[data-v-4407cae5] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 12px; /* 9 */
  padding: 1.2rem; /* 9 */
}
.v-enter-active[data-v-4407cae5], .v-leave-active[data-v-4407cae5] {
  transition: transform 0.5s ease;
}
.v-enter-from[data-v-4407cae5], .v-leave-to[data-v-4407cae5] {
  transform: translateX(100%);
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.popup[data-v-92c72bd7] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 100px; /* 9 */
  padding: 10rem; /* 9 */
}
.popup__inner[data-v-92c72bd7] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 20px; /* 9 */
  padding: 1rem 2rem; /* 9 */
  background-color: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-radius: 6px; /* 9 */
  border-radius: 0.6rem; /* 9 */
}
.popup__header[data-v-92c72bd7] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px; /* 9 */
  padding: 1rem; /* 9 */
  width: 100%;
}
.popup__body[data-v-92c72bd7] {
  flex-grow: 1;
  overflow: hidden;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px; /* 9 */
  padding: 1rem; /* 9 */
  border-top: 0.1rem solid #cbcbcb;
  border-bottom: 0.1rem solid #cbcbcb;
  width: 100%;
}
.popup__footer[data-v-92c72bd7] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px; /* 9 */
  padding: 1rem; /* 9 */
  width: 100%;
}.splitter[data-v-1b640bbd] {
  display: flex;
  width: 100%;
  height: -webkit-fill-available;
}
.splitter .left[data-v-1b640bbd] {
  flex-shrink: 0;
}
.splitter .bar[data-v-1b640bbd] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: grey;
  flex-shrink: 0;
  cursor: ew-resize;
}
.splitter .right[data-v-1b640bbd] {
  flex-grow: 1;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.loader-bar[data-v-d8d86223] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  overflow: hidden;
}
.loader-square[data-v-d8d86223] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 600px; /* 9 */
  width: 60rem; /* 9 */
  /* Width of the loader bar */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 3px; /* 9 */
  height: 0.3rem; /* 9 */
  /* Height of the loader bar */
  background-color: #75a4f8;
  position: absolute;
  animation: moveSquare-d8d86223 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes moveSquare-d8d86223 {
0% {
    left: -600px; /* Start off-screen to the left */
}
50% {
    left: 100%; /* Fully off-screen to the right */
}
100% {
    left: -600px; /* Return to the starting position */
}
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.loader[data-v-6f458914] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 2rem;
  height: 20px;
  font-size: 7px;
  gap: 3px;
  color: #ff8c00;
}
.loader .fa-beat[data-v-6f458914]:nth-child(1) {
  animation-delay: 0s;
}
.loader .fa-beat[data-v-6f458914]:nth-child(2) {
  animation-delay: 0.2s;
}
.loader .fa-beat[data-v-6f458914]:nth-child(3) {
  animation-delay: 0.4s;
}
.loader .fa-beat[data-v-6f458914]:nth-child(4) {
  animation-delay: 0.6s;
}
.treeview-item[data-v-6f458914] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 20px;
}
.treeview-item .treeview-item-toggle[data-v-6f458914] {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0deg);
  transition-duration: 0.3s;
}
.treeview-item .treeview-item-toggle .expand-icon[data-v-6f458914] {
  height: 10px;
  width: 10px;
  color: #ff8c00;
  transform: rotate(90deg);
}
.treeview-item .open[data-v-6f458914] {
  transform: rotate(90deg);
  transition-duration: 0.3s;
}
.treeview-item .treeview-item-label[data-v-6f458914] {
  font-size: 12px;
  padding-left: 3px;
  width: -webkit-fill-available;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.treeview-item .treeview-item-label[data-v-6f458914]:hover {
  background-color: rgba(38, 38, 38, 0.05);
}
.treeview-item-children[data-v-6f458914] {
  padding-left: 1rem;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.treeview-container[data-v-1f2072e0] {
  width: 100%;
}
.treeview-container .treeview-items[data-v-1f2072e0] {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 0vh;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.leftpanel[data-v-390e3ea4] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
  /* Add this to ensure absolute children are positioned relative to this container */
}
.leftpanel .search[data-v-390e3ea4] {
  height: 2.5em;
  align-content: center;
  padding-left: 2rem;
}
.leftpanel .org-tree[data-v-390e3ea4] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 15px 15px 0 15px;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.loader-bar[data-v-41764a89] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  overflow: hidden;
}
.loader-square[data-v-41764a89] {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 600px; /* 9 */
  width: 60rem; /* 9 */
  /* Width of the loader bar */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 3px; /* 9 */
  height: 0.3rem; /* 9 */
  /* Height of the loader bar */
  background-color: #75a4f8;
  position: absolute;
  animation: moveSquare-41764a89 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes moveSquare-41764a89 {
0% {
    left: -600px; /* Start off-screen to the left */
}
50% {
    left: 100%; /* Fully off-screen to the right */
}
100% {
    left: -600px; /* Return to the starting position */
}
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.rightpanel[data-v-d9653289] {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative; /* Add this to ensure absolute children are positioned relative to this container */
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.mainview[data-v-edb08950] {
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.mainview .splitter-contianer[data-v-edb08950] {
  display: flex;
  width: -webkit-fill-available;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.app-container[data-v-ca1c3892] {
  display: grid;
  grid-template-rows: auto 1fr 40px;
  /* Header: 90px, Middle: flexible, Footer: 40px */
  height: 100vh;
  /* Full viewport height */
  margin: 0;
  /* No margin */
}
.app-container .app-header[data-v-ca1c3892] {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  font-size: 1.5em;
  border-bottom: 1px solid #cbcbcb;
}
.app-container .app-header .header-top[data-v-ca1c3892] {
  border-bottom: 1px solid #cbcbcb;
  height: 50px;
}
.app-container .app-header .header-bottom[data-v-ca1c3892] {
  flex-grow: 1;
  width: 100%;
}
.app-container .app-middle[data-v-ca1c3892] {
  display: flex;
  flex-grow: 1;
  background-color: #ffffff;
  overflow: auto;
  /* Allows scrolling if content exceeds available space */
}
.app-container .app-footer[data-v-ca1c3892] {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.8em;
  border-top: 1px solid #cbcbcb;
}
.app-container .app-footer .version[data-v-ca1c3892] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
  height: 100%;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.home[data-v-e12b3005] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  margin-top: 10em;
  height: 100%;
  width: 100%;
  font-weight: 600;
  user-select: none;
}
.home .logo[data-v-e12b3005] {
  position: relative;
  width: 61em;
}
.home .logo .text[data-v-e12b3005] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 10em;
  font-family: "TwentiethCenturyBold", "Gotham", sans-serif;
  letter-spacing: 0.01em;
  gap: 0.1em;
}
.home .logo .text .wfm[data-v-e12b3005] {
  color: #f1922d;
}
.home .logo .text .buddy[data-v-e12b3005] {
  font-weight: 600;
  color: #000;
}
.home .logo .text .tm[data-v-e12b3005] {
  position: absolute;
  top: 0.7em;
  right: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.25em;
}
.home .logo .divider[data-v-e12b3005] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home .logo .divider .left[data-v-e12b3005], .home .logo .divider .right[data-v-e12b3005] {
  height: 0.4em;
  border-radius: 0.2em;
  background-color: #000;
  width: 6em;
}
.home .logo .divider .middle[data-v-e12b3005] {
  margin: 0px 20px 0px 20px;
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
  background-color: #000;
}
.home .logo .sub-text[data-v-e12b3005] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.3em;
  font-size: 3.5em;
  font-style: italic;
  font-family: "TwentiethCenturyBold", "Gotham", sans-serif;
}
.home .splash[data-v-e12b3005] {
  margin-top: 10em;
  width: 40em;
  height: 50em;
  background-image: url("/assets/splash-BtMO9M-o.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-height: 600px) {
.home[data-v-e12b3005] {
    font-size: 0.5rem;
}
}
@media screen and (min-height: 601px) and (max-height: 799px) {
.home[data-v-e12b3005] {
    font-size: 0.6rem; /* You can adjust this value as needed */
}
}
@media screen and (min-height: 800px) and (max-height: 999px) {
.home[data-v-e12b3005] {
    font-size: 0.8rem;
}
}
@media screen and (min-height: 1000px) and (max-height: 1200px) {
.home[data-v-e12b3005] {
    font-size: 1rem;
}
}
@media screen and (min-height: 1201px) {
.home[data-v-e12b3005] {
    font-size: 1.2rem;
}
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.error[data-v-60e46c30] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 150px; /* 9 */
  margin-top: 15rem; /* 9 */
}
.error svg[data-v-60e46c30] {
  width: 25%;
  height: 25%;
}
.error .message[data-v-60e46c30] {
  font-weight: bold;
}.overlay[data-v-c73d155f] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.overlay .modal[data-v-c73d155f] {
  position: relative;
  height: 50rem;
  width: 50rem;
  background-color: #f0f0f0;
  border-radius: 5px;
}
.overlay .modal .footer[data-v-c73d155f] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  width: 50rem;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.setting-container[data-v-3e7549b4] {
  display: grid;
  grid-template-columns: 25px 1fr;
  grid-auto-flow: column;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5em;
}
.setting-container .setting-icon[data-v-3e7549b4] {
  vertical-align: middle;
  font-size: 1.25em;
  color: #ff8c00;
}
.setting-container .setting-detail .item-title[data-v-3e7549b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setting-container .setting-detail .item-title .title[data-v-3e7549b4] {
  padding: 2px 15px 0px 0px;
  text-overflow: ellipsis;
  font-weight: 500;
}
.setting-container .setting-detail .item-value[data-v-3e7549b4] {
  display: flex;
}
.number-setting[data-v-3e7549b4] {
  width: 45px;
  border-width: inherit;
}
.form-select[data-v-3e7549b4] {
  border: none;
  font-size: 12px;
  padding: 2px;
  background-color: transparent;
  flex: 1;
}
.modal-header[data-v-3e7549b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}
.activity-codes[data-v-3e7549b4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 40rem;
  width: 48rem;
  margin: 1rem;
  overflow-y: auto;
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.activity-codes .code[data-v-3e7549b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.activity-codes .code .text[data-v-3e7549b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.activity-codes .code .text .name[data-v-3e7549b4] {
  font-weight: 500;
}
.activity-codes .code .text .category[data-v-3e7549b4] {
  font-size: 12px;
  font-style: italic;
}
.card[data-v-3d4589cf] {
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  margin: 0.25em;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #f0f0f0;
}
.card-body[data-v-3d4589cf] {
  padding: 0.25em;
}
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.message[data-v-d47ecc1f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: 1.5rem 0 0 1rem;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #ff8c00;
  border-radius: 5px;
  width: 99%;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #cbcbcb;
  height: 4.5rem;
}
.settings[data-v-d47ecc1f] {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 3px 10px 5px 5px;
  overflow-x: auto;
}
.settings .settings-section[data-v-d47ecc1f] {
  max-width: 23em;
  width: calc(25% - 10px);
  padding: 10px;
  min-width: 250px;
}
.settings .settings-section .card[data-v-d47ecc1f] {
  margin: 0px;
  min-width: 15em;
}
.settings .settings-section .card .setting-item[data-v-d47ecc1f] {
  background-color: #ffffff;
}
ul[data-v-d47ecc1f] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li[data-v-d47ecc1f] {
  padding: 0em 0em 0.5em 0em;
}
.needs-changing[data-v-d47ecc1f] {
  color: red;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.color-container[data-v-7a9a3913] {
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5em;
}
.color-container .color-detail .color-detail-title[data-v-7a9a3913] {
  padding: 2px 15px 0px 0px;
  text-overflow: ellipsis;
  font-weight: 500;
}
.color-container .color-detail .color-detail-body[data-v-7a9a3913] {
  display: flex;
  align-items: center;
}
.color-container .color-detail .color-detail-body .input-text[data-v-7a9a3913] {
  padding-left: 5px;
  font-size: 1.25rem;
  flex: 1;
}.color-detail-body .form-control {
  border: none !important;
  background-color: #ffffff;
  width: 3rem;
  height: 3.2rem;
  cursor: pointer;
}
.input-text .form-control {
  width: 5em;
  text-transform: uppercase;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.c-sections[data-v-645b3716] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px 10px 5px 10px;
  height: calc(100vh - 140px);
  overflow-x: auto;
  gap: 2rem;
}
.c-sections .color-section[data-v-645b3716] {
  width: 17em;
}
.c-sections .color-section .card[data-v-645b3716] {
  margin: 0px;
  min-width: 15em;
}
.c-sections .color-section .card .setting-item[data-v-645b3716] {
  background-color: #ffffff;
}
ul[data-v-645b3716] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li[data-v-645b3716] {
  padding: 0em 0em 0.5em 0em;
}
.no-options[data-v-645b3716] {
  padding: 2px;
  font-size: 1.5rem;
  font-weight: 700;
}
.no-options .no-options-body[data-v-645b3716] {
  font-size: 12px;
  font-weight: 400;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.message[data-v-b8b839c9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: 1.5rem 0 0 1rem;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #ff8c00;
  border-radius: 5px;
  width: 99%;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #cbcbcb;
  height: 4.5rem;
}
.message .none[data-v-b8b839c9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.colors[data-v-b8b839c9] {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.5rem;
}
.colors .card[data-v-b8b839c9] {
  display: flex;
  box-shadow: none;
}.colors .card .card-body {
  flex: 1;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.appearance-container[data-v-9e13cbdc] {
  display: grid;
  grid-template-columns: 25px 1fr;
  grid-auto-flow: column;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5em;
}
.appearance-container .appearance-icon[data-v-9e13cbdc] {
  vertical-align: middle;
  font-size: 1.25em;
  color: #ff8c00;
}
.appearance-container .appearance-detail[data-v-9e13cbdc] {
  display: flex;
  align-items: center;
}
.appearance-container .appearance-detail .item-title[data-v-9e13cbdc] {
  display: grid;
  grid-template-columns: auto 50px;
}
.appearance-container .appearance-detail .item-title .title[data-v-9e13cbdc] {
  padding: 2px 15px 0px 0px;
  text-overflow: ellipsis;
  font-weight: 500;
}
.appearance-container .appearance-detail .item-details[data-v-9e13cbdc] {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.message[data-v-451ede2c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: 1.5rem 0 0 1rem;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #ff8c00;
  border-radius: 5px;
  width: 99%;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #cbcbcb;
  height: 4.5rem;
}
.appearances[data-v-451ede2c] {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 3px 10px 5px 5px;
  overflow-x: auto;
}
.appearances .appearances-section[data-v-451ede2c] {
  max-width: 23em;
  width: calc(35% - 10px);
  box-sizing: border-box;
  padding: 10px;
  min-width: 250px;
}
.appearances .appearances-section .card[data-v-451ede2c] {
  margin: 0px;
  min-width: 15em;
}
.appearances .appearances-section .card .setting-item[data-v-451ede2c] {
  background-color: #ffffff;
  padding-top: 0px;
}
ul[data-v-451ede2c] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li[data-v-451ede2c] {
  padding: 0em 0em 0.5em 0em;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.message[data-v-fd97e4b3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #ff8c00;
  border-radius: 5px;
  width: 99%;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #cbcbcb;
  height: 4.5rem;
}
.supervisors-header[data-v-fd97e4b3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 16px 24px;
  background-color: #ffffff;
}
.supervisors-header .supervisors-title[data-v-fd97e4b3] {
  font-size: 24px;
  font-weight: 600;
}
.supervisors-header .supervisors-buttons[data-v-fd97e4b3] {
  display: flex;
  gap: 1rem;
}
.supervisors[data-v-fd97e4b3] {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 3px 10px 5px 5px;
}
.supervisors .supervisor-top[data-v-fd97e4b3] {
  padding: 1em;
  height: 100%;
}
.supervisors .supervisor-top .card[data-v-fd97e4b3] {
  background-color: #ffffff;
  height: 100%;
}
.supervisors .supervisor-top .supervisors-body[data-v-fd97e4b3] {
  overflow-y: auto;
  height: calc(100vh - 220px);
}
.supervisors .supervisor-top .supervisors[data-v-fd97e4b3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
  background-color: #ffffff;
}
.supervisors .supervisor-top .supervisors .supervisor-item[data-v-fd97e4b3] {
  display: flex;
  height: 1.7em;
  width: 100%;
  padding: 1rem;
}
.supervisors .supervisor-top .supervisors .supervisor-item .agent[data-v-fd97e4b3] {
  display: flex;
  flex: 1;
  align-items: center;
  font-size: 1.3rem;
  padding-left: 3rem;
}
.supervisors .supervisor-top .supervisors .supervisor-item .agent .agent-icon[data-v-fd97e4b3] {
  color: #ff8c00;
}
.supervisors .supervisor-top .supervisors .supervisor-item .agent .agent-name[data-v-fd97e4b3] {
  display: flex;
  gap: 1rem;
  width: 15em;
  align-items: center;
}
.supervisors .supervisor-top .supervisors .supervisor-item .agent .agent-email[data-v-fd97e4b3] {
  display: flex;
  gap: 1rem;
  width: 25em;
  align-items: center;
}
.supervisors .supervisor-top .supervisors .supervisor-item .agent .agent-phone[data-v-fd97e4b3] {
  display: flex;
  gap: 1rem;
  width: 15em;
  align-items: center;
}
.supervisors .supervisor-top .supervisors .supervisor-item .supervisor-buttons[data-v-fd97e4b3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.2rem;
}
.supervisors .supervisor-top .supervisors .supervisor-item .supervisor-buttons .button-bar[data-v-fd97e4b3] {
  height: 2.5rem;
}
.supervisors ul[data-v-fd97e4b3] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.supervisors li[data-v-fd97e4b3] {
  padding: 0em 0em 0.5em 0em;
}
.highlighted[data-v-fd97e4b3] {
  background-color: #deeaff;
  /* Light yellow highlight */
  transition: background-color 0.3s ease;
  color: #00f;
  border-radius: 5px;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.button-icon[data-v-cef0e8a4] {
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0.1em solid #cbcbcb;
  border-radius: 0.5em;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.1);
  color: #6b7daa;
  cursor: pointer;
}
.button-icon .button-image[data-v-cef0e8a4] {
  pointer-events: none;
}
.button-icon.lg[data-v-cef0e8a4] {
  height: 2.5em;
  width: 2.5em;
}
.button-icon.md[data-v-cef0e8a4] {
  height: 2.1em;
  width: 2.1em;
}
.button-icon.sm[data-v-cef0e8a4] {
  height: 1.9em;
  width: 1.9em;
}
.button-icon.pressed[data-v-cef0e8a4] {
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1);
}
.button-icon.noshadow[data-v-cef0e8a4] {
  box-shadow: none;
}
.button-icon.noshadow[data-v-cef0e8a4]:hover {
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1);
}.button-bar[data-v-684047c9] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #ccc;
  height: 3rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.button-bar .button[data-v-684047c9] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 30px;
}
.button-bar .button[data-v-684047c9]:hover {
  background-color: rgba(255, 121, 0, 0.3);
}
.button-bar .chosen[data-v-684047c9] {
  background-color: rgba(255, 121, 0, 0.6);
}
select[data-v-d5bfb61a] {
  padding: 5px;
  font-size: 12px;
  width: 20em;
}
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.overlay[data-v-c3754f74] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.overlay .message-container[data-v-c3754f74] {
  min-width: 30rem;
}
.overlay .message-container .body[data-v-c3754f74] {
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.overlay .message-container .body .division-label[data-v-c3754f74] {
  align-content: center;
  padding-right: 1rem;
}
.overlay .message-container .footer[data-v-c3754f74] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 1rem;
  gap: 0.5rem;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.broadcast[data-v-c200617a] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.broadcast .broadcast-top[data-v-c200617a] {
  font-size: 1.3rem;
  padding: 0.5rem;
}
.broadcast .broadcast-top .message-settings[data-v-c200617a] {
  display: flex;
  flex-direction: row;
}
.broadcast .broadcast-top .message-settings .title[data-v-c200617a] {
  margin-left: 1em;
}
.broadcast .broadcast-top .message-settings .urgent[data-v-c200617a] {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.broadcast .broadcast-top .message-settings .urgent input[type=checkbox][data-v-c200617a] {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
}
.broadcast .broadcast-top .message-settings .icon-title[data-v-c200617a] {
  align-content: center;
}
.broadcast .broadcast-top .message-settings .icon-settings[data-v-c200617a],
.broadcast .broadcast-top .message-settings .color-picker[data-v-c200617a] {
  display: flex;
  flex-direction: row;
}
.broadcast .broadcast-top .message-settings .icon-settings .title[data-v-c200617a],
.broadcast .broadcast-top .message-settings .color-picker .title[data-v-c200617a] {
  margin-top: 1.5em;
}
.broadcast .broadcast-top .message-settings .icon-settings .title[data-v-c200617a] {
  margin-top: 0.75em;
}
.broadcast .broadcast-top .message-settings .icon-settings[data-v-c200617a] {
  margin: 0.5em 0em 0.5em 7em;
}
.broadcast .broadcast-top .message-settings .color-picker[data-v-c200617a] {
  padding-left: 5em;
}
.broadcast .broadcast-bottom[data-v-c200617a] {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0.5rem;
}
.broadcast .broadcast-bottom .card[data-v-c200617a] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.broadcast .broadcast-bottom .card .system-message[data-v-c200617a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.broadcast .broadcast-bottom .card .system-message .search[data-v-c200617a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 1em;
}
.broadcast .broadcast-bottom .card .system-message .delete-system-message[data-v-c200617a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.broadcast .broadcast-bottom .card .broadcast-body[data-v-c200617a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.broadcast .broadcast-bottom .card .broadcast-body .title[data-v-c200617a] {
  height: 2em;
  padding: 1em 0em 2em 0em;
  font-weight: 500;
}
.broadcast .broadcast-bottom .card .broadcast-body .title-text #broadcast-title[data-v-c200617a] {
  width: -webkit-fill-available;
  border: 1px solid #d1d5db;
  height: 2.5rem;
  padding-left: 1rem;
}
.broadcast .broadcast-bottom .card .broadcast-body .message[data-v-c200617a] {
  height: 2em;
  padding: 1em 0em 2em 0em;
  font-weight: 500;
}
.broadcast .broadcast-bottom .card .broadcast-body .message-text[data-v-c200617a] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.broadcast .broadcast-bottom .card .broadcast-footer[data-v-c200617a] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 1rem;
}
.broadcast .broadcast-bottom .card .broadcast-footer .footer-button[data-v-c200617a] {
  margin-right: 1em;
}.form-control {
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  align-self: center;
}
.ql-editor {
  background: #ffffff;
}
.ql-toolbar {
  background: rgba(255, 255, 255, 0.71);
}
.broadcast-bottom .card .card-header {
  display: flex;
  justify-content: space-between;
}
#editor {
  flex: 1;
  display: flex;
  flex-direction: column;
}.dropdown-enter-active[data-v-4be1e482],
.dropdown-leave-active[data-v-4be1e482] {
  transition: height 0.3s ease;
}
.dropdown-enter-from[data-v-4be1e482],
.dropdown-leave-to[data-v-4be1e482] {
  height: 0;
  overflow: hidden;
}.dropdown-enter-active[data-v-fca66614],
.dropdown-leave-active[data-v-fca66614] {
  transition: height 0.3s ease;
}
.dropdown-enter-from[data-v-fca66614],
.dropdown-leave-to[data-v-fca66614] {
  height: 0;
  overflow: hidden;
}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.message[data-v-ac92e2f2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: 1.5rem 0 0 1rem;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #ff8c00;
  border-radius: 5px;
  width: 99%;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #cbcbcb;
  height: 4.5rem;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.dropdown[data-v-c24f7dac] {
  display: flex;
}
.dropdown .label[data-v-c24f7dac] {
  flex: 1;
}
.dropdown .arrow[data-v-c24f7dac] {
  color: #ff8c00;
  transform: rotate(180deg);
  line-height: 1.5;
  margin-left: 0.5em;
}
.open[data-v-c24f7dac] {
  transform: rotate(180deg);
}
ul[data-v-c24f7dac] {
  position: absolute;
  list-style: none;
  max-height: 15em;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  overflow-y: scroll;
}
li[data-v-c24f7dac] {
  padding: 0.5rem;
  cursor: pointer;
}
li[data-v-c24f7dac]:hover {
  background-color: #f0f0f0;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.overlay[data-v-07e44da7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.overlay .new-language[data-v-07e44da7] {
  width: 20em;
  background-color: #fff;
  color: #7F7F7F;
  padding: 10px;
  border: 2px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-box-shadow: 0 1px 5px #333;
  -webkit-box-shadow: 0 1px 5px #333;
  z-index: 101;
}
.overlay .new-language .new-language-content[data-v-07e44da7] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.overlay .new-language .new-language-content .title[data-v-07e44da7] {
  display: flex;
  height: 2em;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  color: black;
}
.overlay .new-language .new-language-content .title .close-button[data-v-07e44da7] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  align-items: center;
  margin-bottom: 10px;
}
.overlay .new-language .new-language-content .item[data-v-07e44da7] {
  display: flex;
  justify-content: space-between;
  padding: 0.5em;
  align-items: center;
  flex-direction: row;
  border-bottom: solid;
  border-width: 1px;
  border-color: lightgrey;
  font-size: 12px;
}
.overlay .new-language .new-language-content .item .item-label[data-v-07e44da7] {
  width: 20%;
  color: #2a60c8;
  font-weight: 500;
  font-size: 14px;
}
.overlay .new-language .new-language-content .item .item-content[data-v-07e44da7] {
  flex: 1;
}
.overlay .new-language .new-language-footer[data-v-07e44da7] {
  display: flex;
  font-size: 14px;
  padding-top: 10px;
}
.language-input[data-v-07e44da7] {
  border: none;
  font-size: 14px;
}
[data-v-07e44da7]::placeholder {
  color: rgb(189, 189, 189);
}
.language-isocode[data-v-07e44da7] {
  width: 25%;
}
.new-language-footer button[data-v-07e44da7] {
  background-color: #e4e9f0;
  flex: 1;
  border-radius: 4px;
}
.new-language-footer button[data-v-07e44da7]:hover:enabled {
  background-color: #d3dae2;
}
textarea[data-v-07e44da7]:focus,
input[data-v-07e44da7]:focus {
  outline: none;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.setting-container[data-v-f81bdb70] {
  display: flex;
  font-size: 11px;
  font-weight: 400;
  user-select: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5em;
  align-items: center;
}
.setting-container .item-title[data-v-f81bdb70] {
  text-overflow: ellipsis;
  font-weight: 500;
  width: -webkit-fill-available;
}
.setting-container .item-value .string-setting[data-v-f81bdb70] {
  border: 0;
  font-size: 12px;
  text-overflow: ellipsis;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.language-container[data-v-c447987b] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 3px 10px 5px 10px;
  height: calc(100vh - 155px);
  overflow-x: auto;
}
.language-container .language-sections[data-v-c447987b] {
  max-width: 23em;
  width: calc(25% - 10px);
  box-sizing: border-box;
  padding: 10px;
  min-width: 250px;
}
.language-container .language-sections .card[data-v-c447987b] {
  margin: 0px;
  min-width: 15em;
}
.language-container .language-sections .card .setting-item[data-v-c447987b] {
  background-color: #ffffff;
}
ul[data-v-c447987b] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li[data-v-c447987b] {
  padding: 0em 0em 0.5em 0em;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.languages[data-v-d4744a42] {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
  padding: 0.5rem;
}
.disabled[data-v-d4744a42] {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
/* Rem  */
/* Border radius */
/* CSS gradient */
/* Box shadow */
/* Transitions */
.qrcode[data-v-e3771d30] {
  display: flex;
  padding: 0.5rem;
  height: max-content;
  max-width: 24em;
}
.qrcode .qrcode-body[data-v-e3771d30] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 1em;
}
.qrcode .qrcode-body .qrcode-body-options[data-v-e3771d30] {
  display: flex;
  flex-direction: column;
}
.qrcode .qrcode-body .qrcode-body-options .qrcode-body-option[data-v-e3771d30] {
  display: flex;
  margin-bottom: 10px;
  font-size: 12px;
}
.qrcode .qrcode-body .qrcode-body-options .qrcode-body-option label[data-v-e3771d30] {
  width: 200px;
  margin-right: 10px;
}
.qrcode .qrcode-body .qrcode-body-options .qrcode-body-option input[data-v-e3771d30] {
  width: 300px;
  padding: 5px;
  border: 1px solid black;
  border-radius: 5px;
  font-size: 12px;
}
.qrcode .qrcode-body .qrcode-body-options .qrcode-body-option #intune[data-v-e3771d30] {
  flex-basis: content;
}.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
  margin-left: 1px;
  margin-right: 1px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover {
  background-color: #f3f4f6;
}
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  background-color: #dbeafe;
  color: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #2563eb;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #4b5563;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #4b5563;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #4b5563;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #4b5563;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #4b5563;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
  margin-right: 1px;
  margin-left: 1px;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding: 5px 8px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #d1d5db;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 3px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
  margin: 2px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0px 0px 5px #d1d5db;
  color: #4b5563;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #d1d5db;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #d1d5db;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #2563eb;
}
.ql-container.ql-snow {
  border: 1px solid #d1d5db;
}