#q-app {
  opacity: 1;
}

:root {
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;
  --spacing-5xl: 120px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 32px;
  --radius-full: 9999px;
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.35s ease;
  --transition-slower: 0.5s ease;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-popover: 600;
  --z-tooltip: 700;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/roboto-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/roboto-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/roboto-latin-700.woff2") format("woff2");
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  box-sizing: border-box;
}
body {
  min-width: 100px;
  min-height: 100%;
  font-family: Roboto, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.5;
  font-size: 16px;
}
body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Tahoma,
    sans-serif;
  line-height: 1.6;
}
body {
  min-height: 100vh;
}
.container {
  width: min(1280px, 96vw);
  margin: 0 auto;
  padding-left: clamp(1rem, 3vw, 2rem);
  padding-right: clamp(1rem, 3vw, 2rem);
}
.container {
  width: min(1320px, 97vw);
}
.container {
  padding-left: 1rem;
  padding-right: 1rem;
}
.container {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.container {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.container {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
.container {
  padding: 0 1.25rem;
}
.container {
  padding: 0 1.75rem;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.container {
  padding: 0 1.5rem;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.container {
  padding: 0 1.5rem;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.container {
  padding: 0 1.5rem;
}
.container {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.container {
  max-width: 640px;
}
.container {
  max-width: 768px;
}
.container {
  max-width: 1024px;
}
.container {
  max-width: 1280px;
}

:root {
  --q-primary: #2e7d32;
  --q-secondary: #ffc107;
  --q-accent: #ff5722;
  --q-dark: #1d1d1d;
  --q-dark1: #1d1d1d;
  --q-dark2: #28282c;
  --q-positive: #21ba45;
  --q-negative: #c10015;
  --q-info: #31ccec;
  --q-warning: #f2c037;
}

.iti {
  width: 100% !important;
}

.jb6gh6it3c {
  margin-inline-start: auto;
  color: currentColor;
  font-size: 0.82em;
  font-weight: 700;
  opacity: 0.72;
}

.no-header__locale .d5ys47qteohv7.mw7fgdsy {
  z-index: 40;
}

.tv-chat-answers-wrap {
  border-top: 1px solid #cbd5cb;
  background: var(--no-paper, #edf2ec);
  padding: 12px 16px 16px;
}

.tv-quiz-answers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tv-quiz-answer {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #477254;
  border-radius: 3px;
  color: #10291b;
  background: #cce6d6;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.tv-quiz-answer:hover {
  background: #b6dbc8;
}

#tv-chat-panel[hidden],
#tv-contact-modal[hidden] {
  display: none !important;
}

.l5lihzafo48x {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0009;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.l5lihzafo48x .g4jcr {
  position: relative;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 32px;
  border: 1px solid #879f8d;
  border-radius: 6px;
  color: #16271b;
  background: #edf2ec;
  box-shadow: 0 20px 40px #00000080;
}

.l5lihzafo48x .i5uj8u1rqpb8 {
  position: absolute;
  top: 12px;
  right: 16px;
  padding: 4px 8px;
  border: none;
  color: #516855;
  background: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.l5lihzafo48x .gxawnrwga {
  margin: 0 0 8px;
  color: #16271b;
  font-size: 24px;
  font-weight: 500;
}

.l5lihzafo48x .lrvga4vglb {
  margin: 0 0 24px;
  color: #4b6051;
  font-size: 14px;
  line-height: 1.5;
}

.l5lihzafo48x .vz8sxh {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.l5lihzafo48x .aico5u30 {
  display: flex;
  gap: 12px;
}

.l5lihzafo48x .zkcmehmndpzii2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.l5lihzafo48x .p6dzmmka8x2a {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid #b6c6b9;
  border-radius: 3px;
  color: #16271b;
  background: #fff;
  font-size: 14px;
  outline: none;
}

.l5lihzafo48x .p6dzmmka8x2a:focus {
  border-color: #477254;
}

.l5lihzafo48x .zbcmhyoreg {
  width: 100%;
}

.l5lihzafo48x .iti {
  width: 100%;
}

@media (max-width: 480px) {
  .l5lihzafo48x .aico5u30 {
    flex-direction: column;
  }
}

.m9axbo2p .fr36y1jbzfzh {
  display: flex;
}

.m9axbo2p .kff53pss7p0c {
  max-height: 320px;
}