@charset "UTF-8";

/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --color_primary_cta: #f24c00ff;
  --color_primary_cta_wcag: #B93A00;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1F313C;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}

h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}

h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}

h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}

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

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

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small,
.small {
  font-size: 0.875em;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}

a:hover {
  color: #0a58ca;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr ;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/

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

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

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

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + (0.5rem + 2px));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + (1rem + 2px));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + (0.75rem + 2px));
}

textarea.form-control-sm {
  min-height: calc(1.5em + (0.5rem + 2px));
}

textarea.form-control-lg {
  min-height: calc(1.5em + (1rem + 2px));
}

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: #e9ecef;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}

.form-floating > .form-control {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #198754;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #198754;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #198754;
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}

.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #dc3545;
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}

.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}

.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}

.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}

.btn-check:focus + .btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}

.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

.btn-success:disabled,
.btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}

.btn-check:focus + .btn-info,
.btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}

.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}

.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}

.btn-info:disabled,
.btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}

.btn-check:focus + .btn-warning,
.btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}

.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

.btn-warning:disabled,
.btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}

.btn-check:focus + .btn-danger,
.btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}

.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}

.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}

.btn-danger:disabled,
.btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}

.btn-check:focus + .btn-light,
.btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}

.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

.btn-light:disabled,
.btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}

.btn-check:focus + .btn-dark,
.btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}

.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark,
.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}

.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}

.btn-dark:disabled,
.btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}

.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}

.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}

.btn-link:hover {
  color: #0a58ca;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:hover,
.nav-link:focus {
  color: #0a58ca;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") ;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}

.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}

.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}

.alert-dark .alert-link {
  color: #101214;
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.toast:not(.showing):not(.show) {
  opacity: 0;
}

.toast.hide {
  display: none;
}

.toast-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}

.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 ;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg) ;
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) ;
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0d6efd;
}

.link-primary:hover,
.link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}

.link-secondary:hover,
.link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}

.link-success:hover,
.link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}

.link-info:hover,
.link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}

.link-warning:hover,
.link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}

.link-danger:hover,
.link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}

.link-light:hover,
.link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}

.link-dark:hover,
.link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

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

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

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

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

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

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

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

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

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

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

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

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

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

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

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

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

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

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

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */

.text-primary {
  color: #0d6efd !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #198754 !important;
}

.text-info {
  color: #0dcaf0 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.text-dark {
  color: #212529 !important;
}

.text-white {
  color: #fff !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  color: inherit !important;
}

.bg-primary {
  background-color: #0d6efd !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #198754 !important;
}

.bg-info {
  background-color: #0dcaf0 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

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

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

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

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

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

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

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

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

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

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap.css.map */
:root {
  --animation-duration: 300ms;
}

.ov_portal {
  position: fixed;
  padding: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9997;
  overflow: hidden;
}

.ov_background {
  position: relative;
  height: 100%;
  background: #1f313c;
  mix-blend-mode: multiply;
  opacity: 0.9;
  transition: opacity var(--animation-duration) ease;
  top: 0;
}

.ov_background--hide {
  opacity: 0;
}

@keyframes a-opacity-0-90 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.9;
  }
}

.ov_body {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9999;
  top: 0;
}

.ov_body--modal {
  padding: 20px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ov_inner {
  position: relative;
  margin: 20px 0;
  display: flex;
  height: 100%;
  max-height: calc(100% - 40px);
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: transform var(--animation-duration) ease;
}

.ov_content {
  position: relative;
  margin: 0;
  padding: 0;
  min-width: 30px;
  background: #efedeb;
  text-align: left;
}

.ov_content--modal {
  padding: 3rem 2rem;
  border: 1px solid rgba(102, 102, 102, 0.17);
  border-radius: 10px;
  background-clip: padding-box;
}

.ov_content:has(.image-gallery) {
  height: 100%;
}

.ov_content--sidebar {
  height: 100%;
}

.ov_content_animation {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.ov_modal {
  position: absolute;
  height: 100%;
  min-height: 100vh;
  width: 57.8rem;
  background: #efedeb;
  right: 0;
  top: 0;
  overflow-y: auto;
  transition: transform var(--animation-duration) ease;
  transform: translateX(100%);
}

.ov_modal--active {
  transform: translateX(0);
}

@keyframes translateX-0-100 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

.ov_sidebar {
  position: absolute;
  height: 100%;
  min-height: 100vh;
  width: 57.8rem;
  background: #efedeb;
  right: 0;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

@media not all and (hover: hover) {
  .ov_sidebar {
    min-height: 100%;
  }
}

.ov_sidebar--controlled {
  overflow-y: auto;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}

@keyframes translateX-0-100 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

.modal-controls {
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  padding-left: 4rem;
}

.modal-controls--sidebar {
  position: relative;
}

.modal-controls--modal {
  position: absolute;
}

.ov-modal-button {
  position: absolute;
  height: 4.8rem;
  width: 4.8rem;
  color: #1F313C;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  top: 4rem;
  z-index: 999;
  border: 0;
  border-radius: 50%;
}

.ov-modal-button:hover {
  background-color: #E8E5E2;
}

.ov-modal-close {
  right: 4rem;
  background-image: url('/static/img/therapeutics/controls/close-24.svg');
}

.ov-modal-back {
  background-image: url('/static/img/therapeutics/controls/back-arrow.svg');
}

.ov-modal-delete {
  right: 10rem;
  background-image: url('/static/img/therapeutics/controls/trash.svg');
}

.ov-modal-refresh {
  right: 10rem;
  background-image: url('/static/img/therapeutics/controls/refresh.svg');
}

@media screen and (max-width: 1439px) {
  .ov-modal-refresh {
    right: 7rem;
  }
}

@media screen and (max-width: 1679px) {
  .ov-modal-button {
    top: 1.5rem;
  }

  .ov-modal-close {
    right: 2rem;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .ov_sidebar {
    max-width: 41.2rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .ov_sidebar {
    width: 100%;
    max-width: unset;
  }
}

@media screen and (max-width: 1440px) {
  .kabinet .ov_sidebar {
    max-width: 41.2rem;
  }
}

.colors__color-heritage-blue {
  color: #1F313C;
}

.colors__color-heritage-blue-60 {
  color: rgba(31, 49, 60, 0.6);
}

.colors__color-white {
  color: #fff;
}

.typography__mini-small {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.typography__body-comment {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.typography__body-small-comment {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.typography__body-small-comment--mock {
  min-width: 75px;
  max-width: 75px;
  height: 14px;
  margin: 2px 0;
  background: #42687f;
  border-radius: 7px;
}

.typography__body-small {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .typography__body-small {
    font-size: 16px;
    line-height: 19px;
  }
}

.typography__body-small--mock {
  min-width: 100px;
  max-width: 100px;
  height: 18px;
  margin: 3px 0;
  background: #42687f;
  border-radius: 30px;
}

.typography__body-medium {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .typography__body-medium {
    font-size: 18px;
    line-height: 24px;
  }
}

.typography__body-medium--mock {
  min-width: 250px;
  max-width: 250px;
  height: 30px;
  background: #42687f;
  border-radius: 30px;
}

.typography__headline-medium {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
}

@media screen and (max-width: 1679px) {
  .typography__headline-medium {
    font-size: 20px;
    line-height: 30px;
  }
}

.typography__headline-large {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 42px;
  line-height: 48px;
}

.typography__headline-extra-large {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 52px;
  line-height: 55px;
}

.typography__body-field {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.typography__desktop-headings-small {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .typography__desktop-headings-small {
    font-size: 24px;
    line-height: 30px;
  }
}

.typography__desktop-headings-small--mock {
  min-width: 300px;
  max-width: 300px;
  height: 39.24px;
  background: #42687f;
  border-radius: 30px;
}

.typography__desktop-medium-headline {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
}

@media screen and (max-width: 1679px) {
  .typography__desktop-medium-headline {
    font-size: 36px;
    line-height: 39.4px;
  }
}

.typography__desktop-large-headline {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 63px;
  line-height: 63px;
}

@media screen and (max-width: 1679px) {
  .typography__desktop-large-headline {
    font-size: 36px;
    line-height: 39.24px;
  }
}

.margin-b-0,
.margin-0 {
  margin-bottom: 0 !important;
}

.margin-t-0,
.margin-0 {
  margin-top: 0 !important;
}

.margin-r-0,
.margin-0 {
  margin-right: 0 !important;
}

.margin-l-0,
.margin-0 {
  margin-left: 0 !important;
}

.padding-b-0,
.padding-0 {
  padding-bottom: 0 !important;
}

.padding-t-0,
.padding-0 {
  padding-top: 0 !important;
}

.padding-r-0,
.padding-0 {
  padding-right: 0 !important;
}

.padding-l-0,
.padding-0 {
  padding-left: 0 !important;
}

.margin-b-1,
.margin-1 {
  margin-bottom: 0.9rem !important;
}

.margin-t-1,
.margin-1 {
  margin-top: 0.9rem !important;
}

.margin-r-1,
.margin-1 {
  margin-right: 0.9rem !important;
}

.margin-l-1,
.margin-1 {
  margin-left: 0.9rem !important;
}

.padding-b-1,
.padding-1 {
  padding-bottom: 0.9rem !important;
}

.padding-t-1,
.padding-1 {
  padding-top: 0.9rem !important;
}

.padding-r-1,
.padding-1 {
  padding-right: 0.9rem !important;
}

.padding-l-1,
.padding-1 {
  padding-left: 0.9rem !important;
}

.margin-b-2,
.margin-2 {
  margin-bottom: 1.8rem !important;
}

.margin-t-2,
.margin-2 {
  margin-top: 1.8rem !important;
}

.margin-r-2,
.margin-2 {
  margin-right: 1.8rem !important;
}

.margin-l-2,
.margin-2 {
  margin-left: 1.8rem !important;
}

.padding-b-2,
.padding-2 {
  padding-bottom: 1.8rem !important;
}

.padding-t-2,
.padding-2 {
  padding-top: 1.8rem !important;
}

.padding-r-2,
.padding-2 {
  padding-right: 1.8rem !important;
}

.padding-l-2,
.padding-2 {
  padding-left: 1.8rem !important;
}

.margin-b-3,
.margin-3 {
  margin-bottom: 2.4rem !important;
}

.margin-t-3,
.margin-3 {
  margin-top: 2.4rem !important;
}

.margin-r-3,
.margin-3 {
  margin-right: 2.4rem !important;
}

.margin-l-3,
.margin-3 {
  margin-left: 2.4rem !important;
}

.padding-b-3,
.padding-3 {
  padding-bottom: 2.4rem !important;
}

.padding-t-3,
.padding-3 {
  padding-top: 2.4rem !important;
}

.padding-r-3,
.padding-3 {
  padding-right: 2.4rem !important;
}

.padding-l-3,
.padding-3 {
  padding-left: 2.4rem !important;
}

.margin-b-4,
.margin-4 {
  margin-bottom: 3.6rem !important;
}

.margin-t-4,
.margin-4 {
  margin-top: 3.6rem !important;
}

.margin-r-4,
.margin-4 {
  margin-right: 3.6rem !important;
}

.margin-l-4,
.margin-4 {
  margin-left: 3.6rem !important;
}

.padding-b-4,
.padding-4 {
  padding-bottom: 3.6rem !important;
}

.padding-t-4,
.padding-4 {
  padding-top: 3.6rem !important;
}

.padding-r-4,
.padding-4 {
  padding-right: 3.6rem !important;
}

.padding-l-4,
.padding-4 {
  padding-left: 3.6rem !important;
}

.margin-b-5,
.margin-5 {
  margin-bottom: 5.4rem !important;
}

.margin-t-5,
.margin-5 {
  margin-top: 5.4rem !important;
}

.margin-r-5,
.margin-5 {
  margin-right: 5.4rem !important;
}

.margin-l-5,
.margin-5 {
  margin-left: 5.4rem !important;
}

.padding-b-5,
.padding-5 {
  padding-bottom: 5.4rem !important;
}

.padding-t-5,
.padding-5 {
  padding-top: 5.4rem !important;
}

.padding-r-5,
.padding-5 {
  padding-right: 5.4rem !important;
}

.padding-l-5,
.padding-5 {
  padding-left: 5.4rem !important;
}

.margin-b-6,
.margin-6 {
  margin-bottom: 7.2rem !important;
}

.margin-t-6,
.margin-6 {
  margin-top: 7.2rem !important;
}

.margin-r-6,
.margin-6 {
  margin-right: 7.2rem !important;
}

.margin-l-6,
.margin-6 {
  margin-left: 7.2rem !important;
}

.padding-b-6,
.padding-6 {
  padding-bottom: 7.2rem !important;
}

.padding-t-6,
.padding-6 {
  padding-top: 7.2rem !important;
}

.padding-r-6,
.padding-6 {
  padding-right: 7.2rem !important;
}

.padding-l-6,
.padding-6 {
  padding-left: 7.2rem !important;
}

@media screen and (max-width: 1679px) {
  .margin-lg-b-0,
  .margin-lg-0 {
    margin-bottom: 0 !important;
  }

  .margin-lg-t-0,
  .margin-lg-0 {
    margin-top: 0 !important;
  }

  .margin-lg-r-0,
  .margin-lg-0 {
    margin-right: 0 !important;
  }

  .margin-lg-l-0,
  .margin-lg-0 {
    margin-left: 0 !important;
  }

  .padding-lg-b-0,
  .padding-lg-0 {
    padding-bottom: 0 !important;
  }

  .padding-lg-t-0,
  .padding-lg-0 {
    padding-top: 0 !important;
  }

  .padding-lg-r-0,
  .padding-lg-0 {
    padding-right: 0 !important;
  }

  .padding-lg-l-0,
  .padding-lg-0 {
    padding-left: 0 !important;
  }

  .margin-lg-b-1,
  .margin-lg-1 {
    margin-bottom: 0.9rem !important;
  }

  .margin-lg-t-1,
  .margin-lg-1 {
    margin-top: 0.9rem !important;
  }

  .margin-lg-r-1,
  .margin-lg-1 {
    margin-right: 0.9rem !important;
  }

  .margin-lg-l-1,
  .margin-lg-1 {
    margin-left: 0.9rem !important;
  }

  .padding-lg-b-1,
  .padding-lg-1 {
    padding-bottom: 0.9rem !important;
  }

  .padding-lg-t-1,
  .padding-lg-1 {
    padding-top: 0.9rem !important;
  }

  .padding-lg-r-1,
  .padding-lg-1 {
    padding-right: 0.9rem !important;
  }

  .padding-lg-l-1,
  .padding-lg-1 {
    padding-left: 0.9rem !important;
  }

  .margin-lg-b-2,
  .margin-lg-2 {
    margin-bottom: 1.8rem !important;
  }

  .margin-lg-t-2,
  .margin-lg-2 {
    margin-top: 1.8rem !important;
  }

  .margin-lg-r-2,
  .margin-lg-2 {
    margin-right: 1.8rem !important;
  }

  .margin-lg-l-2,
  .margin-lg-2 {
    margin-left: 1.8rem !important;
  }

  .padding-lg-b-2,
  .padding-lg-2 {
    padding-bottom: 1.8rem !important;
  }

  .padding-lg-t-2,
  .padding-lg-2 {
    padding-top: 1.8rem !important;
  }

  .padding-lg-r-2,
  .padding-lg-2 {
    padding-right: 1.8rem !important;
  }

  .padding-lg-l-2,
  .padding-lg-2 {
    padding-left: 1.8rem !important;
  }

  .margin-lg-b-3,
  .margin-lg-3 {
    margin-bottom: 2.4rem !important;
  }

  .margin-lg-t-3,
  .margin-lg-3 {
    margin-top: 2.4rem !important;
  }

  .margin-lg-r-3,
  .margin-lg-3 {
    margin-right: 2.4rem !important;
  }

  .margin-lg-l-3,
  .margin-lg-3 {
    margin-left: 2.4rem !important;
  }

  .padding-lg-b-3,
  .padding-lg-3 {
    padding-bottom: 2.4rem !important;
  }

  .padding-lg-t-3,
  .padding-lg-3 {
    padding-top: 2.4rem !important;
  }

  .padding-lg-r-3,
  .padding-lg-3 {
    padding-right: 2.4rem !important;
  }

  .padding-lg-l-3,
  .padding-lg-3 {
    padding-left: 2.4rem !important;
  }

  .margin-lg-b-4,
  .margin-lg-4 {
    margin-bottom: 3.6rem !important;
  }

  .margin-lg-t-4,
  .margin-lg-4 {
    margin-top: 3.6rem !important;
  }

  .margin-lg-r-4,
  .margin-lg-4 {
    margin-right: 3.6rem !important;
  }

  .margin-lg-l-4,
  .margin-lg-4 {
    margin-left: 3.6rem !important;
  }

  .padding-lg-b-4,
  .padding-lg-4 {
    padding-bottom: 3.6rem !important;
  }

  .padding-lg-t-4,
  .padding-lg-4 {
    padding-top: 3.6rem !important;
  }

  .padding-lg-r-4,
  .padding-lg-4 {
    padding-right: 3.6rem !important;
  }

  .padding-lg-l-4,
  .padding-lg-4 {
    padding-left: 3.6rem !important;
  }

  .margin-lg-b-5,
  .margin-lg-5 {
    margin-bottom: 5.4rem !important;
  }

  .margin-lg-t-5,
  .margin-lg-5 {
    margin-top: 5.4rem !important;
  }

  .margin-lg-r-5,
  .margin-lg-5 {
    margin-right: 5.4rem !important;
  }

  .margin-lg-l-5,
  .margin-lg-5 {
    margin-left: 5.4rem !important;
  }

  .padding-lg-b-5,
  .padding-lg-5 {
    padding-bottom: 5.4rem !important;
  }

  .padding-lg-t-5,
  .padding-lg-5 {
    padding-top: 5.4rem !important;
  }

  .padding-lg-r-5,
  .padding-lg-5 {
    padding-right: 5.4rem !important;
  }

  .padding-lg-l-5,
  .padding-lg-5 {
    padding-left: 5.4rem !important;
  }

  .margin-lg-b-6,
  .margin-lg-6 {
    margin-bottom: 7.2rem !important;
  }

  .margin-lg-t-6,
  .margin-lg-6 {
    margin-top: 7.2rem !important;
  }

  .margin-lg-r-6,
  .margin-lg-6 {
    margin-right: 7.2rem !important;
  }

  .margin-lg-l-6,
  .margin-lg-6 {
    margin-left: 7.2rem !important;
  }

  .padding-lg-b-6,
  .padding-lg-6 {
    padding-bottom: 7.2rem !important;
  }

  .padding-lg-t-6,
  .padding-lg-6 {
    padding-top: 7.2rem !important;
  }

  .padding-lg-r-6,
  .padding-lg-6 {
    padding-right: 7.2rem !important;
  }

  .padding-lg-l-6,
  .padding-lg-6 {
    padding-left: 7.2rem !important;
  }
}

@keyframes stroke-dasharray_0 {
  0% {
    stroke-dasharray: 0 100;
  }
}

@keyframes stroke-dasharray_0-100 {
  0% {
    stroke-dasharray: 0 100;
  }

  100% {
    stroke-dasharray: 100 100;
  }
}

@keyframes opacity_0-100 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes color_fff-000 {
  0% {
    color: #fff;
  }

  100% {
    color: #000;
  }
}

@keyframes rotate_0-360 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes fadeLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes fadeRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes appearLeft {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes appearRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

.osano-cm-window__widget {
  display: none;
}

.osano-cm-view--type_consent .osano-cm-list-item:nth-child(5) {
  display: none;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
a:focus-visible,
[tabindex="0"]:focus-visible {
  outline-offset: 4px;
  outline: #f24c00ff solid 4px;
}

a.therapeutics-track-card__container:focus-visible {
  outline: #f24c00ff solid 3px;
  outline-offset: 0px;
}

.scrollbar-horisontal {
  --scrollbarBG: rgba(31, 49, 60, 0.1);
  --thumbBG: #1F313C;
  /* Works on Chrome, Edge, and Safari */
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.scrollbar-horisontal::-webkit-scrollbar {
  height: 3px;
}

.scrollbar-horisontal::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

.scrollbar-horisontal::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
}

.cms-text a {
  color: #F24C00;
}

.page-title-h1 {
  margin-bottom: 60px;
}

@media screen and (max-width: 1679px) {
  .page-title-h1 {
    margin-bottom: 36px;
  }
}

.parent-container {
  display: flex;
  height: 100%;
}

.parent-container:not(.with-sidebar) .side-nav__burger-container {
  display: none !important;
}

.page-container {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #EFEDEB;
  overflow-x: hidden;
}

.reset-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

.reset-link,
.reset-link:hover,
.reset-link:focus,
.reset-link:active {
  text-decoration: none;
  color: inherit;
}

.hidden {
  display: none !important;
}

.hidden-outline:focus,
.hidden-outline:focus-visible {
  outline: none !important;
}

.bg-transparent {
  background: transparent !important;
  overflow: hidden;
}

.noscroll {
  overflow: hidden !important;
}

.noscroll-hidden {
  display: none !important;
}

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

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

.cursor-wait button,
.cursor-wait a {
  cursor: wait !important;
}

.hide-side-nav .side-nav {
  display: none;
}

.skill__background--AS {
  background: #D5EA9C;
}

.skill__background--RE {
  background: #B7E2E7;
}

.skill__background--GI {
  background: #FFDF6E;
}

.skill__background--EM {
  background: #FFDABC;
}

.skill__background--SA {
  background: #F8C3CC;
}

.skill__background--TH {
  background: #FFA370;
}

.skill__background--OT {
  background: #1F313C;
}

.skill__left-border.AS {
  border-left: 6px solid #D5EA9C;
}

.skill__left-border.RE {
  border-left: 6px solid #B7E2E7;
}

.skill__left-border.GI {
  border-left: 6px solid #FFDF6E;
}

.skill__left-border.EM {
  border-left: 6px solid #FFDABC;
}

.skill__left-border.SA {
  border-left: 6px solid #F8C3CC;
}

.skill__left-border.TH {
  border-left: 6px solid #FFA370;
}

.skill__left-border.OT {
  border-left: 6px solid #1F313C;
}

.page-block {
  margin-bottom: 72px;
}

@media screen and (max-width: 1679px) {
  .page-block {
    margin-bottom: 36px;
  }
}

.skeleton-text,
.skeleton-text * {
  color: #DBDBDA !important;
  background-color: #DBDBDA !important;
  fill: #DBDBDA !important;
  stroke: #DBDBDA !important;
  display: inline-block;
}

.skeleton-text svg,
.skeleton-text * svg {
  display: none;
}

.page-container--with-margin,
.page-header-container--with-margin {
  margin-right: auto;
  margin-left: auto;
  width: 1250px;
}

@media screen and (max-width: 767px) {
  .page-container--with-margin,
  .page-header-container--with-margin {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
}

@media screen and (max-width: 1679px) {
  .page-container--with-margin {
    margin-right: 60px;
    margin-left: 60px;
    width: unset;
  }
}

@media screen and (max-width: 1023px) {
  .page-container-element--with-margin {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
  }
}

html[data-disabled-animations=false] .skeleton {
  position: relative;
  overflow: hidden;
}

html[data-disabled-animations=false] .skeleton::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 15%, rgba(238, 238, 238, 0.3) 50%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  animation-name: skeleton;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes skeleton {
  from {
    left: -100%;
  }

  to {
    left: 100%;
  }
}

.masked_spinner {
  position: relative;
}

.masked_spinner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #efedeb;
  opacity: 0.5;
}

.masked_spinner .spinner {
  z-index: 1000;
}

:root {
  --button_border_radius: 12px;
}

html[data-disabled-animations="true"] *,
html[data-disabled-animations="true"] *::after,
html[data-disabled-animations="true"] *::before {
  transition: all 0ms !important;
  animation: none 0ms !important;
}

html[data-wcag-enabled="true"] input,
html[data-wcag-enabled="true"] textarea,
html[data-wcag-enabled="true"] p,
html[data-wcag-enabled="true"] area,
html[data-wcag-enabled="true"] button,
html[data-wcag-enabled="true"] label,
html[data-wcag-enabled="true"] img,
html[data-wcag-enabled="true"] select,
html[data-wcag-enabled="true"] span[tabindex="0"],
html[data-wcag-enabled="true"] [role=checkbox],
html[data-wcag-enabled="true"] [role=button],
html[data-wcag-enabled="true"] [role=textbox],
html[data-wcag-enabled="true"] [aria-hidden="true"],
html[data-wcag-enabled="true"] .info-block__description {
  line-height: 1.5;
}

html[data-wcag-enabled="true"] input:focus,
html[data-wcag-enabled="true"] textarea:focus,
html[data-wcag-enabled="true"] p:focus,
html[data-wcag-enabled="true"] area:focus,
html[data-wcag-enabled="true"] button:focus,
html[data-wcag-enabled="true"] label:focus,
html[data-wcag-enabled="true"] img:focus,
html[data-wcag-enabled="true"] select:focus,
html[data-wcag-enabled="true"] span[tabindex="0"]:focus,
html[data-wcag-enabled="true"] [role=checkbox]:focus,
html[data-wcag-enabled="true"] [role=button]:focus,
html[data-wcag-enabled="true"] [role=textbox]:focus,
html[data-wcag-enabled="true"] [aria-hidden="true"]:focus,
html[data-wcag-enabled="true"] .info-block__description:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] a {
  line-height: 1.5;
  text-decoration: underline;
  color: #bf4000;
  opacity: 1;
}

html[data-wcag-enabled="true"] a:hover {
  color: #993300;
}

html[data-wcag-enabled="true"] a.dark {
  color: #ff6619;
}

html[data-wcag-enabled="true"] a.dark:hover {
  color: #FF8547;
}

html[data-wcag-enabled="true"] a:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .kabinet.resources h2 span {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] .footer .sr-only {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html[data-wcag-enabled="true"] .wcag-white,
html[data-wcag-enabled="true"] .wcag-white > p {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .wcag-bg {
  color: #ffffff;
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .wcag-bg--blur {
  background: rgba(0, 0, 0, 0.5) !important;
}

html[data-wcag-enabled="true"] *:focus-visible {
  outline: black solid 2px;
}

html[data-wcag-enabled="true"] .visually-hidden {
  display: none;
}

html[data-wcag-enabled="true"] .kabinet-quiz--correct-answer sup a {
  color: rgba(255, 255, 255, 0.5) !important;
}

html[data-wcag-enabled="true"] .kabinet-quiz--correct-answer p {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .kabinet-quiz--correct-answer .kabinet-quiz-answer,
html[data-wcag-enabled="true"] .kabinet-quiz--correct-answer .kabinet-quiz-description p {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .kabinet-quiz-answer,
html[data-wcag-enabled="true"] .kabinet-quiz-description p {
  color: #000000;
}

html[data-wcag-enabled="true"] .poll-activity__meta-header {
  color: #1F313C;
}

html[data-wcag-enabled="true"] .how-it-works-button {
  color: #F24C00 !important;
}

html[data-wcag-enabled="true"] .how-it-works-slide__bottom-block-text.text-gray {
  color: #000000;
}

html[data-wcag-enabled="true"] .playlist-record__duration {
  color: #000000;
}

html[data-wcag-enabled="true"] .start-activity-page .colors__color-white {
  width: -moz-fit-content;
  width: fit-content;
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .activity-media-page--no-cover .activity-media-page__tip,
html[data-wcag-enabled="true"] .media-player__time,
html[data-wcag-enabled="true"] .uplift-footer .button__sub-text {
  color: #000000;
}

html[data-wcag-enabled="true"] .close-button--icon.close-button--icon-light,
html[data-wcag-enabled="true"] .back-button--icon.back-button--icon-light {
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .activity-card__title,
html[data-wcag-enabled="true"] .activity-card__sub-title {
  color: #000000;
}

html[data-wcag-enabled="true"] .free-activity__text {
  color: #000000;
}

html[data-wcag-enabled="true"] .welcome-modal__text {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .dark .free-activity__text {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .poll-activity .answer-wrapper button:focus-visible,
html[data-wcag-enabled="true"] .poll-activity .answer-wrapper button:focus {
  outline: 4px solid #f24c00ff;
  border: 2px solid #000000 !important;
}

html[data-wcag-enabled="true"] .poll-activity .answer-wrapper button.selected,
html[data-wcag-enabled="true"] .poll-activity .answer-wrapper button[aria-pressed="true"] {
  background-color: #B93A00 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
  font-weight: bold !important;
  box-shadow: 0 0 0 3px #f5f3f1 !important;
}

html[data-wcag-enabled="true"] .poll-activity .answer-wrapper.selected button {
  background-color: #B93A00 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
}

html[data-wcag-enabled="true"] .statistic-list__item-progress.selected {
  background: #FFB390 !important;
}

html[data-wcag-enabled="true"] .statistic-list__item-container .statistic-list__item-content span:nth-child(1),
html[data-wcag-enabled="true"] .statistic-list__item-container .statistic-list__item-content span:nth-child(2) {
  color: #1F313C;
}

html[data-wcag-enabled="true"] .statistic-list__item-progress.selected + .statistic-list__item-content span:nth-child(1),
html[data-wcag-enabled="true"] .statistic-list__item-container .statistic-list__item-progress.selected ~ .statistic-list__item-content span:nth-child(1),
html[data-wcag-enabled="true"] .statistic-list__item-progress.selected + .statistic-list__item-content span:nth-child(2),
html[data-wcag-enabled="true"] .statistic-list__item-container .statistic-list__item-progress.selected ~ .statistic-list__item-content span:nth-child(2) {
  color: #1F313C !important;
  font-weight: normal;
}

html[data-wcag-enabled="true"] .quiz-activity .answer-button:focus-visible,
html[data-wcag-enabled="true"] .quiz-activity .quiz-answer:focus-visible,
html[data-wcag-enabled="true"] .quiz-activity .answer-button:focus,
html[data-wcag-enabled="true"] .quiz-activity .quiz-answer:focus {
  outline: 4px solid #f24c00ff;
  border: 2px solid #000000 !important;
}

html[data-wcag-enabled="true"] .quiz-activity .answer-button.selected,
html[data-wcag-enabled="true"] .quiz-activity .quiz-answer.selected,
html[data-wcag-enabled="true"] .quiz-activity .answer-button[aria-pressed="true"],
html[data-wcag-enabled="true"] .quiz-activity .quiz-answer[aria-pressed="true"] {
  background-color: #B93A00 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
  font-weight: bold !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

html[data-wcag-enabled="true"] .button.orange,
html[data-wcag-enabled="true"] button.orange {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 1px solid #A33401 !important;
  box-shadow: 0 2px 0 #A33401 !important;
}

html[data-wcag-enabled="true"] .button.orange:hover,
html[data-wcag-enabled="true"] button.orange:hover {
  background: #A33401 !important;
  color: #ffffff !important;
  border: 1px solid #993300 !important;
}

html[data-wcag-enabled="true"] .button.orange:active,
html[data-wcag-enabled="true"] button.orange:active {
  background: #993300 !important;
  color: #ffffff !important;
  box-shadow: inset 0 2px 0 #A33401 !important;
}

html[data-wcag-enabled="true"] .button.orange:focus,
html[data-wcag-enabled="true"] button.orange:focus {
  outline: 4px solid #f24c00ff;
  background: #B93A00 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .button.orange:disabled,
html[data-wcag-enabled="true"] button.orange:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

html[data-wcag-enabled="true"] .public-button,
html[data-wcag-enabled="true"] a.public-button {
  background-color: #B93A00 !important;
  color: #ffffff !important;
  border: 1px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .public-button:hover,
html[data-wcag-enabled="true"] a.public-button:hover {
  background-color: #A33401 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .public-button:active,
html[data-wcag-enabled="true"] a.public-button:active {
  background-color: #993300 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .public-button:focus,
html[data-wcag-enabled="true"] a.public-button:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .public-button:disabled,
html[data-wcag-enabled="true"] a.public-button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

html[data-wcag-enabled="true"] .activity_container__footer--button .button {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 1px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .activity_container__footer--button .button:hover {
  background: #A33401 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .activity_container__footer--button .button:active {
  background: #993300 !important;
  color: #ffffff !important;
  box-shadow: inset 0 2px 0 #A33401 !important;
}

html[data-wcag-enabled="true"] .activity_container__footer--button .button.button--white {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 1px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .activity_container__footer--button .button__js-pledgeIt--whiteClock::after {
  background-image: url(/static/img/therapeutics/activity_task/clock-white.svg) !important;
}

html[data-wcag-enabled="true"] .activity_container__footer--button .button__arrow-icon--black:after {
  filter: invert(1) contrast(2);
}

html[data-wcag-enabled="true"] .button.white,
html[data-wcag-enabled="true"] button.white {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

html[data-wcag-enabled="true"] .button.white:hover,
html[data-wcag-enabled="true"] button.white:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .button.white:focus,
html[data-wcag-enabled="true"] button.white:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .button.transparent,
html[data-wcag-enabled="true"] button.transparent {
  background: transparent !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

html[data-wcag-enabled="true"] .button.transparent:hover,
html[data-wcag-enabled="true"] button.transparent:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .button.transparent:focus,
html[data-wcag-enabled="true"] button.transparent:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .activity-planner .button.pledge-button-planner,
html[data-wcag-enabled="true"] .activity-planner button.pledge-button-planner,
html[data-wcag-enabled="true"] .activity-planner .button.did-it-button-planner,
html[data-wcag-enabled="true"] .activity-planner button.did-it-button-planner {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 1px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .activity-planner .button.pledge-button-planner:hover,
html[data-wcag-enabled="true"] .activity-planner button.pledge-button-planner:hover,
html[data-wcag-enabled="true"] .activity-planner .button.did-it-button-planner:hover,
html[data-wcag-enabled="true"] .activity-planner button.did-it-button-planner:hover {
  background: #A33401 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .activity-planner .button.pledge-button-planner:focus,
html[data-wcag-enabled="true"] .activity-planner button.pledge-button-planner:focus,
html[data-wcag-enabled="true"] .activity-planner .button.did-it-button-planner:focus,
html[data-wcag-enabled="true"] .activity-planner button.did-it-button-planner:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .activity-reporter .button.button-happify-it,
html[data-wcag-enabled="true"] .activity-reporter button.button-happify-it,
html[data-wcag-enabled="true"] .activity-reporter .button.button-update-post,
html[data-wcag-enabled="true"] .activity-reporter button.button-update-post {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 1px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .activity-reporter .button.button-happify-it:hover,
html[data-wcag-enabled="true"] .activity-reporter button.button-happify-it:hover,
html[data-wcag-enabled="true"] .activity-reporter .button.button-update-post:hover,
html[data-wcag-enabled="true"] .activity-reporter button.button-update-post:hover {
  background: #A33401 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] .activity-reporter .button.button-happify-it:focus,
html[data-wcag-enabled="true"] .activity-reporter button.button-happify-it:focus,
html[data-wcag-enabled="true"] .activity-reporter .button.button-update-post:focus,
html[data-wcag-enabled="true"] .activity-reporter button.button-update-post:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .privacy-modal__text,
html[data-wcag-enabled="true"] .free-activity__text,
html[data-wcag-enabled="true"] .privacy-button__subtitle {
  color: #000000;
}

html[data-wcag-enabled="true"] .anna-input_input_area[contentEditable]:empty::before {
  content: '';
}

html[data-wcag-enabled="true"] .anna-sfl_btn.anna-sfl_save_btn {
  color: #ffffff;
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .anna-sfl_btn.anna-sfl_continue_btn {
  color: #000000;
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .anna-input_scroll_container {
  padding: 0;
}

html[data-wcag-enabled="true"] .anna-input_scroll_container .anna-input_input_area:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .anna-input_scroll_container[contentEditable]:empty::before {
  content: '';
}

html[data-wcag-enabled="true"] .anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox .therapeutics-checkbox__elem.therapeutics-checkbox__selected {
  color: #ffffff;
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .upside-article__sub-title,
html[data-wcag-enabled="true"] .upside-article__title,
html[data-wcag-enabled="true"] .upside-article__author {
  color: #000000 !important;
  opacity: 1 !important;
}

html[data-wcag-enabled="true"] .upside-article__container {
  text-decoration: none;
}

html[data-wcag-enabled="true"] .assessment .confidential-copy,
html[data-wcag-enabled="true"] .assessment .assessment-result-body-chart-legend-week-date,
html[data-wcag-enabled="true"] .assessment .assessment-result-body-blurb {
  color: #1F313C;
}

html[data-wcag-enabled="true"] .assessment .point {
  color: #000000;
}

html[data-wcag-enabled="true"] .assessment .button:focus-visible,
html[data-wcag-enabled="true"] .assessment .button:focus-within {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .cs-pre-assessment__logo span {
  margin-right: 6px;
  color: #000000;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

html[data-wcag-enabled="true"] .strengths-card .strengths-card__footer {
  color: #000000;
}

html[data-wcag-enabled="true"] .community-post__creator-description,
html[data-wcag-enabled="true"] .community-post__timestamp,
html[data-wcag-enabled="true"] .community-post-modal__comments-count,
html[data-wcag-enabled="true"] .community-post-comment__timestamp,
html[data-wcag-enabled="true"] .community-post-comment__likes-count {
  color: #000000;
}

html[data-wcag-enabled="true"] .community-post-modal__send-comment-input[contentEditable]:empty::before {
  content: attr(data-placeholder);
}

html[data-wcag-enabled="true"] .community-post__creator-link,
html[data-wcag-enabled="true"] .community-post-comment__link {
  color: #000000;
  text-decoration: none;
}

html[data-wcag-enabled="true"] .textarea__label {
  color: #000000;
}

html[data-wcag-enabled="true"] .community-page .tab-button--active {
  color: #ffffff;
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .community-page .tab-button--active:focus {
  border: 3px solid #ffffff;
}

html[data-wcag-enabled="true"] .community-page .tabs-list__background-active {
  display: none;
}

html[data-wcag-enabled="true"] .community-post-modal__send-comment-placeholder {
  color: #000000;
}

html[data-wcag-enabled="true"] .community-post-modal__send-comment-placeholder:after {
  height: 5px;
}

html[data-wcag-enabled="true"] .community-post-modal__send-comment-input:focus + .community-post-modal__send-comment-placeholder:after {
  top: 6px;
}

html[data-wcag-enabled="true"] .community-post-modal__creator-link {
  text-decoration: none;
}

html[data-wcag-enabled="true"] .community-post__wcag-container {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 4px solid black;
}

html[data-wcag-enabled="true"] .community-post__creator-description {
  outline: none;
  padding-top: 0.8rem;
}

html[data-wcag-enabled="true"] .community-post-comment__link,
html[data-wcag-enabled="true"] .community-post-comment__edit-button {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] .explore-page .card-base__title {
  color: #ffffff;
  font-weight: bold;
}

html[data-wcag-enabled="true"] .field__container.on-load-img {
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .field__container.on-load-img span {
  color: #ffffff;
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .file_selection_header {
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .file_selection .cms-text {
  color: #000000;
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-follower--social:not([data-status="PENDING"]) .therapeutics-follower__trash {
  display: block;
}

html[data-wcag-enabled="true"] .therapeutics-follower__photo:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .therapeutics-followers-list__dummy {
  color: #000000;
}

html[data-wcag-enabled="true"] .hamobu__screen-wrapper .hamobu-subtitle,
html[data-wcag-enabled="true"] .hamobu__screen-wrapper .hamobu-agreement-container .therapeutics-checkbox__title {
  color: #000000;
}

html[data-wcag-enabled="true"] .hamobu__screen-wrapper .hamobu-backend-error {
  color: #b00000;
}

html[data-wcag-enabled="true"] .field__placeholder,
html[data-wcag-enabled="true"] .textarea__placeholder,
html[data-wcag-enabled="true"] .listbox-button-label {
  color: #000000;
}

html[data-wcag-enabled="true"] .field__message {
  color: #b00000;
}

html[data-wcag-enabled="true"] #current_kc .placeholder {
  color: #000000;
}

html[data-wcag-enabled="true"] #current_kc .kc_main ul.kc_nav li:focus-visible,
html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item:focus-visible {
  outline: 4px solid #f24c00ff !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container form input:not([type="checkbox"]):focus-visible,
html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send:focus-visible {
  outline: 4px solid #f24c00ff !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main #current_kc .kc_main .kc_screen .screen .selector_container form input:not([type="checkbox"]):focus,
html[data-wcag-enabled="true"] #current_kc .kc_main #current_kc .kc_main .kc_screen .screen .selector_container form input:not([type="checkbox"]):focus-visible,
html[data-wcag-enabled="true"] #current_kc .kc_main #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send:focus,
html[data-wcag-enabled="true"] #current_kc .kc_main #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send:focus-visible {
  outline: 4px solid #f24c00ff !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main ul.kc_nav li,
html[data-wcag-enabled="true"] #current_kc .kc_main .button_kc.send,
html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
  color: #000000;
  font-weight: bold;
  margin-top: 9rem;
}

html[data-wcag-enabled="true"] #current_kc .kc_main #current_kc .placeholder {
  color: #000000;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .error-container {
  color: #b00000;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle:focus-visible {
  outline: black 2px solid;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .flip,
html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .back_flip {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .flip:hover,
html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .back_flip:hover {
  background: #A33401 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
  transform: scale(1.05) !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .flip:focus,
html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .back_flip:focus {
  outline: 4px solid #f24c00ff !important;
  background: #B93A00 !important;
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .flip img.flip_img,
html[data-wcag-enabled="true"] #current_kc .kc_main .flip-container .back_flip img.flip_img {
  filter: invert(1) contrast(2) !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .container-old.flip .flip-container .back_flip {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1000 !important;
  position: relative !important;
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 3px solid #ffffff !important;
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .message_template .back_flip {
  background: #B93A00 !important;
  color: #ffffff !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
  font-weight: bold !important;
}

html[data-wcag-enabled="true"] #current_kc .kc_main .message_template .back_flip:focus {
  outline: 4px solid #f24c00ff !important;
  outline-offset: 3px !important;
}

html[data-wcag-enabled="true"] .profile-privacy__sub-title {
  color: #000000;
}

html[data-wcag-enabled="true"] .complete-modal,
html[data-wcag-enabled="true"] .ov-modal-button,
html[data-wcag-enabled="true"] .close-button--icon,
html[data-wcag-enabled="true"] .back-button--icon {
  color: #000000;
  background-color: #ffffff !important;
  border: 1px solid #000000;
}

html[data-wcag-enabled="true"] .menu-button__notification,
html[data-wcag-enabled="true"] .therapeutics-list-items__notification,
html[data-wcag-enabled="true"] .therapeutics-avatar__notification {
  background-color: #000000 !important;
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-notification__trash {
  display: block;
}

html[data-wcag-enabled="true"] .therapeutics-notification__photo:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .profile-notifications__type.profile-notifications__type--gray,
html[data-wcag-enabled="true"] .therapeutics-notification__time,
html[data-wcag-enabled="true"] .therapeutics-notification__event-description {
  color: #000000;
}

html[data-wcag-enabled="true"] .page-header__title {
  padding: 1rem;
}

html[data-wcag-enabled="true"] .therapeutics-pill {
  border: 1px solid #000000;
  backdrop-filter: none!important;
  opacity: 1!important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--avatar {
  height: 48px !important;
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--avatar:focus {
  border: 3px solid;
}

html[data-wcag-enabled="true"] .therapeutics-pill--small {
  font-size: 1.2rem !important;
  line-height: 1.8rem !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--small:focus {
  border: 3px solid;
}

html[data-wcag-enabled="true"] .therapeutics-pill--medium {
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--medium:focus {
  border: 3px solid;
}

html[data-wcag-enabled="true"] .therapeutics-pill--large {
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--large:focus {
  border: 3px solid;
}

html[data-wcag-enabled="true"] .therapeutics-pill--wellness-gray {
  color: #000000 !important;
  stroke: #000000;
  background: #e8e5e2;
}

html[data-wcag-enabled="true"] .therapeutics-pill--wellness-gray:focus-visible {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-pill--therapeutics-gray {
  color: #000000 !important;
  stroke: #000000;
  background: #e8e5e2;
}

html[data-wcag-enabled="true"] .therapeutics-pill--therapeutics-grayfocus-visible {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-pill--white {
  color: #000000 !important;
  stroke: #000000;
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--whitefocus-visible {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blue {
  color: #ffffff !important;
  stroke: #ffffff;
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--bluefocus-visible {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-pill--dark-gray {
  color: #ffffff !important;
  stroke: #ffffff;
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--dark-grayfocus-visible {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blur {
  color: #ffffff !important;
  stroke: #ffffff;
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blurfocus-visible {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blur-dark-font {
  color: #000000;
  stroke: #000000;
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blur-dark-fontfocus-visible {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blur-avatar {
  color: #000000 !important;
  stroke: #000000;
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--blur-avatarfocus-visible {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-pill--link {
  text-decoration: none;
  color: inherit;
}

html[data-wcag-enabled="true"] .therapeutics-pill:focus-within {
  border: 3px solid #ffffff;
  backdrop-filter: none!important;
  opacity: 1!important;
}

html[data-wcag-enabled="true"] .js-posts-open {
  outline-width: 4px;
}

html[data-wcag-enabled="true"] .profile-page__activity-life {
  color: #000000;
}

html[data-wcag-enabled="true"] .profile-page__back-button,
html[data-wcag-enabled="true"] .profile-page__burger-button,
html[data-wcag-enabled="true"] .profile-page__edit-button {
  color: #000000;
  background-color: #ffffff !important;
  border: 2px solid #000000;
}

html[data-wcag-enabled="true"] .profile-faq .button--faq:hover {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .profile-page__medal-box-text,
html[data-wcag-enabled="true"] .profile-achievements__sub-title--light {
  color: #000000;
}

html[data-wcag-enabled="true"] .profile-privacy__sub-title,
html[data-wcag-enabled="true"] .profile-page__medal-box-title {
  color: #000000;
}

html[data-wcag-enabled="true"] a#profile-page-medal-silver,
html[data-wcag-enabled="true"] a#profile-page-medal-gold {
  text-decoration: none;
}

html[data-wcag-enabled="true"] .my-stats-header__paragraph {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  html[data-wcag-enabled="true"] .my-stats-header__paragraph {
    font-size: 16px;
    line-height: 19px;
  }
}

html[data-wcag-enabled="true"] a {
  text-decoration: none;
}

html[data-wcag-enabled="true"] .osano-cm-drawer-item .osano-cm-disclosure__toggle {
  color: #bf4000;
}

html[data-wcag-enabled="true"] .osano-cm-info-views__view button.osano-cm-save {
  color: #ffffff;
  background-color: #bf4000;
}

html[data-wcag-enabled="true"] .user-profile-page__user-data button,
html[data-wcag-enabled="true"] .user-profile-page__user-data span {
  color: #000000;
}

html[data-wcag-enabled="true"] .face-picker .radio-button__label .label {
  color: #000000;
}

html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label {
  border: 3px solid #000000 !important;
  background-color: #f5f3f1 !important;
  box-shadow: 0 0 0 2px #B93A00 !important;
}

html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label .emoji-face,
html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label .label {
  color: #000000 !important;
  font-weight: bold !important;
}

html[data-wcag-enabled="true"] .face-picker .radio-button__input:focus + .radio-button__label {
  outline: 4px solid #f24c00ff;
  border: 2px solid #000000 !important;
}

html[data-wcag-enabled="true"] .face-picker .radio-button__label:hover {
  border: 2px solid #000000 !important;
  background-color: #f5f3f1 !important;
}

html[data-wcag-enabled="true"] .activity-reporter .face-picker .radio-button__input:checked + .radio-button__label {
  outline: 3px solid #B93A00 !important;
  outline-offset: 2px !important;
  border: 2px solid #000000 !important;
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .activity-reporter .emoji-rating-text {
  color: #000000 !important;
  font-weight: bold !important;
}

html[data-disabled-animations="true"] .side-nav,
html[data-disabled-animations="true"] .side-nav__list {
  transition: all 0ms !important;
  animation: none 0ms !important;
}

@media screen and (max-width: 1023px) {
  html[data-disabled-animations="true"] .side-nav,
  html[data-disabled-animations="true"] .side-nav__list {
    transition: all 0ms !important;
    animation: none 0ms !important;
  }
}

html[data-wcag-enabled="true"] .side-nav__logo--text-gray,
html[data-wcag-enabled="true"] .side-nav__logo--text-white,
html[data-wcag-enabled="true"] .side-nav__item-link,
html[data-wcag-enabled="true"] .side-nav__item-link:hover {
  color: #ffffff;
  opacity: 1;
}

html[data-wcag-enabled="true"] .side-nav__item-link {
  text-decoration: none;
}

html[data-wcag-enabled="true"] .side-nav__item-link.active {
  font-weight: bold !important;
}

html[data-wcag-enabled="true"] .side-nav__item-link:focus,
html[data-wcag-enabled="true"] .side-nav__logo:focus,
html[data-wcag-enabled="true"] .side-nav__close-btn:focus {
  outline: 4px solid #f24c00ff;
  border-radius: 1rem;
  padding: 0.5rem;
}

html[data-wcag-enabled="true"] .side-nav .skip_nav {
  color: #000000;
}

html[data-wcag-enabled="true"] .side-nav .skip_nav:hover {
  text-decoration: underline;
}

html[data-wcag-enabled="true"] .services-page .card-base__title {
  color: #ffffff;
  font-weight: bold;
}

html[data-wcag-enabled="true"] .services-page .cms-text,
html[data-wcag-enabled="true"] .services-page .services-page__text {
  color: #000000;
}

html[data-wcag-enabled="true"] .services-page .cms-text p {
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .services-page .education-modal__body-text a:not(.button) {
  color: #bf4000 !important;
  text-decoration: underline;
}

html[data-wcag-enabled="true"] .services-page .button_secondary {
  color: #000000;
}

html[data-wcag-enabled="true"] .service-card .base-alert__sub-title {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-skill-badge__title {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-skill-badge:focus {
  outline: 4px solid #f24c00ff;
  border-radius: 2rem;
  padding: 1rem 0.5rem 1rem 0.5rem;
}

html[data-wcag-enabled="true"] .skills-descr-carousel {
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .skills-descr-modal .slick-dots button {
  color: #000000;
  background-color: #ffffff !important;
  border: solid 2px #000000;
}

html[data-wcag-enabled="true"] .skills-descr-modal .slick-dots .slick-active button {
  color: #ffffff;
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .skill-popup__activity-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

html[data-wcag-enabled="true"] .skill-popup__date {
  color: #000000;
}

html[data-wcag-enabled="true"] .today-page-view .today-page__container {
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .today-page-view .today-page__container .typography__body-medium {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .today-page-view .track-section__title:focus,
html[data-wcag-enabled="true"] .today-page-view .start-subscribe .therapeutics-pill--therapeutics-gray:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .today-page-view .start-subscribe .card-base__title {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=a8deghjkl3] .track-section__extend {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=a8deghjkl3] .track-section__extend a {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=a8deghjkl3] .track-section__extend button:focus-within {
  outline: 3px solid #ffffff !important;
  border: 3px solid #000000 !important;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=a8deghjkl3] .track-section__common {
  color: #000000;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=f8yjk4zav3] .track-section__common:focus {
  border: 6px solid #ffffff;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__common {
  border-radius: 18px 0 0 18px;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__common:focus {
  border-color: #ffffff;
  border-right: 0px solid !important;
}

html[data-wcag-enabled="true"] .today-page-view [data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__common .track-section__title:focus {
  padding: 3px;
}

html[data-wcag-enabled="true"] .today-page-view .page-header-container li.push-notification:focus {
  border: 4px solid #F24C00;
}

html[data-wcag-enabled="true"] .top-navigation .skip_nav {
  color: #000000;
}

html[data-wcag-enabled="true"] .top-navigation .skip_nav:hover {
  text-decoration: underline;
}

html[data-wcag-enabled="true"] .therapeutics-track-card__title {
  padding: 10px;
}

html[data-wcag-enabled="true"] .therapeutics-track-card__container {
  text-decoration: none;
}

html[data-wcag-enabled="true"] .therapeutics-track-modalities__info-item,
html[data-wcag-enabled="true"] .therapeutics-track-modalities__color-dark,
html[data-wcag-enabled="true"] .therapeutics-track-modalities__color-light {
  border: 2px solid #000000;
  filter: grayscale(100%);
}

html[data-wcag-enabled="true"] .therapeutics-track-modalities__help {
  border: 3px solid;
  width: 30px;
  height: 30px;
  font-size: 1.5rem;
}

html[data-wcag-enabled="true"] .therapeutics-track-modalities__item:focus,
html[data-wcag-enabled="true"] .therapeutics-track-modalities__help:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .therapeutics-track-progress__number {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-track-progress__wrap {
  background: #1F313C;
  opacity: 1;
  border-radius: 10rem;
}

html[data-wcag-enabled="true"] .therapeutics-track-progress__circle .therapeutics-track-progress__unit {
  stroke: #FFFFFF;
}

html[data-wcag-enabled="true"] .therapeutics-track-progress__circle .therapeutics-track-progress__mock {
  stroke: #F24C00;
  opacity: 1;
}

html[data-wcag-enabled="true"] .therapeutics-track-completed-modal__dialog .ov-modal-close {
  background-image: url(/static/img/therapeutics/controls/close-24.svg);
}

html[data-wcag-enabled="true"] .therapeutics-track-completed-modal__dialog button.button {
  font-size: 24px;
}

html[data-wcag-enabled="true"] .therapeutics-track-completed-modal__blur-60,
html[data-wcag-enabled="true"] .therapeutics-track-part-completed-modal__blur-60 {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-track-completed-modal__title {
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .track-section__common:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .track-promo__description div p {
  font-size: 20px;
}

html[data-wcag-enabled="true"] .page-header__main-button {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-track-completed-modal__blur-60,
html[data-wcag-enabled="true"] .therapeutics-track-part-completed-modal__blur-60 {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-track-completed-modal__title {
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .track-recommender-modal__sub-title {
  color: #000000;
}

html[data-wcag-enabled="true"] .start-subscribe .card-base__container .therapeutics-pill--therapeutics-gray:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .card-base__title {
  color: #ffffff;
  font-weight: bold;
}

html[data-wcag-enabled="true"] .start-subscribe.blue .therapeutics-pill:focus,
html[data-wcag-enabled="true"] .start-subscribe.blue .therapeutics-pill:focus-within,
html[data-wcag-enabled="true"] .start-subscribe.blue .therapeutics-pill:focus-visible {
  outline: 4px solid #f24c00ff;
  border: 1px solid #000000;
  outline-offset: 1px;
}

html[data-wcag-enabled="true"] .upside-page .start-subscribe .card-base__container .therapeutics-pill--therapeutics-gray:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .upside-page .card-base__title {
  color: #ffffff;
  font-weight: bold;
}

html[data-wcag-enabled="true"] .therapeutics-accordion__body .part-info-body {
  padding-top: 25px;
}

html[data-wcag-enabled="true"] .therapeutics-accordion__header {
  border: 1px solid #000000;
}

html[data-wcag-enabled="true"] .therapeutics-accordion__header:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .therapeutics-accordion__header-title {
  opacity: 1;
}

html[data-wcag-enabled="true"] .therapeutics-accordion__header .track-creator-section__creator-name {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-checkbox .therapeutics-checkbox__elem {
  color: #000000;
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-checkbox .therapeutics-checkbox__input:focus + label {
  outline: 4px solid;
}

html[data-wcag-enabled="true"] .face-picker .radio-button {
  background: none;
}

html[data-wcag-enabled="true"] .face-picker .radio-button:hover {
  background: none;
}

html[data-wcag-enabled="true"] .face-picker .radio-button__input:not([role=radio]):focus + label {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .face-picker .radio-button[aria-checked="true"],
html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label {
  background-color: #000000 !important;
  border: 2px solid #ffffff !important;
}

html[data-wcag-enabled="true"] .face-picker .radio-button[aria-checked="true"] .radio-button__img,
html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label .radio-button__img {
  filter: brightness(0) invert(1) !important;
}

html[data-wcag-enabled="true"] .face-picker .radio-button[aria-checked="true"] .label,
html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label .label,
html[data-wcag-enabled="true"] .face-picker .radio-button[aria-checked="true"] .text,
html[data-wcag-enabled="true"] .face-picker .radio-button__input:checked + .radio-button__label .text {
  color: #ffffff !important;
}

html[data-wcag-enabled="true"] [data-style-id=dohjh37r79] .radio-button[aria-checked="true"]:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .therapeutics-toggle__slider {
  transition: none !important;
  background-color: #ffffff !important;
  border: 2px solid #000000;
}

html[data-wcag-enabled="true"] .therapeutics-toggle__slider:before,
html[data-wcag-enabled="true"] .therapeutics-toggle__slider:after {
  transition: none !important;
  height: 3px !important;
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-toggle input[type="checkbox"]:checked + .therapeutics-toggle__custom .therapeutics-toggle__slider {
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-toggle input[type="checkbox"]:checked + .therapeutics-toggle__custom .therapeutics-toggle__slider:before,
html[data-wcag-enabled="true"] .therapeutics-toggle input[type="checkbox"]:checked + .therapeutics-toggle__custom .therapeutics-toggle__slider:after {
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-toggle input[type="checkbox"]:checked + .therapeutics-toggle__custom .therapeutics-toggle__slider:before {
  top: 19px !important;
  left: 8px !important;
}

html[data-wcag-enabled="true"] .therapeutics-toggle__custom:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .therapeutics-tumbler input[type="checkbox"].tumbler:focus + label {
  outline: 4px solid #f24c00ff;
  border: 2px solid #000000 !important;
}

html[data-wcag-enabled="true"] .tumbler-ios .js-toggle-trigger:focus {
  outline: 4px solid #f24c00ff;
  border: 3px solid #000000 !important;
  background-color: #f5f3f1 !important;
}

html[data-wcag-enabled="true"] .tumbler-ios .js-toggle-trigger .tumbler {
  border: 2px solid #000000 !important;
  background-color: #E8E5E2 !important;
}

html[data-wcag-enabled="true"] .tumbler-ios .js-toggle-trigger .tumbler:before {
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
}

html[data-wcag-enabled="true"] .tumbler-ios .js-toggle-trigger .tumbler.on {
  background-color: #B93A00 !important;
  border: 2px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .tumbler-ios .js-toggle-trigger .tumbler.on:before {
  background-color: #ffffff !important;
  border: 1px solid #A33401 !important;
}

html[data-wcag-enabled="true"] .profile-accessibility .tumbler-ios .js-toggle-trigger:focus,
html[data-wcag-enabled="true"] .profile-settings .tumbler-ios .js-toggle-trigger:focus {
  outline: 4px solid #B93A00 !important;
  outline-offset: 2px !important;
  border-radius: 4px !important;
}

html[data-wcag-enabled="true"] .ensemble-accessibility__ios-checkbox:focus + label,
html[data-wcag-enabled="true"] .ios-checkbox:focus + label {
  outline: 4px solid #f24c00ff;
  border: 3px solid #000000 !important;
}

html[data-wcag-enabled="true"] .ensemble-accessibility__tumbler:focus,
html[data-wcag-enabled="true"] .accessibility__tumbler:focus {
  outline: 4px solid #f24c00ff;
  background-color: #f5f3f1 !important;
}

html[data-wcag-enabled="true"] .therapeutics-tumbler input[type="checkbox"].tumbler {
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-tumbler input[type="checkbox"].tumbler:checked {
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-tumbler input[type="checkbox"].tumbler:after {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M2 2L16 16' stroke='black' stroke-opacity='1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2L2 16' stroke='black' stroke-opacity='1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html[data-wcag-enabled="true"] .therapeutics-tumbler input[type="checkbox"].tumbler:checked:after {
  background-color: #000000 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.9985 3L6.39088 14.9985L3 11.6076' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html[data-wcag-enabled="true"] .therapeutics-tumbler input[type="checkbox"].tumbler:focus-within {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .file_selection .field__container.on-load-img span {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .file_selection .cms-text {
  color: #000000;
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .file_selection_header {
  background-color: #ffffff !important;
}

html[data-wcag-enabled="true"] .file_selection__accept-button .field__container {
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .field__placeholder,
html[data-wcag-enabled="true"] .textarea__placeholder,
html[data-wcag-enabled="true"] .listbox-button-label {
  color: #000000;
}

html[data-wcag-enabled="true"] .listbox-option.focused {
  outline: 4px solid #f24c00ff;
  z-index: 1;
}

html[data-wcag-enabled="true"] .field__message {
  color: #b00000;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__radio:focus-within {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__radio-title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__radio-sub-title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__radio-sub-title {
  color: #000000;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item.active {
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item.active .therapeutics-list-items__title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item.active .therapeutics-list-items__subtitle {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="checkbox"]:checked + .therapeutics-checkbox__wrap {
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__subtitle {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__custom {
  color: #000000;
  background: #ffffff !important;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="radio"]:checked + .therapeutics-list-items__radio-wrap {
  background: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected .therapeutics-list-items__title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="radio"]:checked + .therapeutics-list-items__radio-wrap .therapeutics-list-items__title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected .therapeutics-list-items__radio-title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="radio"]:checked + .therapeutics-list-items__radio-wrap .therapeutics-list-items__radio-title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected .therapeutics-list-items__radio-sub-title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="radio"]:checked + .therapeutics-list-items__radio-wrap .therapeutics-list-items__radio-sub-title,
html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected .therapeutics-list-items__radio-subtitle,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="radio"]:checked + .therapeutics-list-items__radio-wrap .therapeutics-list-items__radio-subtitle {
  color: #ffffff;
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item .therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected .therapeutics-list-items__icon,
html[data-wcag-enabled="true"] .therapeutics-list-items__item input[type="radio"]:checked + .therapeutics-list-items__radio-wrap .therapeutics-list-items__icon {
  filter: brightness(0) invert(1);
}

html[data-wcag-enabled="true"] .therapeutics-list-items__item__menu-item:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .image-picker-container .image-picker-wrapper .image-picker-header .image-picker-back-arrow {
  color: #000000;
  background-color: #ffffff !important;
  border: 2px solid #000000;
}

html[data-wcag-enabled="true"] .image-picker-container .image-picker-wrapper .image-picker-header .image-picker-back-arrow:focus {
  outline: 4px solid #f24c00ff;
}

html[data-wcag-enabled="true"] .user-pill .therapeutics-avatar__notifications {
  color: #ffffff;
  background-color: #000000 !important;
}

html[data-wcag-enabled="true"] .therapeutics-activity-link .pill-without-bg .therapeutics-pill__text {
  color: #000000;
}

html[data-wcag-enabled="true"] .base-alert__header .base-alert__header-title .align-items-center div {
  font-weight: 900;
  color: #000000 !important;
}

html[data-wcag-enabled="true"] .base-alert__text {
  color: #000000;
}

html[data-wcag-enabled="true"] .community-post-modal__new-comment-wrapper .community-input-scroll-container .community-post-modal__send-comment-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] .pill-media-player .pill-media-player__volume-button .volume-button__button {
  filter: brightness(0) invert(1);
}

html[data-wcag-enabled="true"] .privacy-modal__text {
  color: #000000;
}

html[data-wcag-enabled="true"] .button__arrow-icon {
  background: var(--color_primary_cta_wcag);
  color: #ffffff;
}

html[data-wcag-enabled="true"] .button__arrow-icon--white:before,
html[data-wcag-enabled="true"] .button__arrow-icon--white:after {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5449 11L34.5014 18L27.5449 25' stroke='white' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5005 18H2.50049' stroke='white' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

html[data-wcag-enabled="true"] .kabinet.kabinet--lp .public-button.inverted-button,
html[data-wcag-enabled="true"] .kabinet.kabinet--lp .listbox-button.inverted-button {
  background-color: var(--color_background_light_1);
  color: var(--color_body_text_dark);
}

html[data-wcag-enabled="true"] .kabinet.kabinet--lp .public-button.inverted-button::after,
html[data-wcag-enabled="true"] .kabinet.kabinet--lp .listbox-button.inverted-button::after {
  filter: brightness(0);
}

html[data-wcag-enabled="true"] .kabinet.kabinet--lp .public-button.inverted-button:focus-within,
html[data-wcag-enabled="true"] .kabinet.kabinet--lp .listbox-button.inverted-button:focus-within {
  outline: 4px solid var(--color_background_light_1);
  border: 1px solid #000000 !important;
}

html[data-wcag-enabled="true"] .kabinet.kabinet--lp .public-button.inverted-button:focus-visible,
html[data-wcag-enabled="true"] .kabinet.kabinet--lp .listbox-button.inverted-button:focus-visible {
  outline-offset: 0;
}

html[data-wcag-enabled="true"] .kabinet.kabinet--lp .public-button.inverted-button:hover,
html[data-wcag-enabled="true"] .kabinet.kabinet--lp .listbox-button.inverted-button:hover {
  background-color: var(--color_gray_warm);
}

html[data-wcag-enabled="true"] .kabinet.kabinet--lp .public-button:focus-within,
html[data-wcag-enabled="true"] .kabinet.kabinet--lp .listbox-button:focus-within {
  border: 3px solid #ffffff;
}

html[data-wcag-enabled="true"] .kabinet .carousel--kabinet ul.slick-dots li button:focus-visible {
  outline: 3px solid var(--color_background_light_1);
}

html[data-wcag-enabled="true"] .kabinet .carousel--kabinet .carousel_button {
  background-color: #889093;
  opacity: 1;
}

html[data-wcag-enabled="true"] .kabinet .carousel--kabinet .carousel_button:focus-within {
  outline: 4px solid var(--color_background_light_1);
}

html[data-wcag-enabled="true"] .kabinet .carousel--kabinet .carousel_button:hover {
  background-color: #fff;
}

html[data-wcag-enabled="true"] .top-section {
  background-color: var(--color_text_only_cta);
}

html[data-wcag-enabled="true"] .top-section__bg-img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: brightness(0.5);
}

html[data-wcag-enabled="true"] .top-section__bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

html[data-wcag-enabled="true"] .top-section__wrap {
  position: relative;
  z-index: 2;
}

html[data-wcag-enabled="true"] .top-section__title,
html[data-wcag-enabled="true"] .top-section__content,
html[data-wcag-enabled="true"] .top-section__optional {
  position: relative;
  z-index: 3;
  color: #ffffff;
}

html[data-wcag-enabled="true"] .top-section .public-button--link-large {
  position: relative;
  z-index: 3;
  color: #ffffff;
}

html[data-wcag-enabled="true"] .top-section .public-button--link-large:hover {
  color: #ffffff;
}

html[data-disabled-animations="true"] .therapeutics-list-items__wrap,
html[data-disabled-animations="true"] .therapeutics-list-items__menu-item,
html[data-disabled-animations="true"] .therapeutics-checkbox__wrap,
html[data-disabled-animations="true"] .therapeutics-list-items__radio-wrap {
  transition: all 0ms !important;
  animation: none 0ms !important;
}

.activity-card {
  width: 100%;
  height: 100%;
}

.activity-card__container {
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 18px 24px;
  height: 100%;
}

.activity-card__container.OT {
  border-left: 5px solid #1F313C;
}

.activity-card__container.AS {
  border-left: 5px solid #D5EA9C;
}

.activity-card__container.RE {
  border-left: 5px solid #B7E2E7;
}

.activity-card__container.GI {
  border-left: 5px solid #FFDF6E;
}

.activity-card__container.EM {
  border-left: 5px solid #FFDABC;
}

.activity-card__container.SA {
  border-left: 5px solid #F8C3CC;
}

.activity-card__container.TH {
  border-left: 5px solid #FFA370;
}

.activity-card__item {
  margin-right: 6px;
  max-width: 184px;
  flex-basis: 50%;
}

.activity-card__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: rgba(31, 49, 60, 0.6);
}

.activity-card__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .activity-card__sub-title {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .activity-card__sub-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.activity-card__img {
  display: block;
  width: 100%;
}

.activity-card__content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.activity-card__pill-container {
  margin-top: 20px;
}

.therapeutics-activities-list {
  display: flex;
  flex-wrap: wrap;
}

.therapeutics-activities-list > * {
  width: 100%;
  margin-right: 6px;
  margin-bottom: 6px;
}

.therapeutics-activities-list > *:last-child {
  margin-bottom: 0;
}

.activity-card-skeleton {
  --activity-card-skeleton-grey: rgba(31, 49, 60, 0.16);
  padding: 24px 24px 24px 18px;
  display: flex;
  justify-content: space-between;
  border-left: 6px solid var(--activity-card-skeleton-grey);
  background: #fff;
}

.activity-card-skeleton__img {
  margin-left: 18px;
  padding-bottom: 50%;
  height: 0;
  width: 50%;
  background: var(--activity-card-skeleton-grey);
}

.activity-card-skeleton__title {
  margin-bottom: 6px;
  height: 24px;
  background: var(--activity-card-skeleton-grey);
}

.activity-card-skeleton__subtitle {
  height: 60px;
  background: var(--activity-card-skeleton-grey);
}

.activity-card-skeleton__action {
  height: 36px;
  width: 50%;
  border-radius: 18px;
  background: var(--activity-card-skeleton-grey);
}

.activity-card-list h2 {
  margin-bottom: 24px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .activity-card-list h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

.activity-card-list h2.skeleton {
  width: 135px;
  color: #DBDBDA;
  background: #DBDBDA;
}

.activity-card-list__list {
  display: grid;
  min-width: 320px;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

@media (min-width: 840px) {
  .activity-card-list__list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .activity-card-list__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 1679px) {
  .activity-card-list__list {
    margin-bottom: 36px;
  }
}

.button {
  width: 100%;
  max-width: 340px;
  min-height: 72px;
  background: #F24C00;
  border: none;
  color: #FFFFFF;
  position: relative;
  padding: 12px 24px;
  text-align: left;
  text-decoration: none;
  transition: 0.1s background-color ease;
  border-radius: var(--button_border_radius);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .button {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .button {
    min-height: 60px;
  }
}

@media screen and (max-width: 330px) {
  .button {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 330px) and screen and (max-width: 1679px) {
  .button {
    font-size: 16px;
    line-height: 19px;
  }
}

.button:disabled {
  background: #F24C00 !important;
  opacity: 0.5;
}

.button:hover {
  background: #E54E09;
}

.button:active {
  background: #E04904;
}

.button--full-width {
  max-width: unset;
}

.button--white {
  background: #FFFFFF;
  color: #1F313C;
}

.button--white .button__sub-text {
  color: rgba(31, 49, 60, 0.6);
}

.button--white:disabled {
  background: #FFFFFF !important;
  opacity: 0.5;
}

.button--white:hover {
  background: #FEF4F0;
}

.button--white:active {
  background: #FDE9E0;
}

.button__max-width-initial {
  max-width: initial;
}

.button__main-text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .button__main-text {
    font-size: 16px;
    line-height: 19px;
  }
}

.button__sub-text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1679px) {
  .button__sub-text {
    font-size: 16px;
    line-height: 19px;
  }
}

.button__eye-icon:after {
  width: 36px;
  height: 20px;
  background-image: url(/static/img/therapeutics/eye_icon.svg);
  background-repeat: no-repeat;
}

.button__arrow-icon:after,
.button__arrow-icon--black:after,
.button__arrow-icon--white:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 36px;
  width: 36px;
  height: 36px;
  content: "";
  border: none;
}

.button__arrow-icon:after {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5449 11L34.5014 18L27.5449 25' stroke='black' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5005 18H2.50049' stroke='black' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.button__arrow-icon--black:after {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5449 11L34.5014 18L27.5449 25' stroke='black' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5005 18H2.50049' stroke='black' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.button__arrow-icon--white:after {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5449 11L34.5014 18L27.5449 25' stroke='white' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5005 18H2.50049' stroke='white' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.button__arrow-icon {
  padding-right: 60px;
}

.button__arrow-icon--down {
  height: unset;
  min-height: 72px;
  padding-right: 40px;
}

.button__arrow-icon--down:after {
  margin: 0 26px;
  width: 10px;
  height: 10px;
  top: 35%;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, -2, 6);
}

.button__arrow-icon--down:before {
  width: 32px;
  height: 1px;
  right: 28px;
  transform: translateX(50%) rotate(90deg);
}

.circle-icon-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1F313C;
  background-color: #FFFFFF;
}

.circle-icon-button:hover,
.circle-icon-button--hover {
  color: #1F313C;
  background-color: #e0e1e1;
}

.circle-icon-button:active,
.circle-icon-button--pressed {
  background-color: #d3d6d7;
}

.circle-icon-button[disabled],
.circle-icon-button--disabled {
  background-color: #FFFFFF !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.circle-icon-button--48 {
  height: 48px;
  width: 48px;
  border-radius: 24px;
}

.circle-icon-button--warm-grey-dark {
  background-color: #E8E5E2;
}

.circle-icon-button--warm-grey-dark:hover,
.circle-icon-button--warm-grey-dark--hover {
  background: linear-gradient(0deg, rgba(31, 49, 60, 0.06), rgba(31, 49, 60, 0.06)), #E8E5E2;
}

.circle-icon-button--warm-grey-dark:active,
.circle-icon-button--warm-grey-dark--pressed {
  background: linear-gradient(0deg, rgba(31, 49, 60, 0.12), rgba(31, 49, 60, 0.12)), #E8E5E2;
}

.circle-icon-button--warm-grey-dark[disabled],
.circle-icon-button--warm-grey-dark--disabled {
  background-color: #E8E5E2 !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.circle-icon-button--blue {
  background-color: #1F313C;
  color: #fff;
  stroke: #fff;
}

.circle-icon-button--blue:hover,
.circle-icon-button--blue--hover {
  background-color: #2c3d48;
}

.circle-icon-button--blue:active,
.circle-icon-button--blue--pressed {
  background-color: #3a4a53;
}

.circle-icon-button--blue[disabled],
.circle-icon-button--blue--disabled {
  background-color: #1F313C !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.field {
  font-size: 20px;
}

.field__container,
.field__label-input {
  position: relative;
}

.field__input {
  width: 100%;
  max-width: 340px;
  height: 72px;
  padding-left: 16px;
  border: none;
  color: #1F313C;
  border-radius: var(--button_border_radius);
}

.field__input.disabled-input {
  opacity: 0.5;
}

.field__input.hamobu-input {
  padding-top: 0 !important;
}

.field__input:not(.placeholder-shown),
.field__input:focus {
  padding-top: 20px;
}

.field__input:not(.placeholder-shown) ~ .field__placeholder,
.field__input:focus ~ .field__placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  transform: translateY(-10px);
}

.field__input:focus::-moz-placeholder {
  opacity: 1;
}

.field__input:focus::placeholder {
  opacity: 1;
}

.field__input::-moz-placeholder {
  opacity: 1;
}

.field__input::placeholder {
  opacity: 1;
}

.field__label {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
  margin-bottom: 1.2rem;
}

@media screen and (max-width: 1679px) {
  .field__label {
    font-size: 16px;
    line-height: 19px;
  }
}

.field__placeholder {
  transition: all 0.5s;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 16px;
  color: rgba(31, 49, 60, 0.6);
}

.field__button-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  display: flex;
}

.field__button-container > *:not(.field__button-container > *:last-child) {
  margin-right: 10px;
}

.field__laugh-icon {
  display: none;
}

.field__clear-button {
  display: none;
  padding: 0;
  width: 24px;
  height: 24px;
  background: #1F313C;
  border-radius: 50px;
  border: none;
  outline-offset: 1px;
}

.field__clear-button:after,
.field__clear-button:before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #FFFFFF;
  left: 7px;
}

.field__clear-button:after {
  transform: rotate(45deg);
}

.field__clear-button:before {
  transform: rotate(135deg);
}

.field__message {
  margin-top: 8px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .field__message {
    font-size: 16px;
    line-height: 19px;
  }
}

.field--error .field__input {
  border: 1px solid #E61E1E;
}

.field--error .field__input.placeholder-shown ~ .field__placeholder {
  color: #1F313C;
}

.field--error .field__placeholder {
  color: #E61E1E;
}

.field--error .field__message {
  text-align: right;
  color: #E61E1E;
}

.field--success .field__input {
  border: 1px solid #05944F;
}

.field--with-clear-button .field__clear-button {
  display: block;
}

.field--with-clear-button .field__input {
  padding-right: 60px;
}

.field--with-laugh-icon .field__laugh-icon {
  display: block;
}

.field .field__show-button {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  position: relative;
}

.field .field__show-button img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.field input::-ms-reveal,
.field input::-ms-clear {
  display: none;
}

.field input:-webkit-autofill::first-line {
  font-family: "GT Walsheim", sans-serif;
  font-size: 20px;
}

.field .autofill-st {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  transform: translateY(-10px);
  padding-top: 10px;
  font-size: 20px;
}

.instant-play {
  padding-bottom: 33px;
  display: grid;
  min-width: 320px;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

@media (min-width: 840px) {
  .instant-play {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .instant-play {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.side-nav {
  --transitionDuration: 0.3s;
  transition: background-color var(--transitionDuration) linear;
  width: 264px;
  min-width: 264px;
  padding: 36px;
  background: #1F313C;
  height: 100%;
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.side-nav .skip_nav {
  top: -75px;
  left: 44px;
}

.side-nav .skip_nav:focus {
  top: -32px;
}

.side-nav__close-btn {
  transition: background 0.2s linear;
  width: 18px;
  height: 18px;
  margin-right: 30px;
  background: url(/static/img/therapeutics/close_icon_white.svg) center no-repeat;
  display: none;
}

@media screen and (max-width: 1279px) {
  .side-nav__close-btn {
    display: block;
  }
}

.side-nav__header {
  display: flex;
  align-items: center;
  padding-bottom: 10.8rem;
}

.side-nav__header .kabinet-logo path {
  fill: #FFFFFF;
}

@media screen and (max-width: 1679px) {
  .side-nav__header {
    padding-bottom: 10rem;
  }
}

.side-nav__logo-container {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .side-nav__logo-container {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .side-nav__logo-container {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
}

.side-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-nav__header,
.side-nav__list {
  transition: transform var(--transitionDuration) linear;
  transform: translateX(0px);
}

.side-nav__item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.side-nav__item:last-child {
  margin-bottom: 0;
}

.side-nav__item-icon {
  width: 22px;
  height: 22px;
  margin-right: 21px;
}

.side-nav__item-link {
  margin-right: 12px;
  flex-grow: 1;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .side-nav__item-link {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .side-nav__item-link {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.side-nav__item-link:not(.active) {
  opacity: 0.5;
}

.side-nav__item-link:hover {
  opacity: 1;
  color: #FFFFFF;
}

.side-nav__burger-container {
  position: absolute;
  z-index: 9990;
  display: none;
  right: 0;
  transition: right 0.3s ease;
}

.side-nav-container {
  transition: margin-left 0.3s ease;
}

@media screen and (max-width: 1279px) {
  .side-nav-container {
    margin-left: -265px;
    position: absolute;
    z-index: 12;
    height: 100%;
  }
}

@media screen and (max-width: 1279px) {
  .side-nav-container:not(.show) {
    margin-left: -265px;
  }
}

@media screen and (max-width: 1279px) {
  .side-nav-container:not(.show) .side-nav__burger-container {
    display: block;
    right: -170px;
  }
}

@media screen and (max-width: 1279px) {
  .parent-container.show-sidenav .side-nav-container {
    margin-left: 0;
  }

  .parent-container.show-sidenav .side-nav-container .side-nav__overlay {
    transition: 0.2s;
    position: absolute;
    width: calc(100vw + 265px);
    height: 100%;
    background: #1F313C;
    mix-blend-mode: multiply;
    opacity: 0.9;
    top: 0;
  }
}

.parent-container.show-sidenav .side-nav__burger-wrapper {
  display: none;
}

.skip_nav {
  color: #000000;
  transition: top 0.15s linear;
  background: #ffffff !important;
  border: solid 1px #000000;
  position: fixed;
  top: -75px;
  left: 20px;
  padding: 5px 15px;
  text-align: left;
  font-size: 12pt;
  height: auto;
  border-radius: 0;
  width: -moz-max-content;
  width: max-content;
}

.skip_nav:focus {
  top: -32px;
  z-index: 10000;
  outline-offset: 0;
  outline: 4px solid var(--color_primary_cta);
}

.skip_nav:hover {
  outline: 4px solid #000;
}

.bottom_text_container {
  margin-top: auto;
  font-size: 2rem;
  line-height: 2.1rem;
  font-weight: 300;
  color: #FFFFFF;
}

.side-nav__logo-container .side-nav__logo {
  text-decoration: none;
  display: block;
}

.side-nav__logo-container .side-nav__logo--text-gray {
  color: rgba(255, 255, 255, 0.5);
}

.side-nav__logo-container .side-nav__logo--text-white {
  color: #FFFFFF;
}

html[data-wcag-enabled=true] .side-nav__logo-container .side-nav__logo:focus-visible {
  outline: 4px solid #fff;
}

.side-nav__burger {
  min-width: 48px;
  height: 48px;
  transition: background 0.2s linear;
  background: url(/static/img/therapeutics/side-bar-burger.svg) center no-repeat;
  margin-right: 12px;
  stroke: #1F313C;
  top: 2.6rem;
}

.side-nav__burger-wrapper.light .kabinet-logo path {
  fill: #FFFFFF;
}

.side-nav__burger-wrapper {
  display: flex;
  align-items: center;
}

.side-nav__burger-happify {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .side-nav__burger-happify {
    font-size: 18px;
    line-height: 24px;
  }
}

.side-nav__burger-kabinet {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .side-nav__burger-kabinet {
    font-size: 18px;
    line-height: 24px;
  }
}

.listbox {
  --listbox-width: 339px;
  width: var(--listbox-width);
  list-style: none;
  padding: 0;
  margin: 4px 0;
  border-top: 0;
  color: rgba(31, 49, 60, 0.6);
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
  z-index: 999;
  background: #FFFFFF;
}

.listbox__container {
  position: relative;
}

.listbox-option {
  position: relative;
  padding: 15px 24px;
  background: #FFFFFF;
  cursor: pointer;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .listbox-option {
    font-size: 16px;
    line-height: 19px;
  }
}

.listbox-option.focused {
  color: #1F313C;
  outline: 1px solid #000;
  outline-offset: -2px;
}

.listbox-option.focused::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("/static/img/therapeutics/check_mark.svg") no-repeat center;
  position: absolute;
  top: 33%;
  right: 18px;
}

.listbox-option:hover {
  background-color: #E9EAEB;
}

.listbox-option.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.listbox-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  width: 100%;
  max-width: var(--listbox-width);
  height: 70px;
  line-height: 70px;
  background: #FFFFFF;
  padding-left: 16px;
  color: #1F313C;
  position: relative;
  border-radius: var(--button_border_radius);
}

.listbox-button--with-label {
  padding-top: 10px;
}

.listbox-button.open {
  outline: 1px solid rgba(31, 49, 60, 0.6) !important;
}

.listbox-button-label {
  position: absolute;
  color: rgba(31, 49, 60, 0.6);
  top: 20px;
  left: 16px;
  cursor: pointer;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1679px) {
  .listbox-button-label {
    font-size: 18px;
    line-height: 24px;
  }
}

.listbox-button:disabled {
  opacity: 0.5;
}

.listbox-button:after {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: solid #1F313C;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg) translate(-50%, -50%);
  right: 20px;
  top: 50%;
}

.listbox-button[data-is_selected=true] ~ .listbox-button-label {
  transform: translateY(-12px);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.listbox-button.open:after {
  transform: rotate(225deg);
}

.listbox__select {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.listbox-button:disabled + .listbox__select {
  pointer-events: none;
}

@media (min-width: 768px) {
  .listbox__select {
    display: none;
  }
}

@media screen and (max-width: 1679px) {
  .listbox {
    --listbox-width: 177px;
  }
}

[data-style-id=y97pq1eukt] .textarea__container {
  position: relative;
  width: 100%;
}

[data-style-id=y97pq1eukt] .textarea__input {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  transition: box-shadow 0.5s ease;
  color: #1F313C;
  border: none;
  min-height: 90px;
  width: 100%;
  padding: 0 16px 24px;
  border-top: 35px solid transparent;
  resize: none;
  box-shadow: 0 0 0 1px #fff;
  border-radius: var(--button_border_radius);
}

[data-style-id=y97pq1eukt] .textarea__input::-webkit-resizer {
  background-image: url(/static/img/therapeutics/textarea_grub_icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
}

[data-style-id=y97pq1eukt] .textarea__input:not([data-style-id=y97pq1eukt] .textarea__input:-moz-placeholder) ~ .textarea__placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

[data-style-id=y97pq1eukt] .textarea__input:not([data-style-id=y97pq1eukt] .textarea__input:placeholder-shown) ~ .textarea__placeholder,
[data-style-id=y97pq1eukt] .textarea__input:focus ~ .textarea__placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

[data-style-id=y97pq1eukt] .textarea__input::-moz-placeholder {
  opacity: 0;
}

[data-style-id=y97pq1eukt] .textarea__input::placeholder {
  opacity: 0;
}

[data-style-id=y97pq1eukt] .textarea__input--resize {
  resize: vertical;
}

[data-style-id=y97pq1eukt] .textarea__placeholder {
  transition: all 0.5s;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: rgba(31, 49, 60, 0.6);
  position: absolute;
  left: 17px;
  top: 10px;
}

[data-style-id=y97pq1eukt] .textarea__label {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
  margin-bottom: 1.8rem;
}

@media screen and (max-width: 1679px) {
  [data-style-id=y97pq1eukt] .textarea__label {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1279px) {
  [data-style-id=qot1gve0qn] .search-bar {
    width: 297px;
  }
}

[data-style-id=qot1gve0qn] .search-bar {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  border: 1px solid rgba(31, 49, 60, 0.1);
  border-radius: 100px;
  padding: 14px 18px 14px 20px;
  background: #fff;
  min-width: 150px;
}

[data-style-id=qot1gve0qn] .search-bar:hover,
[data-style-id=qot1gve0qn] .search-bar:focus-within {
  border-color: rgba(31, 49, 60, 0.6);
}

[data-style-id=qot1gve0qn] .search-bar__search-icon {
  width: 21px;
  height: 18px;
  background-image: url(/static/img/therapeutics/zoom_icon.svg);
  background-repeat: no-repeat;
  margin-right: 15px;
  flex-shrink: 0;
}

[data-style-id=qot1gve0qn] .search-bar__clear-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  transition: all 0.5s ease;
  margin-bottom: 2px;
  margin-left: 43px;
  color: #1F313C;
}

[data-style-id=qot1gve0qn] .search-bar__clear-button:hover {
  color: rgba(31, 49, 60, 0.6);
}

[data-style-id=qot1gve0qn] .search-bar__input {
  border: none;
  box-shadow: 0 0 0 1000px #fff inset;
  outline: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  color: #1F313C !important;
  background: #fff !important;
}

[data-style-id=qot1gve0qn] .search-bar__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

@media screen and (max-width: 1679px) {
  [data-style-id=qot1gve0qn] .search-bar__input {
    font-size: 16px;
    line-height: 19px;
  }
}

[data-style-id=qot1gve0qn] .search-bar__input:focus {
  border-color: rgba(31, 49, 60, 0.6);
}

[data-style-id=qot1gve0qn] .search-bar__input::-moz-placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  border-color: rgba(31, 49, 60, 0.6);
}

[data-style-id=qot1gve0qn] .search-bar__input::placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  border-color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  [data-style-id=qot1gve0qn] .search-bar__input::-moz-placeholder {
    font-size: 16px;
    line-height: 19px;
  }

  [data-style-id=qot1gve0qn] .search-bar__input::placeholder {
    font-size: 16px;
    line-height: 19px;
  }
}

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

.therapeutics-badge-view {
  display: inline;
}

.therapeutics-badge {
  display: inline-flex;
  background: #FFFFFF;
  color: #1F313C;
  fill: #1F313C;
  stroke: #1F313C;
  font-size: 1.2rem;
  padding: 0.5rem;
  width: auto;
  min-width: 1.9rem;
  height: 1.9rem;
  border-radius: 1.45rem;
  justify-content: center;
  align-items: center;
}

.therapeutics-badge__image {
  width: 100%;
  height: auto;
}

.therapeutics-badge--white {
  background: #FFFFFF;
  color: #1F313C;
  fill: #1F313C;
  stroke: #1F313C;
}

.therapeutics-badge--blue {
  background: #1F313C;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.therapeutics-badge--accent {
  background: #F24C00;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.therapeutics-badge--small {
  padding: 0.45rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  min-width: 1.6rem;
}

.therapeutics-badge--small__image {
  display: none;
}

.therapeutics-badge--normal {
  font-size: 1.2rem;
  padding: 0.5rem;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 1.45rem;
}

.therapeutics-badge--big {
  font-size: 1.4rem;
  padding: 0.5rem;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 1rem;
}

.therapeutics-badge--large {
  font-size: 1.8rem;
  padding: 1.1rem;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 2.1rem;
  min-width: 4.2rem;
}

.therapeutics-badge--extra-large {
  font-size: 1.8rem;
  padding: 1.1rem;
  width: 72px;
  height: 72px;
  border-radius: 36px;
  min-width: 72px;
}

.time-picker {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.time-picker .listbox__container {
  width: 100%;
  margin: 0 2px;
}

.therapeutics-checkbox {
  display: inline-block;
  position: relative;
}

.therapeutics-checkbox__wrap {
  display: flex;
  align-content: flex-start;
  transition: all 0.3s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
}

.therapeutics-checkbox__wrap:active {
  outline: 4px solid #f24c00ff;
}

.therapeutics-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.therapeutics-checkbox__custom {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(31, 49, 60, 0.6);
  border-radius: 50%;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.therapeutics-checkbox__custom svg {
  opacity: 0;
  transition: all 0.3s ease;
}

.therapeutics-checkbox__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-left: 18px;
  flex: 1;
  transition: color 0.3s ease;
}

@media screen and (max-width: 1679px) {
  .therapeutics-checkbox__title {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-checkbox input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__custom {
  color: #fff;
  background: #1F313C;
}

.therapeutics-checkbox input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__custom svg {
  transform: translate(3px, 3px);
  opacity: 1;
}

.therapeutics-checkbox .therapeutics-checkbox__input:focus-visible + label {
  outline-offset: 1px;
  outline: var(--color_primary_cta) 1px solid;
}

.therapeutics-list-items {
  padding-left: 0;
  list-style: none;
}

.therapeutics-list-items__item {
  width: 100%;
  padding: 0;
  background: #FFFFFF;
}

.therapeutics-list-items__item a {
  text-decoration: none;
  color: #1F313C;
  position: relative;
}

.therapeutics-list-items__item a > * {
  pointer-events: none;
}

.therapeutics-list-items__item input[type="radio"] {
  display: block !important;
  width: 1px;
  position: absolute;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .therapeutics-list-items__item {
    width: 95%;
  }
}

.therapeutics-list-items__item:nth-child(n + 2) {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .therapeutics-list-items__item:nth-child(n + 2) {
    margin-top: 2px;
  }
}

.therapeutics-list-items__item.active {
  background: linear-gradient(100.54deg, #F24C00 -139.64%, #FFFFFF 115.02%);
}

.therapeutics-list-items__item .therapeutics-checkbox {
  width: 100%;
}

.therapeutics-list-items__radio {
  position: relative;
}

.therapeutics-list-items__icon {
  margin-right: 18px;
}

.therapeutics-list-items__notification {
  min-width: 19px;
  height: 19px;
  padding: 5px;
  border-radius: 15px;
  background-color: #F24C00;
  position: absolute;
  right: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}

.therapeutics-list-items__wrap,
.therapeutics-list-items__menu-item,
.therapeutics-list-items__button-item,
.therapeutics-list-items .therapeutics-checkbox__wrap,
.therapeutics-list-items .therapeutics-list-items__radio-wrap {
  min-height: 72px;
  width: 100%;
  padding: 5px 18px;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-items__wrap,
  .therapeutics-list-items__menu-item,
  .therapeutics-list-items__button-item,
  .therapeutics-list-items .therapeutics-checkbox__wrap,
  .therapeutics-list-items .therapeutics-list-items__radio-wrap {
    min-height: 6rem;
  }
}

.therapeutics-list-items .therapeutics-list-items__radio-wrap {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.therapeutics-list-items .therapeutics-list-items__radio-wrap .therapeutics-list-items__radio-title {
  width: 100%;
  position: relative;
}

.therapeutics-list-items .therapeutics-list-items__radio-wrap .therapeutics-list-items__icon {
  width: 32px;
  position: absolute;
  right: 0;
  margin: 0;
}

.therapeutics-list-items__radio-sub-title {
  padding-right: 42px;
  margin-top: 6px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-items__radio-sub-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-list-items__title,
.therapeutics-list-items .therapeutics-checkbox__title,
.therapeutics-list-items .therapeutics-list-items__radio-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-items__title,
  .therapeutics-list-items .therapeutics-checkbox__title,
  .therapeutics-list-items .therapeutics-list-items__radio-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.therapeutics-list-items__radio-wrap,
.therapeutics-list-items__menu-item {
  cursor: pointer;
}

.therapeutics-list-items input[type="radio"]:checked + .therapeutics-list-items__radio-wrap,
.therapeutics-list-items .therapeutics-checkbox input[type="checkbox"]:checked + .therapeutics-checkbox__wrap,
.therapeutics-list-items__button-item.therapeutics-list-items__button-item--selected {
  background: linear-gradient(100.54deg, #F24C00 -139.64%, #FFFFFF 115.02%);
}

.therapeutics-list-items__item--small-text .therapeutics-checkbox__title,
.therapeutics-list-items__item--small-text .therapeutics-list-items__title,
.therapeutics-list-items__item--small-text .therapeutics-list-items__radio-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-items__item--small-text .therapeutics-checkbox__title,
  .therapeutics-list-items__item--small-text .therapeutics-list-items__title,
  .therapeutics-list-items__item--small-text .therapeutics-list-items__radio-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-list-items .therapeutics-list-items__radio:focus-within {
  outline: 1px solid;
}

.therapeutics-list-items input[type="radio"]:focus-visible + .therapeutics-list-items__radio-wrap {
  border: 1px solid;
}

.therapeutics-list-checkbox-items {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.8rem 1.2rem;
}

.therapeutics-list-checkbox-items li {
  flex-shrink: 0;
}

.therapeutics-list-checkbox-items .pill .therapeutics-checkbox__input {
  width: 100%;
  height: 100%;
}

.therapeutics-list-checkbox-items .therapeutics-checkbox__pill--small {
  padding: 0.3rem 1.2rem;
  height: 24px;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.therapeutics-list-checkbox-items .therapeutics-checkbox__pill--medium {
  padding: 0.6rem 1.8rem;
  height: 36px;
  line-height: 2.4rem;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-checkbox-items .therapeutics-checkbox__pill--medium {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-list-checkbox-items .therapeutics-checkbox__pill--large {
  padding: 0.9rem 1.8rem;
  height: 42px;
  line-height: 2.4rem;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-checkbox-items .therapeutics-checkbox__pill--large {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-list-checkbox-items .therapeutics-checkbox {
  height: 100%;
  width: 100%;
}

.therapeutics-list-checkbox-items .therapeutics-checkbox__wrap {
  color: #1F313C;
  background: #E8E5E2;
  border-radius: 10rem;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.therapeutics-list-checkbox-items .therapeutics-checkbox input[type="checkbox"]:checked + .therapeutics-checkbox__wrap {
  stroke: #1F313C;
  background: #FFFFFF none;
}

.therapeutics-list-checkbox-items__icon {
  margin-right: 18px;
}

.therapeutics-list-checkbox-items__item--small-text .therapeutics-checkbox__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-list-checkbox-items__item--small-text .therapeutics-checkbox__title {
    font-size: 16px;
    line-height: 19px;
  }
}

.track-recommender {
  width: 100%;
  height: 100%;
}

.track-recommender__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #F24C00;
  color: #FFFFFF;
  padding: 24px;
  border-radius: 18px;
  align-items: flex-start;
}

.track-recommender__container.track-recommender__container--heritage-blue {
  background-color: #1F313C;
}

.track-recommender__container.track-recommender__container--orange {
  background-color: #F24C00;
}

.track-recommender__title {
  margin-bottom: 12px;
}

.track-recommender__text {
  margin-bottom: 24px;
}

[data-style-id=dohjh37r79] .radio-button {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  transition: all 0.3s ease;
  color: rgba(31, 49, 60, 0.6);
  cursor: default;
  outline: none;
  position: relative;
  border: 1px solid transparent;
  padding: 10px 10px 10px 42px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=dohjh37r79] .radio-button {
    font-size: 16px;
    line-height: 19px;
  }
}

[data-style-id=dohjh37r79] .radio-button--horizontal {
  display: inline-block;
}

[data-style-id=dohjh37r79] .radio-button::before,
[data-style-id=dohjh37r79] .radio-button::after {
  position: absolute;
  top: 22px;
  left: 0;
  transform: translate(10px, -50%);
  content: '';
}

[data-style-id=dohjh37r79] .radio-button.check-mark[aria-checked="true"]::after {
  background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.3333 1.6665L4.68209 12.3318L1.66797 9.31772' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: -5px;
  width: 24px;
  height: 24px;
}

[data-style-id=dohjh37r79] .radio-button::before {
  transition: all 0.3s ease;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(31, 49, 60, 0.6);
  border-radius: 100%;
  background: transparent;
}

[data-style-id=dohjh37r79] .radio-button:active::before {
  border-color: rgba(31, 49, 60, 0.8);
  background-image: linear-gradient(to bottom, rgba(31, 49, 60, 0.6), rgba(31, 49, 60, 0.6) 60%);
}

[data-style-id=dohjh37r79] .radio-button:hover::before {
  border-color: rgba(31, 49, 60, 0.8);
}

[data-style-id=dohjh37r79] .radio-button[aria-checked="true"]::before {
  border-color: #1F313C;
}

[data-style-id=dohjh37r79] .radio-button::after {
  transition: all 0.1s ease;
  display: block;
  width: 0;
  height: 0;
  left: 12px;
  border-radius: 20%;
}

[data-style-id=dohjh37r79] .radio-button[aria-checked="true"]::after {
  left: 3px;
  width: 18px;
  height: 18px;
  background: #1F313C;
  border-radius: 100%;
}

[data-style-id=dohjh37r79] .radio-button[aria-checked="mixed"]:active::before,
[data-style-id=dohjh37r79] .radio-button[aria-checked="true"]:active::before {
  background-image: linear-gradient(to bottom, rgba(31, 49, 60, 0.6), rgba(31, 49, 60, 0.6) 60%);
}

[data-style-id=dohjh37r79] .radio-button:focus {
  border-color: rgba(31, 49, 60, 0.6);
  background-color: rgba(31, 49, 60, 0.2);
}

[data-style-id=dohjh37r79] .radio-button:hover {
  background-color: rgba(31, 49, 60, 0.2);
}

[data-style-id="r26vlldjw4"] .medal {
  position: relative;
  display: inline-block;
  color: #fff;
}

[data-style-id="r26vlldjw4"] .medal__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[data-style-id="r26vlldjw4"] .medal__arc {
  transform: rotate(-90deg);
}

[data-style-id="r26vlldjw4"] .medal__arc circle {
  fill: none;
  stroke: rgba(255, 255, 255, 0.2);
}

[data-style-id="r26vlldjw4"] .medal__arc circle + circle {
  stroke: currentColor;
}

[data-style-id="r26vlldjw4"] .medal__badge {
  position: absolute;
  font-size: 0;
  top: -2px;
  right: -2px;
}

[data-style-id="r26vlldjw4"] .medal--small {
  height: 4rem;
  width: 4rem;
}

[data-style-id="r26vlldjw4"] .medal--small .medal__arc {
  height: 4rem;
  width: 4rem;
}

[data-style-id="r26vlldjw4"] .medal--small .medal__arc circle {
  stroke-width: 0.825;
}

[data-style-id="r26vlldjw4"] .medal--small .medal__icon svg {
  height: 2.4rem;
  width: 2.4rem;
  stroke-width: 0.35rem;
}

[data-style-id="r26vlldjw4"] .medal--medium {
  height: 7.2rem;
  width: 7.2rem;
}

[data-style-id="r26vlldjw4"] .medal--medium .medal__arc {
  height: 7.2rem;
  width: 7.2rem;
}

[data-style-id="r26vlldjw4"] .medal--medium .medal__arc circle {
  stroke-width: 1;
}

[data-style-id="r26vlldjw4"] .medal--medium .medal__icon svg {
  height: 3.6rem;
  width: 3.6rem;
  stroke-width: 0.3rem;
}

[data-style-id="r26vlldjw4"] .medal--large {
  height: 15.4rem;
  width: 15.4rem;
}

[data-style-id="r26vlldjw4"] .medal--large .medal__arc {
  height: 15.4rem;
  width: 15.4rem;
}

[data-style-id="r26vlldjw4"] .medal--large .medal__arc circle {
  stroke-width: 0.44;
}

[data-style-id="r26vlldjw4"] .medal--large .medal__icon svg {
  height: 7.8rem;
  width: 7.8rem;
  stroke-width: 0.15rem;
}

@media screen and (max-width: 1679px) {
  [data-style-id="r26vlldjw4"] .medal--desktop-small {
    height: 4rem !important;
    width: 4rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-small .medal__arc {
    height: 4rem !important;
    width: 4rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-small .medal__arc circle {
    stroke-width: 0.825 !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-small .medal__icon svg {
    height: 2.4rem !important;
    width: 2.4rem !important;
    stroke-width: 0.35rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-small .therapeutics-badge {
    padding: 0.45rem !important;
    height: 1.6rem !important;
    width: 1.6rem !important;
    border-radius: 0.8rem !important;
    min-width: 1.6rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-medium {
    height: 7.2rem !important;
    width: 7.2rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-medium .medal__arc {
    height: 7.2rem !important;
    width: 7.2rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-medium .medal__arc circle {
    stroke-width: 1 !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-medium .medal__icon svg {
    height: 3.6rem !important;
    width: 3.6rem !important;
    stroke-width: 0.3rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-medium .therapeutics-badge {
    padding: 0.5rem !important;
    height: 2rem !important;
    width: 2rem !important;
    min-width: 2rem !important;
    font-size: 1.4rem !important;
    border-radius: 1rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-large {
    height: 15.4rem !important;
    width: 15.4rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-large .medal__arc {
    height: 15.4rem !important;
    width: 15.4rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-large .medal__arc circle {
    stroke-width: 0.44 !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-large .medal__icon svg {
    height: 7.8rem !important;
    width: 7.8rem !important;
    stroke-width: 0.15rem !important;
  }

  [data-style-id="r26vlldjw4"] .medal--desktop-large .therapeutics-badge {
    padding: 1.1rem !important;
    height: 4.2rem !important;
    width: 4.2rem !important;
    min-width: 4.2rem !important;
    font-size: 1.8rem !important;
    border-radius: 2.1rem !important;
  }
}

[data-style-id="r26vlldjw4"] .medal--silver .medal__arc {
  color: #fff;
}

[data-style-id="r26vlldjw4"] .medal--gold .medal__arc,
[data-style-id="r26vlldjw4"] .medal--gold .medal__icon {
  color: #FFDF6E;
}

[data-style-id="r26vlldjw4"] .medal--outline {
  border-radius: 50%;
}

[data-style-id="r26vlldjw4"] .medal--outline.medal--silver::before,
[data-style-id="r26vlldjw4"] .medal--outline.medal--gold::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: #fff;
}

[data-style-id="r26vlldjw4"] .medal--outline.medal--gold::before {
  background: #FFDF6E;
}

[data-style-id="r26vlldjw4"] .medal--outline .medal__icon {
  color: #000;
}

[data-style-id="r26vlldjw4"] .medal--outline .medal__arc {
  display: none;
}

[data-style-id="r26vlldjw4"] .medal--animated .medal__arc {
  display: block;
}

[data-style-id="r26vlldjw4"] .medal--animated .medal__arc circle {
  animation: opacity_0-100 0.1s 1s reverse both;
  opacity: 0;
}

[data-style-id="r26vlldjw4"] .medal--animated .medal__arc circle + circle {
  animation: stroke-dasharray_0-100 1s both, opacity_0-100 0.1s 1s reverse both;
  opacity: 0;
  stroke: #fff;
}

[data-style-id="r26vlldjw4"] .medal--animated .medal__badge {
  animation: opacity_0-100 0.5s 2.5s both;
}

[data-style-id="r26vlldjw4"] .medal--animated .medal__icon {
  animation: color_fff-000 1s 1s both;
}

[data-style-id="r26vlldjw4"] .medal--animated.medal--silver::before {
  animation: opacity_0-100 1s 1s both;
}

[data-style-id="r26vlldjw4"] .medal--animated.medal--gold::before {
  animation: opacity_0-100 1s 1s both;
}

[data-style-id=f8yjk4zav3] .track-section {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  color: #fff;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section .therapeutics-pill--medium {
    padding: 0.3rem 1.2rem;
    height: 24px;
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}

[data-style-id=f8yjk4zav3] .track-section__common {
  flex-grow: 1;
  background: #1F313C;
  border-radius: 18px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__common {
    padding: 24px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__common .track-section__title {
  cursor: pointer;
}

[data-style-id=f8yjk4zav3] .track-section__extend {
  display: none;
  flex-shrink: 0;
  background: #F24C00;
  border-radius: 0 18px 18px 0;
  padding: 36px;
  max-width: 310px;
}

[data-style-id=f8yjk4zav3] .track-section__extend-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__extend-title {
    font-size: 18px;
    line-height: 24px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__extend-message {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__extend-message {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__extend {
    padding: 24px;
    max-width: 220px;
  }

  [data-style-id=f8yjk4zav3] .track-section__extend .medal {
    height: 2.4rem;
    width: 2.4rem;
  }

  [data-style-id=f8yjk4zav3] .track-section__extend .medal svg {
    transform: scale(0.6);
  }
}

[data-style-id=f8yjk4zav3] .track-section__silver-block-go-for-gold {
  margin-bottom: 20px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__silver-block-go-for-gold {
    margin-bottom: 12px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__silver-block-buttons {
  margin-top: 12px;
}

@media screen and (max-width: 1023px) {
  [data-style-id=f8yjk4zav3] .track-section__silver-block-buttons {
    display: flex;
  }

  [data-style-id=f8yjk4zav3] .track-section__silver-block-buttons .track-section__silver-block-go-for-gold {
    margin: 0 18px 0 0;
  }
}

[data-style-id=f8yjk4zav3] .track-section__info {
  cursor: pointer;
  padding-left: 15px;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__info img {
    width: 30px;
    height: 30px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__title {
    font-size: 24px;
    line-height: 30px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__title:empty {
  min-width: 300px;
  max-width: 300px;
  height: 39.24px;
  background: #42687f;
  border-radius: 30px;
}

[data-style-id=f8yjk4zav3] .track-section__title:focus-visible {
  outline: 4px solid #fff;
}

[data-style-id=f8yjk4zav3] .track-section__creator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 52px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__creator {
    margin-bottom: 31px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__creator-avatar {
  width: 24px;
  height: 24px;
  background: #42687f;
  border-radius: 50%;
  margin-right: 9px;
}

[data-style-id=f8yjk4zav3] .track-section__creator-name {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__creator-name {
    font-size: 16px;
    line-height: 19px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__creator-name:empty {
  min-width: 100px;
  max-width: 100px;
  height: 18px;
  margin: 3px 0;
  background: #42687f;
  border-radius: 30px;
}

[data-style-id=f8yjk4zav3] .track-section__pills {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__pills {
    font-size: 16px;
    line-height: 19px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__pill-mock {
  min-width: 250px;
  max-width: 250px;
  height: 30px;
  background: #42687f;
  border-radius: 30px;
  height: 32px;
}

[data-style-id=f8yjk4zav3] .track-section__medal-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__medal-area {
    margin-top: -7px;
  }
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__medal .medal,
  [data-style-id=f8yjk4zav3] .track-section__medal .medal__arc {
    height: 6rem;
    width: 6rem;
  }

  [data-style-id=f8yjk4zav3] .track-section__medal .medal__icon--medium svg {
    height: 3rem;
    width: 3rem;
  }
}

[data-style-id=f8yjk4zav3] .track-section__medal-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 3px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__medal-title {
    font-size: 18px;
    line-height: 24px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__medal-title:empty {
  min-width: 250px;
  max-width: 250px;
  height: 30px;
  background: #42687f;
  border-radius: 30px;
}

[data-style-id=f8yjk4zav3] .track-section__medal-completion {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1679px) {
  [data-style-id=f8yjk4zav3] .track-section__medal-completion {
    font-size: 16px;
    line-height: 19px;
  }
}

[data-style-id=f8yjk4zav3] .track-section__medal-completion:empty {
  min-width: 100px;
  max-width: 100px;
  height: 18px;
  margin: 3px 0;
  background: #42687f;
  border-radius: 30px;
}

[data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__common {
  border-radius: 18px 0 0 18px;
}

[data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__extend {
  display: block;
}

[data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__extend a {
  color: initial;
}

@media screen and (max-width: 1023px) {
  [data-style-id=f8yjk4zav3] .track-section {
    flex-direction: column;
  }

  [data-style-id=f8yjk4zav3] .track-section__extend {
    border-radius: 0 0 18px 18px;
    max-width: unset;
  }

  [data-style-id=f8yjk4zav3] .track-section.track-section--extend .track-section__common {
    border-radius: 18px 18px 0 0;
  }
}

[data-style-id=a8deghjkl3] .track-section {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  color: #1F313C;
}

[data-style-id=a8deghjkl3] .track-section__common {
  flex-grow: 2;
  margin-right: 12.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[data-style-id=a8deghjkl3] .track-section__extend {
  flex-grow: 1;
  flex-basis: 300px;
  display: none;
  width: -moz-min-content;
  width: min-content;
  background: #1F313C;
  color: #FFFFFF;
  border-radius: 18px;
  padding: 36px;
}

[data-style-id=a8deghjkl3] .track-section__extend-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=a8deghjkl3] .track-section__extend-title {
    font-size: 18px;
    line-height: 24px;
  }
}

[data-style-id=a8deghjkl3] .track-section__extend-message {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=a8deghjkl3] .track-section__extend-message {
    font-size: 16px;
    line-height: 19px;
  }
}

[data-style-id=a8deghjkl3] .track-section__extend-message a {
  color: #FFFFFF;
}

[data-style-id=a8deghjkl3] .track-section__silver-block-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}

[data-style-id=a8deghjkl3] .track-section__silver-block-buttons .track-section__silver-block-go-for-gold {
  margin: 2px 18px 2px 0;
}

[data-style-id=a8deghjkl3] .track-section__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  margin-bottom: 19px;
}

@media screen and (max-width: 1679px) {
  [data-style-id=a8deghjkl3] .track-section__title {
    font-size: 24px;
    line-height: 30px;
  }
}

[data-style-id=a8deghjkl3] .track-section__title:empty {
  min-width: 300px;
  max-width: 300px;
  height: 39.24px;
  background: #42687f;
  border-radius: 30px;
}

[data-style-id=a8deghjkl3] .track-section__medal-title {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 36px;
  margin-bottom: 13px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

[data-style-id=a8deghjkl3] .track-section__medal-title:empty {
  min-width: 250px;
  max-width: 250px;
  height: 30px;
  background: #42687f;
  border-radius: 30px;
}

[data-style-id=a8deghjkl3] .track-section__medal-title:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/static/img/therapeutics/medal_small_icon.svg");
}

[data-style-id=a8deghjkl3] .track-section__part-title {
  display: flex;
  align-items: center;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

[data-style-id=a8deghjkl3] .track-section__part-title-pill {
  margin-left: 18px;
}

[data-style-id=a8deghjkl3] .track-section__progress_container {
  margin-top: 36px;
}

[data-style-id=a8deghjkl3] .track-section__start-part {
  margin-top: 39px;
}

[data-style-id=a8deghjkl3] .track-section.track-section--extend .track-section__extend {
  display: block;
}

.track-section-skeleton {
  padding: 33px 0;
}

.track-section-skeleton__title {
  margin-bottom: 18px;
  height: 39px;
  width: 700px;
  background: #c4c4c4;
}

.track-section-skeleton__block1 {
  margin-right: 18px;
  margin-bottom: 36px;
  height: 24px;
  width: 345px;
  background: #c4c4c4;
}

.track-section-skeleton__block2 {
  height: 24px;
  width: 95px;
  background: #c4c4c4;
}

.track-section-skeleton__block3 {
  margin-right: 12px;
  margin-bottom: 8px;
  height: 24px;
  width: 24px;
  background: #c4c4c4;
}

.track-section-skeleton__block4 {
  height: 24px;
  width: 284px;
  background: #c4c4c4;
}

.track-section-skeleton__block5 {
  height: 20px;
  width: 727px;
  background: #c4c4c4;
}

.therapeutics-pill-view {
  display: inline-block;
}

.therapeutics-pill {
  padding: 0.3rem 1.2rem;
  display: inline-block;
  min-height: 2.4rem;
  min-width: 2rem;
  font-size: 1.2rem;
  border-radius: 10rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.therapeutics-pill--button {
  border: 0;
  align-items: center;
  justify-content: space-between;
}

.therapeutics-pill--info {
  border: 0;
  align-items: center;
  justify-content: space-between;
}

.therapeutics-pill--link {
  display: block;
  cursor: pointer;
  text-decoration: none;
}

.therapeutics-pill__content {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.therapeutics-pill__background-filter {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
  filter: blur(4rem);
}

.therapeutics-pill__text {
  display: flex;
  align-items: center;
  white-space: nowrap;
  order: 2;
}

.therapeutics-pill__icon {
  display: flex;
  align-items: center;
  flex-basis: 25%;
}

.therapeutics-pill__icon--left {
  margin-right: 0.6rem;
  order: 1;
}

.therapeutics-pill__icon--right {
  margin-left: auto;
  padding-left: 0.6rem;
  order: 3;
}

.therapeutics-pill--small {
  padding: 0.3rem 1.2rem;
  height: 24px;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

@media screen and (max-width: 1679px) {
  .therapeutics-pill--desktop-small {
    padding: 0.3rem 1.2rem !important;
    height: 24px !important;
    font-size: 1.2rem !important;
    line-height: 1.8rem !important;
  }
}

.therapeutics-pill--medium {
  padding: 0.6rem 1.8rem;
  height: 36px;
  line-height: 2.4rem;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-pill--medium {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-pill--desktop-medium {
    padding: 0.6rem 1.8rem !important;
    height: 36px !important;
    line-height: 2.4rem !important;
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) and screen and (max-width: 1679px) {
  .therapeutics-pill--desktop-medium {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-pill--large {
  padding: 0.9rem 1.8rem;
  height: 42px;
  line-height: 2.4rem;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-pill--large {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-pill--desktop-large {
    padding: 0.9rem 1.8rem !important;
    height: 42px !important;
    line-height: 2.4rem !important;
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) and screen and (max-width: 1679px) {
  .therapeutics-pill--desktop-large {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-pill--avatar {
  height: 48px;
  line-height: 2.4rem;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-pill--avatar {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-pill--wellness-gray {
  color: #1F313C;
  background-color: #F5F5F5;
  stroke: #1F313C;
}

.therapeutics-pill--wellness-gray:not(.therapeutics-pill--info):hover,
.therapeutics-pill--wellness-gray--hover {
  color: #1F313C;
  background: linear-gradient(0deg, rgba(31, 49, 60, 0.06), rgba(31, 49, 60, 0.06)), #F5F5F5;
}

.therapeutics-pill--wellness-gray:not(.therapeutics-pill--info):active,
.therapeutics-pill--wellness-gray--pressed {
  background: linear-gradient(0deg, rgba(31, 49, 60, 0.12), rgba(31, 49, 60, 0.12)), #F5F5F5;
}

.therapeutics-pill--wellness-gray[disabled],
.therapeutics-pill--wellness-gray--disabled {
  background-color: #F5F5F5 !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.therapeutics-pill--therapeutics-gray,
.therapeutics-pill--therapeutics-warm-gray {
  color: #1F313C;
  background-color: #E8E5E2;
  stroke: #1F313C;
}

.therapeutics-pill--therapeutics-gray:not(.therapeutics-pill--info):hover,
.therapeutics-pill--therapeutics-warm-gray:not(.therapeutics-pill--info):hover,
.therapeutics-pill--therapeutics-gray--hover,
.therapeutics-pill--therapeutics-warm-gray--hover {
  color: #1F313C;
  background: #E0DCD7;
}

.therapeutics-pill--therapeutics-gray:not(.therapeutics-pill--info):active,
.therapeutics-pill--therapeutics-warm-gray:not(.therapeutics-pill--info):active,
.therapeutics-pill--therapeutics-gray--pressed,
.therapeutics-pill--therapeutics-warm-gray--pressed {
  background-color: #D9D5D1;
}

.therapeutics-pill--therapeutics-gray[disabled],
.therapeutics-pill--therapeutics-warm-gray[disabled],
.therapeutics-pill--therapeutics-gray--disabled,
.therapeutics-pill--therapeutics-warm-gray--disabled {
  background-color: #E8E5E2 !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.therapeutics-pill--therapeutics-warm-gray {
  background: #EFEDEB;
}

.therapeutics-pill--white {
  color: #1F313C;
  background-color: #FFFFFF;
  stroke: #1F313C;
}

.therapeutics-pill--white:not(.therapeutics-pill--info):hover,
.therapeutics-pill--white--hover {
  color: #1F313C;
  background-color: #F9F9F9;
}

.therapeutics-pill--white:not(.therapeutics-pill--info):active,
.therapeutics-pill--white--pressed {
  background-color: #F5F5F5;
}

.therapeutics-pill--white[disabled],
.therapeutics-pill--white--disabled {
  background-color: #FFFFFF !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.therapeutics-pill--blue {
  color: #FFFFFF;
  background-color: #1F313C;
  stroke: #FFFFFF;
}

.therapeutics-pill--blue:not(.therapeutics-pill--info):hover,
.therapeutics-pill--blue--hover {
  color: #FFFFFF;
  background-color: #253A47;
}

.therapeutics-pill--blue:not(.therapeutics-pill--info):active,
.therapeutics-pill--blue--pressed {
  background-color: #2A4352;
}

.therapeutics-pill--blue[disabled],
.therapeutics-pill--blue--disabled {
  background-color: #1F313C !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.therapeutics-pill--dark-gray {
  color: #FFFFFF;
  background-color: #4f5555;
  backdrop-filter: blur(4px);
  stroke: #FFFFFF;
}

.therapeutics-pill--dark-gray:not(.therapeutics-pill--info):hover,
.therapeutics-pill--dark-gray--hover {
  color: #FFFFFF;
  opacity: 0.8;
}

.therapeutics-pill--dark-gray:not(.therapeutics-pill--info):active,
.therapeutics-pill--dark-gray--pressed {
  opacity: 0.7;
}

.therapeutics-pill--dark-gray--disabled {
  cursor: default !important;
  opacity: 0.5 !important;
}

.therapeutics-pill--blur {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.3);
  stroke: #FFFFFF;
  backdrop-filter: blur(4px);
}

.therapeutics-pill--blur:not(.therapeutics-pill--info):hover,
.therapeutics-pill--blur--hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.45);
}

.therapeutics-pill--blur:not(.therapeutics-pill--info):active,
.therapeutics-pill--blur--pressed {
  background: rgba(255, 255, 255, 0.6);
}

.therapeutics-pill--blur[disabled],
.therapeutics-pill--blur--disabled {
  background-color: rgba(255, 255, 255, 0.3) !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.therapeutics-pill--blur-dark-font {
  color: #1F313C;
  background: rgba(255, 255, 255, 0.3);
  stroke: #1F313C;
  backdrop-filter: blur(4px);
}

.therapeutics-pill--blur-dark-font:not(.therapeutics-pill--info):hover,
.therapeutics-pill--blur-dark-font--hover {
  background: rgba(255, 255, 255, 0.45);
}

.therapeutics-pill--blur-dark-font:not(.therapeutics-pill--info):active,
.therapeutics-pill--blur-dark-font--pressed {
  background: rgba(255, 255, 255, 0.6);
}

.therapeutics-pill--blur-dark-font[disabled],
.therapeutics-pill--blur-dark-font--disabled {
  background-color: rgba(255, 255, 255, 0.3) !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

.therapeutics-pill--lite-blue {
  color: #fff;
  background: rgba(31, 49, 60, 0.6);
  stroke: #fff;
}

.therapeutics-pill--lite-blue:not(.therapeutics-pill--info):hover,
.therapeutics-pill--lite-blue--hover {
  background: rgba(31, 49, 60, 0.9);
}

.therapeutics-pill--lite-blue:not(.therapeutics-pill--info):active,
.therapeutics-pill--lite-blue--pressed {
  background: #1F313C;
}

.therapeutics-pill--lite-blue[disabled],
.therapeutics-pill--lite-blue--disabled {
  background-color: rgba(31, 49, 60, 0.6) !important;
  opacity: 0.6 !important;
  cursor: default !important;
}

.therapeutics-pill--blur-avatar {
  color: #1F313C;
  background: rgba(255, 255, 255, 0.5);
  stroke: #1F313C;
  backdrop-filter: blur(10px);
}

.therapeutics-pill-icon {
  height: 12px;
  width: 12px;
}

.therapeutics-pill-icon--20 {
  height: 20px;
  width: 20px;
}

.background-image-for-pill {
  background: url('https://picsum.photos/1000/300');
}

.therapeutics-avatar {
  position: relative;
  height: 440px;
  width: 440px;
}

.therapeutics-avatar__border {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.therapeutics-avatar__chart {
  height: 440px;
  width: 440px;
  transform: rotate(-90deg);
}

.therapeutics-avatar__unit {
  fill: none;
  stroke-width: 1;
  animation-name: stroke-dasharray_0;
  animation-duration: 1.5s;
}

.therapeutics-avatar__unit[data-type="savor"] {
  stroke: #F8C3CC;
}

.therapeutics-avatar__unit[data-type="thank"] {
  stroke: #FFA370;
}

.therapeutics-avatar__unit[data-type="aspire"] {
  stroke: #D5EA9C;
}

.therapeutics-avatar__unit[data-type="give"] {
  stroke: #FFDF6E;
}

.therapeutics-avatar__unit[data-type="empathize"] {
  stroke: #FFDABC;
}

.therapeutics-avatar__unit[data-type="revive"] {
  stroke: #B7E2E7;
}

.therapeutics-avatar__photo {
  position: absolute;
  height: calc(100% - 48px);
  width: calc(100% - 48px);
  border-radius: 50%;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.therapeutics-avatar__photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.therapeutics-avatar__notifications {
  position: absolute;
  padding: 5px;
  display: flex;
  height: 19px;
  min-width: 19px;
  color: #FFFFFF;
  background-color: #F24C00;
  border-radius: 15px;
  top: -10px;
  right: -10px;
  justify-content: center;
  align-items: center;
}

.therapeutics-avatar--skills {
  height: 270px;
  width: 270px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-avatar--skills {
    width: 22rem;
    height: 22rem;
  }
}

.therapeutics-avatar--skills .therapeutics-avatar__chart {
  height: 270px;
  width: 270px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-avatar--skills .therapeutics-avatar__chart {
    width: 22rem;
    height: 22rem;
  }
}

.therapeutics-avatar--skills .therapeutics-avatar__photo {
  height: calc(100% - 42px);
  width: calc(100% - 42px);
}

@media screen and (max-width: 1679px) {
  .therapeutics-avatar--skills .therapeutics-avatar__photo {
    height: calc(100% - 24px);
    width: calc(100% - 24px);
  }
}

.therapeutics-avatar--small {
  height: 42px;
  width: 42px;
}

.therapeutics-avatar--small .therapeutics-avatar__chart {
  height: 42px;
  width: 42px;
}

.therapeutics-avatar--small .therapeutics-avatar__photo {
  height: calc(100% - 12px);
  width: calc(100% - 12px);
}

.therapeutics-avatar--small .therapeutics-avatar__unit {
  stroke-width: 3px;
}

.therapeutics-avatar-image {
  vertical-align: top;
}

.therapeutics-skill-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 84px;
  cursor: pointer;
}

.therapeutics-skill-badge__logo {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  overflow: hidden;
  background-color: #F8C3CC;
  position: relative;
}

.therapeutics-skill-badge__logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.therapeutics-skill-badge__title {
  text-align: center;
  margin-top: 9px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-skill-badge__title {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-skill-badge__title:first-letter {
  text-transform: uppercase;
}

.therapeutics-skill-badge__level {
  margin-top: auto;
  padding-top: 9px;
}

.therapeutics-skill-badge__level .therapeutics-pill {
  min-width: 49px;
  text-align: center;
}

.therapeutics-skill-badge--sa .therapeutics-skill-badge__logo {
  background: #F8C3CC;
}

.therapeutics-skill-badge--th .therapeutics-skill-badge__logo {
  background: #FFA370;
}

.therapeutics-skill-badge--as .therapeutics-skill-badge__logo {
  background: #D5EA9C;
}

.therapeutics-skill-badge--gi .therapeutics-skill-badge__logo {
  background: #FFDF6E;
}

.therapeutics-skill-badge--em .therapeutics-skill-badge__logo {
  background: #FFDABC;
}

.therapeutics-skill-badge--re .therapeutics-skill-badge__logo {
  background: #B7E2E7;
}

.page-header {
  width: 100%;
  padding: 36px 36px 39px 8.33333333%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.page-header--article-video,
.page-header--article-image,
.page-header--upside-page,
.page-header--article-page,
.page-header--bg-none {
  padding-right: 60px;
  padding-left: 60px !important;
}

.page-header__inline-text {
  display: inline-flex;
}

.page-header__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 63px;
  line-height: 63px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .page-header__title {
    font-size: 36px;
    line-height: 39.24px;
  }
}

.page-header__logo {
  width: 112px;
  display: block;
  margin-bottom: 36px;
}

@media screen and (max-width: 767px) {
  .page-header__logo {
    display: none;
  }
}

.page-header__main-button {
  margin-top: 36px;
}

.page-header__main-button-float {
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 10px;
  z-index: 100;
}

.page-header__background-component {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-header__back-button {
  position: absolute;
  top: 36px;
  left: 36px;
}

.page-header__restart-button {
  position: absolute;
  top: 36px;
}

.page-header__shadow {
  width: 100%;
  position: absolute;
  top: -120px;
  height: 120px;
  box-shadow: 0 72px 124px #1f313c;
}

.page-header--track-page {
  justify-content: flex-end;
}

.page-header--track-page:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(31, 49, 60, 0.5);
}

.page-header--track-page .page-header-container {
  z-index: 1;
}

.page-header--track-page .therapeutics-track-progress__number {
  color: #FFFFFF;
}

.page-header-container {
  margin-bottom: 40px;
}

.page-header-container--with-margin {
  padding-left: 60px;
  padding-right: 60px;
}

.profile-pill {
  padding: 12px 18px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  border-radius: 100px;
}

.page-header-reporter {
  background: #fff;
  background-repeat: no-repeat;
  background-position: 90% 100%;
  background-size: 35%;
  border-bottom: 6px solid;
  border-color: #ffdf6e;
}

@media screen and (max-width: 1279px) {
  .page-header__title {
    margin-top: 50px;
  }

  .page-header__back-button {
    top: 100px !important;
    left: 16px !important;
    position: relative;
    z-index: 2;
  }
}

.therapeutics-track-card {
  position: relative;
  padding: 3px;
  height: 32.2rem;
  max-width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-card {
    height: 22rem;
  }
}

.therapeutics-track-card__container {
  display: flex;
  height: 100%;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}

.therapeutics-track-card__container[name] {
  cursor: default !important;
}

.therapeutics-track-card--default-cursor {
  cursor: default !important;
}

.therapeutics-track-card::before {
  position: absolute;
  content: '';
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  background-image: linear-gradient(0deg, rgba(31, 49, 60, 0.3) 45.5%, #1f313c 125.62%);
  z-index: 1;
}

.therapeutics-track-card__img-container {
  position: absolute;
  overflow: hidden;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

.therapeutics-track-card__img-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.therapeutics-track-card__bg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.therapeutics-track-card__wrap {
  padding: 24px;
  display: flex;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  flex-direction: column;
  z-index: 1;
}

.therapeutics-track-card__info {
  display: flex;
  align-items: flex-start;
}

.therapeutics-track-card__info .therapeutics-pill-view {
  margin-left: -24px;
}

.therapeutics-track-card__info .therapeutics-pill {
  padding-left: 2.4rem;
  border-radius: 0 10rem 10rem 0;
}

.therapeutics-track-card__title {
  width: auto;
  flex: 1;
  word-break: break-word;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-card__title {
    font-size: 24px;
    line-height: 30px;
  }
}

.therapeutics-track-card__title-wrap {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.therapeutics-track-card__actions {
  margin-top: auto;
  display: flex;
  width: 100%;
  align-items: flex-end;
  flex-wrap: wrap;
}

.therapeutics-track-card__actions > * {
  margin: 4px 9px 4px 0;
}

.therapeutics-track-card__actions .therapeutics-pill {
  height: auto !important;
}

.therapeutics-track-card__actions .therapeutics-pill__text {
  white-space: inherit;
}

.therapeutics-track-card .therapeutics-track-progress {
  margin-left: 24px;
}

.therapeutics-track-card--recommended {
  height: 23.4rem;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-card--recommended {
    height: 17.5rem;
  }
}

.therapeutics-track-card--recommended .therapeutics-track-card__wrap {
  padding: 18px;
}

.therapeutics-track-card--recommended .therapeutics-track-card__title {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.therapeutics-track-card--recommended .therapeutics-track-card__info .therapeutics-pill-view {
  margin-left: -18px;
}

.therapeutics-track-card--recommended .therapeutics-track-card__actions > * {
  margin: 8px 12px 0 0;
}

html[data-wcag-enabled="true"] .trackModalTitle {
  font-size: 3.6rem;
  font-weight: 700;
  padding: 0;
}

html[data-wcag-enabled="true"] .wcag-bg--blur #modalTitle {
  background: none;
}

html[data-wcag-enabled="true"] .modalTitlePill .therapeutics-pill-view .therapeutics-pill--blur {
  background-color: #1F313C !important;
}

html[data-wcag-enabled="true"] .therapeutics-pill--small.therapeutics-pill--blur {
  background: #FFFFFF4D !important;
  backdrop-filter: blur(4px);
}

html[data-wcag-enabled="true"] .therapeutics-pill--small {
  font-weight: 700;
}

html[data-wcag-enabled="true"] .therapeutics-track-card {
  background-color: var(--bs-gray-dark);
}

html[data-wcag-enabled="true"] .therapeutics-track-card__img-container {
  z-index: 1;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
}

html[data-wcag-enabled="true"] .therapeutics-track-card__img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

html[data-wcag-enabled="true"] .therapeutics-track-card::before {
  z-index: 2;
  position: absolute;
  content: '';
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  background-image: linear-gradient(0deg, rgba(31, 49, 60, 0.3) 45.5%, #1f313c 125.62%);
}

html[data-wcag-enabled="true"] .therapeutics-track-card__wrap {
  position: relative;
  z-index: 3;
}

html[data-wcag-enabled="true"] .therapeutics-track-card__title,
html[data-wcag-enabled="true"] .therapeutics-track-card__info,
html[data-wcag-enabled="true"] .therapeutics-track-card__actions {
  position: relative;
  z-index: 4;
}

.track-card-skeleton {
  display: flex;
  flex-direction: column;
  background-color: #1F313C;
  height: 234px;
  padding: 24px;
}

.track-card-skeleton > * {
  height: 24px;
  background-color: #283944;
  margin-bottom: 7px;
}

.track-card-skeleton > *:nth-child(1) {
  width: 70%;
}

.track-card-skeleton > *:nth-child(2) {
  width: 50%;
}

.track-card-skeleton > *:nth-child(3) {
  width: 35%;
  height: 36px;
  border-radius: 40px;
  margin-top: auto;
  margin-bottom: 0;
}

.therapeutics-tracks-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3 items per row by default */
  gap: 20px;
  /* Space between grid items */
  padding-bottom: 36px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.therapeutics-tracks-list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.therapeutics-tracks-list::-webkit-scrollbar-track {
  background: rgba(31, 49, 60, 0.1);
}

.therapeutics-tracks-list::-webkit-scrollbar-thumb {
  background: #1F313C;
}

.therapeutics-tracks-list::-webkit-scrollbar-thumb:hover {
  background: #1F313C;
}

@media screen and (max-width: 1439px) {
  .therapeutics-tracks-list {
    grid-template-columns: repeat(2, 1fr);
    /* 2 items per row */
    padding-bottom: 30px;
    /* Adjust the padding */
  }
}

@media screen and (max-width: 767px) {
  .therapeutics-tracks-list {
    grid-template-columns: 1fr;
    /* 1 item per row */
  }
}

.therapeutics-tracks-list--limited {
  padding-bottom: 24px;
}

.therapeutics-tracks-list--limited .therapeutics-tracks-list__item {
  width: 100%;
  /* Ensure the items take full width in their grid cells */
}

.tracks-list-skeleton {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 6px;
  margin-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .tracks-list-skeleton {
    height: 220px;
  }
}

.tracks-list-skeleton__card {
  display: flex;
  flex-direction: column;
  background-color: #1F313C;
  height: 234px;
  padding: 24px;
}

.tracks-list-skeleton__card > * {
  height: 24px;
  background-color: #283944;
  margin-bottom: 7px;
}

.tracks-list-skeleton__card > *:nth-child(1) {
  width: 70%;
}

.tracks-list-skeleton__card > *:nth-child(2) {
  width: 50%;
}

.tracks-list-skeleton__card > *:nth-child(3) {
  width: 35%;
  height: 36px;
  border-radius: 40px;
  margin-top: auto;
  margin-bottom: 0;
}

.track-read-up-section__parts-title {
  margin-bottom: 24px;
}

.track-read-up-section__parts-title.typography__body-small {
  margin-bottom: 18px;
}

.track-read-up-section__parts .part-info-body {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  padding: 0 24px;
  margin-top: -15px;
  min-height: 15px;
}

@media screen and (max-width: 1679px) {
  .track-read-up-section__parts .part-info-body {
    font-size: 16px;
    line-height: 19px;
  }
}

.track-read-up-section__parts .therapeutics-accordion__header {
  padding: 24px;
}

.track-read-up-section__parts--small .part-info-body {
  padding: 0 18px;
  margin-top: 0;
}

.track-read-up-section__parts--small .therapeutics-accordion__header {
  padding: 18px;
}

.track-read-up-section__parts .therapeutics-accordion__body {
  padding-top: 36px;
}

.track-promo__promo-title {
  margin-bottom: 33px;
}

.track-promo__promo-list {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media screen and (max-width: 1679px) {
  .track-promo__promo-list {
    font-size: 18px;
    line-height: 24px;
  }
}

.track-promo__promo-list + div {
  margin-top: 51px;
}

.track-promo__promo-list--small {
  margin: 0 0 36px;
}

.track-promo__promo-list--small .track-promo__list-item {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .track-promo__promo-list--small .track-promo__list-item {
    font-size: 16px;
    line-height: 19px;
  }
}

.track-promo__promo-list--small .track-promo__list-item:before {
  height: 12px;
  width: 12px;
  margin-left: 18px;
}

.track-promo__promo-list--small .track-promo__list-item:after {
  max-width: unset;
}

.track-promo__list-item {
  padding-bottom: 30px;
  padding-left: 34px;
  position: relative;
}

.track-promo__list-item:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 7px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .track-promo__list-item:before {
    top: 4px;
  }
}

.track-promo__list-item:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 15px;
  left: 0px;
  max-width: 342px;
  width: 100%;
  border-bottom: 1px solid rgba(31, 49, 60, 0.1);
}

.track-promo__list-item:last-child {
  padding-bottom: 0;
}

.track-promo__list-item:last-child:after {
  display: none;
}

.track-creator-section__creator-header {
  display: flex;
  align-items: center;
}

.track-creator-section__creator-body {
  color: #1F313C;
}

.track-creator-section__creator-name {
  color: rgba(31, 49, 60, 0.6);
}

.track-creator-section__creator-title {
  color: #1F313C;
}

.track-creator-section__creator-avatar {
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  margin-right: 18px;
  flex-shrink: 0;
}

.track-creator-section--small .track-creator-section__creator-avatar {
  width: 48px;
  height: 48px;
}

.track-creator-section--small .therapeutics-accordion__header {
  padding-bottom: 1.8rem !important;
  padding-top: 1.8rem !important;
  padding-right: 1.8rem !important;
  padding-left: 1.8rem !important;
}

.track-creator-section--small .therapeutics-accordion__body {
  padding: 18px;
}

.track-creator-section--default .therapeutics-accordion__header {
  padding-bottom: 2.4rem !important;
  padding-top: 2.4rem !important;
  padding-right: 2.4rem !important;
  padding-left: 2.4rem !important;
}

.track-creator-section--default .therapeutics-accordion__body {
  padding: 18px 24px 36px;
}

.part-info-body a {
  word-break: break-word;
}

.therapeutics-accordion {
  word-break: break-word;
}

.therapeutics-accordion__header {
  width: 100%;
  min-height: 84px;
  background: #E8E5E2;
  position: relative;
  padding: 18px;
  border-radius: 12px;
  overflow: hidden;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  border: none;
}

@media screen and (max-width: 1679px) {
  .therapeutics-accordion__header {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-accordion__header-body {
  text-align: left;
  flex-grow: 1;
}

.therapeutics-accordion__header-left {
  display: flex;
  align-items: flex-start;
}

.therapeutics-accordion__header-wrap {
  display: flex;
  align-items: center;
}

.therapeutics-accordion__header-icon {
  margin-right: 18px;
}

.therapeutics-accordion__header-arrow {
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}

.therapeutics-accordion__header-arrow--white {
  color: #FFFFFF;
}

.therapeutics-accordion__body {
  transform: translateY(-1px);
  padding-top: 18px;
  padding-bottom: 18px;
  background: #E8E5E2;
  border-radius: 0 0 12px 12px;
}

.therapeutics-accordion.active .therapeutics-accordion__header-arrow {
  transform: rotate(0);
}

.therapeutics-accordion.active .therapeutics-accordion__header-arrow--white {
  color: #FFFFFF;
}

.therapeutics-accordion .therapeutics-activities-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.therapeutics-accordion .therapeutics-activities-list > *:nth-child(n+2) {
  margin-top: 2px;
}

.therapeutics-accordion.--blue .therapeutics-accordion__header {
  background: #1F313C;
  color: #fff;
  outline-offset: 1px;
}

.therapeutics-accordion.--white .therapeutics-accordion__header {
  background: #fff;
}

.therapeutics-accordion.--body-white .therapeutics-accordion__body {
  background: #fff;
}

.therapeutics-accordion.--transparent .therapeutics-accordion__header {
  background: transparent;
}

.therapeutics-accordion.--body-transparent .therapeutics-accordion__body {
  background: transparent;
}

.therapeutics-accordion.--large .therapeutics-accordion__header {
  border-radius: 18px;
}

.therapeutics-accordion.--arrow-top .therapeutics-accordion__header {
  align-items: flex-start;
}

.therapeutics-accordion .therapeutics-list-items .therapeutics-checkbox input[type="checkbox"] {
  display: none;
}

html[data-wcag-enabled="true"] .therapeutics-accordion__header-body {
  font-weight: 700;
}

.accordion-skeleton {
  background: #E8E5E2;
  border-radius: 12px;
  padding: 18px 30px 18px 18px;
  display: flex;
  align-items: center;
}

.accordion-skeleton__img {
  width: 48px;
  height: 48px;
  margin-right: 18px;
  background: rgba(31, 49, 60, 0.16);
}

.accordion-skeleton__text {
  flex-grow: 1;
  height: 24px;
  margin-right: 18px;
  background: rgba(31, 49, 60, 0.16);
}

.accordion-skeleton__chevron {
  width: 24px;
  height: 24px;
  background: rgba(31, 49, 60, 0.16);
}

.therapeutics-activity-link {
  list-style: none;
}

.therapeutics-activity-link__content {
  padding: 0 0 5px 5px;
}

.therapeutics-activity-link__wrap {
  display: flex;
  align-items: center;
  min-height: 96px;
  padding: 18px;
  background-color: #FFFFFF;
}

.therapeutics-activity-link__wrap.OT {
  border-left: 6px solid #F24C00;
}

.therapeutics-activity-link__wrap.AS {
  border-left: 6px solid #D5EA9C;
}

.therapeutics-activity-link__wrap.RE {
  border-left: 6px solid #B7E2E7;
}

.therapeutics-activity-link__wrap.GI {
  border-left: 6px solid #FFDF6E;
}

.therapeutics-activity-link__wrap.EM {
  border-left: 6px solid #FFDABC;
}

.therapeutics-activity-link__wrap.SA {
  border-left: 6px solid #F8C3CC;
}

.therapeutics-activity-link__wrap.TH {
  border-left: 6px solid #FFA370;
}

.therapeutics-activity-link__wrap.OT {
  border-left: 6px solid #1F313C;
}

.therapeutics-activity-link__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-activity-link__title {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-activity-link__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}

.therapeutics-activity-link__content .therapeutics-pill-view {
  margin-top: 12px;
  display: block;
  max-width: 100%;
}

.therapeutics-activity-link__content .therapeutics-pill__text {
  word-break: initial;
  white-space: initial;
}

.therapeutics-activity-link__content .therapeutics-pill--small {
  height: inherit;
}

.therapeutics-activity-link__icon {
  margin-right: 24px;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

.therapeutics-activity-link__icon img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.therapeutics-activity-link__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.therapeutics-activity-link--bg-gray {
  background: #f4f2f1;
}

.therapeutics-activity-link--sa .therapeutics-activity-link__wrap {
  border-left-color: #F8C3CC;
}

.therapeutics-activity-link--gi .therapeutics-activity-link__wrap {
  border-left-color: #FFDF6E;
}

.therapeutics-activity-link--th .therapeutics-activity-link__wrap {
  border-left-color: #FFA370;
}

.therapeutics-activity-link--re .therapeutics-activity-link__wrap {
  border-left-color: #B7E2E7;
}

.therapeutics-activity-link--em .therapeutics-activity-link__wrap {
  border-left-color: #FFDABC;
}

.therapeutics-activity-link--as .therapeutics-activity-link__wrap {
  border-left-color: #D5EA9C;
}

.therapeutics-activity-link .pill-without-bg .therapeutics-pill {
  background: none;
  padding-left: 0;
}

.therapeutics-activity-link .pill-without-bg .therapeutics-pill__text {
  color: rgba(31, 49, 60, 0.6);
}

html[data-wcag-enabled="true"] .therapeutics-activities-list .therapeutics-activity-link__title {
  font-weight: 700;
  font-size: 1.8rem;
}

html[data-wcag-enabled="true"] .therapeutics-pill--wellness-gray {
  border: none;
  font-weight: 700;
  font-size: 1.4rem !important;
}

.base-alert {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #1F313C;
  max-width: 412px;
  width: 90vw;
  min-width: 280px;
  max-height: 90vh;
  overflow-y: auto;
}

@media screen and (max-width: 1679px) {
  .base-alert {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .base-alert {
    max-width: 384px;
    width: 80vw;
  }
}

@media (max-width: 480px), (max-height: 600px) {
  .base-alert {
    max-width: 95vw;
    width: 95vw;
    max-height: 85vh;
  }
}

.base-alert__root .ov_content {
  border-radius: 18px;
  max-height: 95vh;
  overflow: auto;
}

.base-alert__root .modal-controls {
  display: none;
}

.base-alert__header,
.base-alert__body {
  padding: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

@media (max-width: 480px), (max-height: 600px) {
  .base-alert__header,
  .base-alert__body {
    padding: 24px 20px;
  }
}

.base-alert__body {
  background: #fff;
  border-radius: 18px;
  overflow-y: auto;
  flex: 1;
}

.base-alert__header-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  padding: 0 20px;
}

@media screen and (max-width: 1679px) {
  .base-alert__header-title {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 480px), (max-height: 600px) {
  .base-alert__header-title {
    padding: 0 12px;
  }
}

.base-alert__title,
.base-alert__sub-title {
  margin-bottom: 9px;
  font-size: inherit;
  word-wrap: break-word;
}

.base-alert__text {
  color: rgba(31, 49, 60, 0.6);
  margin-bottom: 24px;
  word-wrap: break-word;
}

@media (max-width: 480px), (max-height: 600px) {
  .base-alert__text {
    margin-bottom: 16px;
  }
}

.base-alert__cancel-button {
  margin-top: 24px;
}

@media (max-width: 480px), (max-height: 600px) {
  .base-alert__cancel-button {
    margin-top: 16px;
  }
}

.base-alert__buttons {
  margin: -9px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.base-alert__buttons > * {
  margin: 9px;
}

@media (max-width: 480px), (max-height: 600px) {
  .base-alert__buttons > * {
    margin: 6px;
  }
}

.card-base {
  width: 100%;
  height: 100%;
}

.card-base__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 24px;
  border-radius: var(--button_border_radius);
  align-items: flex-start;
}

@media screen and (max-width: 1279px) {
  .card-base__container {
    width: 373px;
    height: 246px;
  }
}

.card-base__title {
  margin-bottom: 12px;
}

.card-base__sub-title {
  margin-bottom: 24px;
}

.ov-popup-base-target {
  position: relative;
  cursor: pointer;
}

.ov-popup-base {
  display: none;
  z-index: 10;
  color: #FFFFFF;
  background-color: #1F313C;
  border-radius: 9px;
  position: absolute;
}

.ov-popup-base::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, transparent 0%, transparent 47%, #1F313C 47%);
}

.ov-popup-base.top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}

.ov-popup-base.top::after {
  transform: translate(-50%, 50%) rotate(45deg);
  bottom: 0;
  left: 50%;
}

.ov-popup-base.bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}

.ov-popup-base.bottom::after {
  transform: translate(-50%, -50%) rotate(225deg);
  top: 0;
  left: 50%;
}

.ov-popup-base.left {
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
}

.ov-popup-base.left::after {
  transform: translate(50%, -50%) rotate(315deg);
  top: 50%;
  right: 0;
}

.ov-popup-base.right {
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}

.ov-popup-base.right::after {
  transform: translate(-50%, -50%) rotate(135deg);
  top: 50%;
  left: 0;
}

.file_selection {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .file_selection {
    font-size: 18px;
    line-height: 24px;
  }
}

.file_selection__header,
.file_selection__body {
  padding: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.file_selection__body {
  background: #fff;
}

.file_selection__header-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  padding: 0 20px;
}

@media screen and (max-width: 1679px) {
  .file_selection__header-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.file_selection__title {
  margin-bottom: 9px;
}

.file_selection__text {
  color: rgba(31, 49, 60, 0.6);
  margin-bottom: 24px;
}

.file_selection__cancel-save-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
}

.file_selection__accept-button .field__container {
  width: 193px;
  display: block;
  color: #FFFFFF;
  background-color: #1F313C;
  cursor: pointer;
  border: 5px solid #eeeeee;
  border-radius: 555px;
  padding: 0.9rem 1.8rem;
}

.file_selection__accept-button .field__input,
.file_selection__accept-button .field__clear-button,
.file_selection__accept-button .field__label {
  display: none;
}

.file_selection__img-container {
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 20rem;
  overflow: hidden;
}

.file_selection__img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.file_selection__img-container .message-error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: large;
  color: #FFFFFF;
  background-color: #E61E1E;
  padding: 6px 12px;
  text-align: center;
  margin-top: -20px;
  width: 261px;
}

.therapeutics-upside {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 6px;
}

@media screen and (max-width: 1279px) {
  .therapeutics-upside {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .therapeutics-upside {
    grid-template-columns: 1fr;
  }
}

.therapeutics-upside__article:first-child,
.therapeutics-upside .article-skeleton:first-child {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}

@media screen and (max-width: 767px) {
  .therapeutics-upside__article:first-child,
  .therapeutics-upside .article-skeleton:first-child {
    grid-column-end: 1;
  }
}

.therapeutics-upside__article:first-child .upside-article__title,
.therapeutics-upside .article-skeleton:first-child .upside-article__title {
  padding-top: 30px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-upside__article:first-child .upside-article__title,
  .therapeutics-upside .article-skeleton:first-child .upside-article__title {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-upside__article:first-child .upside-article__title,
  .therapeutics-upside .article-skeleton:first-child .upside-article__title {
    padding-top: 18px;
  }
}

.therapeutics-upside__article:first-child .upside-article__img,
.therapeutics-upside .article-skeleton:first-child .upside-article__img {
  min-height: 309px;
}

.therapeutics-upside__article:first-child .upside-article__img-container,
.therapeutics-upside .article-skeleton:first-child .upside-article__img-container {
  max-height: initial;
}

.therapeutics-upside .card-base__container {
  width: 100%;
  height: 100%;
}

.upside-article {
  background: #FFFFFF;
}

.upside-article-hidden {
  display: none;
}

.upside-article__container {
  height: 100%;
  width: 100%;
  display: block;
  text-decoration: none;
}

.upside-article__img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.upside-article__img-container {
  width: 100%;
}

.upside-article__text-container {
  padding: 18px;
}

.upside-article__title {
  padding: 18px;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .upside-article__title {
    font-size: 16px;
    line-height: 19px;
  }
}

.upside-article__author {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: rgba(31, 49, 60, 0.6);
}

.article-skeleton {
  background-color: #FFFFFF;
}

.article-skeleton:before {
  background-color: #DBDBDA;
  display: block;
  content: "";
  width: 100%;
  padding-top: 47%;
}

.article-skeleton__body {
  padding: 18px 18px 44px;
}

.article-skeleton__body > * {
  display: block;
  width: 70%;
  height: 20px;
  background-color: #E9EBEC;
}

.article-skeleton__body > *:first-child {
  width: 80%;
  margin-bottom: 6px;
}

.coaching_promo_body {
  position: relative;
  display: table;
  width: 360px;
  min-height: 172px;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 16px;
}

.coaching_promo_body .left_holder {
  position: relative;
  display: table-cell;
  width: 260px;
  height: 100%;
}

.coaching_promo_body .left_holder .header {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 5px;
}

.coaching_promo_body .left_holder .body {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding-bottom: 15px;
  min-height: 75px;
}

.coaching_promo_body .left_holder .coaching_start_button {
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  border: none;
  background-color: var(--color_primary_cta);
  border-radius: 18px;
}

.coaching_promo_body .right_holder {
  position: relative;
  display: table-cell;
  width: 100px;
  height: 100%;
}

.coaching_promo_body .right_holder .coaching_promo_close {
  display: block;
  position: absolute;
  top: 7px;
  right: 7px;
  height: 14px;
  width: 14px;
  border: none;
  cursor: pointer;
  background: transparent;
  color: transparent;
}

.coaching_promo_body .right_holder .coaching_promo_close::after,
.coaching_promo_body .right_holder .coaching_promo_close::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #232f3e;
  transform: rotate(45deg);
}

.coaching_promo_body .right_holder .coaching_promo_close::before {
  transform: rotate(-45deg);
}

.coaching_promo_body .right_holder img {
  position: absolute;
  top: 40px;
  right: 10px;
  width: 71px;
  height: 85px;
}

html[data-wcag-enabled="true"] .coaching_promo_body .left_holder .coaching_start_button {
  background-color: var(--color_primary_cta_wcag);
}

.today-page-view {
  margin-top: 120px;
}

.today-page-view h2 {
  margin-bottom: 24px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .today-page-view h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

.today-page-view__partner-logo {
  margin: 0 0 48px;
  display: block;
  width: auto;
  height: 65px;
}

@media screen and (max-width: 767px) {
  .today-page-view__partner-logo {
    display: none;
  }
}

.today-page-view__track-info {
  margin: 0 0 60px;
}

.today-page-view #push-notifications {
  padding: 0;
}

.today-page-view #push-notifications .push-notification {
  margin: 0 0 16px;
}

.today-page-view #push-notifications .push-notification:last-child {
  margin: 0;
}

.today-page-view .today-page-space-wraper {
  display: inline-block;
  position: relative;
  margin: 0 0 60px;
}

.today-page-view__accordion-container > * {
  margin-right: 8.33333333%;
}

.today-page-view__accordion-container > *:not(:empty) {
  margin-bottom: 72px;
}

@media screen and (max-width: 767px) {
  .today-page-view__accordion-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .today-page-view__accordion-container > * {
    width: 70%;
    padding-top: 5px;
    margin-bottom: 0;
  }

  .today-page-view__accordion-container > *:not(:empty):last-child {
    margin-bottom: 72px;
  }
}

.today-page-view__activity-list,
.today-page-view__stats-block,
.today-page-view__track-list {
  margin-bottom: 72px;
}

.today-page-view__instant-play {
  margin-bottom: 72px;
}

.today-page-view__instant-play .instant-play {
  padding: 0;
}

.today-page-view__upside-block {
  margin-bottom: 24px;
}

.today-page-view__upside-see-all {
  margin-bottom: 100px;
}

.track-page {
  margin-top: -120px;
}

@media screen and (max-width: 1679px) {
  .track-page {
    margin-top: -84px;
  }
}

@media screen and (min-width: 1680px) {
  .track-page {
    margin-top: -84px;
  }
}

.track-page.zoomed-in {
  margin-top: -50px;
}

.track-page .page-header {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 1679px) {
  .track-page .page-header {
    min-height: 432px !important;
  }
}

.track-page .page-header__info-section {
  min-height: 72px;
  align-items: flex-end !important;
  z-index: 1;
}

.track-page .page-header-container {
  margin-bottom: 0;
}

.track-page__content {
  display: flex;
}

.track-page__container {
  padding-top: 72px;
  display: flex;
}

@media screen and (max-width: 1023px) {
  .track-page__container {
    flex-direction: column-reverse;
  }
}

.track-page__column-left {
  width: 50%;
}

@media screen and (max-width: 1279px) {
  .track-page__column-left {
    width: 59%;
  }
}

@media screen and (max-width: 1023px) {
  .track-page__column-left {
    width: 100%;
  }
}

.track-page__column-right {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 1279px) {
  .track-page__column-right {
    width: 41%;
  }
}

@media screen and (max-width: 1023px) {
  .track-page__column-right {
    padding-bottom: 60px;
    width: 100%;
  }
}

.track-page__column-right-content {
  padding-right: 16.667%;
  padding-left: 16.667%;
}

@media screen and (max-width: 1279px) {
  .track-page__column-right-content {
    padding-right: 0;
    padding-left: 20%;
  }
}

@media screen and (max-width: 1023px) {
  .track-page__column-right-content {
    padding: 0;
  }
}

.track-page__title {
  max-width: 650px;
  color: #FFFFFF;
}

.track-page__actions {
  display: block;
  height: 36px;
  width: 36px;
  background: url("/static/img/therapeutics/round-button-large.svg") no-repeat center;
  background-size: cover;
}

.track-page__header-pills > * {
  margin-right: 12px;
}

.track-page__header-pills > *:last-child {
  margin-right: 0;
}

.track-page__promo-section {
  margin-bottom: 72px;
}

.track-page__read-up-section {
  margin-bottom: 54px;
}

.track-page__modalities-title {
  margin-bottom: 36px;
}

.track-page__modalities {
  margin-bottom: 72px;
}

.track-page__details {
  margin-bottom: 36px;
  padding: 24px;
  color: #FFFFFF;
  background: #1F313C;
  border-radius: 18px;
}

.track-page__details_loading .therapeutics-pill,
.track-page__details_loading .therapeutics-pill *,
.track-page__details_loading .track-page__for-medal,
.track-page__details_loading .track-page__medal-center svg > *,
.track-page__details_loading .track-page__medal-title {
  background-color: #283944 !important;
  color: #283944 !important;
  fill: #283944;
}

.track-page__details-title {
  margin-bottom: 24px;
}

.track-page__pills {
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
}

.track-page__pills > * {
  margin-right: 12px;
}

.track-page__pills > *:last-child {
  margin-right: 0;
}

.track-page__medals {
  display: flex;
  justify-content: space-around;
}

.track-page__medal-container {
  text-align: center;
}

.track-page__medal-center {
  margin-bottom: 12px;
  display: inline-block;
}

.track-page__medal-title {
  text-align: center;
  color: #FFFFFF;
}

.track-page__for-medal {
  margin-bottom: 18px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .track-page__for-medal {
    font-size: 16px;
    line-height: 19px;
  }
}

.track-page .track-creator-section__creator-avatar {
  height: 48px;
  width: 48px;
  flex-shrink: 0;
}

.track-page .track-creator-section__creator-header {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .track-page .track-creator-section__creator-header {
    font-size: 18px;
    line-height: 24px;
  }
}

.track-page .track-button {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #FFFFFF;
  border-radius: 18px 18px 0 0;
}

.track-page .track-button .page-header__main-button {
  margin: 36px;
  width: calc(100% - 72px);
  max-width: unset;
}

@media screen and (max-width: 1279px) {
  .track-page .track-page__details .therapeutics-pill--medium {
    padding: 0.3rem 1.2rem;
    height: 24px;
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .track-page .track-page__details .digital-coach-icon {
    width: 12px;
  }
}

@media screen and (max-width: 767px) {
  .track-page .page-header-button {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #efedeb;
    box-shadow: 0px -1px 0px #D8D8D8;
    padding: 5px 12px;
  }

  .track-page .page-header-button button {
    max-width: unset;
    margin: 0;
  }

  .track-page .track-page__content {
    padding-bottom: 96px;
  }
}

.track-page .tooltip_wrapper {
  display: contents;
}

.services-page {
  color: #1F313C;
  position: relative;
}

.services-page__container {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 120px 60px 80px;
}

.services-page__header {
  display: grid;
  grid-template-columns: 33.33% 58.33%;
  grid-column-gap: 8.33%;
}

@media screen and (max-width: 1023px) {
  .services-page__header {
    display: block;
  }
}

.services-page__img {
  width: 100%;
}

.services-page__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
}

@media screen and (max-width: 1679px) {
  .services-page__title {
    font-size: 36px;
    line-height: 39.4px;
  }
}

.services-page__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 1679px) {
  .services-page__sub-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.services-page__text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: rgba(31, 49, 60, 0.6);
  margin-top: 15px;
}

.services-page__list-container {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

@media screen and (max-width: 1023px) {
  .services-page__list-container {
    grid-template-columns: 1fr;
  }
}

.services-page__list-container .service-card {
  border-radius: 12px;
  overflow: hidden;
}

.services-page__assessment {
  width: 100%;
  max-width: 517px;
  margin-top: 60px;
}

.services-page__assessment .card-base__container {
  background-color: #1F313C;
  color: #FFFFFF;
  height: unset;
}

.services-skeleton {
  position: absolute;
  background-color: #EFEDEB;
  width: 100%;
  top: 0;
  left: 0;
}

.services-skeleton__title {
  background-color: #DBDBDA;
  height: 48px;
}

.services-skeleton__sub-title {
  background-color: #DBDBDA;
  height: 30px;
}

.services-skeleton__text {
  background-color: #DBDBDA;
  height: 24px;
  margin-top: 6px;
}

.services-skeleton__text:first-child {
  margin-top: 18px;
}

.services-skeleton__assessment-container {
  width: 100%;
  max-width: 517px;
  margin-top: 60px;
}

.services-skeleton__list {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 6px;
}

.explore-page-title {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .explore-page-title {
    flex-direction: column;
  }
}

.explore-page-title__controls {
  margin-left: auto;
  justify-content: center;
}

@media screen and (max-width: 1023px) {
  .explore-page-title__controls {
    margin-top: 2.5rem;
    margin-left: 0;
  }
}

.explore-page--tracks {
  position: relative;
}

.explore-page--tracks .explore-page-title {
  padding-top: 108px;
}

@media screen and (max-width: 1679px) {
  .explore-page--tracks .explore-page-title {
    padding-top: 84px;
  }
}

.explore-page--tracks .explore-tracks__back-button {
  position: absolute;
  top: 36px;
}

.explore-page--tracks .spinner-container {
  max-width: 1250px;
}

.explore-page--tracks .spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.explore-page__topics-list {
  margin-bottom: 7rem;
  padding: unset;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.explore-page__topics-list-skeleton {
  width: 140px;
  height: 36px;
  border-radius: 100px;
  background-color: #DBDBDA;
}

.explore-page__all-tracks-limited {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 1024px) {
  .explore-page__all-tracks-limited {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 1279px) {
  .explore-page__all-tracks-limited {
    grid-template-columns: 1fr 1fr;
  }

  .explore-page__all-tracks-limited .therapeutics-track-card {
    height: 23.4rem;
  }

  .explore-page__all-tracks-limited .therapeutics-track-card .therapeutics-track-progress {
    width: 40px;
    height: 40px;
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .explore-page__all-tracks-limited {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1279px) {
  .explore-page .js-see-all-tracks.therapeutics-pill--medium {
    padding: 0.9rem 1.8rem;
    height: 42px;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.explore-page__track-recommender {
  margin-right: auto;
  padding-top: 81px;
  max-width: 51.8rem;
}

@media screen and (max-width: 1679px) {
  .explore-page__track-recommender {
    max-width: 43.8rem;
  }
}

.explore-page ul li {
  list-style: none;
}

.explore-page-tracks-tab {
  display: block;
}

@media screen and (max-width: 1279px) {
  .therapeutics-track-card {
    min-height: 234px;
    height: 322px;
  }

  .therapeutics-track-card--no-limit {
    width: auto;
  }
}

.explore-page-recommended-track-card {
  flex-shrink: 0;
}

.tracksList-track-card--explore-recommended {
  height: 21.3rem;
  width: 41.3rem;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.explore-track-search {
  min-height: 101vh;
}

.explore-track-search .page-header-container {
  margin-right: 0;
  margin-left: 0;
}

.explore-track-search__title {
  margin-top: 70px;
}

.explore-track-search__search-tracks {
  display: grid;
  min-width: 320px;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

.explore-track-search__search-tracks .therapeutics-track-card {
  width: 100%;
}

@media (min-width: 840px) {
  .explore-track-search__search-tracks {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .explore-track-search__search-tracks {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

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

.guided_meditation_pomo_holder .guided_promo_body {
  position: relative;
  width: 395px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 35px;
}

.guided_meditation_pomo_holder .guided_promo_body .left_holder {
  position: relative;
  width: 200px;
  float: left;
}

.guided_meditation_pomo_holder .guided_promo_body .left_holder .header_label {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border-radius: 7px;
  text-align: center;
  color: #F24C00;
  background-color: #EFEDEB;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(31, 49, 60, 0.1);
  padding: 0 15px;
}

.guided_meditation_pomo_holder .guided_promo_body .left_holder .body_label {
  font-size: 20px;
  line-height: 25px;
  margin: 15px 0;
}

.guided_meditation_pomo_holder .guided_promo_body .logo_holder {
  position: absolute;
  width: 127px;
  height: 127px;
  top: 45px;
  right: 25px;
}

.guided_meditation_pomo_holder .guided_promo_body .logo_holder img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.guided_meditation_pomo_holder .guided_promo_body .explore_button {
  border: 0px;
  border-radius: 18px;
  height: 36px;
  background-color: #F24C00;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

.guided_meditation_pomo_holder .guided_promo_body .explore_button span {
  position: relative;
  line-height: 36px;
  margin-left: 12px;
  margin-right: 30px;
}

.guided_meditation_pomo_holder .guided_promo_body .explore_button span::after {
  top: 4px;
  right: -20px;
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  background: none;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

html[data-wcag-enabled="true"] .guided_meditation_pomo_holder .guided_promo_body .explore_button {
  background-color: var(--color_primary_cta_wcag);
}

html[data-wcag-enabled="true"] .guided_meditation_pomo_holder .guided_promo_body .left_holder .header_label {
  background-color: white;
  color: var(--color_primary_cta_wcag);
  border: none;
}

.explore-page .page-header {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 1679px) {
  .explore-page .page-header {
    padding-top: 0;
  }
}

.explore-page__button-back {
  position: absolute;
  top: 36px;
}

.explore-page__close-button {
  position: absolute;
  top: 36px;
  right: 60px;
}

.explore-page__title {
  color: #1F313C;
  padding-top: 100px;
}

@media screen and (max-width: 1679px) {
  .explore-page__title {
    padding-top: 84px;
  }
}

.explore-page__sub {
  color: #1F313C;
}

.explore-page__activities-list {
  padding-bottom: 33px;
  display: grid;
  min-width: 320px;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

@media (min-width: 840px) {
  .explore-page__activities-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .explore-page__activities-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.explore-page__container:last-child {
  padding-bottom: 126px;
}

.explore-page__container #feature-tracks-header {
  align-items: center;
  margin-bottom: 10px;
}

.explore-page__sub {
  padding-bottom: 24px;
}

.explore-page__tracks-list,
.explore-page .instant-play,
.explore-page #activities-by-skill {
  padding-bottom: 60px;
}

@media screen and (max-width: 1279px) {
  .explore-page .instant-play {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 1023px) {
  .explore-page .instant-play {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1679px) {
  .explore-page .page-header-container {
    margin-bottom: 0;
  }
}

.explore-page .page-header-container.page-container--with-margin {
  margin-right: 0;
  margin-left: 0;
}

.explore-page .therapeutics-tracks-list__item .therapeutics-track-card__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .explore-page .therapeutics-tracks-list__item .therapeutics-track-card__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.explore-page .therapeutics-track-card {
  width: 100%;
  max-height: 234px;
}

.explore-page .therapeutics-track-card__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .explore-page .therapeutics-track-card__title {
    font-size: 16px;
    line-height: 19px;
  }
}

.explore-page .therapeutics-track-card .therapeutics-track-progress {
  width: 40px;
  height: 40px;
}

html[data-wcag-enabled="true"] .explore-page .activities-by-skill-card__subtitle {
  color: #000000;
}

.explore-page--topic-group {
  position: relative;
  min-height: 101vh;
  z-index: 2;
}

.explore-page--topic-group .explore-tracks__title {
  color: #1F313C;
  padding-top: 108px;
}

@media screen and (max-width: 1023px) {
  .explore-page--topic-group .explore-tracks__title {
    flex-direction: column;
  }
}

.explore-page--topic-group .explore-tracks__topic-names {
  padding-bottom: 36px;
  padding-left: unset;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
  .explore-page--topic-group .explore-tracks__topic-names > * {
    margin-bottom: 12px;
  }
}

.explore-page--topic-group .explore-tracks__topic-names > * {
  margin-right: 12px;
}

.explore-page--topic-group .explore-tracks__topic-names > *:last-child {
  margin-right: 0;
}

.explore-page--topic-group .explore-tracks__body {
  padding-bottom: 72px;
  width: 100%;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

.explore-page--topic-group .explore-tracks__body .therapeutics-track-card {
  width: 100%;
}

@media (min-width: 840px) {
  .explore-page--topic-group .explore-tracks__body {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .explore-page--topic-group .explore-tracks__body {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.explore-page--topic-group .explore-tracks__recommender-container {
  max-width: 518px;
  width: 100%;
}

.explore-page--topic-group .explore-page__container .explore-tracks-count {
  margin-bottom: 24px;
}

.explore-page--topic-group ul li {
  list-style: none;
}

.explore-page--list {
  position: relative;
}

.explore-page--list .explore-page__back-button {
  position: absolute;
  top: 36px;
}

.explore-page--list .explore-page__track-recommender {
  padding-top: 81px;
  margin-right: auto;
  max-width: 51.8rem;
}

@media screen and (max-width: 1679px) {
  .explore-page--list .explore-page__track-recommender {
    padding-top: 3.6rem;
    max-width: 43.8rem;
  }
}

.explore-page .recommended__tracks-count {
  margin-bottom: 24px;
}

.explore-page .recommended__tracks-list {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

.explore-page .recommended__tracks-list .therapeutics-track-card {
  width: 100%;
}

@media (min-width: 840px) {
  .explore-page .recommended__tracks-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .explore-page .recommended__tracks-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.explore-page .recommended__title {
  padding-top: 84px;
}

@media screen and (max-width: 1023px) {
  .explore-page .recommended__title {
    flex-direction: column;
  }
}

.topic-filter .therapeutics-list-checkbox-items .therapeutics-checkbox .therapeutics-checkbox__input:focus + label {
  outline: none;
}

.topic-filter .therapeutics-list-checkbox-items .therapeutics-checkbox .therapeutics-checkbox__input:focus-visible + label {
  outline: solid;
}

.upside-filter {
  padding: 4.1rem;
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .upside-filter {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.upside-filter__header {
  margin-bottom: 4.1rem;
}

.upside-filter__body {
  padding: 1.8rem 0 5rem;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.upside-filter__body .therapeutics-list-checkbox-items li:first-child {
  margin-right: 250px;
}

@media screen and (max-width: 1679px) {
  .upside-filter__body .therapeutics-list-checkbox-items li:first-child {
    margin-right: 60px;
  }
}

@media screen and (max-width: 1439px) {
  .upside-filter__body .therapeutics-list-checkbox-items li:first-child {
    margin-right: 60px;
  }
}

@media screen and (max-width: 1279px) {
  .upside-filter__body .therapeutics-list-checkbox-items li:first-child {
    margin-right: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .upside-filter__body .therapeutics-list-checkbox-items li:first-child {
    margin-right: 60px;
  }
}

@media screen and (max-width: 767px) {
  .upside-filter__body .therapeutics-list-checkbox-items li:first-child {
    margin-right: 550px;
  }
}

@media screen and (max-width: 330px) {
  .upside-filter__body .therapeutics-list-checkbox-items li:first-child {
    margin-right: 60px;
  }
}

.upside-filter__body .therapeutics-checkbox__input:hover {
  cursor: pointer;
}

.upside-filter__footer {
  padding: 42px;
  background-color: #EFEDEB;
}

@media screen and (max-width: 767px) {
  .upside-filter__footer {
    padding: 18px;
  }
}

.main-filter {
  padding-bottom: 1.8rem;
}

.topic-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8rem 1.2rem;
}

.upside-footer-button {
  width: 100%;
  max-width: none;
}

.upside-spinner-container {
  position: relative;
  height: 100%;
  width: 100%;
}

html[data-wcag-enabled="true"] .therapeutics-checkbox__selected {
  color: #FFFFFF;
  background-color: #1F313C !important;
}

.upside-filter-control {
  position: relative;
}

.upside-filter-control__button {
  padding: 0.9rem 2.1rem;
}

.upside-filter-control__badge {
  position: absolute;
  right: -1rem;
  top: -0.5rem;
}

.upside-page__header {
  display: grid;
  margin-top: 132px;
}

@media screen and (max-width: 1679px) {
  .upside-page__header {
    margin-top: 84px;
  }
}

.upside-page__sub {
  grid-column-start: 1;
  grid-row-start: 2;
  margin-bottom: 24px;
}

.upside-page__filter {
  grid-column-start: 2;
  grid-row-start: 2;
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -16px;
}

.upside-page .therapeutics-upside {
  margin-bottom: 60px;
}

@media screen and (max-width: 1679px) {
  .upside-page .therapeutics-upside {
    margin-bottom: 36px;
  }
}

.article-page {
  color: #1F313C;
}

@media screen and (max-width: 1023px) {
  .article-page {
    margin-left: 8.333%;
    margin-right: 8.333%;
  }
}

.article-page__close-button {
  position: absolute;
  top: 36px;
  right: 60px;
}

.article-page__container {
  box-sizing: content-box;
  max-width: 596px;
  width: 100%;
  padding: 120px 60px 48px;
  margin: 0 auto;
}

@media screen and (min-width: 1681px) {
  .article-page__container {
    max-width: 622px;
  }
}

@media screen and (max-width: 1679px) {
  .article-page__container {
    padding-top: 84px;
  }
}

@media screen and (max-width: 1023px) {
  .article-page__container {
    padding-left: 0;
    padding-right: 0;
  }
}

.article-page__author-container {
  padding-top: 30px;
  display: block;
}

@media screen and (max-width: 1679px) {
  .article-page__author-container {
    padding-top: 16px;
  }
}

.article-page__author-img-container {
  padding-bottom: 14px;
}

.article-page__author-img {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 16px;
}

.article-page__author-name {
  display: inline-block;
}

.article-page__author-role {
  color: rgba(31, 49, 60, 0.6);
}

.article-page__image {
  width: 100%;
  display: block;
  padding-top: 42px;
}

.article-page__video {
  width: 100%;
  height: 407px;
  padding-top: 36px;
}

.article-page__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  padding-top: 36px;
}

@media screen and (max-width: 1679px) {
  .article-page__sub-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.article-page__body {
  padding-top: 36px;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
}

.article-page__body h2 {
  padding: 36px 0 18px;
  font-weight: bold;
  font-size: 22px;
}

.article-page__body a {
  color: #F24C00;
  text-decoration: none;
}

.article-page__body a:hover {
  color: #E54E09;
}

.article-page__body p {
  margin-bottom: 18px;
}

.article-page__topics-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 18px;
}

.article-page__topics-container > * {
  margin-right: 12px;
  margin-bottom: 12px;
}

.article-page__most-popular {
  display: flex;
  flex-wrap: wrap;
  padding-top: 42px;
}

.article-page__most-popular > * {
  flex: 0 0 50%;
  padding: 2.5px;
  box-sizing: border-box;
}

.article-page__most-popular .upside-article {
  height: 100%;
}

@media screen and (max-width: 1679px) {
  .article-page .therapeutics-pill__text {
    font-size: 16px;
    line-height: 19px;
  }
}

.article-page .upside-article__title {
  font-size: 16px;
  line-height: 19px;
}

.article-page .embed-video__inner {
  height: 100%;
  width: 100%;
}

.aps {
  width: 100%;
  max-width: 622px;
  margin: 0 auto;
  padding-top: 120px;
}

.aps__block {
  margin-top: 42px;
}

.aps__title {
  height: 42px;
  background-color: #DBDBDA;
  margin-bottom: 12px;
}

.aps__pill {
  height: 36px;
  background-color: #DBDBDA;
  margin-right: 12px;
  display: inline-block;
  border-radius: 50px;
}

.aps__most-popular {
  display: grid;
  grid-column-gap: 6px;
  grid-template-columns: 1fr 1fr;
}

.aps__img {
  width: 100%;
  height: 292px;
  border-radius: 18px;
  background-color: #DBDBDA;
}

.aps__content > * {
  margin-bottom: 6px;
  background-color: #DBDBDA;
  height: 24px;
}

.aps__content > *:last-child {
  padding-bottom: 0px;
}

.community-page .tabs-list {
  display: flex;
  background-color: inherit;
}

.community-page .tabs-list__background-active {
  background-color: #1F313C;
}

.community-page .tab-button--active {
  color: #FFFFFF;
  stroke: #FFFFFF;
}

.community-page__header {
  margin-top: 132px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.community-page__posts-container {
  margin-bottom: 100px;
}

@media screen and (max-width: 1023px) {
  .community-page {
    margin-bottom: 45px;
  }

  .community-page__header > h1 {
    margin: 15px 18px 15px 0;
  }

  .community-page__header > div {
    margin: 15px 0;
  }
}

.happiness-score__chart-wrapper {
  min-height: 450px;
}

.happiness-score__week {
  fill: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .happiness-score__week {
    font-size: 16px;
    line-height: 19px;
  }
}

.happiness-score__date {
  fill: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.happiness-score__score {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  fill: #1F313C;
}

@media screen and (max-width: 1679px) {
  .happiness-score__score {
    font-size: 18px;
    line-height: 24px;
  }
}

.happiness-score__score-circle {
  cursor: pointer;
}

.happiness-score .chart-overall-face {
  margin-right: 16px;
}

.skill-levels__list {
  list-style: none;
  width: 100%;
  padding: 0;
}

.skill-levels__list-item {
  position: relative;
  height: 70px;
  background: #E8E5E2;
  margin-bottom: 2px;
}

.skill-levels__list-item-image {
  width: 32px;
  margin: 0 16px 0 18px;
}

.skill-levels__list-item-name {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .skill-levels__list-item-name {
    font-size: 16px;
    line-height: 19px;
  }
}

.skill-levels__list-item-level {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.skill-levels__list-item-content {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
}

.skill-levels__list-item:last-child {
  margin-bottom: 0;
}

.skill-levels__progress {
  position: absolute;
  background: #FFFFFF;
  height: 70px;
}

.skill-levels__skeleton {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2px;
}

.skill-levels__skeleton > * {
  height: 90px;
  background-color: #DBDBDA;
}

.activity-chart-skill--AS {
  fill: #D5EA9C;
  background: #D5EA9C;
}

.activity-chart-skill--RE {
  fill: #B7E2E7;
  background: #B7E2E7;
}

.activity-chart-skill--GI {
  fill: #FFDF6E;
  background: #FFDF6E;
}

.activity-chart-skill--EM {
  fill: #FFDABC;
  background: #FFDABC;
}

.activity-chart-skill--SA {
  fill: #F8C3CC;
  background: #F8C3CC;
}

.activity-chart-skill--TH {
  fill: #FFA370;
  background: #FFA370;
}

.activity-chart-skill--OT {
  fill: #1F313C;
  background: #1F313C;
}

.activity-chart-skeleton__row {
  width: 100%;
  height: 50px;
  margin-left: 30px;
  border-bottom: 1px solid rgba(31, 49, 60, 0.1);
}

.activity-chart-skeleton__footer {
  display: flex;
  align-items: center;
  background-color: #E8E5E2;
  height: 66px;
  margin-top: 72px;
}

.activity-chart-skeleton__footer > * {
  display: inline-block;
  background-color: #DBDBDA;
  width: 64px;
  height: 24px;
  margin-left: 146px;
}

.activities-per-week {
  position: relative;
}

.activities__chart-wrapper {
  min-height: 440px;
}

.my-stats-promo,
.my-stats-promo-skeleton {
  padding: 24px 24px 36px 24px;
  max-width: 378px;
  color: #FFFFFF;
  background: #1F313C;
  border-radius: 18px;
  margin-bottom: 36px;
}

.my-stats-promo__title,
.my-stats-promo-skeleton__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 18px;
}

@media screen and (max-width: 1679px) {
  .my-stats-promo__title,
  .my-stats-promo-skeleton__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.my-stats-promo__content,
.my-stats-promo-skeleton__content {
  display: flex;
  margin-bottom: 12px;
}

.my-stats-promo__content:last-child,
.my-stats-promo-skeleton__content:last-child {
  margin-bottom: 0;
}

.my-stats-promo__content-number,
.my-stats-promo-skeleton__content-number {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-right: 12px;
  display: flex;
  min-width: 42px;
  aspect-ratio: 1/1;
  color: #1F313C;
  background: #FFFFFF;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
}

.my-stats-promo__content-text,
.my-stats-promo-skeleton__content-text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.my-stats-promo__content-paragraph,
.my-stats-promo-skeleton__content-paragraph {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .my-stats-promo__content-paragraph,
  .my-stats-promo-skeleton__content-paragraph {
    font-size: 16px;
    line-height: 19px;
  }
}

.my-stats-promo-skeleton__title {
  height: 24px;
  margin-bottom: 12px;
  background-color: #283944;
}

.my-stats-promo-skeleton__text {
  height: 12px;
  margin: 12px;
  background-color: #283944;
}

.my-stats-promo-skeleton__pill {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #283944;
}

.my-stats__main-header {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1679px) {
  .my-stats__main-header {
    font-size: 36px;
    line-height: 39.4px;
  }
}

@media screen and (max-width: 1679px) {
  .my-stats__main-header {
    margin-bottom: 36px;
  }
}

.my-stats__score-svg {
  position: absolute;
  left: 0;
  height: 100%;
  max-width: 10rem;
  pointer-events: none;
}

.my-stats-header {
  margin-bottom: 24px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .my-stats-header {
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 1679px) {
  .my-stats-header {
    font-size: 18px;
    line-height: 24px;
  }
}

.my-stats-header__paragraph {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .my-stats-header__paragraph {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .my-stats-about-button {
    position: relative;
    top: -10px;
  }
}

.my-stats-block {
  margin-bottom: 72px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .my-stats-block {
    margin-bottom: 36px;
  }
}

.my-stats__control-button {
  height: 66px;
  width: 66px;
  background: #E8E5E2;
  border: none;
}

.my-stats__control-button-back,
.my-stats__control-button-forward {
  background-image: url(/static/img/therapeutics/controls/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1px;
}

.my-stats__control-button-back {
  left: 0;
}

.my-stats__control-button-forward {
  transform: rotate(180deg);
  right: 0;
  display: none;
}

.my-stats .profile-page__container {
  margin-top: 120px;
  max-width: 1680px;
}

@media screen and (max-width: 1679px) {
  .my-stats .profile-page__container {
    margin-top: 84px;
  }
}

.my-stats .therapeutics-my-skills__pills {
  display: none;
}

.my-stats .chart {
  position: absolute;
  height: 100%;
  transition: all 0.3s ease;
  right: 0;
}

.my-stats .chart-wrapper {
  position: relative;
  overflow: hidden;
}

html[data-zoom="400"] .my-stats__score-svg {
  left: -2.5rem;
  max-width: 8rem;
}

html[data-zoom="400"] .my-stats__control-button {
  width: 4rem;
}

html[data-zoom="200"] #happiness-score {
  width: 47rem;
}

html[data-zoom="400"] #happiness-score,
html[data-zoom="500"] #happiness-score {
  width: 24rem;
}

@media screen and (max-width: 50px) {
  #happiness-score {
    width: 34rem;
  }
}

.profile-page {
  --padding: 60px;
}

.profile-page__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.profile-page__container {
  margin-top: 12rem;
  padding-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-page__container {
    margin-top: 8.4rem;
  }
}

.profile-page__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 3.6rem;
  max-width: 800px;
  line-height: 72px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .profile-page__title {
    font-size: 36px;
    line-height: 39.4px;
  }
}

@media screen and (max-width: 1679px) {
  .profile-page__title {
    margin-bottom: 1.8rem;
  }
}

.profile-page__subTitle {
  margin: 0 0 24px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .profile-page__subTitle {
    margin: 0 0 20px;
  }
}

.profile-page__activity-life-block {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}

@media screen and (max-width: 1679px) {
  .profile-page__activity-life-block {
    margin-bottom: 3rem;
  }
}

.profile-page__activity-life-block .therapeutics-pill-view {
  width: 100%;
}

@media screen and (max-width: 1679px) {
  .profile-page__activity-life-block .therapeutics-pill-view {
    width: -moz-max-content;
    width: max-content;
  }
}

@media screen and (max-width: 767px) {
  .profile-page__activity-life-block .therapeutics-pill-view {
    margin-top: 2rem;
    margin-left: 0;
    width: 100%;
  }
}

.profile-page__activity-life {
  margin-bottom: 36px;
  display: flex;
  color: rgba(31, 49, 60, 0.6);
  margin-right: 100%;
}

.profile-page__activity-life span {
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .profile-page__activity-life {
    margin-bottom: 0;
    align-items: center;
  }
}

.profile-page__activity-life > * {
  margin-right: 40px;
  cursor: pointer;
  white-space: nowrap;
}

.profile-page__activity-life > *:last-child {
  margin-right: 0;
}

.profile-page__my-skills-box,
.profile-page__strengths-box {
  margin-bottom: 60px;
}

.profile-page__medals-container {
  display: flex;
  flex-wrap: wrap;
}

.profile-page__medals-container > :first-child {
  margin: 0 5px 0 0;
}

.profile-page__medals-container > a {
  text-decoration: none;
}

@media screen and (max-width: 1679px) {
  .profile-page .ov-modal-back {
    left: 3.6rem;
  }
}

.profile-page__back-button {
  position: absolute;
  left: 36px;
  top: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #E8E5E2;
  cursor: pointer;
  z-index: 999;
}

.profile-page__back-button--transparent {
  background: transparent;
}

.profile-page__back-button--transparent:hover {
  background: #E8E5E2;
}

.profile-page__back-button::before,
.profile-page__back-button::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
}

.profile-page__back-button::before {
  height: 1px;
  width: 2.4rem;
  background: #000;
  transform: translate(-50%, -50%);
}

.profile-page__back-button::after {
  height: 0.8rem;
  width: 0.8rem;
  border-top: solid 1px #000;
  border-left: solid 1px #000;
  transform-origin: 0 0;
  transform: translateX(-1.3rem) scaleX(0.9) rotate(-45deg);
}

.profile-page__burger-button {
  width: auto;
}

.profile-page__edit-button {
  margin-bottom: 72px;
  height: 48px;
}

@media screen and (max-width: 1679px) {
  .profile-page__edit-button {
    margin-bottom: 0;
    margin-top: 30px;
  }
}

.profile-page__delete-all {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 48px;
  width: 48px;
  background-color: transparent;
  background-image: url('/static/img/therapeutics/controls/trash.svg');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  right: 100px;
  top: 40px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  z-index: 999;
}

.profile-page__delete-all:hover {
  background-color: #E8E5E2;
}

.profile-page__medal-box-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .profile-page__medal-box-title {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .profile-page__medal-box-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

.profile-page .js-followers-modal-open,
.profile-page .js-following-modal-open {
  width: -moz-max-content;
  width: max-content;
}

.profile-page__medal-box {
  width: 413px;
  height: 198px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 1679px) {
  .profile-page__medal-box {
    max-width: 22rem;
    height: 7.6rem;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .profile-page__medal-box svg {
    margin-left: auto;
  }
}

.profile-page__medal-box-title {
  color: rgba(31, 49, 60, 0.6);
}

.profile-page__medal-box-count {
  color: #1F313C;
}

.profile-page__medal-box--gold {
  background-color: #FFDF6E;
}

.profile-page__medal-box--silver {
  background-color: #FFFFFF;
}

.profile-menu {
  color: #1F313C;
}

.profile-menu__container {
  padding-left: 42px;
}

@media screen and (max-width: 1679px) {
  .profile-menu__container {
    padding-left: 3.6rem;
  }
}

.profile-menu__block {
  margin-bottom: 36px;
}

@media screen and (max-width: 1679px) {
  .profile-menu__block {
    margin-bottom: 1.2rem;
  }

  .profile-menu__block + .therapeutics-pill-view {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
}

@media screen and (max-width: 1679px) {
  .profile-menu__block .input-view .field__input {
    height: 5.4rem;
  }
}

@media screen and (max-width: 1679px) {
  .profile-menu__block .input-view .field__input:not(.field__input:-moz-placeholder) ~ .field__label {
    transform: translateY(-4px);
  }

  .profile-menu__block .input-view .field__input:not(.field__input:placeholder-shown) ~ .field__label,
  .profile-menu__block .input-view .field__input:focus ~ .field__label {
    transform: translateY(-4px);
  }
}

.profile-menu__title {
  text-align: center;
  padding: 5rem 9rem 4.5rem 9rem;
}

@media screen and (max-width: 1679px) {
  .profile-menu__title {
    padding: 2.8rem 7rem 2.8rem 8.4rem;
    font-size: 2rem;
    margin-bottom: 0;
  }
}

.profile-menu__sub-title {
  margin-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-menu__sub-title {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0.8rem;
  }
}

.profile-settings .ov_content--sidebar {
  display: flex;
  flex-direction: column;
}

.profile-settings .profile-menu__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 42px 0;
}

@media screen and (max-width: 1679px) {
  .profile-settings .profile-menu__container {
    padding: 0 3.6rem 0;
  }
}

.profile-settings .profile-menu__block {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.profile-settings .profile-menu__block .profile-settings__description {
  margin-top: 3.6rem;
  margin-bottom: 3.6rem;
}

.profile-settings .profile-menu__block .profile-settings__button {
  margin-top: auto;
}

.profile-settings .button {
  max-width: none;
  margin-top: auto;
}

.profile-settings .field__container {
  max-width: none;
  width: 100%;
}

.profile-settings .field__input {
  max-width: none;
}

.profile-settings__description-label {
  margin-top: 36px;
  margin-bottom: 18px;
}

.profile-settings .therapeutics-image-upload {
  margin-bottom: 36px;
}

@media screen and (max-width: 1679px) {
  .profile-settings .therapeutics-image-upload--avatar .image-container {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1679px) {
  .profile-settings .therapeutics-image-upload--avatar .image-container .pill-container {
    position: relative;
    margin-left: 2rem;
  }
}

@media screen and (max-width: 1679px) {
  .profile-settings .therapeutics-image-upload--avatar .image-container .image {
    width: 16.4rem;
    height: 16.4rem;
  }
}

@media screen and (max-width: 1679px) {
  .profile-settings .therapeutics-image-upload .therapeutics-pill {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
}

.profile-settings .complete-modal {
  left: 50%;
}

.profile-settings .spinner-container {
  width: auto;
  top: 0;
  left: 0;
  right: 0;
}

.profile-settings .spinner {
  left: 46%;
}

.profile-strengths .ov_content {
  display: flex;
  flex-direction: column;
}

.profile-strengths__container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0 42px 42px;
}

@media screen and (max-width: 1679px) {
  .profile-strengths__container {
    padding: 0 36px 36px;
  }
}

.profile-strengths__btn {
  max-width: unset;
}

.profile-strengths__assessment-pill-box,
.profile-strengths__list-box {
  margin-top: 36px;
}

.profile-strengths__footer {
  margin-top: auto;
  position: sticky;
}

.profile-accessibility {
  color: #1F313C;
}

.profile-accessibility .ov_content--sidebar {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  position: relative;
}

.profile-accessibility__container {
  flex-grow: 1;
  padding: 0 42px 42px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1679px) {
  .profile-accessibility__container {
    padding: 0 3.6rem 4.2rem;
  }
}

.profile-accessibility__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.profile-accessibility__item:nth-child(4) {
  margin-bottom: 42px;
}

.profile-accessibility__button {
  max-width: unset;
}

.profile-accessibility__info {
  width: 100%;
  flex-grow: 1;
}

.profile-accessibility .accessibility-accordion__header {
  display: flex;
  align-items: center;
}

.profile-accessibility .accessibility-accordion__header-text {
  padding-left: 18px;
}

.profile-accessibility .accessibility-accordion__header svg {
  flex-basis: auto;
}

.profile-accessibility .accessibility-accordion__body {
  padding: 24px;
  background-color: #FFFFFF;
}

.profile-accessibility .accessibility-accordion__title {
  padding-bottom: 18px;
}

.profile-accessibility .accessibility-accordion__block {
  padding-bottom: 36px;
}

.profile-accessibility .accessibility-accordion__block:last-child {
  padding-bottom: 0;
}

.profile-accessibility .spinner,
.profile-accessibility .complete-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.profile-accessibility .therapeutics-accordion__body {
  padding-top: 0;
  background-color: #FFFFFF;
}

.profile-privacy {
  color: #1F313C;
}

.profile-privacy .ov_content--sidebar {
  display: flex;
  flex-direction: column;
  position: relative;
}

.profile-privacy__container {
  overflow-x: hidden;
  padding-left: 42px;
  padding-bottom: 42px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1679px) {
  .profile-privacy__container {
    padding-left: 36px;
  }
}

.profile-privacy__list-items {
  padding-top: 4px;
  padding-right: 42px;
}

@media screen and (max-width: 1679px) {
  .profile-privacy__list-items {
    padding-right: 3.6rem;
  }
}

.profile-privacy__body-container {
  padding-right: 42px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.profile-privacy__body {
  padding-bottom: 4px;
}

.profile-privacy__title {
  padding-top: 36px;
  padding-bottom: 6px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .profile-privacy__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-privacy__sub-title {
  color: rgba(31, 49, 60, 0.6);
  padding-bottom: 18px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-privacy__sub-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-privacy__button {
  max-width: unset;
  margin-top: auto;
}

.profile-privacy__button--disabled {
  opacity: 0.5;
}

.profile-privacy .radio-button--profile-privacy {
  color: #1F313C;
}

.profile-privacy .radio-button--profile-privacy::before {
  left: -10px;
}

.profile-privacy .radio-button--profile-privacy::after {
  left: -7px !important;
}

.profile-privacy .spinner,
.profile-privacy .complete-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.profile-language {
  color: #1F313C;
}

.profile-language .ov_content--sidebar {
  display: flex;
  flex-direction: column;
  position: relative;
}

.profile-language__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 42px 42px;
}

@media screen and (max-width: 1679px) {
  .profile-language__container {
    padding: 0 3.6rem 4.2rem;
  }
}

.profile-language__button {
  max-width: unset;
  margin-top: auto;
}

.profile-language .spinner,
.profile-language .complete-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.profile-accessibility-info {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-accessibility-info {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-accessibility-info h2 {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-accessibility-info h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-accessibility-info h3 {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 9px;
}

@media screen and (max-width: 1679px) {
  .profile-accessibility-info h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-accessibility-info li {
  padding-bottom: 24px;
}

.profile-accessibility-info p {
  margin-bottom: 24px;
}

.profile-accessibility-info a {
  color: #F24C00;
  text-decoration: none;
}

.profile-accessibility-info a:hover {
  color: #E54E09;
}

.profile-notifications-settings .profile-notifications {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-notifications-settings .profile-notifications {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-notifications-settings .profile-notifications__container {
  padding: 0 42px 42px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.profile-notifications-settings .profile-notifications__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.profile-notifications-settings .profile-notifications__block {
  padding-bottom: 42px;
}

.profile-notifications-settings .profile-notifications__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-notifications-settings .profile-notifications__sub-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-notifications-settings .profile-notifications__type {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding-right: 20px;
}

@media screen and (max-width: 1679px) {
  .profile-notifications-settings .profile-notifications__type {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-notifications-settings .profile-notifications__type--gray {
  color: rgba(31, 49, 60, 0.6);
}

.profile-notifications-settings .profile-notifications__time-picker {
  margin-top: 12px;
}

.profile-notifications-settings .profile-notifications__button {
  max-width: unset;
  margin-top: auto;
}

.profile-notifications-settings .ov_content--sidebar {
  display: flex;
  flex-direction: column;
}

.profile-notifications-settings .spinner,
.profile-notifications-settings .complete-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.profile-faq {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-faq {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-faq .ov_content--sidebar {
  overflow-y: scroll;
}

.profile-faq__block {
  display: none;
}

.profile-faq__block p,
.profile-faq__text p {
  margin: 0;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-faq__block p,
  .profile-faq__text p {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-faq__block h3,
.profile-faq__text h3 {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  padding: 24px 0 9px;
  margin: 0;
}

@media screen and (max-width: 1679px) {
  .profile-faq__block h3,
  .profile-faq__text h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-faq__block a,
.profile-faq__text a {
  color: #F24C00;
  text-decoration: none;
  display: inline-block;
}

.profile-faq__block a:hover,
.profile-faq__text a:hover {
  color: #E54E09;
}

.profile-faq .button--faq {
  color: #1F313C;
  background-color: #FFFFFF;
  border-radius: 18px;
  max-width: unset;
  margin-bottom: 18px;
}

.profile-faq .button--faq:hover {
  background-color: #1F313C;
  color: #FFFFFF;
}

.profile-faq .button--faq:hover::before,
.profile-faq .button--faq:hover::after {
  filter: invert();
}

.profile-disclaimer {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-disclaimer {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-disclaimer p {
  margin-bottom: 24px;
}

.profile-login-details .ov_content--sidebar {
  display: flex;
  flex-direction: column;
}

.profile-login-details__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 42px 0;
}

@media screen and (max-width: 1679px) {
  .profile-login-details__container {
    padding: 0 3.6rem 0;
  }
}

.profile-login-details .profile-menu__block {
  height: 100%;
}

.profile-login-details .profile-menu__block > * {
  display: none;
  height: 100%;
}

.profile-login-details .profile-menu__block form {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.profile-login-details .profile-menu__block .js-save-email,
.profile-login-details .profile-menu__block .js-save-password {
  margin-top: auto;
}

.profile-login-details .profile-menu__block--email > *:first-child {
  display: block;
}

.profile-login-details .profile-menu__block--password > *:last-child {
  display: block;
}

.profile-login-details .button {
  max-width: none;
  width: 100%;
}

.profile-login-details .button--disabled {
  opacity: 0.5;
}

.profile-login-details .button--disabled:focus {
  outline: none;
}

.profile-login-details .field__container {
  max-width: none;
  width: 100%;
}

.profile-login-details .field__input {
  max-width: none;
}

.profile-login-details__description-label {
  margin-top: 36px;
  margin-bottom: 18px;
}

.profile-login-details .therapeutics-image-upload {
  margin-bottom: 36px;
}

.profile-login-details .complete-modal {
  left: 50%;
  background: #FFFFFF8F;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  height: 20.4rem;
}

@media screen and (max-width: 1679px) {
  .profile-login-details .complete-modal {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .profile-login-details .complete-modal {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

.profile-login-details .spinner-container {
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.profile-login-details .spinner {
  left: 46%;
  z-index: 1;
}

.profile-achievements {
  color: #1F313C;
}

.profile-achievements__sub-title {
  margin: 0;
  padding-top: 72px;
}

.profile-achievements__sub-title--light {
  color: rgba(31, 49, 60, 0.6);
}

.profile-achievements__tracks-list {
  padding: 24px 0;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}

.profile-achievements__tracks-list .therapeutics-track-card {
  width: 100%;
}

@media (min-width: 840px) {
  .profile-achievements__tracks-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 1024px) {
  .profile-achievements__tracks-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.profile-achievements__medals-container {
  display: flex;
  flex-wrap: wrap;
}

.profile-achievements .profile-page__medals-container--achievements {
  padding-top: 24px;
}

.profile-achievements .profile-page__medals-container--achievements > :first-child {
  margin-right: 5px;
  margin-bottom: 5px;
}

.profile-achievements .explore-track-card__title {
  padding: 0 0 100px;
}

.profile-policy {
  word-break: break-word;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-policy {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-policy__sub-title {
  padding-bottom: 12px;
}

.profile-policy td {
  vertical-align: top;
  padding: 10px 15px;
}

.profile-policy td div > a {
  word-break: break-word;
}

.profile-policy th {
  font-weight: bold;
  text-align: center;
}

.profile-conditions {
  word-break: break-word;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-conditions {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-conditions ul {
  list-style: none;
  padding: 0;
}

.profile-conditions ul li {
  padding-bottom: 0;
}

.profile-conditions ol {
  margin-bottom: 24px;
}

.profile-conditions ol li {
  padding-bottom: 0;
}

.profile-resources,
.profile-sidebar {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .profile-resources,
  .profile-sidebar {
    font-size: 16px;
    line-height: 19px;
  }
}

.profile-resources__container,
.profile-sidebar__container {
  padding: 0 4.2rem 4.2rem;
}

@media screen and (max-width: 1679px) {
  .profile-resources__container,
  .profile-sidebar__container {
    padding: 0 3.6rem 4.2rem;
  }
}

@media screen and (max-width: 1679px) {
  .profile-resources .ov-modal-back,
  .profile-sidebar .ov-modal-back {
    left: 3.6rem;
  }
}

.profile-posts-page {
  color: #1F313C;
}

.profile-posts-page__header {
  position: absolute;
  width: calc(100% - 70px);
  left: 0;
  top: 0;
}

.profile-posts-page__title {
  margin-top: 120px;
  margin-bottom: 60px;
}

.profile-posts-page .profile-page__burger-button {
  position: static;
}

.profile-posts-page .page-container-element--with-margin {
  margin-left: 0;
  margin-right: 0;
}

.profile-page__incentive-points-box {
  padding: 15px 12px;
  border: 1px solid rgba(31, 49, 60, 0.2);
  border-radius: 10px;
  background-color: #FFFFFF;
  width: 412px;
  margin-bottom: 66px;
}

@media screen and (max-width: 500px) {
  .profile-page__incentive-points-box {
    width: 100%;
  }
}

.profile-page__incentive-points-box .incentive-point__title {
  margin-bottom: 0;
}

.profile-page__incentive-points-box .incentive-point__ends {
  padding-bottom: 20px;
  color: rgba(31, 49, 60, 0.6);
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.profile-page__incentive-points-box .incentive-point-bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 100%;
}

.profile-page__incentive-points-box .incentive-point-bottom .goal {
  color: rgba(31, 49, 60, 0.6);
}

.profile-page__incentive-points-box .incentive-point-bottom .earned {
  font-weight: 600;
}

.user-profile-page__header {
  position: absolute;
  width: calc(100% - 70px);
  left: 0;
  top: 0;
}

.user-profile-page__body {
  margin-top: 12rem;
  margin-bottom: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (max-width: 1679px) {
  .user-profile-page__body {
    margin-top: 8.5rem;
  }
}

.user-profile-page__avatar {
  margin-right: 35px;
}

.user-profile-page__avatar .therapeutics-avatar,
.user-profile-page__avatar .therapeutics-avatar__chart {
  height: 174px;
  width: 174px;
}

.user-profile-page__avatar .therapeutics-avatar__photo {
  height: calc(100% - 24px);
  width: calc(100% - 24px);
}

.user-profile-page__user-name {
  min-height: 50px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-name {
    font-size: 36px;
    line-height: 39.4px;
  }
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-name {
    margin-bottom: 1.3rem;
  }
}

.user-profile-page__following-count.unclickable,
.user-profile-page__followers-count.unclickable,
.user-profile-page__posts-count.unclickable {
  cursor: default;
}

.user-profile-page__following-count span,
.user-profile-page__followers-count span,
.user-profile-page__posts-count span {
  margin-right: 10px;
}

.user-profile-page__user-data {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-data {
    font-size: 16px;
    line-height: 19px;
  }
}

.user-profile-page__user-data > * {
  margin-right: 36px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-data > * {
    margin-right: 5rem;
  }
}

.user-profile-page__user-data > *:last-child {
  margin-right: unset;
}

.user-profile-page__user-data > * > span:not(.user-profile-page__posts-count-text) {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-data > * > span:not(.user-profile-page__posts-count-text) {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-data > * > span:not(.user-profile-page__posts-count-text) {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.user-profile-page__user-data .user-profile-page__subtitle {
  display: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .user-profile-page__user-data .user-profile-page__subtitle {
    font-size: 24px;
    line-height: 30px;
  }
}

.user-profile-page__user-data--empty .user-profile-page__posts-count,
.user-profile-page__user-data--empty .user-profile-page__following-count,
.user-profile-page__user-data--empty .user-profile-page__followers-count {
  display: none;
}

.user-profile-page__user-data--empty .user-profile-page__subtitle {
  display: block;
}

.user-profile-page__dummy {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .user-profile-page__dummy {
    font-size: 20px;
    line-height: 30px;
  }
}

html[data-wcag-enabled="true"] .user-profile-page__dummy {
  color: #1F313C;
}

#showroom-page .container {
  padding: 20px;
}

#showroom-page .showroom__nav {
  z-index: 11;
}

#showroom-page .flex {
  display: flex;
}

#showroom-page .flex--column {
  flex-direction: column;
}

#showroom-page .h2 {
  padding-top: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid gray;
}

#showroom-page .h3 {
  padding-top: 25px;
}

#showroom-page .activity-card {
  width: initial;
  height: initial;
}

#showroom-page #article-card {
  max-width: 400px;
}

#showroom-page .button {
  margin-right: 10px;
  margin-bottom: 10px;
}

#showroom-page ul li {
  list-style: none;
}

#map-canvas {
  height: 642px;
  width: 638px;
}

.map-overlay {
  position: absolute;
  height: 642px;
  width: 638px;
  top: 0;
  left: 0;
  z-index: 9;
}

.map-overlay .overlay-panel {
  position: absolute;
  width: 100%;
  background: #fff;
  opacity: 0.75;
}

.map-overlay .message-panel {
  position: absolute;
  padding: 20px;
  width: 100%;
  text-align: center;
  top: 180px;
}

.map-overlay .message-panel .message {
  margin: 40px auto;
  width: 80%;
  line-height: 22px;
}

.map-overlay .message-panel .button {
  height: 60px;
  min-width: 280px;
  font-size: 14px;
  line-height: 60px;
}

#kindness-chain-map.cta .map-container #map-canvas {
  height: 591px;
}

.gm-style .controls {
  margin: 6px;
  padding: 2px;
  display: flex;
  height: 40px;
  width: 40px;
  font-weight: 300;
  font-size: 28px;
  /* this adjusts the size of all the controls */
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  justify-content: center;
  top: 0 !important;
}

.gm-style .controls button {
  color: rgba(0, 0, 0, 0.6);
  background-color: white;
  border: 0;
}

.gm-style .controls button:hover {
  color: rgba(0, 0, 0, 0.9);
}

.gm-style .controls.fullscreen-control button {
  display: block;
  height: 80%;
  width: 80%;
  font-size: 1em;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon {
  position: absolute;
  height: 0.25em;
  width: 0.25em;
  border-style: solid;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 2px 0 0 2px;
  left: 0.1em;
  top: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 0 2px 2px 0;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 2px 2px 0 0;
  right: 0.1em;
  top: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 0 0 2px 2px;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 0 0 2px 2px;
  left: 0.1em;
  bottom: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 2px 2px 0 0;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 0 2px 2px 0;
  right: 0.1em;
  bottom: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 2px 0 0 2px;
}

.zoom__controls {
  margin: 6px;
  display: flex;
  height: 80px;
  width: 40px;
  font-weight: 300;
  font-size: 28px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  top: 80% !important;
}

.controls__wrapper {
  height: 100%;
}

.controls--zoom-in {
  margin: 0;
  padding: 0;
  display: flex;
  height: 40px;
  width: 40px;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.6);
  background-color: white;
  border: 0;
  align-items: center;
  justify-content: center;
}

.controls--zoom-out {
  margin: 0;
  padding: 0;
  display: flex;
  height: 40px;
  width: 40px;
  font-size: 40px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.6);
  background-color: white;
  border: 0;
  align-items: center;
  justify-content: center;
}

.start-assessment .card-base__container {
  background-color: #1F313C;
  color: #FFFFFF;
}

html[data-wcag-enabled="true"] .start-assessment .card-base__title {
  color: #FFFFFF;
}

.start-subscribe .card-base__container {
  background-color: #1F313C;
  color: #FFFFFF;
}

.start-subscribe.blue .card-base__container {
  background-color: #1F313C;
}

.start-subscribe-skeleton {
  background-color: #1F313C;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 18px;
}

.start-subscribe-skeleton > * {
  background-color: #283944;
  margin-bottom: 4px;
  height: 36px;
}

.start-subscribe-skeleton > *:last-child {
  margin-top: auto;
  margin-bottom: 0;
  border-radius: 18px;
}

.shared-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 6px;
  grid-row-gap: 24px;
}

@media screen and (max-width: 1279px) {
  .shared-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .shared-container {
    grid-template-columns: 1fr;
  }
}

.logo-public {
  display: flex;
  align-items: center;
}

.logo-public__brand {
  height: 26px;
}

.logo-public__brand--50 {
  flex: 1;
}

.logo-public__brand img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .logo-public__brand {
    height: 21px;
  }
}

.logo-public__devider {
  margin-right: 12px;
  margin-left: 12px;
  display: inline-block;
  height: 24px;
  width: 1px;
  background: var(--color_text, #1f313c);
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .logo-public__devider {
    height: 21px;
  }
}

.logo-public__product {
  margin-top: -3px;
  margin-bottom: -3px;
  height: 42px;
}

.logo-public__product img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .logo-public__product {
    height: 30px;
  }
}

.logo-public--content .kabinet-logo__devider,
.logo-public--content .logo-public__devider {
  margin-right: 24px;
  margin-left: 24px;
  display: inline-block;
  height: 50px;
  width: 1px;
  background: var(--color_text, #1f313c);
  opacity: 0.6;
}

.logo-public--content .kabinet-logo__brand-logo,
.logo-public--content .logo-public__brand-logo,
.logo-public--content .kabinet-logo__brand,
.logo-public--content .logo-public__brand {
  height: 58px;
  max-height: 58px;
  width: auto;
}

.logo-public--content .kabinet-logo__product-logo,
.logo-public--content .logo-public__product-logo,
.logo-public--content .kabinet-logo__product,
.logo-public--content .logo-public__product {
  position: relative;
  height: 58px;
  max-height: 58px;
  width: auto;
}

.reminder-modal__container {
  height: 100%;
  padding: 42px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reminder-modal__title {
  padding-left: 60px;
  position: relative;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .reminder-modal__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.reminder-modal__title::before {
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 36px;
  height: 36px;
  content: url('/static/img/therapeutics/bell.svg');
}

.reminder-modal__form {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 7.2rem;
}

.reminder-modal__form-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .reminder-modal__form-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.reminder-modal__input-container {
  margin-top: 24px;
}

.reminder-modal__submit {
  max-width: unset;
  position: absolute;
  bottom: 0;
}

html[data-wcag-enabled="true"] .reminder-modal__submit {
  background: #b93a00;
}

.reminder-modal__time-picker .listbox-button {
  max-width: unset;
}

.reminder-modal__cancel-container {
  margin-top: 24px;
}

.skills-descr-carousel {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
}

.skills-descr-carousel__wrap {
  padding-bottom: 70px;
  height: 100%;
  overflow: hidden;
}

.skills-descr-carousel__header {
  position: relative;
  min-height: 50%;
}

.skills-descr-carousel__item {
  display: inline-flex;
  height: 100%;
  max-height: 832px;
  width: 100%;
  max-width: 624px;
  overflow-y: auto;
  flex-direction: column;
  overflow-y: hidden;
}

.skills-descr-carousel__item--sa .skills-descr-carousel__header {
  background-color: #F8C3CC;
}

.skills-descr-carousel__item--as .skills-descr-carousel__header {
  background-color: #D5EA9C;
}

.skills-descr-carousel__item--em .skills-descr-carousel__header {
  background-color: #FFDABC;
}

.skills-descr-carousel__item--gi .skills-descr-carousel__header {
  background-color: #FFDF6E;
}

.skills-descr-carousel__item--th .skills-descr-carousel__header {
  background-color: #FFA370;
}

.skills-descr-carousel__item--re .skills-descr-carousel__header {
  background-color: #B7E2E7;
}

.skills-descr-carousel__item-wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.skills-descr-carousel__img {
  position: absolute;
  height: 100%;
  max-height: calc(100% - 30px);
  width: 100%;
  max-width: 230px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: contain;
  object-fit: contain;
}

.skills-descr-carousel__level {
  position: absolute;
  bottom: 30px;
  left: 27px;
}

.skills-descr-carousel__content {
  padding: 36px;
  overflow-y: auto;
}

.skills-descr-carousel__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  margin-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .skills-descr-carousel__title {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-height: 800px) {
  .skills-descr-carousel__title {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-height: 800px) and screen and (max-width: 1679px) {
  .skills-descr-carousel__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.skills-descr-carousel__title::first-letter {
  text-transform: uppercase;
}

.skills-descr-carousel__text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .skills-descr-carousel__text {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-height: 800px) {
  .skills-descr-carousel__text {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-height: 800px) and screen and (max-width: 1679px) {
  .skills-descr-carousel__text {
    font-size: 16px;
    line-height: 19px;
  }
}

.skills-descr-carousel .skills-descr-carousel__prev {
  left: 36px;
}

.skills-descr-carousel .skills-descr-carousel__next {
  right: 36px;
}

.skills-descr-modal .ov_content {
  height: 90%;
  max-height: 800px;
  width: 100%;
  max-width: 624px;
  border-radius: 12px;
  overflow: hidden;
}

.skills-descr-modal .ov-modal-close {
  height: 25px;
  width: 25px;
}

.skills-descr-modal .slick-track {
  height: 100%;
}

.skills-descr-modal .slick-list {
  height: 100%;
  border-radius: 12px;
}

.skills-descr-modal .slick-slide > div {
  height: 100%;
}

.skills-descr-modal .slick-arrow {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  bottom: 36px;
  cursor: pointer;
  background: transparent;
}

@media screen and (max-width: 1679px) {
  .skills-descr-modal .slick-arrow {
    font-size: 16px;
    line-height: 19px;
  }
}

.skills-descr-modal button.js-carousel-prev,
.skills-descr-modal button.js-carousel-next {
  border: none;
  z-index: 1;
}

.skills-descr-modal .slick-dots {
  position: absolute;
  padding: 0;
  display: flex;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
}

.skills-descr-modal .slick-dots > *:nth-child(n+2) {
  margin-left: 18px;
}

.skills-descr-modal .slick-dots button {
  padding: 0;
  height: 12px;
  width: 12px;
  font-size: 0;
  background-color: rgba(31, 49, 60, 0.1);
  border-radius: 50%;
  border: none;
  overflow: hidden;
}

.skills-descr-modal .slick-dots .slick-active button {
  background-color: #1F313C;
}

.tabs-list {
  position: relative;
  padding: 2px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #b4cbd9;
  background: #e8e5e2;
  border-radius: 10rem;
}

@media screen and (max-width: 1679px) {
  .tabs-list {
    font-size: 16px;
    line-height: 19px;
  }
}

.tabs-list__background-active {
  position: absolute;
  top: 0;
  left: 2px;
  height: 100%;
  width: 0;
  background-color: #FFFFFF;
  border-radius: 10rem;
  transition: left 0.3s;
}

.tab-button {
  position: relative;
  padding: 1rem 2rem;
  width: 100%;
  font-size: inherit;
  color: #1F313C;
  background: transparent;
  cursor: pointer;
  border-radius: 10rem;
  border: 0;
  z-index: 1;
}

.tab-button::after {
  position: absolute;
  height: calc(100% + 2rem);
  width: calc(100% + 2rem);
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
}

.tab-button--fake {
  padding: 0;
  height: 100%;
  width: 100%;
  background: #fff;
}

@media screen and (max-width: 1679px) {
  .tab-button {
    padding: 0.6rem 2rem;
  }
}

html[data-wcag-enabled="true"] .tab-button {
  font-weight: 700;
  font-size: 1.8rem;
}

.pill-tabs-list__wrapper .pill-tabs__container > * {
  margin-right: 12px;
}

.pill-tabs-list__wrapper .pill-tabs__container > *:last-child {
  margin-right: 0;
}

.spinner {
  --timeOut: 3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(175deg);
  animation: svgAnimation var(--timeOut) linear infinite;
}

.spinner-wrapper {
  --opacity: 0.5;
  top: 0;
  position: fixed;
  height: 100vh;
  width: 100%;
  background: #efedeb;
  opacity: var(--opacity);
}

.spinner-circle {
  stroke-dasharray: 300;
  stroke-dashoffset: 290;
  animation: circleAnimation var(--timeOut) ease-out infinite;
}

.spinner-circle_2 {
  stroke-dasharray: 300;
  stroke-dashoffset: 290;
  opacity: var(--opacity);
  animation: circle2Animation var(--timeOut) ease-out infinite;
}

@keyframes svgAnimation {
  15% {
    transform: translate(-50%, -50%) rotate(275deg);
  }

  40% {
    transform: translate(-50%, -50%) rotate(570deg);
  }

  50% {
    transform: translate(-50%, -50%) rotate(575deg);
  }
}

@keyframes circle2Animation {
  15% {
    stroke-dashoffset: 230;
  }

  50% {
    stroke-dashoffset: 0;
  }
}

@keyframes circleAnimation {
  15% {
    stroke-dashoffset: 250;
  }

  50% {
    stroke-dashoffset: 100;
  }
}

.spinner-container .spinner-wrapper {
  z-index: 100;
}

.progress-component {
  width: 100%;
}

.therapeutics-progress-line {
  min-height: 4rem;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 10px;
}

.therapeutics-progress-line .line {
  fill: #1f313c;
}

.therapeutics-progress-line .completed {
  fill: #f24c00;
}

.therapeutics-progress-line .completed .point-text {
  fill: #fff;
}

.therapeutics-progress-line .in-progress {
  fill: #1f313c;
}

.therapeutics-progress-line .in-progress .point-text {
  fill: #fff;
}

.therapeutics-progress-line .upcomming {
  fill: #fff;
}

.therapeutics-progress-line .upcomming .point-text {
  fill: #1f313c;
}

html[data-wcag-enabled="true"] .point-text {
  font-size: 1.8rem;
  font-weight: 700;
}

.close-button {
  z-index: 999;
  padding: 0;
  margin: 0;
  border: 0;
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
}

.close-button--icon {
  background-image: url(/static/img/therapeutics/controls/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  box-sizing: content-box;
  padding: 1rem;
  width: 1.8rem;
  height: 1.8rem;
}

.close-button--icon-light {
  background-image: url(/static/img/therapeutics/controls/close-light.svg);
  background-color: rgba(255, 255, 255, 0.3);
}

.back-button {
  z-index: 999;
  padding: 0;
  margin: 0;
  border: 0;
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E8E5E2;
  backdrop-filter: blur(4px);
}

.back-button--icon {
  background-image: url(/static/img/therapeutics/controls/back-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  box-sizing: content-box;
  padding: 1rem;
  width: 1.8rem;
  height: 1.8rem;
}

.back-button--icon-light {
  background-image: url(/static/img/therapeutics/controls/back-arrow-light.svg);
  background-color: rgba(255, 255, 255, 0.3);
}

.icon-button-wrapper > .therapeutics-pill {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.media-player__time {
  color: #fff;
}

.media-player__volume-button {
  margin-right: 12px;
}

.media-player-container {
  padding: 18px;
  background: rgba(31, 49, 60, 0.6);
  border-radius: 12px;
  color: #fff;
  display: flex;
  align-items: center;
}

.media-player-container .current-time {
  margin-right: 12px;
}

.media-player-container .duration {
  margin-left: 12px;
}

.media-player-container.zoomed-in {
  padding: 0;
  font-size: 1rem;
}

.media-player__caption-button {
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.9);
}

.media-player__caption-button.on {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(255, 255, 255, 0.9);
}

.media-player__play-button {
  margin-right: 24px;
}

.media-player__screen-button {
  margin-left: 12px;
}

.media-player__volume-range {
  position: absolute;
  top: 29px;
  left: -12px;
  width: 48px;
  transform: rotate(270deg);
}

.media-player__volume-range::after {
  width: var(--volume-before-width) !important;
}

.media-player__volume-range::-webkit-slider-thumb {
  margin: -6px 0 0 0;
  height: 13px;
  width: 13px;
}

.media-player__volume-range::-moz-range-thumb {
  height: 13px;
  width: 13px;
}

.media-player__volume-range::-ms-thumb {
  height: 13px;
  width: 13px;
}

.media-player__seek-slider {
  position: relative;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  height: 2px;
  width: 100%;
  transition: none;
}

.media-player__seek-slider::-webkit-slider-runnable-track {
  height: 2px;
  width: 100%;
  background: #b1b1b0;
  cursor: pointer;
}

.media-player__seek-slider::after {
  position: absolute;
  height: 2px;
  width: var(--seek-before-width);
  background-color: #fff;
  content: "";
  top: 0;
  left: 0;
  cursor: pointer;
}

.media-player__seek-slider::-webkit-slider-thumb {
  position: relative;
  margin: -6px 0 0 0;
  height: 13px;
  width: 13px;
  background-color: #fff;
  -webkit-appearance: none;
  box-sizing: content-box;
  border-radius: 50%;
  cursor: pointer;
}

.media-player__seek-slider:active::-webkit-slider-thumb {
  transform: scale(1.2);
}

.media-player__seek-slider::-moz-range-track {
  height: 2px;
  width: 100%;
  background: #b1b1b0;
  cursor: pointer;
}

.media-player__seek-slider::-moz-range-progress {
  background-color: #fff;
}

.media-player__seek-slider::-moz-focus-outer {
  border: 0;
}

.media-player__seek-slider::-moz-range-thumb {
  box-sizing: content-box;
  height: 13px;
  width: 13px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.media-player__seek-slider:active::-moz-range-thumb {
  transform: scale(1.2);
}

.media-player__seek-slider::-ms-track {
  height: 2px;
  width: 100%;
  color: transparent;
  background: transparent;
  cursor: pointer;
  border: solid transparent;
}

.media-player__seek-slider::-ms-fill-lower {
  background-color: #fff;
}

.media-player__seek-slider::-ms-fill-upper {
  background: #b1b1b0;
}

.media-player__seek-slider::-ms-thumb {
  box-sizing: content-box;
  border: none;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.media-player__seek-slider:active::-ms-thumb {
  transform: scale(1.2);
}

.media-player-container--light {
  color: #1F313C;
  background: #fff;
}

.media-player-container--light .media-player__time {
  color: #1F313C;
}

.media-player-container--light .media-player__seek-slider::-webkit-slider-runnable-track,
.media-player-container--light .volume-button__volume-picker::-webkit-slider-runnable-track {
  background: #79838a;
}

.media-player-container--light .media-player__seek-slider::after,
.media-player-container--light .volume-button__volume-picker::after {
  background-color: #1F313C;
}

.media-player-container--light .media-player__seek-slider::-webkit-slider-thumb,
.media-player-container--light .volume-button__volume-picker::-webkit-slider-thumb {
  background-color: #1F313C;
}

.media-player-container--light .media-player__seek-slider::-moz-range-track,
.media-player-container--light .volume-button__volume-picker::-moz-range-track {
  background: #79838a;
}

.media-player-container--light .media-player__seek-slider::-moz-range-progress,
.media-player-container--light .volume-button__volume-picker::-moz-range-progress {
  background-color: #1F313C;
}

.media-player-container--light .media-player__seek-slider::-moz-range-thumb,
.media-player-container--light .volume-button__volume-picker::-moz-range-thumb {
  background-color: #1F313C;
}

.media-player-container--light .media-player__seek-slider::-ms-fill-lower,
.media-player-container--light .volume-button__volume-picker::-ms-fill-lower {
  background-color: #1F313C;
}

.media-player-container--light .media-player__seek-slider::-ms-fill-upper,
.media-player-container--light .volume-button__volume-picker::-ms-fill-upper {
  background: #79838a;
}

.media-player-container--light .media-player__seek-slider::-ms-thumb,
.media-player-container--light .volume-button__volume-picker::-ms-thumb {
  background-color: #1F313C;
}

.menu-button__notification {
  min-width: 19px;
  height: 19px;
  padding: 5px;
  border-radius: 15px;
  background-color: #F24C00;
  position: absolute;
  right: -25px;
  top: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}

.menu-button__burger {
  width: 14px;
  height: 1px;
  background-color: #1F313C;
  position: relative;
}

.menu-button__burger::before,
.menu-button__burger::after {
  display: block;
  position: absolute;
  content: '';
  width: 14px;
  height: 1px;
  background-color: #1F313C;
}

.menu-button__burger::before {
  top: -5px;
}

.menu-button__burger::after {
  bottom: -5px;
}

.delete-button-header-icon {
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 50px;
}

.pill-media-player {
  display: flex;
  align-items: center;
  padding: 4px;
  background: #1F313C;
  border-radius: 25px;
  width: -moz-max-content;
  width: max-content;
}

.pill-media-player--init {
  display: inline-flex;
  padding: 4px 18px 4px 4px;
}

.pill-media-player > * {
  flex-shrink: 0;
}

.pill-media-player__controls {
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.pill-media-player__play-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

.pill-media-player__volume-button .volume-button__volume-picker-wrapper {
  padding-left: 15px;
  left: -46px;
}

.pill-media-player__volume-button .volume-button__volume-picker-extra-wrapper {
  background: #1F313C;
  border-radius: 15px;
  padding: 0 10px;
  display: flex;
  height: 24px;
  align-items: center;
}

.pill-media-player__pre-play-text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-left: 9px;
  color: #fff;
}

@media screen and (max-width: 1679px) {
  .pill-media-player__pre-play-text {
    font-size: 16px;
    line-height: 19px;
  }
}

.pill-media-player__time-to-end {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  margin-left: 12px;
  min-width: 45px;
}

.pill-media-player__seek-slider-base {
  -webkit-appearance: none;
  background: #1F313C;
}

.pill-media-player__seek-slider-base::-webkit-slider-runnable-track {
  height: 2px;
  width: 100%;
  background: #b1b1b0;
  cursor: pointer;
}

.pill-media-player__seek-slider-base::after {
  position: absolute;
  height: 2px;
  width: var(--seek-before-width);
  background-color: #fff;
  content: "";
  top: 0;
  left: 0;
  cursor: pointer;
}

.pill-media-player__seek-slider-base::-webkit-slider-thumb {
  position: relative;
  margin: -9px 0 0 0;
  height: 19px;
  width: 19px;
  background-color: #fff;
  -webkit-appearance: none;
  box-sizing: content-box;
  border-radius: 50%;
  cursor: pointer;
}

.pill-media-player__seek-slider-base:active::-webkit-slider-thumb {
  transform: scale(1.2);
}

.pill-media-player__seek-slider-base::-moz-range-track {
  height: 2px;
  width: 100%;
  background: #b1b1b0;
  cursor: pointer;
  border: 0;
}

.pill-media-player__seek-slider-base::-moz-range-progress {
  background-color: #fff;
}

.pill-media-player__seek-slider-base::-moz-focus-outer {
  border: 0;
}

.pill-media-player__seek-slider-base::-moz-range-thumb {
  box-sizing: content-box;
  height: 19px;
  width: 19px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.pill-media-player__seek-slider-base:active::-moz-range-thumb {
  transform: scale(1.2);
}

.pill-media-player__seek-slider-base::-ms-track {
  height: 2px;
  width: 100%;
  color: transparent;
  background: transparent;
  cursor: pointer;
  border: solid transparent;
}

.pill-media-player__seek-slider-base::-ms-fill-lower {
  background-color: #fff;
}

.pill-media-player__seek-slider-base::-ms-fill-upper {
  background: #b1b1b0;
}

.pill-media-player__seek-slider-base::-ms-thumb {
  box-sizing: content-box;
  border: none;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.pill-media-player__seek-slider-base:active::-ms-thumb {
  transform: scale(1.2);
}

.pill-media-player__seek-slider {
  position: relative;
  margin: 0 12px;
  padding: 0;
  height: 2px;
  flex-grow: 1;
}

.video-player {
  position: relative;
}

.video-player__start_button,
.video-player__cover-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-player__cover-image {
  display: none;
}

.video-player__cover-image[src] {
  display: block;
}

.video-player__overlay-creator-image {
  display: none;
  height: 42px;
  width: 42px;
  border-radius: 21px;
}

.video-player__overlay-creator-image[src] {
  display: block;
}

.video-player__video-element {
  width: 100%;
}

.video-player__video-element::-webkit-media-controls {
  display: none !important;
}

.video-player__video-element::-webkit-media-controls-enclosure {
  display: none !important;
}

.video-player__player-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.video-player.--is-fullscreen .video-player__overlay {
  position: absolute;
  margin: 180px 6% 0;
}

.video-player.--is-fullscreen .media-player-container {
  margin: 0 6% 60px;
}

.video-player:not(.--is-fullscreen) .media-player-container {
  border-radius: 0;
}

.video-player:not(.--is-overlay) {
  cursor: none !important;
}

.volume-button {
  position: relative;
}

.volume-button__volume-picker-extra-wrapper {
  background: rgba(31, 49, 60, 0.6);
  border-radius: 15px;
  padding: 0 10px;
  display: flex;
  height: 24px;
  align-items: center;
}

.volume-button__volume-picker-wrapper {
  position: absolute;
  top: -70px;
  left: -45px;
  padding-left: 22px;
  visibility: visible;
  margin-left: -1px;
  opacity: 0;
  height: 1px;
  width: 1px;
  transform: rotate(270deg);
}

.volume-button__volume-picker-wrapper.--focus,
.volume-button__volume-picker-wrapper:hover {
  height: auto;
  width: 120px;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.volume-button__button {
  display: flex;
}

.volume-button__button:hover + .volume-button__volume-picker-wrapper {
  height: auto;
  width: 120px;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.volume-button__volume-picker {
  position: relative;
  width: 100%;
  height: 20px;
  -webkit-appearance: none;
  background: transparent;
}

.volume-button__volume-picker::-webkit-slider-runnable-track {
  height: 2px;
  width: 100%;
  background: #b1b1b0;
  cursor: pointer;
}

.volume-button__volume-picker::after {
  position: absolute;
  height: 2px;
  width: var(--volume-before-width);
  background-color: #fff;
  content: "";
  top: 9px;
  left: 0;
  cursor: pointer;
}

.volume-button__volume-picker::-webkit-slider-thumb {
  position: relative;
  margin: -5px 0 0 0;
  height: 12px;
  width: 12px;
  background-color: #fff;
  -webkit-appearance: none;
  box-sizing: content-box;
  border-radius: 50%;
  cursor: pointer;
}

.volume-button__volume-picker:active::-webkit-slider-thumb {
  transform: scale(1.2);
}

.volume-button__volume-picker::-moz-range-track {
  height: 2px;
  width: 100%;
  background: #b1b1b0;
  cursor: pointer;
  border: 0;
}

.volume-button__volume-picker::-moz-range-progress {
  background-color: #fff;
}

.volume-button__volume-picker::-moz-focus-outer {
  border: 0;
}

.volume-button__volume-picker::-moz-range-thumb {
  box-sizing: content-box;
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.volume-button__volume-picker:active::-moz-range-thumb {
  transform: scale(1.2);
}

.volume-button__volume-picker::-ms-track {
  height: 2px;
  width: 100%;
  color: transparent;
  background: transparent;
  cursor: pointer;
  border: solid transparent;
}

.volume-button__volume-picker::-ms-fill-lower {
  background-color: #fff;
}

.volume-button__volume-picker::-ms-fill-upper {
  background: #b1b1b0;
}

.volume-button__volume-picker::-ms-thumb {
  box-sizing: content-box;
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.volume-button__volume-picker:active::-ms-thumb {
  transform: scale(1.2);
}

.therapeutics-track-completed-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #1F313C;
}

.therapeutics-track-completed-modal .sticky-element {
  padding: 42px;
  background-color: #EFEDEB;
}

.therapeutics-track-completed-modal__dialog .ov-modal-close {
  background-image: url(/static/img/therapeutics/controls/close-light.svg);
}

.therapeutics-track-completed-modal__blur-60 {
  color: rgba(31, 49, 60, 0.6);
}

.therapeutics-track-completed-modal__h1 {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__h1 {
    font-size: 24px;
    line-height: 30px;
  }
}

.therapeutics-track-completed-modal__h2 {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

.therapeutics-track-completed-modal__h3,
.therapeutics-track-completed-modal__subheader {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__h3,
  .therapeutics-track-completed-modal__subheader {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-track-completed-modal__subheader {
  margin-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__subheader {
    margin-bottom: 18px;
  }
}

.therapeutics-track-completed-modal__card {
  min-height: 246px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__card {
    min-height: 175px;
    width: 100%;
  }
}

.therapeutics-track-completed-modal__banner {
  width: 578px;
  -o-object-fit: contain;
  object-fit: contain;
}

.therapeutics-track-completed-modal__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 246px;
  padding: 42px 42px 42px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(0.72deg, rgba(31, 49, 60, 0) 0.62%, #1F313C 124.68%);
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__wrap {
    min-height: 175px;
    padding: 36px 36px 18px;
  }
}

.therapeutics-track-completed-modal__title {
  max-width: 90%;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  color: #FFFFFF;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__title {
    font-size: 24px;
    line-height: 30px;
  }
}

.therapeutics-track-completed-modal__header {
  padding-bottom: 3rem;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__header {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__header {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1679px) and screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__header {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__actions .therapeutics-pill {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 0.6rem 1.2rem;
    height: 30px;
  }
}

.therapeutics-track-completed-modal__content {
  flex-grow: 1;
  padding: 36px 3rem 0 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .therapeutics-track-completed-modal__content {
    padding: 0;
    margin-bottom: 0;
  }

  .therapeutics-track-completed-modal__content > * {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.therapeutics-track-completed-modal__achievements {
  display: flex;
  justify-content: space-between;
  height: auto;
  min-height: 150px;
  margin-bottom: 4rem;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__achievements {
    min-height: 68px;
  }
}

.therapeutics-track-completed-modal__achieve {
  width: 50%;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.therapeutics-track-completed-modal__achieve > :first-child {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.therapeutics-track-completed-modal__achieve--gold {
  background: #FFDF6E;
  margin-right: 6px;
}

.therapeutics-track-completed-modal__achieve--silver {
  background: #FFFFFF;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__achieve--silver {
    margin-right: 6px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__achieve {
    padding: 12px 18px;
    flex-direction: row;
    align-items: flex-end;
  }

  .therapeutics-track-completed-modal__achieve img {
    height: 24px;
    width: 24px;
  }
}

.therapeutics-track-completed-modal__list {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__list {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-track-completed-modal__list-header {
  padding-bottom: 18px;
}

.therapeutics-track-completed-modal__list > ul > li {
  position: relative;
  padding: 16px 0 16px 18px;
  list-style: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-completed-modal__list > ul > li {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-track-completed-modal__list > ul > li::before {
  content: "";
  position: absolute;
  left: -2rem;
  top: calc(50% - 6px);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: currentColor;
}

.therapeutics-track-completed-modal .button {
  max-width: unset;
}

.therapeutics-track-part-completed-modal {
  display: flex;
  min-height: 100%;
  color: #1F313C;
  flex-direction: column;
}

.therapeutics-track-part-completed-modal::after {
  position: absolute;
  background: #F24C00;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  animation: opacity_0-100 0.25s 2s ease both reverse;
  opacity: 0;
}

.therapeutics-track-part-completed-modal__blur-60 {
  color: rgba(31, 49, 60, 0.6);
}

.therapeutics-track-part-completed-modal__actions {
  padding: 0 4.2rem 4.2rem;
  width: 100%;
  background: #FFFFFF;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__actions {
    padding: 0 3.6rem 4.2rem;
  }
}

@media screen and (max-width: 767px) {
  .therapeutics-track-part-completed-modal__actions {
    box-shadow: 0px -1px 0px #D8D8D8;
  }
}

.therapeutics-track-part-completed-modal__card {
  padding: 2.6rem 4.2rem;
  width: 100%;
  background: #EFEDEB;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__card {
    padding: 2.6rem 3.6rem;
  }
}

.therapeutics-track-part-completed-modal__header {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  padding-top: 3rem;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__header {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__header {
    padding-top: 0;
  }
}

.therapeutics-track-part-completed-modal__subheader {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__subheader {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__subheader {
    display: inline;
  }

  .therapeutics-track-part-completed-modal__subheader::after {
    content: ' ';
  }
}

.therapeutics-track-part-completed-modal__activities {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding: 1.8rem 11.8rem 0 11.8rem;
  text-align: center;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__activities {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__activities {
    padding: 1.8rem 0 0;
  }
}

.therapeutics-track-part-completed-modal__content {
  padding: 3.2rem 4.2rem;
  display: flex;
  overflow-y: auto;
  background: #FFFFFF;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__content {
    padding: 3.2rem 3.6rem 0;
  }
}

.therapeutics-track-part-completed-modal__medal {
  position: relative;
  padding-top: 4.2rem;
  display: flex;
  justify-content: center;
  z-index: 1;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__medal {
    padding-top: 3rem;
  }
}

.therapeutics-track-part-completed-modal__list {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__list {
    font-size: 18px;
    line-height: 24px;
  }
}

.therapeutics-track-part-completed-modal__list-header {
  padding-bottom: 18px;
}

.therapeutics-track-part-completed-modal__list > ul > li {
  position: relative;
  padding: 1.6rem 0 1.6rem 1.8rem;
  list-style: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-part-completed-modal__list > ul > li {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-track-part-completed-modal__list > ul > li::before {
  position: absolute;
  height: 1.2rem;
  width: 1.2rem;
  background: currentColor;
  content: "";
  left: -2rem;
  top: calc(50% - 0.6rem);
  border-radius: 50%;
}

.therapeutics-track-part-completed-modal__button {
  padding: 1.8rem 0;
}

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

.complete-modal {
  width: 310px;
  height: 216px;
  opacity: 1;
  z-index: 999999;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
  font-size: 1.8rem;
  font-family: "GT Walsheim", sans-serif;
  color: #1F313C;
  text-align: center;
  position: fixed;
  left: calc(50% + 132px);
  top: 50%;
  transform: translate(-50%, -50%);
}

.complete-modal__container {
  flex-direction: column;
}

.complete-modal__container--text {
  width: 95%;
  margin-top: 10px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.complete-modal.centered_on_sidebar {
  left: unset;
  right: 28.9rem;
  transform: translate(50%, -50%);
}

@media screen and (max-width: 1679px) {
  .complete-modal.centered_on_sidebar {
    right: 21.1rem;
  }
}

@media screen and (max-width: 767px) {
  .complete-modal.centered_on_sidebar {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

html[data-zoom="200"] .complete-modal,
html[data-zoom="300"] .complete-modal,
html[data-zoom="400"] .complete-modal,
html[data-zoom="500"] .complete-modal {
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100vw - 3.2rem);
  max-width: 100vw;
  height: auto;
  padding: 0 1.6rem;
}

html[data-zoom="200"] .complete-modal__container,
html[data-zoom="300"] .complete-modal__container,
html[data-zoom="400"] .complete-modal__container,
html[data-zoom="500"] .complete-modal__container {
  align-items: center;
}

html[data-zoom="200"] .complete-modal__container--text,
html[data-zoom="300"] .complete-modal__container--text,
html[data-zoom="400"] .complete-modal__container--text,
html[data-zoom="500"] .complete-modal__container--text {
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.part-activities-list__item--complete .therapeutics-activity-link__wrap {
  background: rgba(255, 255, 255, 0.6);
}

html[data-wcag-enabled="true"] .activities-status-heading {
  font-size: 1.8rem;
  font-weight: 700;
}

.therapeutics-track-modalities {
  color: #1F313C;
  padding: 10px 0;
}

.therapeutics-track-modalities__modal-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-modalities__modal-title {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-modalities__modal-title {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1679px) and screen and (max-width: 1679px) {
  .therapeutics-track-modalities__modal-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.therapeutics-track-modalities__head {
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 0;
}

.therapeutics-track-modalities__header {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-modalities__header {
    font-size: 20px;
    line-height: 30px;
  }
}

.therapeutics-track-modalities__flex {
  display: flex !important;
}

.therapeutics-track-modalities__wrap {
  margin: 0 0 0 auto;
}

.therapeutics-track-modalities__help {
  border: 2px solid;
  border-radius: 50%;
  text-align: center;
  width: 20px;
  height: 20px;
  text-decoration: none !important;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.therapeutics-track-modalities__modal,
.therapeutics-track-modalities__help-data {
  display: none;
}

.therapeutics-track-modalities__inner {
  position: relative;
  padding: 0;
}

.therapeutics-track-modalities__inner:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.therapeutics-track-modalities__item {
  color: #fff;
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: OpenSansBold, Arial, sans-serif;
  font-weight: 400;
  cursor: pointer;
}

.therapeutics-track-modalities__info-list {
  padding: 36px 0 12px 0;
  margin: 0;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-modalities__info-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.therapeutics-track-modalities__info-list > li {
  list-style-type: none;
  padding: 12px 0;
  display: flex;
  align-items: center;
  color: rgba(31, 49, 60, 0.6);
}

.therapeutics-track-modalities__info-item {
  flex-shrink: 0;
  color: rgba(31, 49, 60, 0.6);
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  width: 42px;
  height: 42px;
  font-size: 18px;
  margin-right: 18px;
}

.therapeutics-track-modalities__color-light {
  color: #FFFFFF;
}

.therapeutics-track-modalities__color-dark {
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .track-modalities__modal .base-alert {
    width: 800px !important;
  }
}

.therapeutics-quiz-progress-line {
  padding-right: 4.2rem;
  min-height: 3rem;
  width: 100%;
}

.therapeutics-quiz-progress-line .quiz-line {
  fill: #1f313c;
}

.therapeutics-quiz-progress-line--white .quiz-line {
  fill: #fff;
}

.kabinet-quiz-container {
  display: flex;
  flex-grow: 1;
}

.kabinet-quiz-description a {
  color: #F24C00;
}

.kabinet-quiz-component .ov_content--sidebar {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.kabinet-quiz {
  padding: 5rem 0 0 0;
  display: flex;
  flex-direction: column;
}

.kabinet-quiz--correct-answer {
  color: #FFFFFF;
  background-color: #1F313C;
}

.kabinet-quiz--correct-answer .kabinet-quiz__footer {
  background-color: #1F313C;
}

.kabinet-quiz__header {
  text-align: center;
  padding-left: 4.2rem;
}

.kabinet-quiz__body {
  flex: 1 0;
  padding-left: 4.2rem;
}

.kabinet-quiz__footer {
  padding: 4.2rem;
  background: #EFEDEB;
}

.kabinet-quiz-title {
  margin-right: 8rem;
  margin-bottom: 4.3rem;
}

.kabinet-quiz-submit {
  max-width: 100%;
}

.kabinet-quiz-question__question {
  margin-bottom: 3.6rem;
  padding-right: 4.2rem;
}

.kabinet-quiz-progress {
  min-height: 3.6rem;
}

.kabinet-quiz-answer {
  cursor: auto;
}

.kabinet-quiz-answer--correct {
  background-color: #05944F;
}

.kabinet-quiz-answer--incorrect {
  color: #FFFFFF;
  background-color: #E61E1E;
}

.kabinet-quiz-description {
  margin-top: 3.6rem;
  padding-right: 4.2rem;
}

.start-activity-page .page-header__background--OT {
  border-bottom: 5px solid #1F313C;
}

.start-activity-page .page-header__background--AS {
  border-bottom: 5px solid #D5EA9C;
}

.start-activity-page .page-header__background--RE {
  border-bottom: 5px solid #B7E2E7;
}

.start-activity-page .page-header__background--GI {
  border-bottom: 5px solid #FFDF6E;
}

.start-activity-page .page-header__background--EM {
  border-bottom: 5px solid #FFDABC;
}

.start-activity-page .page-header__background--SA {
  border-bottom: 5px solid #F8C3CC;
}

.start-activity-page .page-header__background--TH {
  border-bottom: 5px solid #FFA370;
}

.start-activity-page .page-header__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
}

@media screen and (max-width: 1679px) {
  .start-activity-page .page-header__title {
    font-size: 36px;
    line-height: 39.4px;
  }
}

.start-activity-page .page-header__activity-title {
  color: rgba(31, 49, 60, 0.6);
}

.start-activity-page .page-header__name-title {
  color: #1F313C;
}

.start-activity-page__page-header {
  height: 430px;
  background: #fff;
}

.start-activity-page__page-header-left {
  margin-bottom: 60px;
}

.start-activity-page__image-wrapper {
  line-height: 425px;
}

.start-activity-page .about-activity-description {
  white-space: break-spaces;
}

.start-activity-page .about-activity-description a {
  color: #F24C00;
}

.start-activity-page .therapeutics-checkbox__custom {
  display: flex;
}

@media screen and (max-width: 767px) {
  .start-activity-page .sticky-element {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px -1px 0px #D8D8D8;
    background: #efedeb;
    padding: 18px 18px 36px;
  }

  .start-activity-page .sticky-element button {
    margin: 0 !important;
  }

  .start-activity-page .js-how-it-works {
    max-width: unset;
  }

  .start-activity-page.zoomed-in .sticky-element {
    padding: 0px;
  }

  .start-activity-page.zoomed-in .sticky-element .js-start-activity {
    min-height: 4.2rem;
  }
}

.start-activity-page__strength-box {
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.how-it-works-modal {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.how-it-works-modal__spinner {
  position: absolute;
  left: 48%;
  top: 50%;
}

.how-it-works-modal__header {
  padding: 4.8rem 4.2rem 3.6rem;
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 0.6rem solid #fff;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .how-it-works-modal__header {
    font-size: 18px;
    line-height: 24px;
  }
}

.how-it-works-modal__header-research-content {
  margin-top: -0.8rem;
  margin-right: 4rem;
  margin-bottom: -0.4rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.how-it-works-modal__header--AS {
  border-bottom-color: #D5EA9C;
}

.how-it-works-modal__header--RE {
  border-bottom-color: #B7E2E7;
}

.how-it-works-modal__header--GI {
  border-bottom-color: #FFDF6E;
}

.how-it-works-modal__header--EM {
  border-bottom-color: #FFDABC;
}

.how-it-works-modal__header--SA {
  border-bottom-color: #F8C3CC;
}

.how-it-works-modal__header--TH {
  border-bottom-color: #FFA370;
}

.how-it-works-modal__header--OT {
  border-bottom-color: #1F313C;
}

.how-it-works-modal__header-research {
  justify-content: center;
}

.how-it-works-modal__header h2 {
  font-size: inherit;
}

.how-it-works-modal__skill-image {
  margin-right: 30px;
  height: 36px;
  width: 36px;
}

.how-it-works-modal__body {
  padding: 4.2rem;
  overflow: auto;
  flex-grow: 1;
}

.how-it-works-modal__body a {
  color: #F24C00;
}

.how-it-works-modal__button {
  max-width: 100%;
}

.how-it-works-modal__button-wrapper {
  padding: 4.2rem;
}

.research__text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .research__text {
    font-size: 16px;
    line-height: 19px;
  }
}

.research__sub-text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: rgba(31, 49, 60, 0.6);
}

.research__sub-text a {
  color: #F24C00;
  word-break: break-word;
}

.well-done-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

.well-done-modal__header {
  padding: 72px 42px 30px;
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 6px solid #fff;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .well-done-modal__header {
    font-size: 18px;
    line-height: 24px;
  }
}

.well-done-modal__header--AS {
  border-bottom-color: #D5EA9C;
}

.well-done-modal__header--RE {
  border-bottom-color: #B7E2E7;
}

.well-done-modal__header--GI {
  border-bottom-color: #FFDF6E;
}

.well-done-modal__header--EM {
  border-bottom-color: #FFDABC;
}

.well-done-modal__header--SA {
  border-bottom-color: #F8C3CC;
}

.well-done-modal__header--TH {
  border-bottom-color: #FFA370;
}

.well-done-modal__header--OT {
  border-bottom-color: #1F313C;
}

.well-done-modal__image-block {
  margin-top: 24px;
}

.well-done-modal__image {
  max-width: 256px;
}

.well-done-modal__body {
  padding: 42px 42px 0;
  flex-grow: 1;
}

.well-done-modal__body ul {
  margin: 0;
}

.well-done-modal__button {
  max-width: 100%;
}

.well-done-modal__button-wrapper {
  padding: 42px;
  background-color: #EFEDEB;
}

.level-up-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

.level-up-modal .therapeutics-avatar,
.level-up-modal .therapeutics-avatar__chart {
  height: 200px;
  width: 200px;
}

.level-up-modal .therapeutics-avatar__photo {
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  animation-duration: 1s;
  animation-name: showimage;
}

@keyframes showimage {
  from {
    opacity: 0;
    height: calc(100% - 48px);
    width: calc(100% - 48px);
  }

  to {
    opacity: 1;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
  }
}

.level-up-modal__header {
  padding: 72px 42px 30px;
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-bottom: 6px solid #fff;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .level-up-modal__header {
    font-size: 18px;
    line-height: 24px;
  }
}

.level-up-modal__header .skills-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}

.level-up-modal__header .skills-container__img {
  z-index: 11;
  width: 70px;
  height: 70px;
}

.level-up-modal__header .skills-container__skill_img-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  text-align: center;
  position: relative;
}

.level-up-modal__header .skills-container__skill_name {
  margin-top: 10px;
  white-space: pre;
  z-index: 11;
}

.level-up-modal__header .skills-container__all-skills {
  display: flex;
  margin-top: 70px;
}

@media screen and (max-width: 1679px) {
  .level-up-modal__header .skills-container__all-skills {
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
  }
}

.level-up-modal__header .skills-container__all-skills .therapeutics-skill-badge__level .therapeutics-pill--info {
  background-color: #E8E5E2;
}

.level-up-modal__header .skills-container__all-skills .therapeutics-skill-badge {
  cursor: initial;
  height: 100%;
}

.level-up-modal__header .skills-container__filled-circle {
  position: absolute;
  height: 0;
  width: 0;
  z-index: 10;
}

.level-up-modal__header .skills-container__arc {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(270deg);
  z-index: 11;
}

.level-up-modal__header .skills-container__arc circle {
  fill: none;
  stroke-width: 1;
}

.level-up-modal__header .skills-container__arc circle:first-child {
  stroke: #E7E4E2;
}

.level-up-modal__header .skills-container__arc circle:last-child {
  stroke-dasharray: 0, 100px;
}

.level-up-modal__promo {
  padding: 25px 40px 0;
}

@media screen and (max-width: 767px) {
  .level-up-modal__promo {
    padding: 18px 18px 0;
  }
}

.level-up-modal__body {
  padding: 42px 42px 0;
  flex-grow: 1;
}

.level-up-modal__body ul {
  margin: 0;
}

.level-up-modal .button-container {
  position: sticky;
  bottom: 0;
  height: 100%;
  padding: 25px 40px;
  background: #efedeb;
  display: flex;
  align-items: flex-end;
  z-index: 12;
}

.level-up-modal .button-container .button {
  max-width: none;
}

@media screen and (max-width: 767px) {
  .level-up-modal .button-container {
    position: static;
    width: 100%;
    margin: 0;
    padding: 18px;
    box-shadow: 0px -1px 0px #D8D8D8;
    background: #efedeb;
  }
}

.level-up-modal .border--AS circle:last-child {
  stroke: #D5EA9C;
}

.level-up-modal .border--RE circle:last-child {
  stroke: #B7E2E7;
}

.level-up-modal .border--GI circle:last-child {
  stroke: #FFDF6E;
}

.level-up-modal .border--EM circle:last-child {
  stroke: #FFDABC;
}

.level-up-modal .border--SA circle:last-child {
  stroke: #F8C3CC;
}

.level-up-modal .border--TH circle:last-child {
  stroke: #FFA370;
}

.level-up-modal .border--OT circle:last-child {
  stroke: #1F313C;
}

.level-up-modal .border--AS .skills-container__filled-circle {
  background: #D5EA9C;
}

.level-up-modal .border--RE .skills-container__filled-circle {
  background: #B7E2E7;
}

.level-up-modal .border--GI .skills-container__filled-circle {
  background: #FFDF6E;
}

.level-up-modal .border--EM .skills-container__filled-circle {
  background: #FFDABC;
}

.level-up-modal .border--SA .skills-container__filled-circle {
  background: #F8C3CC;
}

.level-up-modal .border--TH .skills-container__filled-circle {
  background: #FFA370;
}

.level-up-modal .border--OT .skills-container__filled-circle {
  background: #1F313C;
}

.playlist-card {
  position: relative;
  padding: 24px;
  display: flex;
  height: 233px;
  width: 414px;
  background: rgba(31, 49, 60, 0.6);
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
}

.playlist-card__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  position: relative;
  color: #fff;
}

@media screen and (max-width: 1679px) {
  .playlist-card__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.playlist-card__play-wrapper {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(31, 49, 60, 0.2), rgba(31, 49, 60, 0.2)), linear-gradient(360deg, rgba(31, 49, 60, 0.1) 0%, rgba(31, 49, 60, 0.5) 100%);
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}

.playlist-card__play {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  padding-left: 6px;
  display: flex;
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.1s ease;
}

.playlist-card__play:hover,
.playlist-card__play:focus {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06)), rgba(255, 255, 255, 0.3);
}

.playlist-card__play:active {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), rgba(255, 255, 255, 0.3);
}

.playlist-collection {
  display: flex;
  flex-wrap: wrap;
}

.playlist-collection > div {
  margin-right: 6px;
  margin-bottom: 6px;
}

.playlist-record {
  margin-bottom: 3px;
  padding: 21px 24px;
  display: grid;
  background: #fff;
  grid-template-columns: 5fr  5fr 1fr;
}

.playlist-record__wrapper {
  margin: 0 60px;
}

.playlist-record .therapeutics-pill__icon--right {
  padding-left: 10px;
}

.playlist-record__duration {
  margin-right: 17px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.playlist-record__play {
  margin-right: 18px;
}

.playlist-record__play svg {
  margin-left: 4px;
}

.guided-meditation-audio-page {
  height: 100%;
}

.guided-meditation-audio-page .page-header {
  padding-left: 60px;
}

.guided_meditation {
  display: inline-block;
  width: 100%;
  font-family: "GT Walsheim";
  color: #1F313C;
  padding: 100px 0px 100px 50px;
  background-color: rgba(255, 255, 255, 0.5);
}

.guided_meditation .header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.5rem;
}

.guided_meditation .header .meditation_title:focus-visible {
  outline: none;
}

.guided_meditation .filter_button {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  width: 104px;
  height: 42px;
  border: none;
  border-radius: 100px;
  background-color: #EFEDEB;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.guided_meditation .filter_button .filter_icon {
  width: 27px;
  height: 46px;
  background-image: url(/static/img/icon-filter.png);
  background-position: 0 0;
}

.guided_meditation h1 {
  font-size: 40px;
  line-height: 43px;
  font-weight: 500;
}

.guided_meditation h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin: 14px 0px;
}

.guided_meditation .meditations_row {
  position: relative;
  margin: 30px 0px;
}

.guided_meditation .meditations_row .scroll_buttons_holder {
  position: absolute;
  top: 0px;
  right: 65px;
}

.guided_meditation .meditations_row .scroll_buttons_holder .all_button {
  border: none;
  background: none;
  font-size: 16px;
  padding: 10px;
  display: inline-block;
  color: #1F313C;
  cursor: pointer;
  text-decoration: none;
}

.guided_meditation .meditations_row .scroll_buttons_holder .all_button::after {
  content: "";
  right: -10px;
  width: 12px;
  height: 12px;
  position: absolute;
  display: block;
  top: 15px;
  transform: rotate(45deg);
  border-top: 2px solid #1F313C;
  border-right: 2px solid #1F313C;
}

.guided_meditation .meditations_list {
  display: flex;
  overflow: auto;
  width: 100%;
}

.guided_meditation .meditations_list:hover::-webkit-scrollbar {
  height: 5px;
  background-color: #aaa;
}

.guided_meditation .meditations_list:hover::-webkit-scrollbar-thumb {
  background: #000;
}

.guided_meditation .meditations_list_ws {
  display: block;
  max-width: 1024px;
  margin: 16px auto;
}

.guided_meditation .meditations_list_ws .card {
  display: inline-flex;
}

.guided_meditation .meditations_list,
.guided_meditation .meditations_list_ws {
  position: relative;
}

.guided_meditation .meditations_list .card,
.guided_meditation .meditations_list_ws .card {
  border: none;
  background: none;
  margin: 0 12px 15px 0;
  position: relative;
  width: 156px;
  min-width: 156px;
}

.guided_meditation .meditations_list .card .img_holder,
.guided_meditation .meditations_list_ws .card .img_holder {
  background-color: #ffffff;
  position: relative;
  border-radius: 14px;
  border: none;
  width: 156px;
  height: 156px;
  overflow: hidden;
  cursor: pointer;
}

.guided_meditation .meditations_list .card .img_holder .cover,
.guided_meditation .meditations_list_ws .card .img_holder .cover {
  position: relative;
  border-radius: 14px;
  width: 156px;
  height: 156px;
}

.guided_meditation .meditations_list .card .title,
.guided_meditation .meditations_list_ws .card .title {
  font-size: 16px;
  line-height: 20px;
}

.guided_meditation .meditations_list .card .cat_n_time,
.guided_meditation .meditations_list_ws .card .cat_n_time {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  margin-top: 6px;
}

.guided_meditation .meditations_list .card .cat_n_time .duration,
.guided_meditation .meditations_list_ws .card .cat_n_time .duration {
  position: relative;
  display: inline-flex;
  color: rgba(31, 49, 60, 0.6);
  padding-left: 25px;
}

.guided_meditation .meditations_list .card .cat_n_time .duration .clock,
.guided_meditation .meditations_list_ws .card .cat_n_time .duration .clock {
  position: absolute;
  top: 4px;
  left: 8px;
  width: 12px;
  height: 12px;
  background-image: url(/static/img/icon-clock.png);
}

.guided_meditation .meditations_list .card .cat_n_time .category,
.guided_meditation .meditations_list_ws .card .cat_n_time .category {
  display: inline-flex;
  padding: 2px 5px;
  background: none;
  border: none;
  color: #1F313C;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  text-align: center;
}

.guided_meditation .meditations_list .card .cat_n_time .svgholder,
.guided_meditation .meditations_list_ws .card .cat_n_time .svgholder,
.guided_meditation .meditations_list .card .cat_n_time .upholder,
.guided_meditation .meditations_list_ws .card .cat_n_time .upholder {
  position: absolute;
  top: 0;
  left: 0;
}

.guided_meditation .meditations_list .card .cat_n_time .upholder,
.guided_meditation .meditations_list_ws .card .cat_n_time .upholder {
  top: 2px;
  width: 100%;
  height: 100%;
}

.guided_meditation .meditations_list .card .cat_n_time .textholder,
.guided_meditation .meditations_list_ws .card .cat_n_time .textholder {
  width: 100%;
  height: 100%;
}

.guided_meditation .length_button {
  position: relative;
  width: 110px;
  height: 93px;
  border-radius: 16px;
  border: 1px solid #E8E5E2;
  background-color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  margin: 6px;
}

.guided_meditation .length_button div {
  width: 100%;
}

.guided_meditation .length_button .time {
  color: rgba(31, 49, 60, 0.6);
  font-size: 14px;
  line-height: 16px;
}

.guided_meditation .category_button {
  position: relative;
  width: 152px;
  height: 55px;
  border-radius: 12px;
  overflow: hidden;
  border: none;
  margin: 6px;
}

.guided_meditation .category_button .category_button_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.guided_meditation .category_button .category_button_inner svg {
  position: absolute;
  top: 0;
  left: 0;
}

.guided_meditation .category_button .category_button_inner .icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 68px;
  top: 10px;
}

.guided_meditation .category_button .category_button_inner .text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 30px;
  font-family: "GT Walsheim";
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #1F313C;
}

html[data-wcag-enabled="true"] .guided_meditation .length_button .time {
  color: rgba(0, 0, 0);
}

.guided_meditation_filter {
  font-family: "GT Walsheim";
  color: #1F313C;
  padding: 30px 10px;
}

.guided_meditation_filter h1 {
  font-size: 33px;
  line-height: 37px;
  font-weight: 400;
}

.guided_meditation_filter h1 span {
  color: rgba(31, 49, 60, 0.6);
}

.guided_meditation_filter h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

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

.guided_meditation_filter .lengths_list input:checked + label,
.guided_meditation_filter .categories_list input:checked + label {
  background-color: #ffffff;
  border: 1px solid #1F313C;
}

.guided_meditation_filter .lengths_list input:focus + label,
.guided_meditation_filter .categories_list input:focus + label {
  outline: 4px solid #f24c00ff;
  outline-offset: 2px;
}

.guided_meditation_filter .lengths_list label,
.guided_meditation_filter .categories_list label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
  width: 124px;
  height: 93px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.guided_meditation_filter .lengths_list label div,
.guided_meditation_filter .categories_list label div {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.guided_meditation_filter .lengths_list label div.time,
.guided_meditation_filter .categories_list label div.time {
  font-size: 14px;
  line-height: 16px;
  color: rgba(31, 49, 60, 0.6);
}

.guided_meditation_filter .lengths_list label:first-of-type {
  margin-left: 0px;
}

.guided_meditation_filter .lengths_list label {
  padding-top: 25px;
}

.guided_meditation_filter .categories_list label {
  margin: 5px;
  width: 183px;
  height: 49px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 49px;
}

.guided_meditation_filter .button__arrow-icon {
  margin: 50px 25px;
}

html[data-wcag-enabled="true"] .guided_meditation_filter .lengths_list label div.time {
  color: rgba(0, 0, 0);
}

:root {
  --meditation-controls-width: 84rem;
}

.guided_meditation_details {
  position: relative;
  text-align: center;
  width: 100%;
  font-family: "GT Walsheim";
  color: #1F313C;
  padding-top: 90px;
}

.guided_meditation_details .guided_meditation_holder {
  position: relative;
  max-width: 1085px;
  margin: auto;
}

.guided_meditation_details .guided_meditation_holder h1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.guided_meditation_details .guided_meditation_holder .close_button {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
}

.guided_meditation_details .guided_meditation_holder .card_holder {
  position: relative;
  width: 345px;
  margin: 0 auto;
}

.guided_meditation_details .guided_meditation_holder .category {
  display: inline-flex;
  padding: 2px 5px;
  background: none;
  border: none;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  text-align: center;
}

.guided_meditation_details .guided_meditation_holder .svgholder,
.guided_meditation_details .guided_meditation_holder .upholder {
  position: absolute;
  top: 0;
  left: 0;
}

.guided_meditation_details .guided_meditation_holder .upholder {
  top: 2px;
  width: 100%;
  height: 100%;
}

.guided_meditation_details .guided_meditation_holder .textholder {
  width: 100%;
  height: 100%;
}

.guided_meditation_details .guided_meditation_holder .img_holder {
  position: relative;
  width: 230px;
  margin: auto;
}

.guided_meditation_details .guided_meditation_holder .img_holder img {
  max-width: 100%;
  max-height: 100%;
}

.guided_meditation_details .guided_meditation_holder .author_holder {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.guided_meditation_details .guided_meditation_holder .author_holder .author_avatar {
  position: absolute;
  width: 31px;
  height: 31px;
  top: -6px;
  left: -10px;
  border-radius: 50%;
  overflow: hidden;
}

.guided_meditation_details .guided_meditation_holder .author_holder .author_avatar img {
  max-width: 100%;
  max-height: 100%;
}

.guided_meditation_details .guided_meditation_holder .author_holder .author_name {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  line-height: 31px;
}

.guided_meditation_details .guided_meditation_holder .description {
  font-size: 16px;
  line-height: 24px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder {
  position: relative;
  margin-top: 30px;
  width: 100%;
  height: 240px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .round_play_button {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .round_play_button svg {
  width: 100px;
  height: 100px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .round_play_button svg .play,
.guided_meditation_details .guided_meditation_holder .controls_holder .round_play_button svg .pause {
  opacity: 0;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .round_play_button.show_play svg .play {
  opacity: 1;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .round_play_button.show_pause svg .pause {
  opacity: 1;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .slider_holder {
  position: relative;
  width: var(--meditation-controls-width);
  height: 17px;
  margin: auto;
  margin-top: 20px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .slider_holder svg {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: var(--meditation-controls-width);
  height: 17px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .time_holder {
  position: relative;
  width: var(--meditation-controls-width);
  margin: 20px auto;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .time_holder .current_time,
.guided_meditation_details .guided_meditation_holder .controls_holder .time_holder .duration_time {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .time_holder .current_time {
  left: 8px;
}

.guided_meditation_details .guided_meditation_holder .controls_holder .time_holder .duration_time {
  right: 8px;
}

.activity-media-page {
  position: relative;
  height: 100%;
  min-height: 100vh;
  background: #fff;
}

.activity-media-page__video-player {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
}

.activity-media-page__skill-image {
  position: absolute;
  top: 10%;
  right: 0;
  height: 70%;
}

.activity-media-page__background-image {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}

.activity-media-page__overlay {
  padding-bottom: 200px;
  padding-left: 5%;
  height: 100%;
}

.activity-media-page__overlay > * {
  z-index: 3;
}

.activity-media-page__overlay-back {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(360deg, rgba(31, 49, 60, 0.6) 0%, rgba(31, 49, 60, 0.2) 50%);
}

.activity-media-page__overlay-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  position: relative;
  margin-top: 60px;
  color: #fff;
  margin-bottom: 3.6rem !important;
}

@media screen and (max-width: 1679px) {
  .activity-media-page__overlay-title {
    font-size: 36px;
    line-height: 39.4px;
  }
}

.activity-media-page__overlay-by {
  color: #fff;
}

.activity-media-page__player-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 60px 5%;
  width: 100%;
}

.activity-media-page__player-wrapper > * {
  position: relative;
  z-index: 3;
}

.activity-media-page__tip {
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .activity-media-page__tip {
    font-size: 16px;
    line-height: 19px;
  }
}

.activity-media-page__play-button-wrapper {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
}

.activity-media-page--no-cover .activity-media-page__overlay-title,
.activity-media-page--no-cover .activity-media-page__overlay-by {
  color: #1F313C;
}

.activity-media-page--no-cover .activity-media-page__tip {
  color: rgba(31, 49, 60, 0.6);
}

.statistic-list {
  width: 100%;
  padding-bottom: 42px;
  display: flex;
  flex-direction: column;
}

.statistic-list--statistic-answers {
  padding-right: 42px;
}

.statistic-list__item-container {
  width: 100%;
  height: 72px;
  background: #E8E5E2;
  position: relative;
  margin-bottom: 10px;
}

.statistic-list__item-container:last-child {
  margin-bottom: 0;
}

.statistic-list__item-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px;
  display: flex;
  justify-content: space-between;
}

.statistic-list__item-progress {
  height: 100%;
  background: #FFFFFF;
  animation: statProgressAnimation 0.5s linear both;
}

.statistic-list__item-progress.selected {
  background: linear-gradient(100.54deg, #F24C00 -139.64%, #FFFFFF 115.02%);
}

@keyframes statProgressAnimation {
  0% {
    width: 0;
  }

  100% {
    width: var(--statProgress);
  }
}

.poll-activity__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  color: #1F313C;
  padding: 50px 0 42px 42px;
}

.poll-activity__container .js-send-data {
  max-width: 100%;
}

.poll-activity__title {
  padding-bottom: 32px;
  text-align: center;
}

.poll-activity__question {
  padding: 0 18px 36px 0;
}

.poll-activity__answers-list {
  border: 1px solid black;
  margin: 0;
  padding: 0;
  list-style: none;
}

.poll-activity__meta-container {
  padding-right: 42px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  display: none;
}

.poll-activity__meta-header {
  display: flex;
  align-items: center;
  color: rgba(31, 49, 60, 0.6);
  padding-bottom: 12px;
}

.poll-activity__meta-header-logo {
  display: inline-block;
  width: 20px;
  height: 24px;
  margin-right: 14px;
  background-image: url("/static/img/therapeutics/poll-icon.svg");
}

.poll-activity__meta-body {
  padding-bottom: 42px;
  flex-grow: 1;
}

.poll-activity__meta-body a {
  color: #F24C00;
}

.poll-activity__meta-body a:hover {
  color: #E54E09;
}

.media-activity-modal {
  padding: 120px 42px 42px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}

.media-activity-modal__heading {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  margin-bottom: 18px;
}

@media screen and (max-width: 1679px) {
  .media-activity-modal__heading {
    font-size: 24px;
    line-height: 30px;
  }
}

.media-activity-modal__description {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 36px;
}

@media screen and (max-width: 1679px) {
  .media-activity-modal__description {
    font-size: 16px;
    line-height: 19px;
  }
}

.media-activity-modal__description a {
  color: #F24C00;
}

.media-activity-modal__description a:hover {
  color: #E54E09;
}

.media-activity-modal__buttons {
  margin-top: 36px;
}

.media-activity-modal__buttons button {
  max-width: 100%;
}

.media-activity-modal__why-it-works {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.media-activity-modal__audio-container {
  margin-bottom: 36px;
}

.anna-dialog-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #EFEDEB;
  overflow: hidden;
}

.anna-frame {
  scroll-behavior: smooth;
  flex: 1 1 auto;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.anna-frame .anna-message_window {
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
}

@media screen and (prefers-reduced-motion: reduce) {
  .anna-frame {
    scroll-behavior: auto;
  }
}

.anna-dialog {
  display: flex;
  flex-direction: column;
}

.message {
  margin: 0 42px 15px 42px;
  padding: 18px;
  max-width: 80%;
  border-radius: 18px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .message {
    font-size: 16px;
    line-height: 19px;
  }
}

.message .smile-wrapper-msg {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.anna-message {
  word-break: break-word;
  align-items: flex-start;
}

.anna-message .message {
  position: relative;
  color: #1F313C;
  background-color: #FFFFFF;
}

.anna-message .message .post-image {
  display: flex;
  justify-content: center;
}

.anna-message .message .post-image img {
  width: 458px;
}

.anna-message .message.preview {
  max-width: 100%;
}

.anna-message .message.negative {
  color: #E61E1E;
}

.user-answer {
  align-items: flex-end;
}

.user-answer .message {
  color: #FFFFFF;
  background-color: #1F313C;
  overflow-wrap: break-word;
}

.user-answer .message .smile-wrapper-msg svg path {
  stroke: #FFFFFF;
}

@media screen and (max-width: 1679px) {
  .message {
    margin: 0 22px 15px 22px;
  }

  .message .smile-wrapper-msg img {
    width: 18px;
  }

  .anna-message .message .post-image img {
    width: 324px;
  }
}

.anna-message_window .preview-user_info {
  display: grid;
  grid-template-columns: 1fr 5fr 3fr;
  align-items: center;
}

.anna-message_window .preview-user_info .preview-user_avatar {
  width: 38px;
  border-radius: 50%;
}

.anna-message_window .preview-user_info .preview-post_title {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.anna-message_window .post-wrapper {
  margin-top: 18px;
}

.anna-message_window .post-wrapper .message_text {
  margin-top: 18px;
}

.anna-message_window .post-wrapper .message_text .user-name {
  margin-right: 5px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .anna-message_window .preview-user_info .preview-header_text {
    padding-left: 18px;
  }
}

.anna-header {
  flex: 0 0 auto;
}

.anna-header_container {
  margin-bottom: 5px;
  height: 120px;
  width: 100%;
  background-color: #fff;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}

.anna-header_container.skill-border__as {
  border-color: #D5EA9C;
}

.anna-header_container.skill-border__re {
  border-color: #B7E2E7;
}

.anna-header_container.skill-border__gi {
  border-color: #FFDF6E;
}

.anna-header_container.skill-border__em {
  border-color: #FFDABC;
}

.anna-header_container.skill-border__sa {
  border-color: #F8C3CC;
}

.anna-header_container.skill-border__th {
  border-color: #FFA370;
}

.anna-header_container.skill-border__ot {
  border-color: #1F313C;
}

.anna-header_description_block {
  display: flex;
  align-items: center;
}

.anna-header_description_block_icon {
  margin: 36px;
  height: 48px;
  width: 48px;
  background-image: url("/static/img/therapeutics/logo/logo-taylor.svg");
}

.anna-header_description_block_mentor_name {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .anna-header_description_block_mentor_name {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .anna-header_container {
    height: 84px;
  }

  .anna-header_description_block_icon {
    margin: 15px;
  }
}

.anna-typing_container {
  margin: 0 42px 15px 42px;
  padding: 18px;
  display: flex;
  justify-content: space-around;
  height: 45px;
  width: 69px;
  background-color: #fff;
  border-radius: 18px;
}

.anna-typing_circle_1 {
  background-color: #1f313c;
  animation-delay: 0s;
}

.anna-typing_circle_2 {
  background-color: #79838a;
  animation-delay: 500ms;
}

.anna-typing_circle_3 {
  background-color: #79838a;
  animation-delay: 1000ms;
}

.circle {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  animation-name: typing;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes typing {
  0% {
    background-color: #1f313c;
  }

  50% {
    background-color: #79838a;
  }

  100% {
    background-color: #e9eaeb;
  }
}

@media screen and (max-width: 1679px) {
  .anna-typing_container {
    margin: 0 22px 15px 22px;
  }
}

.anna-sfl_overlay {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(196, 196, 196, 0.7);
  z-index: 1000;
}

.anna-sfl_overlay .anna-sfl-wrapper {
  display: grid;
  justify-items: center;
  height: 312px;
  width: 440px;
  background-color: #fff;
  border-radius: 18px;
}

.anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_text {
  margin: 36px 36px 0 36px;
  height: 60px;
  max-width: 368px;
  line-height: 1em;
  text-align: center;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_text {
    font-size: 18px;
    line-height: 24px;
  }
}

.anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_btn {
  height: 42px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_btn {
    font-size: 16px;
    line-height: 19px;
  }
}

.anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_btn.anna-sfl_save_btn {
  padding: 0 18px;
  width: 148px;
  color: #fff;
  border-radius: 21px;
  background-color: #1F313C;
  border: 1px solid #1F313C;
}

.anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_btn.anna-sfl_continue_btn {
  padding: 0 18px;
  color: #1F313C;
  border-radius: 21px;
  background-color: #E8E5E2;
  border: 1px solid #E8E5E2;
}

.anna-sfl_overlay .anna-sfl-wrapper .anna-sfl_btn.anna-sfl_close-btn {
  border: none;
  color: rgba(31, 49, 60, 0.6);
  background-color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 1679px) {
  .anna-sfl_overlay .anna-sfl-wrapper {
    height: 276px;
    width: 300px;
  }
}

.anna-input_size_container {
  margin: 0 auto;
  width: 494px;
}

.anna_multi_objects {
  max-height: 50vh;
  overflow: auto;
}

.anna-input {
  flex: 0 0 auto;
  background-color: #E8E5E2;
  padding: 5px 0;
}

.anna-input_container {
  padding: 18px 0;
  display: grid;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 14px;
  min-height: 72px;
  align-items: flex-end;
}

.anna-input_container.anna_text_input {
  grid-template-columns: 6fr 1fr;
}

.anna-input_scroll_container {
  max-height: 238px;
  max-width: 426px;
  border-radius: 27px;
  border: 1px solid #1f313c;
  background-color: #fff;
}

.anna-input_scroll_container .anna-input_input_area {
  position: relative;
  margin: 0;
  padding: 10px 25px;
  max-height: 220px;
  width: 100%;
  border-radius: 25px;
  font-size: large;
  overflow-y: auto;
  overflow-wrap: break-word;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .anna-input_scroll_container .anna-input_input_area {
    font-size: 16px;
    line-height: 19px;
  }
}

.anna-input_scroll_container .anna-input_input_area:focus {
  outline: none;
}

.anna-input_scroll_container .anna-input_input_area[contentEditable]:empty::before {
  content: attr(data-placeholder);
  color: #79838a;
}

@media screen and (max-width: 1679px) {
  .anna-input_size_container {
    width: 368px;
  }

  .anna-input_container {
    min-height: 66px;
  }

  .anna-input_scroll_container {
    display: flex;
    align-items: center;
    min-height: 50px;
    max-width: 304px;
  }

  .anna-input_scroll_container .anna-input_input_area {
    margin: 5px;
    padding-left: 5px;
    max-width: 285px;
    border-radius: 9px;
  }
}

.anna-input_container.anna_single_object {
  grid-template-columns: 1fr 1fr;
}

.anna-input_container .anna_button_wrapper {
  display: grid;
}

.anna-input_container .anna_button_wrapper .therapeutics-pill-view {
  display: grid;
}

.anna-input_container .therapeutics-pill {
  height: unset;
}

.anna-input_container .therapeutics-pill .therapeutics-pill__content {
  height: unset;
}

.anna-input_container .therapeutics-pill .therapeutics-pill__content .therapeutics-pill__text {
  white-space: unset;
}

@media screen and (max-width: 1679px) {
  .anna-input_container.anna_single_button .anna_button_wrapper {
    margin: 4px 0 0 0;
  }

  .anna-input_container.anna_single_object .therapeutics-pill--desktop-small {
    padding: 0.6rem 1.8rem !important;
    height: unset !important;
    min-height: 32px;
  }
}

.anna-input_container.anna_multi_objects {
  grid-template-columns: 9fr 1fr;
  align-items: end;
}

.anna-input_container.anna_multi_objects .anna-input_ok_btn {
  margin-bottom: 9px;
}

.anna-input_container .anna-input-checkbox_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 18px;
  column-gap: 18px;
  row-gap: 18px;
}

.anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox {
  display: grid;
}

.anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox input {
  height: 62px;
  width: 205px;
}

.anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox .therapeutics-checkbox__elem {
  padding: 10px;
  line-height: 14px;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 31px;
  cursor: pointer;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox .therapeutics-checkbox__elem {
    font-size: 16px;
    line-height: 19px;
  }
}

.anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox .therapeutics-checkbox__elem.therapeutics-checkbox__selected {
  color: #fff;
  background-color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .anna-input_container .anna-input-checkbox_wrapper {
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
  }

  .anna-input_container .anna-input-checkbox_wrapper .therapeutics-checkbox .therapeutics-checkbox__elem {
    width: 153px;
  }
}

#AnnaInput .anna-calendar-wrapper {
  display: grid;
  grid-template-columns: 5fr 1fr;
  justify-items: center;
  align-items: center;
  height: 114px;
}

#AnnaInput .anna-calendar-wrapper .dob-select {
  width: 410px;
}

#AnnaInput .anna-calendar-wrapper .dob-select .listbox-button {
  height: 66px;
  max-width: 136px;
  line-height: 66px;
  border: 1px solid #fff;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

#AnnaInput .anna-calendar-wrapper .dob-select .listbox-button::after {
  right: 20px;
}

#AnnaInput .anna-calendar-wrapper .listbox {
  top: unset;
}

@media screen and (max-width: 1679px) {
  #AnnaInput .anna-calendar-wrapper {
    height: 84px;
  }

  #AnnaInput .anna-calendar-wrapper .dob-select {
    width: 296px;
  }

  #AnnaInput .anna-calendar-wrapper .dob-select .listbox-button {
    height: 48px;
    max-width: 98.91px;
    line-height: 48px;
  }

  #AnnaInput .anna-calendar-wrapper .dob-select .listbox-button::after {
    right: 9px;
    height: 8px;
    width: 8px;
  }

  #AnnaInput .anna-calendar-wrapper .listbox {
    width: 170px;
  }
}

.anna-time-wrapper {
  display: grid;
  grid-template-columns: 9fr 1fr;
  justify-items: center;
  align-items: center;
  height: 114px;
}

.anna-time-wrapper .time-select {
  display: flex;
  width: 432px;
  justify-content: space-between;
}

.anna-time-wrapper .time-select .listbox__container {
  width: 47%;
}

.anna-time-wrapper .time-select .listbox__container .listbox-button {
  height: 66px;
  max-width: 160px;
  line-height: 66px;
  border: 1px solid #fff;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.anna-time-wrapper .time-select .listbox__container .listbox-button:focus {
  border-color: #000;
}

.anna-time-wrapper .time-select .listbox__container .listbox-button::after {
  right: 20px;
}

.anna-time-wrapper .listbox {
  top: unset;
}

@media screen and (max-width: 1679px) {
  #AnnaInput .anna-time-wrapper {
    height: 84px;
  }

  #AnnaInput .anna-time-wrapper .time-select {
    width: 294px;
  }

  #AnnaInput .anna-time-wrapper .time-select .listbox-button {
    height: 48px;
    max-width: 120px;
    line-height: 48px;
  }

  #AnnaInput .anna-time-wrapper .time-select .listbox-button::after {
    right: 9px;
    height: 8px;
    width: 8px;
  }

  #AnnaInput .anna-time-wrapper .listbox {
    width: 170px;
  }
}

.image-picker-container {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: #fff;
  overflow: auto;
  z-index: 1000;
}

.image-picker-container .image-picker-wrapper {
  background-color: #fff;
}

.image-picker-container .image-picker-wrapper .image-picker-header {
  position: sticky;
  top: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 12fr;
  height: 99px;
  width: 494px;
  background-color: #fff;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.image-picker-container .image-picker-wrapper .image-picker-header-text {
  padding-right: 10px;
  align-self: center;
  justify-self: right;
}

.image-picker-container .image-picker-wrapper .image-picker-header .image-picker-back-arrow {
  position: relative;
  padding: 1rem;
  display: flex;
  height: 1.8rem;
  width: 1.8rem;
  justify-content: center;
  align-items: center;
  color: #1F313C;
  background: no-repeat url(/static/img/therapeutics/back-arrow.svg);
  background-position: center;
  align-self: center;
  cursor: pointer;
  border-radius: 50%;
  border: 0;
  box-sizing: content-box;
}

.image-picker-container .image-picker-wrapper .image-picker-header .image-picker-back-arrow:hover {
  background-color: #E8E5E2;
}

.image-picker-container .image-picker-wrapper .image-picker-gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 170px));
  overflow: hidden auto;
  justify-content: center;
}

.image-picker-container .image-picker-wrapper .image-picker-gallery-wrapper .hip_gallery_item {
  margin: 8px;
  padding: 0;
  height: 130px;
  width: 154px;
  border: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.image-picker-container .image-picker-wrapper .image-picker-gallery-wrapper .hip_gallery_item .hip_item_inner {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: -20px;
  object-position: -20px;
}

.image-picker-container .hip_content {
  position: sticky;
  margin: 0 auto;
  display: grid;
  width: 494px;
  bottom: 0;
}

.image-picker-container .hip_content .hip_uploader {
  display: grid;
  align-content: center;
  height: 108px;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
}

.image-picker-container .hip_content .hip_uploader .button {
  display: flex;
  align-items: center;
  height: 60px;
  max-width: unset;
}

.image-picker-container .hip_content .hip_uploader .button.button__arrow-icon::before {
  transform: rotate(90deg);
}

.image-picker-container .hip_content .hip_uploader .button.button__arrow-icon::after {
  height: 12px;
  width: 12px;
  transform: rotate(225deg) translate(17px, 4px);
}

@media screen and (max-width: 1679px) {
  .image-picker-container .image-picker-wrapper .image-picker-header {
    width: 376px;
  }

  .image-picker-container .image-picker-wrapper .image-picker-header-text {
    padding: 0 25px;
  }

  .image-picker-container .image-picker-wrapper .image-picker-header .image-picker-back-arrow::after {
    width: 20px;
  }

  .image-picker-container .image-picker-wrapper .image-picker-gallery-wrapper {
    grid-template-columns: repeat(3, minmax(0, 123px));
  }

  .image-picker-container .image-picker-wrapper .image-picker-gallery-wrapper .hip_gallery_item {
    margin: 4px;
    height: 100px;
    width: 115px;
  }

  .image-picker-container .hip_content {
    width: 361px;
  }
}

.image-selector-button-wrapper {
  margin: 0 auto;
  width: 494px;
}

.image-selector-button {
  max-width: 494px;
}

.image-selector-button.image-loader-btn {
  margin-bottom: 18px;
}

@media screen and (max-width: 1679px) {
  .image-selector-button-wrapper {
    width: 376px;
  }
}

.face-picker-wrapper .face-picker .face-picker-container {
  margin: 24px 42px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 18px;
}

.face-picker-wrapper .face-picker .face-picker-container .radio-button {
  height: 72px;
  width: 100%;
  background-color: #fff;
}

.face-picker-wrapper .face-picker .face-picker-container .radio-button--horizontal {
  margin-right: unset;
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
}

.face-picker-wrapper .face-picker .face-picker-container .radio-button__label {
  flex-direction: row;
  justify-content: flex-start;
  padding: 18px 18px 18px 20px;
  gap: 18px;
  cursor: pointer;
}

.face-picker-wrapper .face-picker .face-picker-container .radio-button .radio-button__img {
  margin: 0;
  padding: 0;
  height: 32px;
}

.face-picker-wrapper .face-picker .face-picker-container .radio-button:hover {
  background-color: #efedeb;
}

@media screen and (max-width: 1679px) {
  .face-picker-wrapper .face-picker .face-picker-container {
    margin: 0 20px;
  }

  .face-picker-wrapper .face-picker .face-picker-container .radio-button {
    height: 54px;
  }
}

.msg_img img {
  max-width: 414px;
}

@media screen and (max-width: 1679px) {
  .msg_img img {
    max-width: 282px;
  }
}

.anna-ok-btn {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  border: none;
  background: #F24C00 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgNS43ODI2MUwxMiAxTDE3IDUuNzgyNjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMVYyMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==") center no-repeat;
}

.anna-ok-btn:disabled {
  background-color: #adb6ba;
  opacity: 0.5;
}

.anna-error-get-data {
  position: absolute;
  top: 25%;
  right: -50px;
  padding: 0 7px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #F24C00;
  cursor: pointer;
}

.anna-error-get-data .round-arrow-repeat {
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  color: #FFFFFF;
  transform: rotate(135deg);
}

:root {
  --before-top: -48px;
  --before-left: 100px;
  --after-left: 40%;
  --after-top: 12px;
}

.anna-input_error::before {
  content: attr(data-text);
  position: absolute;
  top: var(--before-top);
  left: var(--before-left);
  padding: 6px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 290px;
  font-size: large;
  color: #FFFFFF;
  background-color: #E61E1E;
  text-align: center;
  animation: expandAnimation 150ms linear;
}

.anna-input_error::after {
  content: '';
  position: absolute;
  left: var(--after-left);
  top: var(--after-top);
  border: 6px solid;
  border-color: #E61E1E rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  animation: tooltipArrow 150ms linear;
}

@keyframes expandAnimation {
  0% {
    content: '';
    height: 20px;
    width: 0;
    color: #fff0;
    left: 225px;
  }

  10% {
    width: 30px;
    left: 222px;
  }

  20% {
    width: 60px;
    left: 210px;
  }

  30% {
    width: 90px;
    left: 193px;
  }

  40% {
    width: 120px;
    color: #fff7;
    left: 180px;
  }

  50% {
    height: 40px;
    width: 150px;
    left: 170px;
  }

  60% {
    width: 180px;
    left: 150px;
  }

  70% {
    content: attr(data-text);
    width: 210px;
    color: #fff;
    left: 140px;
  }

  80% {
    width: 240px;
    left: 120px;
  }

  90% {
    width: 270px;
    left: 110px;
  }

  100% {
    width: 290px;
    left: 100px;
  }
}

@keyframes tooltipArrow {
  0% {
    border: 0 solid;
    border-color: #e51e1e transparent transparent transparent;
  }

  50% {
    border: 3px solid;
    border-color: #e51e1e transparent transparent transparent;
  }

  100% {
    border: 6px solid;
    border-color: #e51e1e transparent transparent transparent;
  }
}

@media screen and (max-width: 1679px) {
  .anna-input_error::before {
    width: 261px;
  }
}

#eligibility-popup .ov_content {
  width: 550px;
  border-radius: 15px;
}

#eligibility-popup .ov-modal-close {
  display: none;
}

#eligibility-popup .eligible__title {
  font-size: 30px;
  color: black;
  text-transform: capitalize;
}

#eligibility-popup .eligible__button_arrow {
  background-color: #f24c00ff;
  margin-bottom: 20px;
  width: 50%;
  border-radius: 30px;
  align-items: center;
  display: flex;
}

#eligibility-popup .eligible__button_arrow:hover {
  background-color: #f24c00AA;
  color: white;
}

#eligibility-popup .eligible__button_okay,
#eligibility-popup .eligible__button_logout {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  background-color: inherit;
  border-radius: 30px;
  color: black;
  margin-bottom: 20px;
}

#eligibility-popup .eligible__button_okay:hover,
#eligibility-popup .eligible__button_logout:hover {
  background-color: #E0DCD7;
}

#eligibility-popup .eligible-body {
  padding: 0 15px 40px;
  text-align: center;
  font-size: 24px;
  min-height: 100px;
}

#eligibility-popup .eligible-button__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-container {
  position: relative;
  height: 33.5rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container img {
  max-width: 100%;
  height: 100%;
}

.pill-container {
  position: absolute;
}

.edit {
  bottom: 30px;
  right: 30px;
}

.therapeutics-image-upload .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.therapeutics-image-upload .edit {
  bottom: 4.2rem;
  right: 4.2rem;
}

.therapeutics-image-upload .anna-input_error:before,
.therapeutics-image-upload .anna-input_error:after {
  transform: translateX(-50%);
}

.therapeutics-image-upload .anna-input_error:before {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  width: 38.9rem;
  height: 3.6rem;
  top: auto;
  bottom: var(--before-bottom);
}

@media screen and (max-width: 1679px) {
  .therapeutics-image-upload .anna-input_error:before {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-image-upload .anna-input_error:after {
  top: auto;
  bottom: var(--after-bottom);
}

.therapeutics-image-upload--avatar .image-container {
  position: relative;
  padding-bottom: 68px;
  height: auto;
}

.therapeutics-image-upload--avatar .image-container .image {
  border-radius: 50%;
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.therapeutics-image-upload--avatar .image-container .pill-container {
  position: absolute;
  bottom: 0;
  margin-bottom: 4px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-image-upload--avatar .anna-input_error:before {
    max-width: 16rem;
    height: auto;
    font-size: 1.3rem;
  }
}

.image-gallery {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #1F313C;
  height: 100%;
  overflow: auto;
  background-color: #fff;
}

@media screen and (max-width: 1679px) {
  .image-gallery {
    font-size: 18px;
    line-height: 24px;
  }
}

.image-gallery .tabs {
  padding: 20px 36px 0 36px;
  background: #fff;
}

.image-gallery__header,
.image-gallery__body {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.image-gallery__body {
  position: relative;
  padding: 36px;
  display: block;
  min-height: 510px;
  background: #fff;
  overflow: hidden;
}

.image-gallery__body .spinner-container {
  position: absolute;
  background: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.image-gallery__carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.image-gallery__carousel__prev {
  position: absolute;
  left: 12px;
  width: 60px;
  border-radius: 50%;
  top: 35%;
  cursor: pointer;
  z-index: 1;
  transform: rotate(180deg);
  right: 39px;
  padding: 0;
}

.image-gallery__carousel__next {
  position: absolute;
  right: 12px;
  width: 60px;
  border-radius: 50%;
  top: 35%;
  cursor: pointer;
  z-index: 1;
  padding: 0;
}

.image-gallery__carousel__prev:after,
.image-gallery__carousel__next:after {
  position: absolute;
  top: 50%;
  transform: translate(-35%, -50%);
  margin: 0;
  width: 36px;
  height: 36px;
  content: "";
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5449 11L34.5014 18L27.5449 25' stroke='black' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5005 18H2.50049' stroke='black' stroke-width='1.52143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.image-gallery__pagination .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  display: flex;
}

.image-gallery__pagination .slick-dots > *:nth-child(n+2) {
  margin-left: 18px;
}

.image-gallery__pagination .slick-dots button {
  border-radius: 50%;
  padding: 0;
  height: 12px;
  width: 12px;
  font-size: 0;
  background-color: rgba(31, 49, 60, 0.1);
  border: none;
  overflow: hidden;
}

.image-gallery__pagination .slick-dots .slick-active button {
  background-color: #1F313C;
  color: #ffffff;
}

.image-gallery__header-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  padding: 0 20px;
}

@media screen and (max-width: 1679px) {
  .image-gallery__header-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.image-gallery__title {
  margin-bottom: 9px;
}

.image-gallery__text {
  margin-bottom: 24px;
  color: rgba(31, 49, 60, 0.6);
}

.image-gallery__cancel-save-buttons {
  margin-top: auto;
  padding: 5px 36px 36px 36px;
  display: flex;
  width: 100%;
  background: #fff;
  justify-content: space-between;
}

.image-gallery #image-gallery__list_upload-images {
  display: flex;
  justify-content: center;
}

.image-gallery #image-gallery__list_upload-images .field__container {
  padding: 0.9rem 1.8rem;
  display: block;
  width: 193px;
  color: #fff;
  background-color: #1f313c;
  cursor: pointer;
  border: 5px solid #eee;
  border-radius: 555px;
}

.image-gallery #image-gallery__list_upload-images .field__input,
.image-gallery #image-gallery__list_upload-images .field__clear-button,
.image-gallery #image-gallery__list_upload-images .field__label {
  display: none;
}

.image-gallery #image-gallery__list_upload-images {
  display: flex;
  flex-direction: column-reverse;
}

.image-gallery #image-gallery__list_upload-images .on-load-img {
  display: inline-block;
  text-align: center;
}

.image-gallery__img-container {
  position: relative;
  padding: 20px;
  display: flex;
  height: 372px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.image-gallery__img-container img {
  height: 100%;
  max-width: 100%;
}

.image-gallery__img-container .message-error {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: large;
  color: #FFFFFF;
  background-color: #E61E1E;
  padding: 6px 12px;
  text-align: center;
  margin-top: -20px;
  width: 261px;
}

.image-gallery .visually-hidden {
  display: none;
}

.image-gallery .message-error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: large;
  color: #FFFFFF;
  background-color: #E61E1E;
  padding: 6px 12px;
  text-align: center;
  margin-top: -20px;
  width: 261px;
}

.image-gallery .tabs-list .tabs-list__background-active {
  top: 2px;
  bottom: 3px;
  height: auto;
}

.gallery_item {
  border: 1px solid #cdcdcd;
  padding: 3px;
  overflow: hidden;
  cursor: pointer;
  height: auto;
  margin: 0 11px 12px 11px;
}

.gallery_item__inner {
  background-color: #fff;
  overflow: hidden;
  width: 147px;
  height: 114px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery_item__img {
  height: 100%;
  max-width: initial;
}

.gallery_pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.face-picker .face-picker-container {
  display: flex;
}

.face-picker .radio-button {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  margin-right: 1.4rem;
  display: flex;
  min-height: 11.5rem;
  width: 11rem;
  color: rgba(31, 49, 60, 0.6);
  background: rgba(232, 229, 226, 0.5);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: 1px solid transparent;
}

@media screen and (max-width: 1679px) {
  .face-picker .radio-button {
    font-size: 16px;
    line-height: 19px;
  }
}

.face-picker .radio-button__input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}

.face-picker .radio-button__input:not([role=radio]):focus + label {
  background: #FFFFFF;
  outline: 2px solid;
}

.face-picker .radio-button__input:focus-visible + label {
  outline: 1px solid #000;
}

.face-picker .radio-button__img {
  margin: 0 auto 1rem auto;
  display: block;
}

.face-picker .radio-button--horizontal {
  display: inline-flex;
}

.face-picker .radio-button[aria-checked="true"] {
  background: #FFFFFF;
}

.face-picker .radio-button:hover,
.face-picker .radio-button.pseudo-focus,
.face-picker .radio-button [role=radio]:checked + label {
  background: #FFFFFF;
}

.face-picker .text {
  font-size: 2.4rem;
}

.face-picker .radio-button__label {
  padding: 17px 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.activity_container {
  display: flex;
  height: 100%;
  background: #efedeb;
  flex-direction: column;
}

.activity_container__header {
  padding: 4.5rem 8.4rem 2.6rem;
  display: flex;
  width: 100%;
  font-family: "GT Walsheim", sans-serif;
  font-size: 2.4rem;
  color: #1f313c;
  background: #fff;
  align-items: center;
  border-bottom: 6px solid;
  border-color: #ffdf6e;
  justify-content: center;
}

@media screen and (max-width: 1679px) {
  .activity_container__header {
    padding: 4rem 8rem 2.6rem;
  }
}

.activity_container__header--title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  max-width: 400px;
  text-align: center;
}

@media screen and (max-width: 1679px) {
  .activity_container__header--title {
    font-size: 18px;
    line-height: 24px;
  }
}

.activity_container__header .button_back {
  position: absolute;
  padding: 0;
  height: 15px;
  width: 30px;
  background-color: transparent;
  background-position: center;
  left: 45px;
  background-image: url(/static/img/therapeutics/activity_task/back.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 999;
}

.activity_container__header .button_close {
  height: 23px;
  width: 22px;
  background-image: url(/static/img/therapeutics/activity_task/close.svg);
  background-repeat: no-repeat;
  transform: rotate(45deg);
  cursor: pointer;
}

.activity_container__body {
  margin: 1.2rem 4rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.activity_container__body--label--step_3,
.activity_container__body--label {
  font-size: 2.4rem;
  color: #1f313c;
}

.activity_container__body--textarea,
.activity_container__body--input,
.activity_container__body--summary {
  width: 100%;
}

.activity_container__body--summary {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-top: 0.9rem;
  margin-bottom: 1.8rem;
}

@media screen and (max-width: 1679px) {
  .activity_container__body--summary {
    font-size: 16px;
    line-height: 19px;
  }
}

.activity_container__body--summary > * {
  margin-bottom: 0.9rem;
}

.activity_container__body--summary > * :last-child {
  margin-bottom: 0;
}

.activity_container__body input {
  max-width: none;
}

.activity_container__body .input-view,
.activity_container__body .textarea-view {
  margin-top: 30px;
  width: 100%;
}

.activity_container__body .field__container {
  width: 100%;
}

.activity_container__footer {
  margin: auto 40px 0 40px;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.activity_container__footer .toggle-container {
  margin-left: 20px;
}

.activity_container__footer--step_3 {
  display: flex;
  width: 100%;
  font-size: 1.8rem;
  justify-content: space-between;
  align-items: center;
}

.activity_container__footer--button {
  margin-top: 20px;
  width: 100%;
}

.activity_container__footer--button .button {
  max-width: none;
}

.activity_container__footer--button .button__js-pledgeIt,
.activity_container__footer--button .button--whiteClock,
.activity_container__footer--button .button__js-saveLater {
  position: relative;
}

.activity_container__footer--button .button__js-pledgeIt::after,
.activity_container__footer--button .button--whiteClock::after,
.activity_container__footer--button .button__js-saveLater::after {
  content: "";
  display: block;
  height: 34px;
  width: 34px;
  position: absolute;
  top: 4%;
  transform: translateY(50%);
  right: 30px;
}

.activity_container__footer--button .button__js-pledgeIt::after {
  background-image: url(/static/img/therapeutics/activity_task/clock.svg);
}

.activity_container__footer--button .button__js-pledgeIt--whiteClock::after {
  background-image: url(/static/img/therapeutics/activity_task/clock-white.svg);
}

.activity_container__footer--button .button__js-saveLater::after {
  background-image: url(/static/img/therapeutics/activity_task/clock.svg);
}

.activity_container .face-picker {
  margin-top: 20px;
}

.finish-activity {
  display: flex;
  flex-direction: column;
  width: 578px;
  height: 100%;
  background: #EFEDEB;
}

.finish-activity__header {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #FFFFFF;
  color: rgba(31, 49, 60, 0.6);
  font-size: 3.6rem;
  font-family: "GT Walsheim", sans-serif;
  border-bottom: 6px solid;
  border-color: #FFDF6E;
  padding: 32px 40px 0 40px;
}

.finish-activity__header--name {
  color: #1F313C;
}

.finish-activity__header--img {
  text-align: center;
}

.finish-activity__header--img img {
  max-width: 256px;
}

.finish-activity__body {
  display: flex;
  flex-direction: column;
  font-size: 1.8rem;
  padding: 35px 45px;
}

.finish-activity__body li {
  padding-left: 20px;
  padding-top: 20px;
}

.finish-activity__body ul li::marker {
  content: url(/static/img/therapeutics/reporter_activities/oval.svg);
}

.finish-activity__body ul li:nth-child(-n + 2) {
  border-bottom: 0.5px solid #1f313c29;
  padding: 20px 20px 15px;
}

.finish-activity__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 40px 25px 40px;
}

.finish-activity__footer--button {
  width: 100%;
  margin-top: 30px;
}

.finish-activity__footer--button .button {
  max-width: none;
}

.track-part-progress {
  width: 100%;
  height: 20px;
  padding: 5px 0;
  box-sizing: border-box;
  position: relative;
}

.track-part-progress__body {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}

.track-part-progress__current {
  width: var(--current);
  height: 8px;
  margin: 1px;
  border-radius: 8px;
  background: linear-gradient(204.89deg, #FFA370 18.5%, #F8C3CC 85.18%), #FFFFFF;
}

.track-part-progress__silver,
.track-part-progress__gold {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  top: 0;
  background: #FFFFFF;
  transform: translateX(-10px);
}

.track-part-progress__silver:before,
.track-part-progress__gold:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.track-part-progress__silver {
  left: var(--silver);
}

.track-part-progress__silver:before {
  background: linear-gradient(226.01deg, #F5F5F5 -10.21%, #E2E2E2 97.27%);
}

.track-part-progress__gold {
  left: var(--gold);
}

.track-part-progress__gold:before {
  background: linear-gradient(226.01deg, #FFDF6E -10.21%, #F0C19B 97.27%);
}

.therapeutics-track-progress {
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 50%;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-track-progress {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-track-progress__number {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.therapeutics-track-progress__circle {
  transform: rotate(-90deg);
}

.therapeutics-track-progress__unit {
  fill: none;
  stroke-width: 2;
  animation-name: stroke-dasharray_0;
  animation-duration: 1.5s;
  stroke: #FFFFFF;
}

.therapeutics-track-progress__mock {
  fill: none;
  stroke-width: 2;
  animation-name: stroke-dasharray_0;
  animation-duration: 1.5s;
  stroke: rgba(255, 255, 255, 0.3);
}

.therapeutics-track-progress--small {
  width: 40px;
  height: 40px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.therapeutics-track-progress--complete {
  background: rgba(255, 255, 255, 0.3) url('/static/img/therapeutics/checkbox-done.svg') center center no-repeat;
  background-size: 50%;
}

.therapeutics-track-progress--complete .therapeutics-track-progress__circle,
.therapeutics-track-progress--complete .therapeutics-track-progress__number {
  display: none;
}

.therapeutics-followers-modal {
  height: 100%;
}

.therapeutics-followers-modal__username {
  margin-bottom: 48px;
  text-align: center;
  width: 100%;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-followers-modal__username {
    font-size: 18px;
    line-height: 24px;
  }
}

.therapeutics-followers-modal__content {
  padding: 4.5rem;
  display: flex;
  height: 100%;
  flex-direction: column;
}

@media screen and (max-width: 1679px) {
  .therapeutics-followers-modal__content {
    padding: 3.6rem;
  }
}

.therapeutics-followers-modal__tabs,
.therapeutics-followers-modal__content_wrapper {
  height: 100%;
  position: relative;
}

.therapeutics-followers-modal__tabs ul,
.therapeutics-followers-modal__content_wrapper ul {
  margin: 0;
  padding: 0;
}

.therapeutics-followers-modal__tabs ul li,
.therapeutics-followers-modal__content_wrapper ul li {
  list-style: none;
}

.therapeutics-followers-modal__tabs {
  display: flex;
  flex-direction: column;
}

.therapeutics-followers-modal .tabs-list {
  margin-bottom: 50px;
  color: rgba(31, 49, 60, 0.6);
}

.therapeutics-followers-modal__followers-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.therapeutics-followers-modal .therapeutics-followers-list {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.therapeutics-followers-modal .therapeutics-followers-list .therapeutics-follower {
  width: 100%;
}

.therapeutics-followers-modal .therapeutics-followers-list .therapeutics-follower:nth-child(n+2) {
  border-top: 1px solid rgba(31, 49, 60, 0.1);
}

.therapeutics-followers-modal .therapeutics-followers-list__dummy {
  margin-top: auto;
  margin-bottom: auto;
  list-style-type: none;
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-followers-modal .therapeutics-followers-list__dummy {
    font-size: 18px;
    line-height: 24px;
  }
}

.therapeutics-followers-modal ul {
  margin: 0;
  padding: 0;
}

.therapeutics-followers-modal ul li {
  list-style: none;
}

.education-modal {
  --sidebarWidth: 264px;
}

.education-modal .ov_inner {
  padding: 30px 30px 30px calc(var(--sidebarWidth) + 30px);
  margin: 0;
  max-height: unset;
}

.education-modal .ov_content {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .education-modal .ov_content {
    font-size: 16px;
    line-height: 19px;
  }
}

.education-modal .ov-modal-close {
  right: 6px;
  top: 6px;
}

.education-modal__header {
  padding: 18px;
  position: relative;
  min-height: 60px;
}

.education-modal__header-title {
  width: 100%;
  text-align: center;
  margin: 0;
}

.education-modal__header-logo {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 42px;
  height: 42px;
  padding: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}

.education-modal__header-logo * {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.education-modal__body {
  background: #FFFFFF;
  flex-grow: 1;
  overflow: auto;
}

.education-modal__body-container {
  width: 100%;
  max-width: 720px;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 40px 40px;
}

.education-modal__body-img {
  display: block;
  margin-top: 72px;
}

.education-modal__body-img > * {
  width: 100%;
}

.education-modal__body-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  margin: 60px 0 0;
}

@media screen and (max-width: 1679px) {
  .education-modal__body-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.education-modal__body-text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin-top: 12px;
}

.education-modal__body-text a:not(.button) {
  color: #F24C00 !important;
  text-decoration: none;
}

.education-modal__body-text * {
  text-align: center;
}

.therapeutics-follower__wrap {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 17px 0;
}

@media screen and (max-width: 1679px) {
  .therapeutics-follower__wrap {
    padding: 9px 0;
  }
}

.therapeutics-follower__photo {
  border-radius: 50%;
  width: 54px;
  height: 54px;
  overflow: hidden;
  cursor: pointer;
}

.therapeutics-follower__photo:focus {
  outline: 1px solid;
}

.therapeutics-follower__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.therapeutics-follower__content {
  margin-left: 18px;
  margin-right: 18px;
  display: flex;
  flex-direction: column;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  flex: 1;
  overflow: hidden;
}

@media screen and (max-width: 1679px) {
  .therapeutics-follower__content {
    font-size: 16px;
    line-height: 19px;
  }
}

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

.therapeutics-follower__unapprove {
  display: none;
  text-decoration: none;
  color: #F24C00;
}

.therapeutics-follower__unapprove:hover {
  color: #bf3c00;
}

.therapeutics-follower[data-status="ACTIVE"] .therapeutics-follower__unapprove {
  display: inline-block;
}

.therapeutics-follower__remove-action {
  margin-left: auto;
}

.therapeutics-follower__right-side {
  display: flex;
  align-items: center;
  margin-left: auto;
  position: relative;
}

.therapeutics-follower__preview {
  width: 54px;
  height: 54px;
  cursor: pointer;
}

.therapeutics-follower__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.therapeutics-follower__trash {
  margin-left: 12px;
  padding: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: 0;
  display: none;
  background: transparent;
}

.therapeutics-follower__trash img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.therapeutics-follower__event-description {
  color: rgba(31, 49, 60, 0.6);
  margin-left: 4px;
  margin-right: 4px;
  width: auto;
}

.therapeutics-follower__post-title {
  cursor: pointer;
}

.therapeutics-follower__time {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-top: 6px;
  color: rgba(31, 49, 60, 0.6);
}

.therapeutics-follower__reject {
  display: none;
}

.therapeutics-follower[data-status="DELETED"] .therapeutics-follower__reject {
  display: block;
}

.therapeutics-follower__change-reject {
  color: #F24C00;
  margin-left: 12px;
  text-decoration: none;
  display: inline-block;
}

.therapeutics-follower__change-reject:first-letter {
  text-transform: uppercase;
}

.therapeutics-follower__request-actions {
  margin-top: 18px;
  display: none;
}

.therapeutics-follower__request-actions > * {
  margin-right: 12px;
}

.therapeutics-follower[data-status="PENDING"] .therapeutics-follower__request-actions {
  display: flex;
  margin: 4px;
}

.therapeutics-follower--social .therapeutics-follower__wrap {
  padding-left: 42px;
  padding-right: 42px;
}

.therapeutics-follower--social .therapeutics-follower__right-side {
  margin-right: -42px;
  padding-right: 42px;
}

.therapeutics-follower--social .therapeutics-follower__right-side .therapeutics-pill-view {
  display: none;
}

.therapeutics-follower--social:hover {
  background-color: #fff;
}

.therapeutics-follower--social:not([data-status="PENDING"]):hover .therapeutics-follower__trash {
  display: block;
}

.therapeutics-notification__wrap {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 17px 0;
  padding-left: 42px;
  padding-right: 42px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-notification__wrap {
    padding-left: 3.6rem;
    padding-right: 3.6rem;
  }
}

.therapeutics-notification__photo {
  border-radius: 50%;
  width: 54px;
  height: 54px;
  overflow: hidden;
  cursor: pointer;
}

.therapeutics-notification__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.therapeutics-notification__content {
  padding-bottom: 5px;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
  flex-direction: column;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  flex: 1;
  overflow: hidden;
  word-break: break-word;
}

@media screen and (max-width: 1679px) {
  .therapeutics-notification__content {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-notification__username {
  color: #1F313C;
  text-decoration: none;
}

.therapeutics-notification__username:hover {
  color: #1F313C;
  text-decoration: none;
}

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

.therapeutics-notification__unapprove {
  display: none;
  text-decoration: none;
  color: #F24C00;
}

.therapeutics-notification__unapprove:hover {
  color: #bf3c00;
}

.therapeutics-notification[data-status="ACTIVE"] .therapeutics-follower__unapprove {
  display: inline-block;
}

.therapeutics-notification__remove-action {
  margin-left: auto;
}

.therapeutics-notification__right-side {
  display: flex;
  align-items: center;
  margin-left: auto;
  position: relative;
  margin-right: -42px;
  padding-right: 42px;
}

.therapeutics-notification__preview {
  width: 54px;
  height: 54px;
  cursor: pointer;
}

.therapeutics-notification__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.therapeutics-notification__trash {
  margin-left: 12px;
  padding: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: 0;
  display: none;
  background: transparent;
}

.therapeutics-notification__trash img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.therapeutics-notification__event-description {
  color: rgba(31, 49, 60, 0.6);
  margin-left: 4px;
  margin-right: 4px;
  width: auto;
  word-break: break-word;
}

.therapeutics-notification__post-title {
  cursor: pointer;
  word-break: break-word;
}

.therapeutics-notification__time {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-top: 6px;
  color: rgba(31, 49, 60, 0.6);
}

.therapeutics-notification__reject {
  display: none;
}

.therapeutics-notification[data-status="DELETED"] .therapeutics-follower__reject {
  display: block;
}

.therapeutics-notification__change-reject {
  color: #F24C00;
  margin-left: 12px;
  text-decoration: none;
  display: inline-block;
}

.therapeutics-notification__change-reject:first-letter {
  text-transform: uppercase;
}

.therapeutics-notification__request-actions {
  margin-top: 18px;
  display: flex;
}

.therapeutics-notification__request-actions > * {
  margin-right: 12px;
}

.therapeutics-notification:not([data-type]) .therapeutics-follower__request-actions {
  display: none;
}

.therapeutics-notification.viewed {
  background-color: #fff;
  transition: 0.3s;
}

.therapeutics-notification:not([data-status="PENDING"]):hover .therapeutics-notification__trash {
  display: block;
}

a.therapeutics-notification__username:not(.therapeutics-pill) {
  color: #1F313C;
  text-decoration: none;
}

a.therapeutics-notification__username:not(.therapeutics-pill):hover {
  color: #1F313C;
  text-decoration: none;
}

.community-post {
  box-sizing: border-box;
  width: 33.33%;
  padding: 6px;
  transition: none !important;
}

@media screen and (max-width: 1023px) {
  .community-post {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .community-post {
    width: 100%;
  }
}

.community-post__container {
  background: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}

.community-post__container > * {
  cursor: pointer;
}

.community-post__container > * > * {
  cursor: initial;
}

.community-post__header {
  padding: 24px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1679px) {
  .community-post__header {
    padding: 14px 24px;
  }
}

.community-post__creator {
  display: flex;
  align-items: center;
  width: 84%;
}

.community-post__creator-wrapper {
  width: calc(100% - 54px);
}

.community-post__creator-image {
  margin-right: 18px;
  height: 36px;
  width: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px;
  flex-shrink: 0;
}

.community-post__creator-link {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.community-post__creator-name {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .community-post__creator-name {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .community-post__creator-name {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.community-post__creator-description {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(31, 49, 60, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.community-post__summary-text {
  word-break: break-word;
}

.community-post__color-line {
  height: 6px;
}

.community-post__image {
  max-height: 554px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.community-post__footer {
  padding: 18px 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.community-post__likes-comments-wrapper {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.community-post__like {
  margin-right: 24px;
  display: flex;
  align-items: center;
}

.community-post__like-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  color: #1F313C;
  margin-right: 8px;
}

.community-post__like-button > svg {
  transition: fill 0.1s;
  fill: transparent;
}

.community-post__like-button:hover {
  color: #E54E09;
}

.community-post__like-button:hover > svg {
  fill: #E54E09;
}

.community-post__like-button:active {
  color: #E04904;
}

.community-post__like-button:active > svg {
  fill: #E04904;
}

.community-post__like-button--active {
  color: #F24C00;
}

.community-post__like-button--active > svg {
  fill: #F24C00;
}

.community-post__like-count {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .community-post__like-count {
    font-size: 16px;
    line-height: 19px;
  }
}

.community-post__comment {
  display: flex;
  align-items: center;
}

.community-post__comment-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  color: #1F313C;
  margin-right: 8px;
}

.community-post__comment-count {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .community-post__comment-count {
    font-size: 16px;
    line-height: 19px;
  }
}

.community-post__summary {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 18px;
}

@media screen and (max-width: 1679px) {
  .community-post__summary {
    font-size: 16px;
    line-height: 19px;
  }
}

.community-post__summary-more {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  margin-left: 6px;
  display: none;
  float: right;
  margin-top: -23px;
}

@media screen and (max-width: 1679px) {
  .community-post__summary-more {
    margin-top: -19px;
  }
}

.community-post__summary-text.clamp-truncated + .community-post__summary-more {
  display: inline;
  color: #000000;
}

.community-post__summary-text > *:last-child {
  width: calc(100% - 45px);
}

.community-post__summary-text > *:first-child {
  width: auto;
}

.community-post__summary-link {
  text-decoration: none;
  margin-right: 6px;
}

.community-post__summary-link,
.community-post__summary-more {
  color: rgba(31, 49, 60, 0.6);
}

.community-post__summary-link:hover,
.community-post__summary-more:hover {
  color: #1F313C;
}

.community-post__timestamp {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(31, 49, 60, 0.6);
}

.community-post-comment {
  display: flex;
  align-items: flex-start;
}

.community-post-comment__comment {
  display: contents;
}

.community-post-comment__text-wrapper {
  word-break: break-word;
}

.community-post-comment__avatar {
  height: 36px;
  width: 36px;
  border-radius: 18px;
  margin-right: 13px;
}

.community-post-comment__link {
  color: rgba(31, 49, 60, 0.6) !important;
  text-decoration: none;
}

.community-post-comment__link:hover {
  color: #1F313C !important;
}

.community-post-comment__link:focus {
  outline: 1px solid;
}

.community-post-comment__timestamp {
  margin-right: 18px;
}

.community-post-comment__like-button {
  margin-right: 4px;
  margin-bottom: 3px;
}

.community-post-comment__like-button > svg {
  transition: fill 0.1s;
  fill: transparent;
}

.community-post-comment__like-button:hover {
  color: #E54E09;
}

.community-post-comment__like-button:hover > svg {
  fill: #E54E09;
}

.community-post-comment__like-button:active {
  color: #E04904;
}

.community-post-comment__like-button:active > svg {
  fill: #E04904;
}

.community-post-comment__like-button--active {
  color: #F24C00;
}

.community-post-comment__like-button--active > svg {
  fill: #F24C00;
}

.community-post-list__empty-message {
  width: 100%;
}

.community-post-list__grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 6px;
}

@media screen and (max-width: 1023px) {
  .community-post-list__grid-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .community-post-list__grid-container {
    display: block;
  }
}

.community-post-list__placeholder {
  background: #fff;
}

.community-post-list__avatar-mock {
  margin-right: 18px;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  background: #E8E5E2;
}

.community-post-list__summary-text-mock {
  width: 100%;
  max-width: unset !important;
}

.community-post-list__summary-text-mock:last-child {
  width: 90%;
}

.community-post-list__icon-mock {
  margin-right: 8px;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background: #E8E5E2;
}

.community-post-list .community-post__skeleton-text {
  height: 24px;
  background-color: rgba(31, 49, 60, 0.16);
  margin-bottom: 6px;
}

.community-post-list .community-post__skeleton-comment {
  height: 18px;
  background-color: rgba(31, 49, 60, 0.16);
}

.community-post-menu {
  position: relative;
  display: flex;
}

.community-post-menu__height-keeper {
  height: 48px;
  width: 1px;
}

.community-post-menu__dropdown {
  position: absolute;
  padding: 2.4rem;
  min-width: 18rem;
  background: #fff;
  box-shadow: 0 6px 24px rgba(31, 49, 60, 0.08);
  border-radius: 18px;
  z-index: 2;
  right: 0;
  top: 50px;
}

.community-post-menu__dropdown > * {
  margin-bottom: 12px;
  width: 100%;
}

.community-post-menu__dropdown > * > * {
  width: 100%;
}

.community-post-menu__dropdown > *:last-child {
  margin-bottom: 0;
}

.community-post-menu .complete-modal {
  background: rgba(255, 255, 255, 0.8);
}

.community-post-menu .community-post-menu__dropdown li {
  list-style: none;
}

.community-post-modal {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  height: 100%;
  flex-direction: column;
}

.community-post-modal + .modal-controls {
  display: none;
}

.community-post-modal > * {
  position: relative;
  flex-shrink: 0;
}

.community-post-modal img:not([src]) {
  display: none;
}

.community-post-modal .statistic-list {
  padding-bottom: 1.8rem;
}

.community-post-modal .input_label {
  font-size: large;
  position: absolute;
  top: 0;
  left: 58px;
}

.community-post-modal__header {
  padding: 45px 30px 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

.community-post-modal__short-text * {
  display: inline;
}

.community-post-modal__short-text strong {
  white-space: nowrap;
}

.community-post-modal__color-line {
  height: 6px;
}

.community-post-modal__activity-post-text {
  word-break: break-word;
}

.community-post-modal__body {
  position: absolute;
  padding: 18px 42px;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .community-post-modal__body {
    position: relative;
  }
}

.community-post-modal__body a {
  color: #F24C00;
}

.community-post-modal__body a:hover {
  color: #E54E09;
}

.community-post-modal__creator-link {
  color: #1F313C !important;
}

.community-post-modal__face {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.community-post-modal__face img {
  margin-right: 12px;
  height: 24px;
  width: 24px;
}

.community-post-modal__comments-count {
  color: rgba(31, 49, 60, 0.6);
}

.community-post-modal__comments-container {
  padding: 0;
}

.community-post-modal__comments-container li {
  list-style: none;
}

.community-post-modal__comments-container > * {
  position: relative;
  margin-top: 3.6rem;
  margin-bottom: 1.8rem;
}

.community-post-modal__comments-container > *::after {
  position: absolute;
  content: '';
  border-bottom: 1px solid rgba(31, 49, 60, 0.1);
  width: 100%;
  bottom: -1.8rem;
  left: 0;
}

.community-post-modal__comments-container > *:first-child {
  margin-top: 0;
}

.community-post-modal__comments-container > *:last-child {
  margin-bottom: 0;
}

.community-post-modal__comments-container > *:last-child::after {
  content: none;
}

.community-post-modal__send-comment-wrapper {
  padding: 1.8rem 4.2rem;
  display: flex;
  background: #E8E5E2;
  align-items: center;
}

.community-post-modal__send-comment-input {
  flex-grow: 1;
  margin-right: 2.4rem;
  padding: 1.5rem 2.4rem;
  background: #fff;
  border-radius: 30px;
  border: none;
  word-break: break-word;
  transition: outline 0.5s;
}

.community-post-modal__send-comment-input:before {
  content: "";
}

.community-post-modal__send-comment-input:focus,
.community-post-modal__send-comment-input:focus-visible {
  outline: 1px solid #F24C00;
}

.community-post-modal__send-comment-input.--edit:focus,
.community-post-modal__send-comment-input.--edit:focus-visible {
  outline: 1px solid #1F313C;
}

.community-post-modal__send-comment-placeholder {
  transition: all 0.5s;
  position: absolute;
  color: #79838a;
  font-size: large;
  top: 20px;
  left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: text;
}

.community-post-modal__send-comment-placeholder:after {
  content: "";
  display: block;
  background: white;
  width: calc(100% + 6px);
  transform: translateX(-3px);
  height: 2px;
  position: absolute;
  top: -15px;
  z-index: -1;
  transition: all 0.5s;
}

.community-post-modal__send-comment-input:focus + .community-post-modal__send-comment-placeholder,
.community-post-modal__send-comment-input:not(:empty) + .community-post-modal__send-comment-placeholder {
  transform: translateY(-25px);
  font-size: 12px;
  color: #F24C00;
}

.community-post-modal__send-comment-input:focus + .community-post-modal__send-comment-placeholder:after,
.community-post-modal__send-comment-input:not(:empty) + .community-post-modal__send-comment-placeholder:after {
  top: 9px;
}

.community-post-modal__send-comment-input:not(:focus) + .community-post-modal__send-comment-placeholder--bottom {
  transform: none;
  font-size: large;
  color: #79838a;
}

.community-post-modal__send-comment-input:not(:focus) + .community-post-modal__send-comment-placeholder--bottom:after {
  top: -15px;
}

.community-post-modal__send-comment-button {
  min-height: unset;
  min-width: unset;
  margin-right: 42px;
  padding: 0;
  display: flex;
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 2.4rem;
  align-items: center;
  justify-content: center;
}

.community-input-scroll-container {
  margin: 1.8rem 1rem 1.8rem 4.2rem;
  padding: 0.5rem 0;
  max-height: 46.2rem;
  border-radius: 2.7rem;
  position: relative;
}

.community-input-scroll-container .anna-input_input_area {
  padding: 1.5rem 2.5rem;
  max-height: 45rem;
  width: 96%;
  border-radius: 2.5rem;
  font-size: large;
  overflow-y: auto;
}

.community-input-scroll-container .anna-input_input_area[contentEditable]:empty::before {
  content: attr(data-placeholder);
  color: #79838a;
}

.likes-modal__header {
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1679px) {
  .likes-modal__header {
    padding: 3rem 0;
    font-size: 2rem;
    line-height: 3rem;
  }
}

.likes-modal__body {
  padding: 0 42px;
}

.likes-modal__body li {
  list-style: none;
}

.likes-modal__body > * {
  position: relative;
}

.likes-modal__body > *::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 1px;
  width: 100%;
  background: rgba(31, 49, 60, 0.1);
}

.likes-modal__dummy-text {
  width: 100%;
  position: absolute;
  bottom: 50%;
  text-align: center;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .likes-modal__dummy-text {
    font-size: 18px;
    line-height: 24px;
  }
}

.jsx-error {
  height: 400px;
  width: 500px;
  padding: 100px 50px 50px;
}

.jsx-error > * {
  word-break: break-word;
}

.strengths-final {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.strengths-final__box {
  padding: 84px 42px 42px;
  flex-grow: 1;
}

.strengths-final__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  color: rgba(31, 49, 60, 0.6);
  margin-bottom: 12px;
}

@media screen and (max-width: 1679px) {
  .strengths-final__title {
    font-size: 24px;
    line-height: 30px;
  }
}

.strengths-final__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  margin-bottom: 24px;
}

@media screen and (max-width: 1679px) {
  .strengths-final__sub-title {
    font-size: 24px;
    line-height: 30px;
  }
}

.strengths-final__sub-title_list {
  margin-top: 36px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .strengths-final__sub-title_list {
    font-size: 18px;
    line-height: 24px;
  }
}

.strengths-final__carousel {
  position: relative;
  padding: 30px 24px;
  background-color: #FFFFFF;
  border-radius: 18px;
}

.strengths-final__carousel-dots {
  margin: 30px 0 0;
  list-style: none;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.strengths-final__carousel-dots li {
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
  background: rgba(31, 49, 60, 0.1);
}

.strengths-final__carousel-dots li button {
  visibility: hidden;
}

.strengths-final__carousel-dots li.slick-active {
  background: #1F313C;
}

.strengths-final__carousel-btn {
  position: absolute;
  bottom: 30px;
  background: transparent;
  border: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .strengths-final__carousel-btn {
    font-size: 16px;
    line-height: 19px;
  }
}

.strengths-final__carousel-btn.back {
  left: 24px;
}

.strengths-final__carousel-btn.next {
  right: 24px;
}

.strengths-final__list-box {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3px;
}

.strengths-final__box-sticky {
  background-color: #EFEDEB;
  border-top: 1px solid #D8D8D8;
  position: sticky;
  bottom: 0px;
  margin-top: auto;
  padding: 42px;
}

.strengths-final__button {
  max-width: unset;
  min-height: 72px;
}

.strengths-final.skeleton .strengths-final__carousel {
  min-height: 335px;
}

.strengths-final.skeleton .strengths-final__carousel-btn,
.strengths-final.skeleton .strengths-list__item * {
  opacity: 0;
}

.assessment {
  --mrgn: 4.2rem;
  --footer-height: 16.8rem;
}

@media screen and (max-width: 1679px) {
  .assessment {
    --footer-height: 13.2rem;
  }
}

@media screen and (max-width: 767px) {
  .assessment {
    --footer-height: 0px !important;
  }
}

.assessment a {
  color: #F24C00;
}

.assessment .ov_content {
  padding-top: 10rem;
}

@media (max-width: 1200px) {
  .assessment .ov_content {
    padding-top: 6rem;
  }
}

@media (max-width: 800px) {
  .assessment .ov_content {
    padding-top: 4rem;
  }
}

.assessment--without-progressbar .ov_content {
  padding-top: 10rem;
}

@media (max-width: 1200px) {
  .assessment--without-progressbar .ov_content {
    padding-top: 6rem;
  }
}

@media (max-width: 800px) {
  .assessment--without-progressbar .ov_content {
    padding-top: 4rem;
  }
}

.assessment--without-progressbar .assessment-progressbar {
  visibility: hidden;
}

.assessment .ov_content {
  display: flex;
  flex-direction: column;
}

.assessment .ov_content .modal-controls .ov-modal-button::after,
.assessment .ov_content .modal-controls .ov-modal-button::before {
  height: 0.1rem;
}

@media screen and (max-width: 767px) {
  .assessment .ov_content .modal-controls .ov-modal-button {
    margin-top: -0.8rem;
  }
}

.assessment .ov_content .modal-controls .ov-modal-button,
.assessment .ov_content .modal-controls .page-header__back-button,
.assessment .ov_content .modal-controls .page-header__restart-button {
  top: 4rem !important;
  position: absolute !important;
}

@media (max-width: 1200px) {
  .assessment .ov_content .modal-controls .ov-modal-button,
  .assessment .ov_content .modal-controls .page-header__back-button,
  .assessment .ov_content .modal-controls .page-header__restart-button {
    top: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .assessment .ov_content .modal-controls .ov-modal-button,
  .assessment .ov_content .modal-controls .page-header__back-button,
  .assessment .ov_content .modal-controls .page-header__restart-button {
    top: 1.5rem !important;
  }
}

.assessment .ov_content .modal-controls .page-header__back-button button,
.assessment .ov_content .modal-controls .page-header__restart-button button {
  background: transparent !important;
}

.assessment .ov_content .modal-controls .page-header__restart-button {
  right: 9rem;
}

@media (max-width: 1200px) {
  .assessment .ov_content .modal-controls .page-header__restart-button {
    right: 6rem;
  }
}

@media (max-width: 800px) {
  .assessment .ov_content .modal-controls .page-header__restart-button {
    right: 4rem;
  }
}

.assessment-progressbar {
  margin-bottom: var(--mrgn);
  padding-left: var(--mrgn);
}

@media (max-width: 1200px) {
  .assessment-progressbar {
    margin-bottom: 2rem;
    padding-left: 2rem;
  }
}

@media (max-width: 800px) {
  .assessment-progressbar {
    margin-bottom: 1rem;
    padding-left: 1rem;
  }
}

.assessment-progressbar-body {
  width: 100%;
  height: 1.8rem;
  padding-right: 5rem;
}

@media (max-width: 1200px) {
  .assessment-progressbar-body {
    padding-right: 2rem;
  }
}

@media (max-width: 800px) {
  .assessment-progressbar-body {
    padding-right: 1rem;
  }
}

.assessment-progressbar-body > svg {
  width: 100%;
  height: 100%;
}

.assessment-progressbar-body > svg .track {
  fill: rgba(31, 49, 60, 0.3);
}

.assessment-progressbar-body > svg .track.filled {
  fill: #1F313C;
}

.assessment-progressbar-body > svg .point-circle {
  fill: rgba(31, 49, 60, 0.1);
}

.assessment-progressbar-body > svg .track-progress {
  fill: #1F313C;
}

.assessment-progressbar-body > svg .point.typography__mini-small {
  fill: rgba(31, 49, 60, 0.3);
}

.assessment-progressbar-body > svg .point.typography__mini-small.active {
  fill: #1F313C;
}

.assessment-progressbar-body > svg .check {
  stroke: #1F313C;
}

.assessment-screen {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .assessment-screen {
    overflow-y: auto;
    top: 6rem;
  }
}

.assessment-screen-body-wrapper {
  height: calc(100% - var(--footer-height));
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1200px) {
  .assessment-screen-body-wrapper {
    height: 100%;
    overflow-y: visible;
  }
}

@media (max-width: 800px) {
  .assessment-screen-body-wrapper {
    height: 100%;
    overflow-y: visible;
  }
}

.assessment-screen-body,
.assessment-screen .assessment-intro-body,
.assessment-screen .assessment-result-body,
.assessment-screen .assessment-screen-body {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.assessment-screen-body__title-wrapper {
  margin-bottom: 2.1rem;
  padding-right: var(--mrgn);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .assessment-screen-body__title-wrapper {
    font-size: 24px;
    line-height: 30px;
  }
}

.assessment-screen-body__title-wrapper .title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .assessment-screen-body__title-wrapper .title {
    font-size: 24px;
    line-height: 30px;
  }
}

.assessment-screen-body__title-wrapper .text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .assessment-screen-body__title-wrapper .text {
    font-size: 18px;
    line-height: 24px;
  }
}

.assessment-screen-body__subtitle-wrapper {
  margin-bottom: 2.1rem;
  padding-right: var(--mrgn);
}

.assessment-screen-body__inputs-wrapper .dob-select {
  padding-right: 4.2rem;
}

.assessment-screen-body__inputs-wrapper .textarea {
  width: 90%;
}

.assessment-screen-body__inputs-wrapper .input-view {
  width: 90%;
}

.assessment-screen-body__inputs-wrapper .input-view .field__container {
  width: 100%;
}

.assessment-screen-body__inputs-wrapper .input-view .field__input {
  width: 100%;
  max-width: initial;
}

.assessment-screen-body__inputs-wrapper .pill-media-player,
.assessment-screen-body__inputs-wrapper .video-player {
  margin-right: 4.2rem;
}

@media screen and (max-width: 1679px) {
  .assessment-screen-body__inputs-wrapper .pill-media-player,
  .assessment-screen-body__inputs-wrapper .video-player {
    margin-right: 3.6rem;
  }
}

.assessment-screen-body__content_wrapper {
  padding-left: var(--mrgn);
  width: 100%;
}

.assessment-screen-body__img {
  display: block;
  width: 100%;
  padding-right: 4.2rem;
}

@media screen and (max-width: 1679px) {
  .assessment-screen-body__img {
    padding-right: 3.6rem;
  }
}

.assessment-screen-body__img--centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 4.2rem;
}

@media screen and (max-width: 1679px) {
  .assessment-screen-body__img--centered {
    padding: 0 3.6rem;
  }
}

.assessment-screen-body__validation-error {
  color: #E61E1E;
}

.assessment-screen .assessment-intro-body .assessment-intro-body-wrapper {
  height: calc(100% - var(--footer-height));
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1200px) {
  .assessment-screen .assessment-intro-body .assessment-intro-body-wrapper {
    height: 100%;
  }
}

@media (max-width: 800px) {
  .assessment-screen .assessment-intro-body .assessment-intro-body-wrapper {
    height: 100%;
  }
}

.assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content {
  margin-left: var(--mrgn);
  min-height: calc(100% - var(--footer-height));
}

.assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-content {
  min-height: 75%;
  padding-bottom: 20%;
}

.assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-title {
  margin-bottom: var(--mrgn);
  padding-right: var(--mrgn);
}

.assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-picture {
  margin-bottom: calc(var(--mrgn) / 2);
}

.assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-message {
  margin-bottom: var(--mrgn);
}

.assessment-screen .assessment-result-body .assessment-result-body-wrapper {
  height: calc(100% - var(--footer-height));
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1200px) {
  .assessment-screen .assessment-result-body .assessment-result-body-wrapper {
    height: 100%;
  }
}

@media (max-width: 800px) {
  .assessment-screen .assessment-result-body .assessment-result-body-wrapper {
    height: 100%;
  }
}

.assessment-screen .assessment-result-body .assessment-result-body-wrapper .assessment-result-content {
  padding: 0 var(--mrgn);
  min-height: calc(100% - var(--footer-height));
}

.assessment-screen .assessment-result-body-current-score {
  width: 100%;
  min-height: 94px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background-color: white;
}

.assessment-screen .assessment-result-body-current-score .happy-face {
  margin-right: 0.9rem !important;
}

.assessment-screen .assessment-result-body-current-score .happy-face svg {
  width: 30px;
  height: 30px;
}

.assessment-screen .assessment-result-body-chart-header {
  display: flex;
  justify-content: space-between;
}

.assessment-screen .assessment-result-body-chart-legend {
  height: 66px;
  width: 100%;
  background-color: #E8E5E2;
  display: flex;
  align-items: center;
  padding-left: 20px;
  justify-content: center;
}

.assessment-screen .assessment-result-body-chart-legend.prev-exists {
  justify-content: flex-end;
  padding-left: 77px;
}

.assessment-screen .assessment-result-body-chart-legend-week {
  text-align: center;
  min-width: 202px;
  margin: 0 3px;
}

.assessment-screen .assessment-result-body-chart svg {
  width: 100%;
}

.assessment .button {
  width: 100%;
  max-width: none;
}

.assessment .button:focus-visible,
.assessment .button:focus-within {
  outline-offset: 4px;
  outline: 4px solid var(--color_primary_cta);
}

.assessment .therapeutics-checkbox__input {
  width: 100%;
  height: 100%;
}

.assessment .assessment-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  background: #efedeb;
  border-top: solid 1px #D8D8D8;
  padding: 1.8rem var(--mrgn);
  width: 100%;
}

@media (max-width: 440px) {
  .assessment .assessment-footer {
    height: 28%;
    padding-bottom: 100px;
  }
}

@media (max-width: 1200px) {
  .assessment .assessment-footer {
    position: static;
    margin-top: auto;
    background: transparent;
    border-top: none;
    padding: 2rem;
  }
}

@media (max-width: 800px) {
  .assessment .assessment-footer {
    padding: 1.5rem;
  }
}

.assessment .assessment-footer .confidential-copy {
  color: rgba(31, 49, 60, 0.6);
}

.assessment .assessment-footer .button-next-wrapper {
  width: 100%;
}

.assessment .single-question .assessment-footer {
  height: var(--footer-height);
}

.kabinet-app .assessment {
  --mrgn: 4.2rem;
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment .margin-b-4 {
    margin-bottom: 2.4rem;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment--without-progressbar .ov_content {
    padding-top: 2rem !important;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment .ov_content {
    padding-top: 6.5rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment .ov_content {
    padding-top: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment .ov_sidebar {
    width: 100%;
    max-width: unset;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment .ov_content .modal-controls .ov-modal-button,
  .kabinet-app .assessment .ov_content .modal-controls .page-header__back-button,
  .kabinet-app .assessment .ov_content .modal-controls .page-header__restart-button {
    top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment .ov_content .modal-controls .ov-modal-button,
  .kabinet-app .assessment .ov_content .modal-controls .page-header__back-button,
  .kabinet-app .assessment .ov_content .modal-controls .page-header__restart-button {
    top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment .ov_content .modal-controls .ov-modal-close {
    right: 2rem;
  }

  .kabinet-app .assessment .ov_content .modal-controls .ov-modal-refresh,
  .kabinet-app .assessment .ov_content .modal-controls .page-header__restart-button {
    right: 7rem;
  }

  .kabinet-app .assessment .ov_content .modal-controls .ov-modal-refresh.unclosable {
    right: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment .ov_content .modal-controls {
    margin: 0 auto;
    max-width: 576px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-progressbar {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment-progressbar {
    margin-right: auto;
    margin-left: auto;
    padding-left: 2.1rem;
    max-width: 536px;
    margin-bottom: 1rem;
  }

  .kabinet-app .assessment-progressbar-body {
    padding-right: 1.8rem;
  }
}

@media screen and (max-width: 536px) {
  .kabinet-app .assessment-progressbar {
    padding-left: 1.8rem;
    position: absolute;
    top: 5rem;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen {
    height: calc(100% - var(--mrgn));
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment-screen {
    height: calc(100% - 12rem);
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__title-wrapper {
    font-family: 'GT Walsheim', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 39.24px !important;
    margin-bottom: 2.1rem;
  }
}

@media screen and (max-width: 1679px) and screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__title-wrapper {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__subtitle-wrapper {
    font-family: 'GT Walsheim', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    margin-bottom: 2.1rem;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__inputs-wrapper .multi-obj .therapeutics-checkbox__wrap {
    height: 48px;
  }

  .kabinet-app .assessment-screen-body__inputs-wrapper .multi-obj .therapeutics-checkbox__custom {
    width: 18px;
    height: 18px;
    display: flex;
  }

  .kabinet-app .assessment-screen-body__inputs-wrapper .multi-obj .therapeutics-checkbox__custom svg {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__inputs-wrapper .therapeutics-list-items__radio-wrap {
    height: 48px;
  }

  .kabinet-app .assessment-screen-body__inputs-wrapper .therapeutics-checkbox__title {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) and screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__inputs-wrapper .therapeutics-checkbox__title {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen-body__content_wrapper {
    padding-left: calc(var(--mrgn) - 0.6rem);
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment-screen-body__content_wrapper {
    margin: 0 auto;
    padding-left: 0;
    max-width: 536px;
  }
}

@media screen and (max-width: 536px) {
  .kabinet-app .assessment-screen-body__content_wrapper {
    padding-left: 1.8rem;
    padding-bottom: 20%;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content {
    margin: 0 calc(var(--mrgn) - 0.6rem);
  }
}

.kabinet-app .assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-picture .assessment-intro-svg {
  margin-top: -75px;
  margin-bottom: -70px;
  transform: scale(0.9);
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-picture .assessment-intro-svg {
    transform: unset;
    width: 294px;
    height: 294px;
    margin: 0 auto;
    display: block;
  }
}

.kabinet-app .assessment-screen .assessment-intro-body .assessment-intro-body-wrapper .assessment-intro-content .assessment-intro-body-message {
  margin-bottom: var(--mrgn);
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-result-body .assessment-result-body-wrapper .assessment-result-content {
    padding: 0 calc(var(--mrgn) - 0.6rem);
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-result-body-current-score {
    min-height: 48px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-result-body-chart-legend.prev-exists {
    justify-content: space-around;
    padding-left: 54px;
    margin-bottom: 0;
    height: 43px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-result-body-chart-legend-week {
    min-width: initial;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment-screen .assessment-result-body-chart svg {
    height: 243px;
  }
}

.kabinet-app .assessment .date-picker {
  padding-top: 25px;
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment .assessment-footer .button {
    height: 60px;
  }
}

@media screen and (max-width: 1679px) {
  .kabinet-app .assessment .assessment-footer .confidential-copy {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet-app .assessment .assessment-footer {
    padding: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet-app .assessment .assessment-footer {
    padding: 0.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .modal-controls {
    position: relative;
    margin: 0 auto;
    max-width: 620px;
    padding-top: 6.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .modal-controls {
    padding-top: 3.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .ov_content {
    padding-top: 0;
  }

  .kabinet .assessment .ov_content .modal-controls .ov-modal-button,
  .kabinet .assessment .ov_content .modal-controls .page-header__back-button,
  .kabinet .assessment .ov_content .modal-controls .page-header__restart-button {
    top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .kabinet .assessment .ov_content .ov-modal-button,
  .kabinet .assessment .ov_content .page-header__back-button,
  .kabinet .assessment .ov_content .page-header__restart-button {
    margin-top: -0.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .ov-modal-close {
    right: 0.4rem;
  }
}

@media screen and (max-width: 767px) {
  .kabinet .assessment .ov-modal-close {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .kabinet .assessment .ov-modal-refresh {
    right: 0.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .ov-modal-back {
    left: 1rem;
  }
}

@media screen and (max-width: 1439px) {
  .kabinet .assessment .page-header__restart-button {
    right: 7rem !important;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .page-header__restart-button {
    right: 5.4rem !important;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment .page-header__back-button {
    left: 0 !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .kabinet .assessment-progressbar {
    margin-bottom: 2.4rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment-progressbar {
    max-width: 578px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
  }

  .kabinet .assessment-progressbar-body {
    padding-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .kabinet .assessment-progressbar {
    padding-right: 1.8rem;
  }
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment-screen {
    height: calc(100% - 10rem);
  }
}

.kabinet .assessment-screen-body__content_wrapper {
  margin-bottom: 4.2rem;
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment-screen-body__content_wrapper {
    max-width: 578px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .kabinet .assessment-screen-body__content_wrapper {
    padding-left: 1.8rem;
  }
}

.kabinet .assessment-footer {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}

.kabinet .assessment-footer > * {
  max-width: 578px;
}

@media screen and (max-width: 1023px) {
  .kabinet .assessment-screen-body__title-wrapper {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 2.4rem;
  }

  .kabinet .assessment-screen-body__subtitle-wrapper {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 2.4rem;
  }
}

@media screen and (min-width: 1440px), screen and (max-width: 1023px) {
  .kabinet .assessment-screen-body__title-wrapper {
    font-family: 'GT Walsheim', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 39.24px !important;
  }

  .kabinet .assessment-screen-body__subtitle-wrapper {
    font-family: 'GT Walsheim', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 30px !important;
  }
}

@media screen and (min-width: 1440px) and screen and (max-width: 1679px), screen and (max-width: 1023px) and screen and (max-width: 1679px) {
  .kabinet .assessment-screen-body__title-wrapper {
    font-size: 24px;
    line-height: 30px;
  }
}

.kabinet .assessment .confidential-copy {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .kabinet .assessment .confidential-copy {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
}

.assessment-animation-base {
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  animation-delay: 0.3s;
}

.assessment-in-right {
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  animation-delay: 0.3s;
  animation-name: assessment-in-right;
}

.assessment-in-right-base from {
  opacity: 0;
  transform: translateX(100%);
}

.assessment-in-right-base 1% {
  opacity: 1;
}

.assessment-in-right-base to {
  opacity: 1;
  transform: translateX(0);
}

@keyframes assessment-in-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  1% {
    opacity: 1;
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.assessment-in-left {
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  animation-delay: 0.3s;
  animation-name: assessment-in-left;
}

.assessment-in-left-base from {
  opacity: 0;
  transform: translateX(-100%);
}

.assessment-in-left-base 1% {
  opacity: 1;
}

.assessment-in-left-base to {
  opacity: 1;
  transform: translateX(0);
}

@keyframes assessment-in-left {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }

  1% {
    opacity: 1;
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.assessment-out-left {
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  animation-delay: 0.3s;
  animation-name: assessment-out-left;
}

.assessment-out-left-base from {
  opacity: 1;
  transform: translateX(0);
}

.assessment-out-left-base to {
  opacity: 1;
  transform: translateX(-100%);
}

@keyframes assessment-out-left {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 1;
    transform: translateX(-100%);
  }
}

.assessment-out-right {
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  animation-delay: 0.3s;
  animation-name: assessment-out-right;
}

.assessment-out-right-base from {
  opacity: 1;
  transform: translateX(0);
}

.assessment-out-right-base to {
  opacity: 1;
  transform: translateX(100%);
}

@keyframes assessment-out-right {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 1;
    transform: translateX(100%);
  }
}

.profile-notifications {
  height: 100%;
}

.profile-notifications__content {
  padding-left: 42px;
  padding-right: 42px;
  margin-bottom: 49px;
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 179px);
}

@media screen and (max-width: 1679px) {
  .profile-notifications__content {
    padding-left: 3.6rem;
    padding-right: 3.6rem;
  }
}

.profile-notifications .profile-menu__container {
  min-height: calc(100% - 131px);
  padding: 0;
}

.profile-notifications .profile-menu__tabs {
  padding-left: 42px;
  padding-right: 42px;
  margin-bottom: 49px;
}

.profile-notifications .profile-menu__block {
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.profile-notifications .profile-menu__tabs-content {
  height: 100%;
}

.profile-notifications .tabs-list {
  margin-bottom: 40px;
}

.profile-notifications .notifications-list {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin-left: -42px;
  margin-right: -42px;
  height: auto;
  flex: 1;
}

@media screen and (max-width: 1679px) {
  .profile-notifications .notifications-list {
    margin-left: -3.6rem;
    margin-right: -3.6rem;
  }
}

.profile-notifications .notifications-list .notifications-list__dummy {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 1679px) {
  .profile-notifications .notifications-list .notifications-list__dummy {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-notifications .notifications-list .therapeutics-follower:nth-child(n+2) {
  border-top: 1px solid rgba(31, 49, 60, 0.1);
}

.profile-notifications .notifications-list--activities {
  padding-left: 42px;
  padding-right: 42px;
}

.profile-notifications .notifications-list--activities > *:nth-child(n+2) {
  margin-top: 10px;
}

.profile-notifications .spinner-container {
  position: relative;
  background: transparent;
  margin-top: auto;
  margin-bottom: auto;
}

.therapeutics-activity-notification {
  background-color: #FFFFFF;
  border-radius: 12px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  width: 100%;
  color: #1F313C;
}

@media screen and (max-width: 1679px) {
  .therapeutics-activity-notification {
    font-size: 16px;
    line-height: 19px;
  }
}

.therapeutics-activity-notification__wrap {
  padding: 18px;
  display: flex;
  align-items: center;
  width: 100%;
}

.therapeutics-activity-notification__content {
  margin-left: 18px;
  margin-right: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.therapeutics-activity-notification__action {
  margin-left: auto;
}

.therapeutics-activity-notification__delete_img {
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.therapeutics-tumbler {
  display: flex;
  max-width: 66px;
  min-width: 66px;
  height: 36px;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.therapeutics-tumbler input[type="checkbox"].tumbler {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: #E8E5E2;
  border-radius: 36px;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease 0.1s;
}

.therapeutics-tumbler input[type="checkbox"].tumbler:checked {
  background: #FFFFFF;
}

.therapeutics-tumbler input[type="checkbox"].tumbler:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0;
  outline: none;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M2 2L16 16' stroke='%231F313C' stroke-opacity='0.6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2L2 16' stroke='%231F313C' stroke-opacity='0.6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  top: 3px;
  left: 3px;
  transition: all 0.3s ease 0.1s;
}

.therapeutics-tumbler input[type="checkbox"].tumbler:checked:after {
  background-color: #1F313C;
  left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.9985 3L6.39088 14.9985L3 11.6076' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.therapeutics-tumbler input[type="checkbox"].tumbler:focus-within {
  outline: 4px solid var(--color_primary_cta);
}

.hiw-modal .ov-modal-close {
  right: 26px;
  top: 30px;
}

.hiw-modal .ov-modal-back {
  top: 30px;
  left: 30px;
}

.how-it-works {
  --pdg: 42px;
  height: 100%;
  padding-top: var(--pdg);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.how-it-works__header {
  min-height: 69px;
  flex-shrink: 0;
}

.how-it-works__title {
  text-align: center;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .how-it-works__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.how-it-works__progress {
  height: 2px;
  margin: 43px var(--pdg) 0;
  background-color: rgba(31, 49, 60, 0.3);
}

.how-it-works__progress-fill {
  display: block;
  background-color: #1F313C;
  width: 0;
  height: 100%;
}

.how-it-works__slider {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: margin 0.5s linear;
}

.how-it-works__btn-container {
  width: 100%;
  position: sticky;
  background-color: #FFFFFF;
  bottom: 0;
  padding: var(--pdg);
}

.how-it-works__btn-container.bg-grey {
  background-color: #EFEDEB;
}

@media screen and (max-width: 767px) {
  .how-it-works__btn-container {
    position: static;
  }
}

.how-it-works__next {
  max-width: unset;
}

.how-it-works-slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.how-it-works-slide__top-block {
  padding: 0 var(--pdg);
  position: relative;
}

.how-it-works-slide__top-block-title {
  position: absolute;
  top: 36px;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .how-it-works-slide__top-block-title {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1679px) {
  .how-it-works-slide__top-block-title {
    top: 26px;
  }
}

.how-it-works-slide__bottom-block {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--pdg) var(--pdg) 0;
}

.how-it-works-slide__bottom-block.bg-white {
  background-color: #FFFFFF;
}

.how-it-works-slide__bottom-block-title {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .how-it-works-slide__bottom-block-title {
    font-size: 24px;
    line-height: 30px;
  }
}

.how-it-works-slide__bottom-block-text {
  margin: 24px 0 0;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .how-it-works-slide__bottom-block-text {
    font-size: 18px;
    line-height: 24px;
  }
}

.how-it-works-slide__bottom-block-text.text-gray {
  color: rgba(31, 49, 60, 0.6);
}

.how-it-works-slide__img {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}

@media (max-height: 730px) {
  .how-it-works-slide__img {
    max-width: 300px;
  }
}

@media (max-height: 560px) {
  .how-it-works-slide__img {
    max-width: 150px;
  }
}

.privacy-modal {
  color: #1F313C;
}

.privacy-modal .ov_content--sidebar {
  display: flex;
  flex-direction: column;
}

.privacy-modal__container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 21px 42px 42px;
}

@media screen and (max-width: 1679px) {
  .privacy-modal__container {
    padding-left: 36px;
    padding-right: 36px;
  }
}

.privacy-modal__title {
  padding-top: 50px;
  text-align: center;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .privacy-modal__title {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1679px) {
  .privacy-modal__title {
    padding-top: 28px;
  }
}

.privacy-modal__text {
  margin: 24px 0 0;
  color: rgba(31, 49, 60, 0.6);
  max-width: 339px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .privacy-modal__text {
    font-size: 16px;
    line-height: 19px;
  }
}

.privacy-modal__text-small {
  font-size: 16px;
}

.privacy-modal__list-items {
  margin-top: 36px;
}

.privacy-modal .privacy-button {
  display: flex;
  justify-content: space-between;
  background: #fff;
  height: 124px;
  width: 100%;
  padding: 18px;
  border: none;
  text-align: left;
  margin-bottom: 5px;
  transition: 0.2s;
}

.privacy-modal .privacy-button img {
  width: 32px;
  height: 32px;
}

.privacy-modal .privacy-button__title {
  font-size: 24px;
  line-height: 30px;
  color: #1F313C;
}

.privacy-modal .privacy-button__subtitle {
  font-size: 16px;
  line-height: 24px;
  color: rgba(31, 49, 60, 0.6);
}

.privacy-modal .privacy-button:hover {
  background-color: #F9F9F9;
}

.privacy-modal .privacy-button:active {
  background-color: #F5F5F5;
}

.free-activity .ov_content--sidebar,
.free-activity .ov_sidebar {
  background-color: #FFFFFF;
}

.free-activity .mt-6 {
  margin-top: 60px;
}

@media screen and (max-width: 1679px) {
  .free-activity .mt-6 {
    margin-top: 90px;
  }
}

.free-activity .grow {
  flex-grow: 1;
}

.free-activity__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  color: #1F313C;
  background-color: #FFFFFF;
  padding-top: 72px;
}

.free-activity__body.dark {
  color: #F9F9F9;
}

.free-activity__body.dark .free-activity__img {
  margin-top: 0;
  padding-bottom: 60px;
}

.free-activity__body.dark .free-activity__title span {
  color: rgba(255, 255, 255, 0.5);
}

.free-activity__body.dark .free-activity__text {
  color: #F9F9F9;
}

.free-activity__container {
  padding: 0 42px;
}

.free-activity__container .textarea label {
  margin-top: 60px;
  font-size: 16px;
  line-height: 24px;
}

.free-activity__container .textarea .mtop {
  margin-top: 0px;
}

.free-activity__wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.free-activity__wrapper.dark {
  color: #F9F9F9;
  background: url("/static/img/therapeutics/free_activity/img-bg.svg") no-repeat top;
  background-color: #1F313C;
  background-size: 100% auto;
}

.free-activity__wrapper.dark .free-activity__body {
  color: #F9F9F9;
  background-color: #1F313C;
}

.free-activity__wrapper.dark .free-activity__img {
  margin-top: 0;
  padding-bottom: 60px;
}

.free-activity__wrapper.dark .free-activity__title span {
  color: rgba(255, 255, 255, 0.5);
}

.free-activity__wrapper.dark .free-activity__text {
  color: #F9F9F9;
}

.free-activity__wrapper.dark .free-activity__button-container {
  background-color: #1F313C;
}

.free-activity__wrapper.grey .free-activity__button-container {
  background-color: #EFEDEB;
}

.free-activity__button-container {
  bottom: 0;
  position: sticky;
  width: 100%;
  padding: 42px;
  background-color: #FFFFFF;
}

.free-activity__button-container button {
  max-width: unset;
}

@media screen and (max-width: 767px) {
  .free-activity__button-container {
    position: relative;
    padding: 10px 10px 80px 10px;
  }
}

.free-activity__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .free-activity__title {
    font-size: 24px;
    line-height: 30px;
  }
}

.free-activity__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .free-activity__sub-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.free-activity__img {
  display: block;
  margin: 24px auto 0;
}

.free-activity__text {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-top: 60px;
}

@media screen and (max-width: 1679px) {
  .free-activity__text {
    font-size: 18px;
    line-height: 24px;
  }
}

.free-activity__textarea {
  width: 100%;
  height: 200px;
  margin-top: 60px;
  border: none;
  resize: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .free-activity__textarea {
    font-size: 18px;
    line-height: 24px;
  }
}

.free-activity__gray-block {
  width: 100%;
  flex-grow: 1;
  background-color: #EFEDEB;
  border-top: 6px solid #F24C00;
  padding-top: 48px;
}

.free-activity__list {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}

@media screen and (max-width: 1679px) {
  .free-activity__list {
    margin-top: 30px;
  }
}

.free-activity__list-item {
  border-top: 1px solid rgba(31, 49, 60, 0.1);
  padding: 15px 0;
}

.free-activity__list-item:first-child {
  padding-top: 0;
  border: none;
}

.free-activity__list-item span {
  padding-left: 17px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .free-activity__list-item {
    padding: 10px 0;
  }

  .free-activity__list-item span {
    font-size: 16px;
  }
}

.textarea-view-step .textarea__container {
  position: relative;
  width: 100%;
}

.textarea-view-step .textarea__input {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  transition: box-shadow 0.5s ease;
  color: #1F313C;
  border: none;
  outline: none;
  min-height: 90px;
  width: 100%;
  height: 200px;
  resize: none;
  box-shadow: 0 0 0 1px #fff;
}

@media screen and (max-width: 1679px) {
  .textarea-view-step .textarea__input {
    font-size: 18px;
    line-height: 24px;
  }
}

.textarea-view-step .textarea__input::-webkit-resizer {
  background-image: url(/static/img/therapeutics/textarea_grub_icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
}

.textarea-view-step .textarea__input:focus {
  box-shadow: 0 0 0 1px rgba(31, 49, 60, 0.6);
}

.textarea-view-step .textarea__input:not(.textarea-view-step .textarea__input:-moz-placeholder) ~ .textarea__placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.textarea-view-step .textarea__input:not(.textarea-view-step .textarea__input:placeholder-shown) ~ .textarea__placeholder,
.textarea-view-step .textarea__input:focus ~ .textarea__placeholder {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.textarea-view-step .textarea__input--resize {
  resize: vertical;
}

.textarea-view-step .textarea__label {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #1F313C;
  margin-bottom: 1.8rem;
}

@media screen and (max-width: 1679px) {
  .textarea-view-step .textarea__label {
    font-size: 16px;
    line-height: 19px;
  }
}

.welcome-modal .ov_content--sidebar {
  color: #F9F9F9;
  background: url("/static/img/therapeutics/welcome-modal.svg") no-repeat top;
  background-color: #1F313C;
  background-size: 100% auto;
}

.welcome-modal__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 120px 42px 42px;
  overflow-x: hidden;
}

.welcome-modal__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 52px;
  line-height: 55px;
  padding-bottom: 30px;
  word-break: break-word;
}

.welcome-modal__text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 1679px) {
  .welcome-modal__text {
    font-size: 18px;
    line-height: 24px;
  }
}

.welcome-modal__button {
  flex-shrink: 0;
  max-width: unset;
  margin-top: auto;
}

.push-notification {
  list-style: none;
}

.push-notification__button {
  position: relative;
  padding: 18px 54px 18px 18px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  background: #FFFFFF;
  border-radius: 12px;
  margin-top: 72px;
  margin-bottom: 16px;
  cursor: pointer;
  border: none;
}

.push-notification__close-button {
  position: absolute;
  top: 18px;
  right: 18px;
  background: none;
  border: none;
}

.push-notification__close-button svg {
  width: 14px;
  height: 14px;
}

.push-notification__text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 1679px) {
  .push-notification__text {
    font-size: 16px;
    line-height: 19px;
  }
}

.push-notification__icon {
  margin-right: 18px;
}

.push-notification-skeleton {
  padding: 18px 24px 18px 18px;
  display: flex;
  width: 360px;
  justify-content: space-between;
  align-items: center;
  background: #e8e5e2;
  border-radius: 12px;
}

.push-notification-skeleton__circle {
  margin-right: 17px;
  height: 36px;
  width: 36px;
  background: #d4d3d2;
}

.push-notification-skeleton__title {
  flex-grow: 1;
  height: 24px;
  background: #d4d3d2;
}

.dob-select {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .dob-select .listbox-button {
    padding-left: 0;
    text-align: center;
  }

  .dob-select .listbox-button:after {
    width: 10px;
    height: 10px;
    top: unset;
    right: unset;
    bottom: 10px;
    left: 46%;
  }
}

.dob-select .listbox__container {
  width: 30%;
}

.date-picker {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .date-picker .listbox-button {
    padding-left: 0;
    text-align: center;
  }

  .date-picker .listbox-button:after {
    width: 10px;
    height: 10px;
    top: unset;
    right: unset;
    bottom: 10px;
    left: 46%;
  }
}

.date-picker .listbox__container {
  width: 30%;
}

html[data-wcag-enabled="true"] [aria-selected="false"]:focus {
  outline: none !important;
}

html[data-wcag-enabled="true"] .listbox-option.focused {
  border: 4px solid var(--color_primary_cta) !important;
  outline: none !important;
}

.hamobu-modal .ov_content--sidebar {
  display: flex;
  flex-direction: column;
}

.hamobu-modal .ov-modal-close,
.hamobu-modal .ov-modal-refresh {
  top: 46px;
}

@media screen and (max-width: 767px) {
  .hamobu-modal .ov-modal-close,
  .hamobu-modal .ov-modal-refresh {
    display: none;
  }
}

.hamobu-modal .flex-grow-2 {
  flex-grow: 2;
}

.hamobu-modal .ov-modal-back {
  top: 46px;
  margin-left: -27px;
}

@media screen and (max-width: 767px) {
  .hamobu-modal .ov-modal-back {
    display: none;
  }
}

.hamobu-modal .ov_sidebar {
  overflow-x: hidden;
}

.hamobu-modal .hamobu__backend-error {
  text-align: center;
}

.hamobu-modal .hamobu__screen-wrapper {
  flex-grow: 1;
  display: flex;
  position: relative;
  justify-content: center;
}

.hamobu-modal .hamobu__screen-wrapper .hamobu-screen {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.hamobu-modal .hamobu__screen-wrapper .hamobu-screen__body {
  flex-grow: 1;
}

@media screen and (max-width: 1023px) {
  .hamobu-modal .hamobu__screen-wrapper .hamobu-screen {
    margin-right: auto;
    margin-left: auto;
    max-width: 578px;
  }
}

@media (max-width: 440px) {
  .hamobu-modal .hamobu__screen-wrapper .hamobu-screen {
    min-height: unset;
  }
}

.hamobu-modal .amazon-code-box {
  background: #E8E5E2;
}

.hamobu-cross-signup .hamobu-image_plus > * {
  margin-left: 10px;
  margin-top: 20px;
}

.hamobu-cross-signup .hamobu-product img {
  width: 61px;
  height: 61px;
}

.hamobu-cross-signup .hamobu-subtitle,
.hamobu-cross-signup .hamobu-agreement-container .therapeutics-checkbox__title {
  color: #1F313C;
}

.hamobu-consent-additional .hamobu-screen__body .hamobu-subtitle {
  color: #1F313C;
}

.hamobu-consent-additional .hamobu-screen__footer {
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 25px;
}

.hamobu-consent-additional .reset-button {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

@media screen and (max-width: 1679px) {
  .hamobu-consent-additional .reset-button {
    font-size: 16px;
    line-height: 19px;
  }
}

.hamobu-consent-additional .reset-button:hover {
  color: #1F313C;
}

.hamobu-screen:last-child {
  margin-bottom: 18px;
}

.hamobu-screen__header,
.hamobu-screen__body,
.hamobu-screen__footer {
  box-sizing: border-box;
}

.hamobu-screen .hamobu-row {
  margin-bottom: 12px;
}

.hamobu-screen .hamobu-row:last-child,
.hamobu-screen .hamobu-row:empty {
  margin-bottom: unset;
}

@media (max-width: 440px) {
  .hamobu-screen .hamobu-row {
    margin-bottom: 15px !important;
  }
}

.hamobu-screen__header {
  padding-top: 45px;
}

@media screen and (max-width: 767px) {
  .hamobu-screen__header {
    padding-top: calc(15px + env(safe-area-inset-top));
  }
}

.hamobu-screen__header .hamobu-back-button {
  position: absolute;
  top: 48px;
  left: 24px;
}

.hamobu-screen__body {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .hamobu-screen__body {
    padding-top: 25px;
  }
}

.hamobu-screen__body,
.hamobu-screen__footer {
  padding-left: 24px;
  padding-right: 24px;
}

.hamobu-screen .button-sticky {
  margin: 0 -100px;
  position: sticky;
  background: var(--color_background_light_2);
  bottom: 0;
  padding: 18px 100px calc(36px + env(safe-area-inset-bottom));
}

@media (max-height: 600px) {
  .hamobu-screen .button-sticky {
    position: initial;
  }
}

.hamobu-screen .align-center {
  text-align: center !important;
}

.hamobu-row {
  display: flex;
}

.hamobu-row > * {
  flex-grow: 1;
  margin-right: 10px;
}

.hamobu-row > *:last-child {
  margin-right: unset;
}

.hamobu-row.no-grow > * {
  flex-grow: 0;
}

.hamobu-hr {
  margin-right: -300px !important;
  margin-left: -300px !important;
  height: 1px;
  width: 2000px;
  opacity: 0.2;
}

.hamobu-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hamobu-logo__product {
  height: 56px;
  max-width: 60%;
  -o-object-fit: contain;
  object-fit: contain;
}

.hamobu-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
  text-align: left;
}

@media screen and (max-width: 1679px) {
  .hamobu-title {
    font-size: 24px;
    line-height: 30px;
  }
}

.hamobu-subtitle,
.hamobu-message,
.hamobu-create-account-button,
.hamobu-forgot-password-button {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

@media screen and (max-width: 1679px) {
  .hamobu-subtitle,
  .hamobu-message,
  .hamobu-create-account-button,
  .hamobu-forgot-password-button {
    font-size: 16px;
    line-height: 19px;
  }
}

.hamobu-dynamic-message {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 14px;
  color: #233846;
  border-radius: 10px;
}

.hamobu-dynamic-message a {
  color: var(--color_primary_cta);
  text-decoration: underline !important;
}

.hamobu-dynamic-message b {
  font-weight: 600;
}

.hamobu-back-button {
  flex-grow: 0;
  position: absolute;
  top: 100px;
  left: 24px;
}

.hamobu-button {
  max-width: unset;
}

.hamobu-text-field .field__label {
  color: rgba(31, 49, 60, 0.6);
}

.hamobu-text-field .field__container,
.hamobu-text-field .field__input {
  width: 100%;
  max-width: unset;
}

.hamobu-agreement-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hamobu-agreement-container .therapeutics-checkbox__wrap {
  align-items: center;
}

.hamobu-agreement-container .therapeutics-checkbox__title {
  font-size: 14px;
  line-height: 18px;
  color: var(--color_body_text_dark);
}

.hamobu-agreement-container .therapeutics-checkbox__title a {
  color: var(--color_link_text) !important;
}

.hamobu-agreement-container .therapeutics-checkbox__title a:hover {
  color: var(--color_link_text_hover) !important;
}

.hamobu-dob__label {
  margin-bottom: 12px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .hamobu-dob__label {
    font-size: 16px;
    line-height: 19px;
  }
}

.hamobu-dob .listbox-button {
  font-size: 20px;
}

.hamobu-dob__subtitle {
  margin-top: 12px;
}

.hamobu-select-field .listbox-button {
  max-width: unset;
}

.hamobu-select-field[has-value="false"] .listbox-button {
  color: var(--color_body_text_dark);
}

.hamobu-select-field[has-value="false"] .listbox-option:after {
  content: none;
}

.select-country .listbox-button {
  color: rgba(31, 49, 60, 0.6);
  overflow: hidden;
  padding: 0 25px 0 12px;
}

.select-country .listbox-button.open {
  border-radius: 12px 12px 0 0;
  outline: none !important;
}

.select-country .listbox {
  width: 100%;
  border-bottom-left-radius: var(--button_border_radius);
  border-bottom-right-radius: var(--button_border_radius);
  margin-top: 0 !important;
  overflow-y: scroll;
}

.select-country .listbox::-webkit-scrollbar {
  display: block;
  width: 2px;
}

.select-country .listbox::-webkit-scrollbar-track {
  background: transparent;
}

.select-country .listbox::-webkit-scrollbar-thumb {
  background-color: rgba(31, 49, 60, 0.6);
  border-right: none;
  border-left: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

.select-country .listbox-option {
  border-top: 1px solid #EFEDEB;
}

.select-country .listbox-option.focused {
  outline: none;
  color: rgba(31, 49, 60, 0.6);
}

.hamobu-backend-error {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: red;
}

@media screen and (max-width: 1679px) {
  .hamobu-backend-error {
    font-size: 16px;
    line-height: 19px;
  }
}

.hamobu-slider {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.hamobu-slider__carousel-container {
  flex-grow: 1;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}

.hamobu-slider__image,
.hamobu-slider__lottie {
  aspect-ratio: 1 / 1;
  max-width: 400px;
  overflow: hidden;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1679px) {
  .hamobu-slider__image,
  .hamobu-slider__lottie {
    max-width: 300px;
  }
}

@media screen and (max-width: 1023px) {
  .hamobu-slider__image,
  .hamobu-slider__lottie {
    max-width: 200px;
  }
}

.hamobu-slider__title {
  text-align: center;
  margin-top: 47px;
}

.hamobu-slider__subtitle {
  text-align: center;
  margin-top: 18px;
}

.hamobu-slider .slick-slide {
  display: flex !important;
  justify-content: center;
}

@media screen and (max-height: 900px) {
  .hamobu-slider__image {
    max-width: 300px;
  }
}

@media screen and (max-height: 775px) {
  .hamobu-slider__image {
    max-width: 200px;
  }
}

.hamobu-image > * {
  max-width: min(400px, 100%);
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 1679px) {
  .hamobu-image > * {
    max-width: 300px;
  }
}

@media screen and (max-width: 1023px) {
  .hamobu-image > * {
    max-width: 200px;
  }
}

.hamobu-image > *.hamobu-image__caption {
  text-align: center;
  margin-top: 6px;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .hamobu-image > *.hamobu-image__caption {
    font-size: 16px;
    line-height: 19px;
  }
}

.skill-popup {
  position: absolute;
  min-height: 392px;
  width: 100%;
  max-width: 323px;
  background: #FFFFFF;
  border-radius: 18px;
  filter: drop-shadow(0 12px 24px rgba(31, 49, 60, 0.12));
}

.skill-popup__user-info {
  padding: 21px 24px;
  display: flex;
}

.skill-popup__date {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.skill-popup__user-avatar {
  margin-right: 18px;
  border-radius: 50px;
  height: 100%;
}

.skill-popup__post-image {
  max-width: 323px;
}

.skill-popup__line {
  height: 6px;
}

.skill-popup__user-name {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .skill-popup__user-name {
    font-size: 16px;
    line-height: 19px;
  }
}

.skill-popup__activity-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(31, 49, 60, 0.6);
}

.skill-popup__post-info {
  padding: 18px;
}

.skill-popup__likes-comments {
  margin-bottom: 12px;
  display: flex;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.skill-popup__likes {
  margin-right: 18px;
  display: flex;
  align-items: center;
}

.skill-popup__likes svg {
  margin-right: 11px;
}

.skill-popup__comments {
  display: flex;
  align-items: center;
}

.skill-popup__comments svg {
  margin-right: 11px;
}

.skill-popup::after {
  position: absolute;
  bottom: 40px;
  display: block;
  transform: rotate(45deg);
  left: -10px;
  content: "";
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-left: 15px solid white;
  border-bottom: 15px solid white;
}

.skill-popup--left-side::after {
  right: -10px;
  left: initial;
  transform: rotate(225deg);
}

.zoomed-in.skill-popup {
  min-height: 145px;
  border-radius: 8px;
  width: 150px;
}

.zoomed-in .skill-popup__post-image {
  max-width: 15rem !important;
}

.zoomed-in .skill-popup__user-info {
  padding: 8px;
  display: flex;
}

.zoomed-in .skill-popup__user-avatar {
  margin-right: 8px;
  border-radius: 50%;
  height: 32px;
  width: 32px;
}

.zoomed-in .skill-popup__line {
  height: 0px;
}

.zoomed-in .skill-popup__user-name,
.zoomed-in .skill-popup__activity-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  font-size: 10px;
  width: 10rem;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1679px) {
  .zoomed-in .skill-popup__user-name,
  .zoomed-in .skill-popup__activity-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.zoomed-in .skill-popup__post-info {
  padding: 0px;
}

.zoomed-in .skill-popup__likes-comments {
  margin-bottom: 0px;
  font-size: 8px;
}

.zoomed-in .skill-popup__likes {
  margin-right: 2px;
}

.zoomed-in .skill-popup__likes svg {
  margin-right: 3px;
  height: 12px;
  width: 12px;
}

.zoomed-in .skill-popup__comments svg {
  margin-right: 2px;
  height: 12px;
  width: 12px;
}

.zoomed-in .skill-popup::after {
  bottom: 20px;
  transform: rotate(45deg);
  left: -8px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid white;
  border-bottom: 10px solid white;
}

.zoomed-in .skill-popup--left-side::after {
  right: -8px;
}

.accordion-radio-list .therapeutics-accordion__header {
  height: 72px;
  min-height: 72px;
  border-radius: 0 !important;
}

@media screen and (max-width: 1679px) {
  .accordion-radio-list .therapeutics-accordion__header {
    height: 5.4rem;
    min-height: 5.4rem;
  }
}

.accordion-radio-list .therapeutics-accordion {
  margin-bottom: 6px;
}

.accordion-radio-list .therapeutics-accordion:last-child {
  margin-bottom: unset;
}

.accordion-radio-list .therapeutics-accordion__body {
  border-radius: 0 !important;
  padding: 36px 18px 24px 18px;
  background: #fff;
}

.accordion-radio-list .therapeutics-list-items {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.accordion-radio-list .therapeutics-checkbox__title {
  padding-right: 40px;
}

.accordion-radio-list .therapeutics-checkbox {
  pointer-events: none;
}

.main-content {
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: #efedeb;
}

.top-navigation {
  position: static;
  padding: 3rem 3.6rem;
  display: flex;
  height: 120px;
  width: 100%;
  background: transparent;
  align-items: center;
  backdrop-filter: none;
}

.top-navigation .skip_nav {
  top: -40px;
}

.top-navigation .skip_nav:focus {
  top: 4px;
}

@media screen and (min-width: 1280px) {
  .top-navigation .skip_nav {
    display: none;
  }
}

@media screen and (max-width: 1679px) {
  .top-navigation {
    padding: 0 2.4rem;
    height: 84px;
  }
}

@media screen and (min-width: 1680px) {
  .top-navigation {
    padding: 0 2.4rem;
    height: 84px;
  }
}

@media screen and (max-width: 1279px) {
  .top-navigation {
    max-width: 100%;
  }
}

.top-navigation__title {
  display: inline-block;
  margin-left: 20px;
  font-size: 24px;
  vertical-align: -moz-middle-with-baseline;
}

.top-navigation .back-button {
  display: inline-block;
}

@media screen and (min-width: 1280px) {
  .top-navigation .side-nav__burger-wrapper {
    display: none;
  }
}

.top-navigation .side-nav__burger-wrapper.light .side-nav__burger-happify {
  color: rgba(255, 255, 255, 0.5);
}

.top-navigation .side-nav__burger-wrapper.light .side-nav__burger-kabinet {
  color: #FFFFFF;
}

.top-navigation__right-side {
  display: flex;
}

.top-navigation__left-side {
  position: relative;
}

.top-navigation__center {
  flex-grow: 1;
}

.top-navigation.fixed {
  background: rgba(239, 237, 235, 0.6);
  backdrop-filter: blur(4px);
  top: -135px;
}

.top-navigation.fixed .kabinet-logo path {
  fill: #1F313C;
}

.top-navigation.fixed.visible {
  top: 0;
}

.top-navigation.zoomed-in {
  height: 50px;
}

@media screen and (max-width: 1279px) {
  .parent-container.show-sidenav .top-navigation {
    max-width: calc(100% - 264px);
  }
}

html[data-wcag-enabled="true"] .side-nav__burger-wrapper.light .side-nav__burger-happify,
html[data-wcag-enabled="true"] .side-nav__burger-wrapper.light .side-nav__burger-kabinet {
  color: rgba(31, 49, 60, 0.6);
}

.like-button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: #1F313C;
}

.like-button > svg {
  transition: fill 0.1s;
  fill: transparent;
}

.like-button:hover {
  color: #E54E09;
}

.like-button:hover > svg {
  fill: #E54E09;
}

.like-button:active {
  color: #E04904;
}

.like-button:active > svg {
  fill: #E04904;
}

.like-button--active {
  color: #F24C00;
}

.like-button--active > svg {
  fill: #F24C00;
}

.ov-track-card-button,
.ov-track-card-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
}

.activities-area,
.activities-list {
  padding: 0;
  list-style: none;
}

.active-track-modal__content {
  padding: 3.6rem 4.2rem 4.2rem;
}

@media screen and (max-width: 1679px) {
  .active-track-modal__content {
    padding: 3.6rem;
  }
}

.active-track-modal .progress-component {
  margin: 3.6rem 0;
}

@media screen and (max-width: 1679px) {
  .active-track-modal .progress-component {
    margin: 2.4rem 0;
  }
}

.active-track-modal .therapeutics-pill {
  min-width: initial;
}

.active-track-modal .therapeutics-track-card {
  width: auto;
}

.active-track-modal .therapeutics-track-card__wrap {
  padding-right: 8rem;
}

@media screen and (max-width: 1679px) {
  .active-track-modal .therapeutics-track-card {
    height: 175px;
  }

  .active-track-modal .therapeutics-track-card__wrap {
    padding: 3.6rem 6rem 1.8rem 3.6rem;
  }

  .active-track-modal .therapeutics-track-card .therapeutics-pill {
    font-family: 'GT Walsheim', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 0.6rem 1.2rem;
    height: 3rem;
  }
}

.active-track-modal .therapeutics-track-card::before,
.active-track-modal .therapeutics-track-card__img-container {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.active-track-modal a:focus .therapeutics-track-card__img-container::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 4px solid black;
}

.active-track-modal a:focus .therapeutics-track-card__img-container img {
  border: 6px solid white;
}

.active-track-modal .therapeutics-accordion__header {
  color: #1F313C;
}

.active-track-modal__tabs_container {
  position: relative;
}

.active-track-modal__tabs_container > * {
  position: absolute;
  top: 0;
  width: 100%;
}

.activity-bar-component,
.tab-component {
  margin-bottom: 2rem;
}

.therapeutics-my-skills {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

@media screen and (max-width: 1023px) {
  .therapeutics-my-skills {
    flex-wrap: wrap;
  }
}

.therapeutics-my-skills__avatar {
  margin-right: 44px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-my-skills__avatar {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1023px) {
  .therapeutics-my-skills__avatar {
    margin-bottom: 3rem;
  }
}

.therapeutics-my-skills__skills {
  display: flex;
  flex-direction: column;
  width: 672px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-my-skills__skills {
    align-self: stretch;
  }
}

@media screen and (max-width: 1023px) {
  .therapeutics-my-skills__skills {
    width: initial;
  }
}

.therapeutics-my-skills__skills .therapeutics-my-skills__pills {
  margin-top: 25px;
}

@media screen and (max-width: 1679px) {
  .therapeutics-my-skills__skills .therapeutics-my-skills__pills {
    margin-top: auto;
  }
}

.therapeutics-my-skills__skills-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.therapeutics-my-skills__skills-list .therapeutics-skill-badge {
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .therapeutics-my-skills__skills-list {
    justify-content: initial;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1023px) {
  .therapeutics-my-skills__skills-list > * {
    margin-right: 28px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1679px) {
  .therapeutics-my-skills .therapeutics-avatar,
  .therapeutics-my-skills .therapeutics-avatar__chart {
    height: 220px;
    width: 220px;
  }

  .therapeutics-my-skills .therapeutics-skill-badge__logo {
    height: 54px;
    width: 54px;
  }

  .therapeutics-my-skills .therapeutics-skill-badge__logo img {
    height: 24px;
    width: 24px;
  }
}

.my-skills-skeleton {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.my-skills-skeleton__ava {
  width: 270px;
  height: 270px;
  border: 12px solid #C4C4C4;
  padding: 12px;
  margin-right: 44px;
  border-radius: 50%;
}

@media screen and (max-width: 1679px) {
  .my-skills-skeleton__ava {
    width: 220px;
    height: 220px;
    border: 6px solid #C4C4C4;
  }
}

.my-skills-skeleton__ava-bg {
  width: 100%;
  height: 100%;
  background-color: #C4C4C4;
  border-radius: 50%;
}

.my-skills-skeleton__right-side {
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 1679px) {
  .my-skills-skeleton__right-side {
    justify-content: space-between;
  }
}

.my-skills-skeleton__list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 672px;
}

.my-skills-skeleton__skill {
  display: flex;
  flex-direction: column;
  width: 84px;
  align-items: center;
}

.my-skills-skeleton__skill > * {
  background-color: #C4C4C4;
}

.my-skills-skeleton__skill > *:nth-child(1) {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

@media screen and (max-width: 1679px) {
  .my-skills-skeleton__skill > *:nth-child(1) {
    width: 54px;
    height: 54px;
  }
}

.my-skills-skeleton__skill > *:nth-child(2) {
  width: 100%;
  height: 24px;
  margin-top: 10px;
}

.my-skills-skeleton__skill > *:nth-child(3) {
  width: 60px;
  height: 24px;
  margin-top: 10px;
  border-radius: 30px;
}

.my-skills-skeleton__button {
  width: 116px;
  height: 36px;
  margin-top: 34px;
  border-radius: 40px;
  background-color: #C4C4C4;
}

.activities-by-skill__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6px;
}

@media (max-width: 1399px) {
  .activities-by-skill__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1279px) {
  .activities-by-skill__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1023px) {
  .activities-by-skill__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .activities-by-skill__wrapper {
    grid-template-columns: 1fr;
  }
}

.activities-by-skill-card {
  padding: 2.4rem;
}

.activities-by-skill-card__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .activities-by-skill-card__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.activities-by-skill-card__subtitle {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(31, 49, 60, 0.6);
}

@media screen and (max-width: 1679px) {
  .activities-by-skill-card__subtitle {
    font-size: 16px;
    line-height: 19px;
  }
}

.activities-by-skill-card__icon {
  height: 3.6rem;
  width: 3.6rem;
}

.activities-by-skill-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4.2rem 4.2rem 3.6rem;
  background: #fff;
}

.activities-by-skill-list__body {
  flex-grow: 1;
  overflow: auto;
  padding: 4.2rem 0 4.2rem 4.2rem;
}

.activities-by-skill-list__body > * {
  margin-bottom: 4px;
}

.activities-by-skill-list__icon {
  height: 3.6rem;
  width: 3.6rem;
  margin-right: 2.4rem;
}

.activities-by-skill-list__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .activities-by-skill-list__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.activities-by-skill-list__color-line {
  height: 6px;
  flex-shrink: 0;
}

.activities-by-skill-list .ov-modal-close {
  position: static;
}

.activities-by-skill-list .ov_content {
  display: flex;
  flex-direction: column;
}

.track-recommender-modal {
  --max-desktop-width: 49.4rem;
  --max-width: var(--max-desktop-width);
  padding: 4rem;
  display: grid;
  gap: 4rem;
}

@media screen and (max-width: 1679px) {
  .track-recommender-modal {
    --max-width: 33rem;
  }
}

.track-recommender-modal__head {
  display: grid;
  gap: 2rem;
}

.track-recommender-modal__logo svg {
  width: 18rem;
  height: 4rem;
}

.track-recommender-modal__logo svg path {
  fill: rgba(31, 49, 60, 0.6);
}

.track-recommender-modal__title {
  color: #1F313C;
  margin-bottom: 2rem !important;
}

.track-recommender-modal__sub-title {
  color: rgba(31, 49, 60, 0.6);
}

.track-recommender-modal__big-track .therapeutics-track-card {
  max-width: var(--max-width);
  min-height: 294px;
}

.track-recommender-modal__big-track .therapeutics-track-card__wrap {
  height: 100%;
  flex-direction: row;
  align-items: flex-end;
}

.track-recommender-modal__big-track .therapeutics-track-card__actions {
  justify-content: flex-end;
}

.track-recommender-modal__small-tracks {
  display: flex;
  max-width: var(--max-width);
}

.track-recommender-modal__small-tracks .therapeutics-track-card {
  max-width: calc(var(--max-desktop-width) / 2);
  height: initial;
  min-height: 145px;
}

.track-recommender-modal__small-tracks .therapeutics-track-card__wrap {
  padding: 18px;
}

.track-recommender-modal__small-tracks .therapeutics-track-card__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

[lang="es"] .track-recommender-modal__big-track .therapeutics-track-card__wrap {
  flex-direction: column;
}

.compass {
  display: grid;
  height: 100%;
  position: relative;
  grid-template-rows: max-content 1fr max-content;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .compass {
    font-size: 16px;
    line-height: 19px;
  }
}

.compass .anna-ok-btn {
  align-self: end;
  justify-self: end;
}

.compass .anna-typing_container {
  margin: 0;
}

.compass-post-image {
  display: grid;
  gap: 1.8rem;
}

.compass-post-image__upload,
.compass-post-image__pick {
  min-height: 7rem;
  border: none;
}

.compass-post-image__upload {
  background: #F24C00;
  color: #FFFFFF;
}

.compass-post-image__pick {
  background: #FFFFFF;
}

.compass-smile-input .alar-base-check-label {
  justify-content: space-around;
  position: relative;
}

.compass-smile-input .smile_image_mask {
  background-color: white;
  width: 34px;
  height: 34px;
  position: absolute;
  margin-left: 26px;
  left: 0;
  display: none;
}

.compass-smile-input .alar-base-check-input:checked + .alar-base-check-label .smile_image_mask {
  display: block;
}

.compass-input {
  height: 100%;
  width: 100%;
  border-radius: 27px;
  border: 1px solid rgba(31, 49, 60, 0.6);
  padding: 1rem;
}

.compass-textarea {
  resize: none;
  width: 100%;
  height: 54px;
  padding: 18px 0 0 18px;
  border: none;
  border-radius: 27px;
}

.compass-video video {
  width: 100%;
}

.compass-chat {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.compass-chat-wrapper {
  padding: 2rem;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
}

.compass-error-wrapper:not(:empty) {
  position: absolute;
  background: #E61E1E;
  color: #FFFFFF;
  padding: 1rem;
  top: -50px;
}

.compass-form {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr min-content;
  width: 100%;
  gap: 1rem;
}

.compass-form .inputs {
  display: grid;
  grid-auto-flow: column;
  gap: 12px;
}

.compass-radio-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  width: 100%;
}

.compass-input-wrapper:not(:empty) {
  padding: 18px;
  background-color: #E8E5E2;
}

.compass-save {
  background: #1F313C;
  color: #FFFFFF;
  padding: 18px;
  border-radius: 100px;
  border: none;
}

.compass-do-not-save {
  padding: 18px;
  background: #E8E5E2;
  border-radius: 100px;
  border: none;
}

.compass-continue {
  color: rgba(31, 49, 60, 0.6);
  text-decoration: underline;
  border: none;
  background: none;
}

.compass-message {
  display: flex;
}

.compass-message__text-error {
  color: #E61E1E;
}

.compass-message--right {
  justify-content: flex-end;
}

.compass-message--right .compass-message__text {
  background-color: #1F313C;
  color: #FFFFFF;
}

.compass-message--right .smile_image_mask {
  background-color: white;
  width: 34px;
  height: 34px;
  position: absolute;
  margin-left: 18px;
  left: 0;
}

.compass-message .compass-message__text .anna-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.compass-message .compass-message__text .anna-image-container img {
  max-width: unset;
  width: 100%;
  margin-bottom: 16px;
}

.compass-message .compass-message__text .anna-image-container:fullscreen {
  align-items: center;
}

.compass-message .compass-message__text .anna-image-container:fullscreen::backdrop {
  background-color: #1F313CF2;
}

.compass-message .compass-message__text .anna-image-container:fullscreen .close-fullscreen {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}

.compass-message .compass-message__text .anna-image-container:fullscreen .close-fullscreen:hover {
  opacity: 1;
}

.compass-message .compass-message__text .anna-image-container:fullscreen .close-fullscreen:before,
.compass-message .compass-message__text .anna-image-container:fullscreen .close-fullscreen:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #E8E5E2;
}

.compass-message .compass-message__text .anna-image-container:fullscreen .close-fullscreen:before {
  transform: rotate(45deg);
}

.compass-message .compass-message__text .anna-image-container:fullscreen .close-fullscreen:after {
  transform: rotate(-45deg);
}

.compass-message .compass-message__text .anna-image-container:fullscreen .img-text-wrapper {
  display: flex;
  flex-direction: column;
}

.compass-message .compass-message__text .anna-image-container:fullscreen .img-text-wrapper span {
  color: white;
}

.compass-message.post-preview .compass-message__text {
  width: 100%;
}

.compass-message__text {
  background-color: #FFFFFF;
  padding: 18px;
  border-radius: 18px;
  word-break: break-word;
  position: relative;
}

.compass-message__text img {
  max-width: 200px;
}

.compass-message__text a {
  color: #F24C00;
}

.compass-message__text a:hover {
  color: #E54E09;
}

.compass-message .compass-post-preview {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
}

.compass-message .compass-post-preview__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}

.compass-message .compass-post-preview__header .user-info {
  display: flex;
  align-items: center;
}

.compass-message .compass-post-preview__header .user-info img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.compass-message .compass-post-preview__header .smile {
  display: flex;
  align-items: center;
}

.compass-message .compass-post-preview__header .smile .smile_image_mask {
  display: none;
}

.compass-message .compass-post-preview__header .smile .smile_image_src {
  display: block;
  width: 22px;
  height: 22px;
  -webkit-mask-size: calc(22px - 2px) !important;
  mask-size: calc(22px - 2px) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: 50% !important;
  mask-position: 50% !important;
}

.compass-message .compass-post-preview__header .smile span {
  margin-left: 13px;
}

.compass-message .compass-post-preview__body {
  display: flex;
  flex-direction: column;
}

.compass-message .compass-post-preview__body .image {
  flex: 50%;
  width: 100%;
  margin-bottom: 18px;
}

.compass-message .compass-post-preview__body .image img {
  min-width: 100%;
}

.compass-message .compass-post-preview__body .text {
  display: flex;
  justify-content: space-between;
  flex: 50%;
  width: 100%;
}

.compass-message .compass-post-preview__body .text .saved-data {
  display: flex;
  flex-direction: column;
}

.compass-message .compass-post-preview__body .text .saved-data__question {
  font-weight: bold;
}

.compass-message .compass-post-preview__body .text .time-stamp {
  display: none;
}

.compass-finish-button {
  background: #FFFFFF;
  border-radius: 3rem;
  border: none;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.compass-close-button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.compass-close-dialog {
  background: none;
  border: none;
}

.compass-close-dialog,
.compass-dialog-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.compass-dialog-buttons {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  padding: 35px 15px;
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  border-radius: 18px;
}

.compass-dialog-overlay {
  background: #c4c4c4;
  opacity: 0.7;
  z-index: 100;
}

.compass .dropdown {
  display: block;
  cursor: pointer;
}

.compass .dropdown::before {
  position: absolute;
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  border: solid #1F313C;
  border-width: 0 1px 1px 0;
  top: 50%;
  right: 16px;
  transform: rotate(45deg) translate(-50%, -50%);
}

.compass .dropdown.open::before {
  transform: rotate(-135deg);
}

.compass .dropdown .combo-input {
  display: flex;
  align-items: center;
  min-height: 66px;
  background: #FFFFFF;
  padding: 18px;
}

.compass .dropdown .combo-menu {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 450px;
  z-index: 1000;
  position: absolute;
  bottom: 7rem;
  background: #FFFFFF;
  box-shadow: 0 6px 24px rgba(31, 49, 60, 0.08);
}

.compass .dropdown .combo-option {
  min-height: 54px;
  display: grid;
  align-content: center;
  padding: 20px 64px 20px 20px;
  cursor: pointer;
  position: relative;
}

.compass .dropdown .combo-option:hover {
  background: rgba(31, 49, 60, 0.1);
}

.compass .dropdown .combo-option.option-current::after {
  position: absolute;
  width: 8px;
  height: 20px;
  background: transparent;
  display: block;
  content: '';
  right: 20px;
  top: 50%;
  border: solid #1F313C;
  border-width: 0 1px 1px 0;
  border-radius: 0 1px 2px 1px;
  transform: rotate(35deg) translate(-50%, -50%);
}

.compass .open .combo-menu {
  display: block;
}

.compass .image-picker {
  list-style: none;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  background: white;
  padding: 1rem;
}

.alar-base-check__custom {
  display: grid;
}

.alar-base-check__custom label,
.alar-base-check__custom input {
  grid-column-start: 1;
  grid-row-start: 1;
}

.alar-base-check__custom label {
  background: #FFFFFF;
  border-radius: 3rem;
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
}

.alar-base-check__custom input:checked ~ label {
  background: #1F313C;
  color: #FFFFFF;
}

.levelup-alert-header__image {
  margin: 0 5px;
}

html[data-wcag-enabled="true"] [target="_blank"]:hover .info-hint_wrapper,
html[data-wcag-enabled="true"] [target="_blank"]:focus .info-hint_wrapper {
  visibility: visible;
}

.info-hint_wrapper {
  visibility: hidden;
  position: absolute;
  left: 0;
}

.info-hint_wrapper .info-hint {
  z-index: 100;
  position: absolute;
  display: block;
  min-width: 215px;
  top: 10px;
  padding: 10px 20px;
  color: #000000;
  background-color: #ffffff !important;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #000000 !important;
  font-size: 16px;
}

.info-hint_wrapper .info-hint .corner {
  top: -19px;
  position: absolute;
  border: 10px solid transparent;
  border-bottom: 10px solid #ffffff !important;
}

.info-hint_wrapper .info-hint .corner-bottom {
  top: 42px;
  border: 10px solid transparent;
  border-top: 10px solid #ffffff !important;
  border-bottom: 10px solid transparent !important;
}

@media screen and (min-width: 1680px) {
  .media-warning .base-alert {
    width: 440px;
  }
}

.media-warning .base-alert__header-title .cms-text span.header-icon {
  width: 72px;
  height: 72px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-warning .base-alert__header-title .cms-text span.header-icon img {
  width: 32px;
}

.media-warning .base-alert__body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.media-warning .base-alert__buttons {
  flex-direction: column;
}

.media-warning .base-alert__accept-button {
  margin-bottom: 15px;
}

.service-card {
  cursor: pointer;
  min-height: 165px;
  box-sizing: border-box;
}

.service-card__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.service-card__img-box {
  background-color: #FFFFFF;
}

.service-card__img-box img {
  width: 165px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.service-card__title {
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.service-card__description {
  color: rgba(31, 49, 60, 0.6);
  margin-top: 6px;
  word-break: break-word;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.service-card__description .cms-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.service-card__content-container {
  flex-grow: 1;
  height: 100%;
  padding: 18px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.service-card__content-container .therapeutics-pill-view {
  margin-top: auto;
  padding-top: 18px;
}

.service-card__content-container .therapeutics-pill {
  max-width: 100%;
}

.service-card__content-container .therapeutics-pill__text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.service-card .base-alert__buttons {
  display: block;
  width: 100%;
}

.service-card .base-alert__buttons .therapeutics-pill-view,
.service-card .base-alert__buttons .therapeutics-pill,
.service-card .base-alert__buttons {
  width: 100%;
}

.service-card .base-alert__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .service-card .base-alert__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.service-card .base-alert__body {
  max-height: 100vh;
}

.service-card .base-alert__sub-title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(31, 49, 60, 0.6);
  word-break: break-word;
  max-height: 40vh;
  overflow: auto;
}

@media screen and (max-width: 1679px) {
  .service-card .base-alert__sub-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.service-card .base-alert__text {
  padding: 0 9px;
  width: 100%;
}

.service-card .base-alert__text .cms-text {
  display: none;
}

.service-card .therapeutics-checkbox__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #1F313C;
}

.service-card .base-alert__accept-button .therapeutics-pill {
  background-color: #F24C00;
  color: #FFFFFF;
}

.service-card .base-alert__cancel-button .therapeutics-pill {
  background-color: #fff;
}

.service-card .therapeutics-checkbox {
  margin-top: 9px;
  width: 100%;
}

.service-card .therapeutics-checkbox__wrap {
  align-items: center;
}

.service-card .therapeutics-checkbox input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__custom svg {
  transform: translate(0px, -5px);
}

@media screen and (max-width: 1679px) {
  .service-card .therapeutics-checkbox input[type="checkbox"]:checked + .therapeutics-checkbox__wrap .therapeutics-checkbox__custom svg {
    transform: translate(0px, -2px);
  }
}

.service-card .therapeutics-checkbox__title {
  text-align: left;
}

@media screen and (max-width: 1679px) {
  .service-card .therapeutics-checkbox__title {
    line-height: 24px;
  }
}

.service-card a {
  color: #1F313C;
}

.service-card-skeleton__img {
  background-color: rgba(31, 49, 60, 0.16);
}

.service-card-skeleton__title {
  background-color: rgba(31, 49, 60, 0.16);
  width: 30%;
  height: 24px;
}

.service-card-skeleton__description {
  background-color: rgba(31, 49, 60, 0.16);
  width: 90%;
  height: 36px;
}

.service-card-skeleton__pill {
  background-color: rgba(31, 49, 60, 0.16);
  width: 30%;
  height: 24px;
  border-radius: 30px;
  margin-top: auto;
}

.policy-collapse-block {
  width: calc(100% + 7.2rem);
  margin-left: -3.6rem;
  background: #F5F5F5;
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .policy-collapse-block {
    width: calc(100% + 3.6rem);
    margin-left: -1.8rem;
  }
}

.policy-collapse-block__title-wrapper {
  width: 100%;
  padding: 1.5rem 3.6rem 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #E8E5E2;
  border-bottom: 1px solid #E8E5E2;
}

@media screen and (max-width: 1023px) {
  .policy-collapse-block__title-wrapper {
    padding: 1.5rem 1.8rem 1.4rem;
  }
}

.policy-collapse-block__title-wrapper[aria-expanded=false] .policy-collapse-block__icon {
  transform: rotate(180deg);
}

.policy-collapse-block__content {
  padding: 1.6rem 3.6rem 3.2rem;
  word-break: break-word;
  border-top: 1px solid #E8E5E2;
  border-bottom: 1px solid #E8E5E2;
}

.policy-collapse-block__content a {
  text-decoration: none;
  color: #F24C00;
}

.policy-collapse-block__content a:hover {
  color: #E54E09;
}

@media screen and (max-width: 1023px) {
  .policy-collapse-block__content {
    padding: 1.6rem 1.8rem 3.2rem;
  }
}

.policy-collapse-block__checkbox {
  margin-top: 3.2rem;
}

.policy-collapse-block__version {
  margin-bottom: 1.8rem;
}

html[data-wcag-enabled=true] .policy-collapse-block a {
  color: #bf4000;
  text-decoration: underline;
}

html[data-wcag-enabled=true] .policy-collapse-block a:hover {
  color: #930;
}

.policy-update-modal .ov_content {
  border-radius: 18px;
  background: #fff;
}

@media screen and (max-width: 1023px) {
  .policy-update-modal .ov_content {
    border-radius: 9px;
  }
}

@media screen and (max-width: 767px) {
  .policy-update-modal .ov_content {
    border-radius: 0;
  }
}

.policy-update-modal__description-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0px;
  gap: 16px;
  width: auto;
  background: rgba(245, 245, 245, 0.38);
  border-radius: 11px;
  flex: none;
  order: 0;
  flex-grow: 0;
  color: rgba(31, 49, 60, 0.6);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  box-sizing: content-box;
  padding: 10px 19px;
  margin-bottom: 24px;
}

.policy-update-modal__description-wrapper a {
  text-decoration: none;
  color: #1f313c;
}

.policy-update-modal__content {
  border-radius: 18px;
  padding: 3.2rem 3.6rem;
  width: 800px;
  max-height: 90vh;
  overflow: auto;
}

@media screen and (max-width: 1023px) {
  .policy-update-modal__content {
    padding: 3.2rem 1.8rem;
  }
}

@media screen and (max-width: 800px) {
  .policy-update-modal__content {
    border-radius: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
  }
}

.policy-update-modal__checkboxes-wrapper {
  text-align: left;
  margin-bottom: 32px;
}

.policy-update-modal__checkboxes-wrapper > * {
  margin-bottom: 16px;
  display: block;
}

.policy-update-modal__checkboxes-wrapper > *:last-child {
  margin-bottom: 0;
}

.policy-update-modal__pill {
  text-align: center;
}

.policy-update-modal .spinner-container {
  z-index: 99999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

.strengths-card {
  background: #FFFFFF;
}

.strengths-card__row {
  display: flex;
}

.strengths-card__left {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.strengths-card__right {
  flex-grow: 1;
  padding-right: 2px;
}

.strengths-card__right img {
  margin-left: auto;
  width: 70%;
}

.strengths-card__num {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .strengths-card__num {
    font-size: 18px;
    line-height: 24px;
  }
}

.strengths-card__title {
  margin-left: 0;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .strengths-card__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.strengths-card__footer {
  margin-top: 28px;
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .strengths-card__footer {
    font-size: 16px;
    line-height: 19px;
  }
}

.strengths-card_skeleton .strengths-card__right {
  background: #DBDBDA;
  min-height: 100px;
}

.strengths-card_skeleton .strengths-card__footer > * {
  height: 18px;
  background: #DBDBDA;
}

.strengths-card_skeleton .strengths-card__footer > *:nth-child(1) {
  width: 90%;
}

.strengths-card_skeleton .strengths-card__footer > *:nth-child(2) {
  width: 95%;
}

.strengths-card_skeleton .strengths-card__footer > *:nth-child(3) {
  width: 60%;
}

.popup-strengths {
  padding: 18px;
  width: 372px;
}

.popup-strengths__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
}

@media screen and (max-width: 1679px) {
  .popup-strengths__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.popup-strengths__description {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .popup-strengths__description {
    font-size: 16px;
    line-height: 19px;
  }
}

.launch-cs-assessment {
  width: 100%;
  max-width: 518px;
  height: 216px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  padding: 24px 18px;
  display: flex;
}

.launch-cs-assessment__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 296px;
  height: 100%;
}

.launch-cs-assessment__img {
  flex-grow: 1;
  width: 180px;
  height: 180px;
}

.launch-cs-assessment__text {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .launch-cs-assessment__text {
    font-size: 18px;
    line-height: 24px;
  }
}

.top-strengths__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}

.top-strengths__item {
  display: flex;
  align-items: center;
}

.top-strengths__item-name {
  max-width: 180px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .top-strengths__item-name {
    font-size: 16px;
    line-height: 19px;
  }
}

.top-strengths__item-img-box {
  margin-right: 18px;
  position: relative;
}

.top-strengths__item-badge {
  display: grid;
  place-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background-color: #FFFFFF;
  color: #1F313C;
  border-radius: 50%;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}

.cs-pre-assessment__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.cs-pre-assessment__body {
  padding: 120px 0 0;
  flex-grow: 1;
  display: flex;
  transition: all 0.5s;
}

.cs-pre-assessment__slide {
  flex-shrink: 0;
  width: 100%;
  padding: 0 42px;
}

.cs-pre-assessment__title {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .cs-pre-assessment__title {
    font-size: 24px;
    line-height: 30px;
  }
}

.cs-pre-assessment__text {
  margin-top: 12px;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .cs-pre-assessment__text {
    font-size: 18px;
    line-height: 24px;
  }
}

.cs-pre-assessment__pale-text {
  margin-top: 30px;
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .cs-pre-assessment__pale-text {
    font-size: 18px;
    line-height: 24px;
  }
}

.cs-pre-assessment__icons-box {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding-bottom: 30px;
}

.cs-pre-assessment__sticky-footer {
  position: sticky;
  bottom: 0;
  background-color: #EFEDEB;
  border-top: 1px solid #D8D8D8;
  padding: 42px 42px 0;
}

.cs-pre-assessment__sticky-footer > * {
  margin-bottom: 18px;
}

.cs-pre-assessment__logo {
  display: flex;
  justify-content: center;
}

.cs-pre-assessment__logo span {
  margin-right: 6px;
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.cs-pre-assessment__logo img {
  width: 32px;
  -o-object-fit: contain;
  object-fit: contain;
}

.cs-pre-assessment__btn {
  max-width: unset;
}

.strengths-list .therapeutics-list-items__button-item {
  padding: 0;
}

.strengths-list__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3px;
}

.strengths-list__list > *:first-child .strengths-list__item-bg {
  background: linear-gradient(100.54deg, #F24C00 -139.64%, #FFFFFF 115.02%);
}

.strengths-list__item {
  width: 100%;
  height: 72px;
  background: #E8E5E2;
  position: relative;
}

.strengths-list__item-body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}

.strengths-list__item-body > * {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .strengths-list__item-body > * {
    font-size: 16px;
    line-height: 19px;
  }
}

.strengths-list__item-bg {
  background: #FFFFFF;
  height: 100%;
}

.strengths-list__item-img {
  display: block;
  width: 24px;
  height: 24px;
}

.strengths-list__item-title {
  display: flex;
  align-items: center;
}

.strengths-list__item-title > img {
  margin-right: 18px;
}

.profile-manage-block {
  position: absolute;
  right: 0;
  visibility: hidden;
}

@media (max-width: 500px) {
  .profile-manage-block {
    right: -15rem;
  }
}

.profile-manage-block__content {
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  background: #FFFFFF;
  padding: 24px;
  box-shadow: 0px 6px 24px rgba(31, 49, 60, 0.08);
  border-radius: 18px;
  width: 277px;
}

.profile-manage-block .therapeutics-pill {
  width: 100%;
}

.profile-manage-block .therapeutics-pill-view {
  width: 100%;
}

.profile-manage-block .therapeutics-pill-view:not(:last-child) {
  margin-bottom: 12px;
}

.profile-manage-block.visible {
  visibility: visible;
  z-index: 1;
}

.ov_sidebar .profile-manage-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ov_sidebar .profile-manage-block__ov-background {
  background-color: rgba(31, 49, 60, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.ov_sidebar .profile-manage-block__content {
  margin-top: 30%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  background: #FFFFFF;
  padding: 24px;
  box-shadow: 0px 6px 24px rgba(31, 49, 60, 0.08);
  border-radius: 18px;
  width: 277px;
}

.profile-manage {
  position: relative;
  margin-right: 18px;
}

.profile-block-list {
  height: 100%;
}

.profile-block-list__content {
  margin-bottom: 49px;
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 179px);
}

.profile-block-list__content .blocked-users-list__dummy {
  margin-top: auto;
  margin-bottom: auto;
  list-style-type: none;
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

@media screen and (max-width: 1679px) {
  .profile-block-list__content .blocked-users-list__dummy {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-block-list__content .blocked-users-list ul {
  margin: 0;
  padding: 0;
}

.profile-block-list__content .blocked-users-list ul li {
  list-style: none;
}

.profile-block-list__content .blocked-users-list .therapeutics-follower {
  padding-left: 42px;
  padding-right: 42px;
}

@media screen and (max-width: 1679px) {
  .profile-block-list__content .blocked-users-list .therapeutics-follower {
    padding-left: 3.6rem;
    padding-right: 3.6rem;
  }
}

.profile-block-list__content .blocked-users-list .therapeutics-follower:not(:last-child) {
  border-bottom: solid 1px rgba(31, 49, 60, 0.1);
}

.profile-block-list .profile-menu__container {
  min-height: calc(100% - 131px);
  padding: 0;
}

.profile-block-list .profile-menu__tabs {
  padding-left: 42px;
  padding-right: 42px;
  margin-bottom: 49px;
}

.profile-block-list .profile-menu__block {
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.profile-block-list .profile-menu__tabs-content {
  height: 100%;
}

.profile-block-list .tabs-list {
  margin-bottom: 40px;
}

.profile-block-list .notifications-list {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin-left: -42px;
  margin-right: -42px;
  height: auto;
  flex: 1;
}

@media screen and (max-width: 1679px) {
  .profile-block-list .notifications-list {
    margin-left: -3.6rem;
    margin-right: -3.6rem;
  }
}

.profile-block-list .notifications-list .notifications-list__dummy {
  color: rgba(31, 49, 60, 0.6);
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 1679px) {
  .profile-block-list .notifications-list .notifications-list__dummy {
    font-size: 18px;
    line-height: 24px;
  }
}

.profile-block-list .notifications-list .therapeutics-follower:nth-child(n+2) {
  border-top: 1px solid rgba(31, 49, 60, 0.1);
}

.profile-block-list .notifications-list--activities {
  padding-left: 42px;
  padding-right: 42px;
}

.profile-block-list .notifications-list--activities > *:nth-child(n+2) {
  margin-top: 10px;
}

.profile-block-list .spinner-container {
  position: relative;
  background: transparent;
  margin-top: auto;
  margin-bottom: auto;
}

html[data-wcag-enabled="true"] .profile-notifications .notifications-list .notifications-list__dummy,
html[data-wcag-enabled="true"] .profile-block-list__content .blocked-users-list__dummy {
  color: var(--wcag_contrast_text_color);
}

.coach-page__container {
  margin-top: 120px;
}

@media screen and (max-width: 1679px) {
  .coach-page__container {
    margin-top: 84px;
  }
}

.coach-page__body {
  display: block;
  width: 100%;
}

.coach-page__body iframe {
  display: block;
  width: 100%;
}

.select-language {
  padding-top: 0.5rem;
}

.select-language .listbox-button {
  max-width: unset;
  padding-left: 55px;
  padding-top: 5px;
}

.select-language .listbox-button .language-flag {
  top: unset;
  bottom: 14px;
  left: 14px;
}

.select-language .listbox {
  width: 100%;
  min-width: 200px;
}

.select-language .listbox .language-flag {
  left: 14px;
}

.select-language .listbox-option {
  cursor: pointer;
  padding-left: 50px;
}

.select-language .language-flag {
  position: absolute;
  top: 12px;
  left: 0;
  width: 32px;
  height: 32px;
  background: url("/static/img/therapeutics/profile/flags.png");
  background-size: 1006px 34px;
}

.select-language .language-flag.en_US {
  background-position: -384px -2px;
}

.select-language .language-flag.es_US {
  background-position: -511px -2px;
}

.select-language .language-flag.es_ES {
  background-position: -131px -2px;
}

.select-language .language-flag.fr_FR {
  background-position: -804px -2px;
}

.select-language .language-flag.ja_JP {
  background-position: -888px -2px;
}

.select-language .language-flag.pt_BR {
  background-position: -678px -2px;
}

.select-language .language-flag.it_IT {
  background-position: -48px -2px;
}

.select-language .language-flag.zh_CN {
  background-position: -636px -2px;
}

.select-language .language-flag.de_DE {
  background-position: -342px -2px;
}

.select-language .language-flag.fr_CA {
  background-position: -6px -3px;
}

.select-language .language-flag.en_US-x-kids {
  background-position: -384px -2px;
}

.select-language .language-flag.en_KW {
  background-position: -972px -2px;
}

html[data-wcag-enabled="true"] [aria-hidden="true"]:focus {
  outline: none !important;
}

html[data-wcag-enabled="true"] .listbox-option.focused {
  border: 4px solid #000;
}

.not-eligible-modal {
  pointer-events: unset !important;
}

.not-eligible-modal .ov_portal .ov_background {
  background: #1F313C;
  opacity: 0.6;
}

.not-eligible-modal .base-alert__buttons {
  flex-direction: column;
}

.not-eligible-modal .noscroll-hidden {
  display: block !important;
}

.not-eligible-modal.amazon-blocking-modal .base-alert__body {
  padding: 0;
  overflow: hidden;
}

.not-eligible-modal.amazon-blocking-modal .base-alert__title {
  width: 100%;
  background-color: #EFEDEB;
  padding: 36px;
}

.not-eligible-modal.amazon-blocking-modal .base-alert__title img {
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 80px;
  padding: 20px;
}

.not-eligible-modal.amazon-blocking-modal .base-alert__text {
  padding: 36px 36px 0;
}

.not-eligible-modal.amazon-blocking-modal .amazon-blocking-modal__user {
  display: block;
  color: #1F313C;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .not-eligible-modal.amazon-blocking-modal .amazon-blocking-modal__user {
    font-size: 18px;
    line-height: 24px;
  }
}

.not-eligible-modal.amazon-blocking-modal .base-alert__buttons {
  margin-bottom: 36px;
}

.not-eligible-modal .ov_content {
  transition: opacity 0.4s;
}

.not-eligible-modal.no-background .ov_background {
  background: transparent;
}

.not-eligible-modal-noscroll {
  overflow: hidden;
}

.change-email__wrapper {
  padding: 42px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.change-email__title {
  text-align: center;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (max-width: 1679px) {
  .change-email__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.change-email__button {
  max-width: unset;
  order: 1;
  margin-top: auto;
}

.change-email .field__container {
  width: 100%;
}

.change-email .field__input {
  max-width: unset;
}

.change-email .input-view {
  margin-top: 30px;
}

.change-email .field__message {
  color: #E61E1E;
}

.uplift-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #fff;
}

.uplift-unlock {
  padding: 0;
  color: rgba(31, 49, 60, 0.6);
  border: none;
}

.uplift-header {
  padding: 3rem 4.2rem 0;
}

.uplift-body {
  padding: 3rem 4.2rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.uplift-footer {
  margin-top: auto;
  padding: 4.2rem;
  background: #efedeb;
}

.game-container {
  width: 100%;
  max-width: 1027px;
  margin: 110px auto 0;
}

.game-frame {
  width: 100%;
  min-height: 850px;
}

.game__name {
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 39.24px;
}

@media screen and (max-width: 1679px) {
  .game__name {
    font-size: 24px;
    line-height: 30px;
  }
}

.game-activity-back-button {
  position: absolute;
  left: 36px;
  top: 36px;
}

.game__icon-with-name {
  display: flex;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto 16px;
}

#current_kc {
  margin: 0 14px;
  padding-top: 12px;
  font-family: "GT Walsheim", sans-serif !important;
  background: white;
}

#current_kc .message {
  margin: 0;
  padding: 0;
}

#current_kc .js-mobile_send_screen {
  display: none;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others {
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  height: auto;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others:hover p {
  text-decoration: underline;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others p {
  margin: 0;
  line-height: 1.4em;
  text-align: left;
  white-space: normal;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others .map-icon {
  position: relative;
  margin: 0 10px 0 0;
  display: inline-block;
  height: 27px;
  width: 22px;
  background: url("/static/img/kindless_chain/icon_map.png") no-repeat transparent;
}

#current_kc .selector_container > .title {
  margin: 2px 0 3px;
  font-size: 18px;
  color: #372f2b;
  text-align: center;
}

#current_kc .kc_main ul.kc_nav {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container form span {
  font-family: "GT Walsheim", sans-serif !important;
}

.kindness_chain_link {
  position: relative;
  top: 36px;
  color: #F24C00;
  text-decoration: none;
  font-family: 'GT Walsheim', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1679px) {
  .kindness_chain_link {
    font-size: 16px;
    line-height: 19px;
  }
}

.game-container #current_kc .kc_main .kc_screen .screen .selector_container .container-old {
  overflow: unset;
}

.game-container #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider {
  display: flex;
  justify-content: center;
  grid-gap: 0.4rem;
}

.game-container #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider .item {
  box-sizing: border-box;
  margin: 0;
}

.video-page__submit-button-wrapper {
  margin: 6rem 0;
  width: 80%;
}

.transcript-heading {
  font-size: 18px;
  padding-right: 5px;
}

.transcript-space {
  font-size: 16px;
}

.view-transcript-wrapper {
  cursor: pointer;
  min-width: 10%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  background-color: transparent;
}

@font-face {
  font-family: 'GT Walsheim';
  font-style: normal;
  font-weight: 500;
  src: url('/static/fonts/therapeutics/GT-Walsheim-Regular.woff2');
}

@font-face {
  font-family: 'GT Walsheim';
  font-style: normal;
  font-weight: 600;
  src: url('/static/fonts/therapeutics/GT-Walsheim-Medium.woff2');
}

html {
  height: 100%;
  box-sizing: border-box;
  font-size: 62.5%;
  overflow-x: hidden;
}

html * {
  font-family: "GT Walsheim", sans-serif;
  box-sizing: inherit;
}

html body {
  height: 100%;
  max-width: 100%;
  margin: 0;
}

html body .body-container {
  width: 100%;
  display: flex;
}

html[data-zoom="200"] .kabinet .hamobu-title,
html[data-zoom="200"] .kabinet-app .hamobu-title {
  font-size: 32px;
  line-height: 36px;
}

html[data-zoom="200"] .kabinet .hamobu-subtitle,
html[data-zoom="200"] .kabinet-app .hamobu-subtitle,
html[data-zoom="200"] .kabinet .hamobu-message,
html[data-zoom="200"] .kabinet-app .hamobu-message {
  font-size: 16px !important;
  line-height: 20px !important;
}

html[data-zoom="200"] .kabinet .hamobu-button.button,
html[data-zoom="200"] .kabinet-app .hamobu-button.button {
  height: 54px;
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .hamobu-logo__product,
html[data-zoom="200"] .kabinet-app .hamobu-logo__product {
  height: initial;
}

html[data-zoom="200"] .kabinet .hamobu-screen__body,
html[data-zoom="200"] .kabinet-app .hamobu-screen__body {
  padding-top: 50px;
}

html[data-zoom="200"] .kabinet .hamobu-subtitle.margin-b-5,
html[data-zoom="200"] .kabinet-app .hamobu-subtitle.margin-b-5 {
  margin-bottom: 25px !important;
}

html[data-zoom="200"] .kabinet .section--forgot-password .section__title,
html[data-zoom="200"] .kabinet-app .section--forgot-password .section__title,
html[data-zoom="200"] .kabinet .section--forgot-password-success .section__title,
html[data-zoom="200"] .kabinet-app .section--forgot-password-success .section__title {
  font-size: 24px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .section--forgot-password .section__form,
html[data-zoom="200"] .kabinet-app .section--forgot-password .section__form,
html[data-zoom="200"] .kabinet .section--forgot-password-success .section__form,
html[data-zoom="200"] .kabinet-app .section--forgot-password-success .section__form {
  margin-top: 24px;
}

html[data-zoom="200"] .kabinet .section .container .public-button,
html[data-zoom="200"] .kabinet-app .section .container .public-button {
  margin-top: 30px;
}

html[data-zoom="200"] .kabinet .field__input,
html[data-zoom="200"] .kabinet-app .field__input {
  font-size: 16px;
  line-height: 20px;
  height: 60px;
}

html[data-zoom="200"] .kabinet .field__input:not(.placeholder-shown) ~ .field__placeholder,
html[data-zoom="200"] .kabinet-app .field__input:not(.placeholder-shown) ~ .field__placeholder,
html[data-zoom="200"] .kabinet .field__input:focus ~ .field__placeholder,
html[data-zoom="200"] .kabinet-app .field__input:focus ~ .field__placeholder {
  font-size: 12px;
  line-height: 18px;
  transform: translateY(-5px);
}

html[data-zoom="200"] .kabinet .field__message,
html[data-zoom="200"] .kabinet-app .field__message {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .today-page-view h2,
html[data-zoom="200"] .kabinet-app .today-page-view h2 {
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .today-page-view .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .today-page-view .therapeutics-pill__content {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .today-page-view #push-notifications,
html[data-zoom="200"] .kabinet-app .today-page-view #push-notifications,
html[data-zoom="200"] .kabinet .today-page-view__activity-list,
html[data-zoom="200"] .kabinet-app .today-page-view__activity-list,
html[data-zoom="200"] .kabinet .today-page-view__stats-block,
html[data-zoom="200"] .kabinet-app .today-page-view__stats-block,
html[data-zoom="200"] .kabinet .today-page-view__track-info,
html[data-zoom="200"] .kabinet-app .today-page-view__track-info,
html[data-zoom="200"] .kabinet .today-page-view__track-list,
html[data-zoom="200"] .kabinet-app .today-page-view__track-list {
  margin: 0 0 30px;
}

html[data-zoom="200"] .kabinet .today-page-view__strengths-box,
html[data-zoom="200"] .kabinet-app .today-page-view__strengths-box {
  margin-bottom: 12px;
}

html[data-zoom="200"] .kabinet .today-page-view .therapeutics-accordion__header,
html[data-zoom="200"] .kabinet-app .today-page-view .therapeutics-accordion__header {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .today-page-view .therapeutics-track-card__actions .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .today-page-view .therapeutics-track-card__actions .therapeutics-pill {
  height: 24px !important;
}

html[data-zoom="200"] .kabinet .today-page-view .activity-card .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .today-page-view .activity-card .therapeutics-pill,
html[data-zoom="200"] .kabinet .today-page-view .therapeutics-my-skills__pills .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .today-page-view .therapeutics-my-skills__pills .therapeutics-pill,
html[data-zoom="200"] .kabinet .today-page-view .track-section__extend .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .today-page-view .track-section__extend .therapeutics-pill,
html[data-zoom="200"] .kabinet .today-page-view__upside-see-all .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .today-page-view__upside-see-all .therapeutics-pill,
html[data-zoom="200"] .kabinet .today-page-view__tracks-see-all .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .today-page-view__tracks-see-all .therapeutics-pill {
  height: 36px;
}

html[data-zoom="200"] .kabinet .today-page-view .activity-card .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .today-page-view .activity-card .therapeutics-pill__content,
html[data-zoom="200"] .kabinet .today-page-view .therapeutics-my-skills__pills .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .today-page-view .therapeutics-my-skills__pills .therapeutics-pill__content,
html[data-zoom="200"] .kabinet .today-page-view .track-section__extend .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .today-page-view .track-section__extend .therapeutics-pill__content,
html[data-zoom="200"] .kabinet .today-page-view__upside-see-all .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .today-page-view__upside-see-all .therapeutics-pill__content,
html[data-zoom="200"] .kabinet .today-page-view__tracks-see-all .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .today-page-view__tracks-see-all .therapeutics-pill__content {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .active-track-modal__button_container .tabs-list,
html[data-zoom="200"] .kabinet-app .active-track-modal__button_container .tabs-list {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .active-track-modal__header .therapeutics-track-card__title,
html[data-zoom="200"] .kabinet-app .active-track-modal__header .therapeutics-track-card__title {
  max-width: 292px;
  font-size: 24px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .active-track-modal .therapeutics-pill__text,
html[data-zoom="200"] .kabinet-app .active-track-modal .therapeutics-pill__text {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .active-track-modal .therapeutics-progress-line .point-text,
html[data-zoom="200"] .kabinet-app .active-track-modal .therapeutics-progress-line .point-text {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .activity-card__container,
html[data-zoom="200"] .kabinet-app .activity-card__container {
  padding: 24px;
}

html[data-zoom="200"] .kabinet .activity-card__pill-container,
html[data-zoom="200"] .kabinet-app .activity-card__pill-container {
  display: flex;
}

html[data-zoom="200"] .kabinet .activity-card__pill-container .therapeutics-pill-view + .therapeutics-pill-view,
html[data-zoom="200"] .kabinet-app .activity-card__pill-container .therapeutics-pill-view + .therapeutics-pill-view {
  margin-left: 6px;
}

html[data-zoom="200"] .kabinet .activity-card__sub-title,
html[data-zoom="200"] .kabinet-app .activity-card__sub-title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .activity-card__title,
html[data-zoom="200"] .kabinet-app .activity-card__title {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .activity-card-list__list,
html[data-zoom="200"] .kabinet-app .activity-card-list__list {
  grid-template-columns: 1fr 1fr;
}

html[data-zoom="200"] .kabinet .base-alert,
html[data-zoom="200"] .kabinet-app .base-alert {
  max-width: 550px;
  width: 100%;
}

html[data-zoom="200"] .kabinet .base-alert__body,
html[data-zoom="200"] .kabinet-app .base-alert__body,
html[data-zoom="200"] .kabinet .base-alert__header,
html[data-zoom="200"] .kabinet-app .base-alert__header {
  padding: 30px 36px;
}

html[data-zoom="200"] .kabinet .base-alert__body,
html[data-zoom="200"] .kabinet-app .base-alert__body,
html[data-zoom="200"] .kabinet .base-alert__buttons,
html[data-zoom="200"] .kabinet-app .base-alert__buttons {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .base-alert .medal--medium,
html[data-zoom="200"] .kabinet-app .base-alert .medal--medium {
  width: 4.8rem;
  height: 4.8rem;
}

html[data-zoom="200"] .kabinet .base-alert .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .base-alert .therapeutics-pill {
  height: 36px;
}

html[data-zoom="200"] .kabinet .assessment .button,
html[data-zoom="200"] .kabinet-app .assessment .button,
html[data-zoom="200"] .kabinet .button,
html[data-zoom="200"] .kabinet-app .button {
  height: 48px;
  background-color: #bf4000;
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .my-skills-skeleton,
html[data-zoom="200"] .kabinet-app .my-skills-skeleton {
  flex-direction: column;
}

html[data-zoom="200"] .kabinet .my-skills-skeleton__ava,
html[data-zoom="200"] .kabinet-app .my-skills-skeleton__ava {
  margin: 0 auto 24px;
  width: 136px;
  height: 136px;
}

html[data-zoom="200"] .kabinet .my-skills-skeleton__skill > :nth-child(1),
html[data-zoom="200"] .kabinet-app .my-skills-skeleton__skill > :nth-child(1) {
  width: 56px;
  height: 56px;
}

html[data-zoom="200"] .kabinet .push-notification__button,
html[data-zoom="200"] .kabinet-app .push-notification__button {
  align-items: center;
  padding: 9px 54px 9px 9px;
}

html[data-zoom="200"] .kabinet .push-notification__text,
html[data-zoom="200"] .kabinet-app .push-notification__text {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .parent-container:not(.show-sidenav) .side-nav__logo-container,
html[data-zoom="200"] .kabinet-app .parent-container:not(.show-sidenav) .side-nav__logo-container {
  display: none;
}

html[data-zoom="200"] .kabinet .reminder-modal__form,
html[data-zoom="200"] .kabinet-app .reminder-modal__form {
  padding-bottom: 60px;
}

html[data-zoom="200"] .kabinet .reminder-modal .listbox__select,
html[data-zoom="200"] .kabinet-app .reminder-modal .listbox__select {
  display: none;
}

html[data-zoom="200"] .kabinet .start-subscribe .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .start-subscribe .therapeutics-pill__content {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-accordion__body,
html[data-zoom="200"] .kabinet-app .therapeutics-accordion__body {
  padding-bottom: 10px;
}

html[data-zoom="200"] .kabinet .therapeutics-accordion__header,
html[data-zoom="200"] .kabinet-app .therapeutics-accordion__header {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .therapeutics-accordion__header-icon > *,
html[data-zoom="200"] .kabinet-app .therapeutics-accordion__header-icon > * {
  width: 36px;
  height: 36px;
}

html[data-zoom="200"] .kabinet .therapeutics-activity-link__content .therapeutics-pill-view,
html[data-zoom="200"] .kabinet-app .therapeutics-activity-link__content .therapeutics-pill-view {
  margin-top: 10px;
}

html[data-zoom="200"] .kabinet .therapeutics-activity-link__title,
html[data-zoom="200"] .kabinet-app .therapeutics-activity-link__title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .therapeutics-activity-link__wrap,
html[data-zoom="200"] .kabinet-app .therapeutics-activity-link__wrap {
  padding: 15px;
  min-height: 90px;
}

html[data-zoom="200"] .kabinet .therapeutics-activity-link .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .therapeutics-activity-link .therapeutics-pill__content {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-my-skills__avatar,
html[data-zoom="200"] .kabinet-app .therapeutics-my-skills__avatar {
  margin: 0 auto 24px;
}

html[data-zoom="200"] .kabinet .therapeutics-my-skills .therapeutics-avatar,
html[data-zoom="200"] .kabinet-app .therapeutics-my-skills .therapeutics-avatar,
html[data-zoom="200"] .kabinet .therapeutics-my-skills .therapeutics-avatar__chart,
html[data-zoom="200"] .kabinet-app .therapeutics-my-skills .therapeutics-avatar__chart {
  width: 136px;
  height: 136px;
}

html[data-zoom="200"] .kabinet .therapeutics-my-skills .therapeutics-skill-badge__logo,
html[data-zoom="200"] .kabinet-app .therapeutics-my-skills .therapeutics-skill-badge__logo {
  width: 56px;
  height: 56px;
}

html[data-zoom="200"] .kabinet .therapeutics-my-skills .therapeutics-skill-badge__title,
html[data-zoom="200"] .kabinet-app .therapeutics-my-skills .therapeutics-skill-badge__title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .today-page-view__accordion-container > *,
html[data-zoom="200"] .kabinet-app .today-page-view__accordion-container > * {
  width: 100%;
}

html[data-zoom="200"] .kabinet .today-page-view__accordion-container > *:not(:empty),
html[data-zoom="200"] .kabinet-app .today-page-view__accordion-container > *:not(:empty) {
  margin-bottom: 24px;
}

html[data-zoom="200"] .kabinet .today-page-view__accordion-container .therapeutics-activities-list > *,
html[data-zoom="200"] .kabinet-app .today-page-view__accordion-container .therapeutics-activities-list > * {
  margin-right: 0;
  margin-bottom: 0;
}

html[data-zoom="200"] .kabinet .top-navigation,
html[data-zoom="200"] .kabinet-app .top-navigation {
  height: 72px;
}

html[data-zoom="200"] .kabinet .top-navigation__left-side,
html[data-zoom="200"] .kabinet-app .top-navigation__left-side {
  transform: scale(0.6);
}

html[data-zoom="200"] .kabinet .top-navigation .therapeutics-pill,
html[data-zoom="200"] .kabinet-app .top-navigation .therapeutics-pill {
  height: 36px;
}

html[data-zoom="200"] .kabinet .top-navigation .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .top-navigation .therapeutics-pill__content {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .top-navigation .therapeutics-pill__icon--right,
html[data-zoom="200"] .kabinet-app .top-navigation .therapeutics-pill__icon--right {
  transform: scale(0.8) translateX(10px);
}

html[data-zoom="200"] .kabinet .track-section,
html[data-zoom="200"] .kabinet-app .track-section {
  grid-template-columns: unset;
  grid-gap: 23px;
}

html[data-zoom="200"] .kabinet .track-section__extend,
html[data-zoom="200"] .kabinet-app .track-section__extend {
  padding: 18px;
}

html[data-zoom="200"] .kabinet .track-section__extend-message,
html[data-zoom="200"] .kabinet-app .track-section__extend-message {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .track-section__extend-title,
html[data-zoom="200"] .kabinet-app .track-section__extend-title {
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .track-section__medal-title,
html[data-zoom="200"] .kabinet-app .track-section__medal-title,
html[data-zoom="200"] .kabinet .track-section__part-title,
html[data-zoom="200"] .kabinet-app .track-section__part-title {
  font-size: 13px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .track-section__progress-container,
html[data-zoom="200"] .kabinet-app .track-section__progress-container {
  margin-top: 30px;
}

html[data-zoom="200"] .kabinet .track-section__title,
html[data-zoom="200"] .kabinet-app .track-section__title {
  font-size: 20px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__activities,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__activities,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__activities,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__activities {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__header,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__header,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__header,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__header,
html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__subheader,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__subheader,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__subheader,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__subheader,
html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__title,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__title,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__title,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__title {
  font-size: 20px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__h2,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__h2,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__h2,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__h2,
html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__list,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__list,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__list,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__list {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__h3,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__h3,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__h3,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__h3 {
  font-size: 13px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal__list > ul > li,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal__list > ul > li,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__list > ul > li,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__list > ul > li {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-part-completed-modal .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .therapeutics-track-part-completed-modal .therapeutics-pill__content,
html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal .therapeutics-pill__content {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal__subheader,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal__subheader {
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .therapeutics-track-completed-modal .therapeutics-pill__content,
html[data-zoom="200"] .kabinet-app .therapeutics-track-completed-modal .therapeutics-pill__content {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .therapeutics-upside,
html[data-zoom="200"] .kabinet-app .therapeutics-upside {
  grid-template-columns: repeat(2, 1fr);
}

html[data-zoom="200"] .kabinet .therapeutics-upside .skeleton:first-of-type,
html[data-zoom="200"] .kabinet-app .therapeutics-upside .skeleton:first-of-type,
html[data-zoom="200"] .kabinet .therapeutics-upside .upside-article:first-of-type,
html[data-zoom="200"] .kabinet-app .therapeutics-upside .upside-article:first-of-type {
  grid-column: span 2;
}

html[data-zoom="200"] .kabinet .therapeutics-upside__article:first-of-type .upside-article__container,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:first-of-type .upside-article__container {
  display: flex;
  flex-direction: row-reverse;
}

html[data-zoom="200"] .kabinet .therapeutics-upside__article:first-of-type .upside-article__img,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:first-of-type .upside-article__img {
  min-height: unset;
}

html[data-zoom="200"] .kabinet .therapeutics-upside__article:first-of-type .upside-article__title,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:first-of-type .upside-article__title {
  width: 33%;
  word-wrap: break-word;
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .therapeutics-upside__article:not(:first-of-type) .upside-article__title,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:not(:first-of-type) .upside-article__title {
  padding-bottom: 46px;
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .therapeutics-upside__article:nth-child(odd):not(.upside-article-hidden) + .start-subscribe,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:nth-child(odd):not(.upside-article-hidden) + .start-subscribe,
html[data-zoom="200"] .kabinet .therapeutics-upside__article:nth-child(odd):not(.upside-article-hidden) + .upside-article-hidden + .start-subscribe,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:nth-child(odd):not(.upside-article-hidden) + .upside-article-hidden + .start-subscribe,
html[data-zoom="200"] .kabinet .therapeutics-upside__article:nth-child(odd):not(.upside-article-hidden) + .upside-article-hidden ~ .upside-article-hidden + .start-subscribe,
html[data-zoom="200"] .kabinet-app .therapeutics-upside__article:nth-child(odd):not(.upside-article-hidden) + .upside-article-hidden ~ .upside-article-hidden + .start-subscribe {
  grid-column: 1 / span 2;
  height: 176px;
}

html[data-zoom="200"] .kabinet .likes-modal__header,
html[data-zoom="200"] .kabinet-app .likes-modal__header {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .therapeutics-follower__username,
html[data-zoom="200"] .kabinet-app .therapeutics-follower__username {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .community-page__header,
html[data-zoom="200"] .kabinet-app .community-page__header {
  margin-bottom: 30px;
  max-width: unset;
}

html[data-zoom="200"] .kabinet .community-page .typography__desktop-medium-headline,
html[data-zoom="200"] .kabinet-app .community-page .typography__desktop-medium-headline {
  font-size: 32px;
  line-height: 36px;
}

html[data-zoom="200"] .kabinet .community-page__posts-container,
html[data-zoom="200"] .kabinet-app .community-page__posts-container {
  max-width: unset;
}

html[data-zoom="200"] .kabinet .user-profile-page__body,
html[data-zoom="200"] .kabinet-app .user-profile-page__body {
  display: grid;
  justify-items: center;
  margin-bottom: 170px;
}

html[data-zoom="200"] .kabinet .user-profile-page__body .overflow-hidden,
html[data-zoom="200"] .kabinet-app .user-profile-page__body .overflow-hidden {
  display: grid;
  justify-items: center;
}

html[data-zoom="200"] .kabinet .user-profile-page__body .user-profile-page__avatar,
html[data-zoom="200"] .kabinet-app .user-profile-page__body .user-profile-page__avatar {
  margin-right: 0;
}

html[data-zoom="200"] .kabinet .user-profile-page__body .user-profile-page__avatar .therapeutics-avatar,
html[data-zoom="200"] .kabinet-app .user-profile-page__body .user-profile-page__avatar .therapeutics-avatar,
html[data-zoom="200"] .kabinet .user-profile-page__body .user-profile-page__avatar .therapeutics-avatar__chart,
html[data-zoom="200"] .kabinet-app .user-profile-page__body .user-profile-page__avatar .therapeutics-avatar__chart {
  height: 160px;
  width: 160px;
}

html[data-zoom="200"] .kabinet .user-profile-page__user-name,
html[data-zoom="200"] .kabinet-app .user-profile-page__user-name {
  font-size: 32px;
  line-height: 36px;
}

html[data-zoom="200"] .kabinet .user-profile-page__dummy,
html[data-zoom="200"] .kabinet-app .user-profile-page__dummy {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .community-post-list .community-post,
html[data-zoom="200"] .kabinet-app .community-post-list .community-post {
  width: 100%;
}

html[data-zoom="200"] .kabinet .community-post-list .community-post__creator-name,
html[data-zoom="200"] .kabinet-app .community-post-list .community-post__creator-name {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .community-post-list .community-post__creator-description,
html[data-zoom="200"] .kabinet-app .community-post-list .community-post__creator-description,
html[data-zoom="200"] .kabinet .community-post-list .community-post__timestamp-ago,
html[data-zoom="200"] .kabinet-app .community-post-list .community-post__timestamp-ago {
  font-size: 13px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .community-post-list .community-post__like-count,
html[data-zoom="200"] .kabinet-app .community-post-list .community-post__like-count,
html[data-zoom="200"] .kabinet .community-post-list .community-post__comment-count,
html[data-zoom="200"] .kabinet-app .community-post-list .community-post__comment-count {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_sidebar,
html[data-zoom="200"] .kabinet-app .ov_sidebar {
  width: 100vw;
  max-width: 100vw;
}

html[data-zoom="200"] .kabinet .community-post-menu__dropdown .therapeutics-pill-view,
html[data-zoom="200"] .kabinet-app .community-post-menu__dropdown .therapeutics-pill-view {
  display: grid;
}

html[data-zoom="200"] .kabinet .community-post-menu__dropdown .therapeutics-pill-view .therapeutics-pill--large,
html[data-zoom="200"] .kabinet-app .community-post-menu__dropdown .therapeutics-pill-view .therapeutics-pill--large {
  padding: 0.8rem 1.8rem;
  height: unset;
  min-width: unset;
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .community-post__timestamp,
html[data-zoom="200"] .kabinet-app .community-post__timestamp {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .community-post-modal__header,
html[data-zoom="200"] .kabinet-app .community-post-modal__header {
  padding: 12px 30px 12px;
}

html[data-zoom="200"] .kabinet .community-post-modal__header .community-post-modal__header-title,
html[data-zoom="200"] .kabinet-app .community-post-modal__header .community-post-modal__header-title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .community-post-modal,
html[data-zoom="200"] .kabinet-app .community-post-modal {
  width: 100%;
}

html[data-zoom="200"] .kabinet .community-post-modal__send-comment-button,
html[data-zoom="200"] .kabinet-app .community-post-modal__send-comment-button {
  height: 3.6rem;
  width: 3.6rem;
}

html[data-zoom="200"] .kabinet .community-post-modal .anna-input_container,
html[data-zoom="200"] .kabinet-app .community-post-modal .anna-input_container {
  padding: 0;
}

html[data-zoom="200"] .kabinet .complete-modal,
html[data-zoom="200"] .kabinet-app .complete-modal {
  height: 172px;
  left: 50%;
}

html[data-zoom="200"] .kabinet .complete-modal img,
html[data-zoom="200"] .kabinet-app .complete-modal img {
  padding: 30px 0 9px;
}

html[data-zoom="200"] .kabinet .complete-modal__container--text,
html[data-zoom="200"] .kabinet-app .complete-modal__container--text {
  margin-top: 0;
  padding: 9px 30px 30px 30px;
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .typography__body-small-comment,
html[data-zoom="200"] .kabinet-app .typography__body-small-comment {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page h1,
html[data-zoom="200"] .kabinet-app .profile-page h1 {
  font-size: 32px;
  line-height: 36px;
}

html[data-zoom="200"] .kabinet .profile-page h2,
html[data-zoom="200"] .kabinet-app .profile-page h2 {
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .profile-page h2.my-stats-header,
html[data-zoom="200"] .kabinet-app .profile-page h2.my-stats-header {
  margin-bottom: 0px;
}

html[data-zoom="200"] .kabinet .profile-page p.my-stats-header__paragraph,
html[data-zoom="200"] .kabinet-app .profile-page p.my-stats-header__paragraph {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .profile-page .therapeutics-my-skills,
html[data-zoom="200"] .kabinet-app .profile-page .therapeutics-my-skills {
  display: flex;
  flex-direction: column;
}

html[data-zoom="200"] .kabinet .profile-page .profile-achievements__title,
html[data-zoom="200"] .kabinet-app .profile-page .profile-achievements__title {
  margin-bottom: 0;
}

html[data-zoom="200"] .kabinet .profile-page .profile-achievements__sub-title,
html[data-zoom="200"] .kabinet-app .profile-page .profile-achievements__sub-title {
  padding-top: 30px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-achievements__tracks-list .therapeutics-track-card,
html[data-zoom="200"] .kabinet-app .profile-page .profile-achievements__tracks-list .therapeutics-track-card {
  min-height: unset;
  height: 190px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-achievements__tracks-list .therapeutics-track-card__title,
html[data-zoom="200"] .kabinet-app .profile-page .profile-achievements__tracks-list .therapeutics-track-card__title {
  font-size: 20px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-achievements__tracks-list .therapeutics-track-card__actions span,
html[data-zoom="200"] .kabinet-app .profile-page .profile-achievements__tracks-list .therapeutics-track-card__actions span {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .happiness-score__week,
html[data-zoom="200"] .kabinet-app .profile-page .happiness-score__week {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .happiness-score__date,
html[data-zoom="200"] .kabinet-app .profile-page .happiness-score__date {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup {
  max-width: 280px;
  min-height: unset;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup__user-info,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__user-info,
html[data-zoom="200"] .kabinet .profile-page .skill-popup__post-info,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__post-info {
  padding: 12px 18px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup__post img,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__post img {
  max-width: 280px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup__user-name,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__user-name {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup__likes-comments,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__likes-comments {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup__likes-comments svg,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__likes-comments svg {
  height: 18px;
  width: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-popup__activity-title,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__activity-title,
html[data-zoom="200"] .kabinet .profile-page .skill-popup__date,
html[data-zoom="200"] .kabinet-app .profile-page .skill-popup__date {
  font-size: 13px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .my-stats-promo__title,
html[data-zoom="200"] .kabinet-app .profile-page .my-stats-promo__title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .profile-page .my-stats-promo__content,
html[data-zoom="200"] .kabinet-app .profile-page .my-stats-promo__content {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-levels__list-item,
html[data-zoom="200"] .kabinet-app .profile-page .skill-levels__list-item,
html[data-zoom="200"] .kabinet .profile-page .skill-levels__progress,
html[data-zoom="200"] .kabinet-app .profile-page .skill-levels__progress {
  height: 60px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-levels__list-item-content img,
html[data-zoom="200"] .kabinet-app .profile-page .skill-levels__list-item-content img {
  width: 24px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-levels__list-item-name,
html[data-zoom="200"] .kabinet-app .profile-page .skill-levels__list-item-name {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .skill-levels__list-item-level,
html[data-zoom="200"] .kabinet-app .profile-page .skill-levels__list-item-level {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-page__activity-life,
html[data-zoom="200"] .kabinet-app .profile-page .profile-page__activity-life {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-page__medals-container a,
html[data-zoom="200"] .kabinet-app .profile-page .profile-page__medals-container a {
  height: 60px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-page__medal-box,
html[data-zoom="200"] .kabinet-app .profile-page .profile-page__medal-box {
  max-width: none;
  height: 100%;
  padding: 11px 20px 11px 12px;
  align-items: center;
}

html[data-zoom="200"] .kabinet .profile-page .profile-page__medal-box-title .profile-page__medal-box-text,
html[data-zoom="200"] .kabinet-app .profile-page .profile-page__medal-box-title .profile-page__medal-box-text {
  font-size: 13px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-page__medal-box-title .profile-page__medal-box-count,
html[data-zoom="200"] .kabinet-app .profile-page .profile-page__medal-box-title .profile-page__medal-box-count {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .profile-page .profile-page__edit-button,
html[data-zoom="200"] .kabinet-app .profile-page .profile-page__edit-button {
  height: 36px !important;
}

html[data-zoom="200"] .kabinet .profile-page .therapeutics-my-skills__skills-list .therapeutics-skill-badge__title,
html[data-zoom="200"] .kabinet-app .profile-page .therapeutics-my-skills__skills-list .therapeutics-skill-badge__title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .profile-page .therapeutics-my-skills__skills-list .therapeutics-pill__text,
html[data-zoom="200"] .kabinet-app .profile-page .therapeutics-my-skills__skills-list .therapeutics-pill__text {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .profile-page .therapeutics-my-skills .therapeutics-avatar,
html[data-zoom="200"] .kabinet-app .profile-page .therapeutics-my-skills .therapeutics-avatar {
  width: 160px;
  height: 160px;
}

html[data-zoom="200"] .kabinet .profile-page .therapeutics-my-skills .therapeutics-avatar__chart,
html[data-zoom="200"] .kabinet-app .profile-page .therapeutics-my-skills .therapeutics-avatar__chart {
  width: 160px;
  height: 160px;
}

html[data-zoom="200"] .kabinet .ov_portal .therapeutics-followers-modal__username,
html[data-zoom="200"] .kabinet-app .ov_portal .therapeutics-followers-modal__username {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal .therapeutics-followers-modal__tabs button,
html[data-zoom="200"] .kabinet-app .ov_portal .therapeutics-followers-modal__tabs button {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .therapeutics-followers-modal__content_wrapper .therapeutics-follower__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .therapeutics-followers-modal__content_wrapper .therapeutics-follower__photo {
  width: 42px;
  height: 42px;
}

html[data-zoom="200"] .kabinet .ov_portal .skills-descr-carousel__header .therapeutics-pill__text,
html[data-zoom="200"] .kabinet-app .ov_portal .skills-descr-carousel__header .therapeutics-pill__text {
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .skills-descr-carousel__title,
html[data-zoom="200"] .kabinet-app .ov_portal .skills-descr-carousel__title {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .ov_portal .skills-descr-carousel__text,
html[data-zoom="200"] .kabinet-app .ov_portal .skills-descr-carousel__text {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal .skills-descr-carousel__content,
html[data-zoom="200"] .kabinet-app .ov_portal .skills-descr-carousel__content {
  padding: 36px 36px 0px 36px;
}

html[data-zoom="200"] .kabinet .ov_portal .skills-descr-carousel .slick-arrow,
html[data-zoom="200"] .kabinet-app .ov_portal .skills-descr-carousel .slick-arrow {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .base-alert .delete-button-header-icon,
html[data-zoom="200"] .kabinet-app .ov_portal .base-alert .delete-button-header-icon {
  width: 48px;
  height: 48px;
}

html[data-zoom="200"] .kabinet .ov_portal .base-alert .delete-button-header-icon svg,
html[data-zoom="200"] .kabinet-app .ov_portal .base-alert .delete-button-header-icon svg {
  width: 21px;
  height: 21px;
}

html[data-zoom="200"] .kabinet .ov_portal .base-alert__header-title img,
html[data-zoom="200"] .kabinet-app .ov_portal .base-alert__header-title img {
  width: 48px;
}

html[data-zoom="200"] .kabinet .ov_portal .base-alert__header-title img + div,
html[data-zoom="200"] .kabinet-app .ov_portal .base-alert__header-title img + div {
  font-size: 24px;
  line-height: 30px;
}

html[data-zoom="200"] .kabinet .ov_portal .base-alert__title,
html[data-zoom="200"] .kabinet-app .ov_portal .base-alert__title,
html[data-zoom="200"] .kabinet .ov_portal .base-alert__text,
html[data-zoom="200"] .kabinet-app .ov_portal .base-alert__text {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal.skills-descr-modal button.ov-modal-close,
html[data-zoom="200"] .kabinet-app .ov_portal.skills-descr-modal button.ov-modal-close {
  width: 18px;
  height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .modal-controls button,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .modal-controls button,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .modal-controls button {
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .modal-controls button.ov-modal-delete,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .modal-controls button.ov-modal-delete {
  right: 5rem;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-page h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-language h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info h2.profile-menu__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings h2.profile-menu__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings h2.profile-menu__title {
  padding: 14px 0 14px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-page h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-language h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info h2,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings h2,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings h2 {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-page h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-language h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info h3,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings h3,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings h3 {
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .therapeutics-list-items__menu-item,
html[data-zoom="200"] .kabinet .ov_portal.profile-faq .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .therapeutics-list-items__radio-wrap,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .therapeutics-list-items__radio-wrap {
  min-height: 48px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .therapeutics-list-items__radio-title,
html[data-zoom="200"] .kabinet .ov_portal.profile-faq .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .therapeutics-list-items__title,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .therapeutics-list-items__title {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-page .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-language .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .therapeutics-list-items__icon,
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .therapeutics-list-items__icon {
  width: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal.profile-faq .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-faq .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-page .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-page .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-privacy .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-privacy .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-language .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-language .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-accessibility-info .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-accessibility-info .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet .ov_portal.profile-notifications-settings .therapeutics-list-items__item:nth-child(n + 2),
html[data-zoom="200"] .kabinet-app .ov_portal.profile-notifications-settings .therapeutics-list-items__item:nth-child(n + 2) {
  margin-top: 3px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-sidebar__container h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-sidebar__container h3 {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-sidebar__container p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-sidebar__container p,
html[data-zoom="200"] .kabinet .ov_portal .profile-sidebar__container ul,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-sidebar__container ul,
html[data-zoom="200"] .kabinet .ov_portal .profile-sidebar__container li,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-sidebar__container li {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .image-container img,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .image-container img,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .image-container img,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .image-container img,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .image-container img,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .image-container img,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .image-container img,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .image-container img,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .image-container img,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .image-container img,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .image-container img,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .image-container img {
  width: 144px;
  height: 144px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .image-container .pill-container button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .image-container .pill-container button {
  height: 36px;
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .listbox__container button.listbox-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .listbox__container button.listbox-button {
  height: 48px;
  padding-left: 16px;
  padding-top: 16px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .listbox__container button.listbox-button .listbox-button-name,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .listbox__container button.listbox-button .listbox-button-name {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .listbox__container button.listbox-button .language-flag,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .listbox__container button.listbox-button .language-flag {
  display: none;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .listbox__container .listbox-button-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .listbox__container .listbox-button-label {
  top: 16px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .input-view .field__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .input-view .field__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .input-view .field__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .input-view .field__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .input-view .field__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .input-view .field__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .input-view .field__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .input-view .field__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .input-view .field__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .input-view .field__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .input-view .field__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .input-view .field__input {
  height: 48px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .input-view .field__input:not(.placeholder-shown) + .field__placeholder {
  transform: translateY(0px);
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .input-view .field__input.placeholder-shown + .field__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .input-view .field__input.placeholder-shown + .field__placeholder {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-settings__description .textarea__input,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-settings__description .textarea__input {
  border-radius: 12px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-settings__description .textarea__input + .textarea__placeholder,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-settings__description .textarea__input + .textarea__placeholder {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-settings__description-label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-settings__description-label {
  margin-top: 30px;
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-notifications__row .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-notifications__row .therapeutics-tumbler {
  height: 30px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-notifications__row .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-notifications__row .therapeutics-tumbler .tumbler {
  width: 58px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-notifications__row .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-notifications__row .therapeutics-tumbler .tumbler::after {
  width: 24px;
  height: 24px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-notifications__row span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-notifications__row span {
  font-size: 18px;
  line-height: 24px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__item label,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__item label {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__item .therapeutics-tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__item .therapeutics-tumbler {
  height: 30px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__item .therapeutics-tumbler .tumbler,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__item .therapeutics-tumbler .tumbler {
  width: 58px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__item .therapeutics-tumbler .tumbler::after {
  width: 24px;
  height: 24px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__info button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__info button {
  min-height: 72px;
  height: 72px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__info button .accessibility-accordion__header span,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__info button .accessibility-accordion__header span {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__info button .accessibility-accordion__header svg,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__info button .accessibility-accordion__header svg {
  width: 36px;
  height: 36px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__info .accessibility-accordion__body h3,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__info .accessibility-accordion__body h3 {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-accessibility__info .accessibility-accordion__body p,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-accessibility__info .accessibility-accordion__body p {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-privacy__sub-title,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-privacy__sub-title {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-privacy__body,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-privacy__body,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-privacy__body,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-privacy__body,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-privacy__body,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-privacy__body,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-privacy__body,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-privacy__body,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-privacy__body,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-privacy__body,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-privacy__body,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-privacy__body {
  padding-bottom: 148px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-privacy__body .radio-list .radio-button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-privacy__body .radio-list .radio-button {
  padding: 6px 10px 6px 42px;
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-privacy__body .radio-list .radio-button::before,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-privacy__body .radio-list .radio-button::before {
  width: 18px;
  height: 18px;
  top: 14px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container .profile-privacy__body .radio-list .radio-button[aria-checked="true"]::after {
  width: 12px;
  height: 12px;
  top: 14px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container button.profile-settings__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container button.profile-settings__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container button.profile-settings__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container button.profile-settings__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container button.profile-settings__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container button.profile-settings__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container button.profile-settings__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container button.profile-settings__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container button.profile-settings__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container button.profile-settings__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container button.profile-settings__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container button.profile-settings__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container button.profile-language__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container button.profile-language__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container button.profile-language__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container button.profile-language__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container button.profile-language__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container button.profile-language__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container button.profile-language__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container button.profile-language__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container button.profile-language__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container button.profile-language__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container button.profile-language__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container button.profile-language__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container button.profile-privacy__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container button.profile-accessibility__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__container button.profile-notifications__button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__container button.profile-notifications__button {
  border-radius: 12px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__wrap,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__wrap {
  align-items: unset;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__photo,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__preview,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__preview {
  width: 42px;
  height: 42px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__description,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__message,
html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__reject,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__reject {
  font-size: 14px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__time,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__time {
  font-size: 13px;
  font-size: 12px;
  line-height: 18px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__content .notifications-list .therapeutics-notification__request-actions button.therapeutics-pill {
  height: 36px !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__form button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__form button,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__form button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__form button,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__form button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__form button,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__form button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__form button,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__form button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__form button,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__form button,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__form button {
  font-size: 16px;
  line-height: 20px;
}

html[data-zoom="200"] .kabinet .ov_portal .profile-menu__form button.js-save-email,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-menu__form button.js-save-email,
html[data-zoom="200"] .kabinet .ov_portal .profile-privacy__form button.js-save-email,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-privacy__form button.js-save-email,
html[data-zoom="200"] .kabinet .ov_portal .profile-language__form button.js-save-email,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-language__form button.js-save-email,
html[data-zoom="200"] .kabinet .ov_portal .profile-accessibility__form button.js-save-email,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-accessibility__form button.js-save-email,
html[data-zoom="200"] .kabinet .ov_portal .profile-login-details__form button.js-save-email,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-login-details__form button.js-save-email,
html[data-zoom="200"] .kabinet .ov_portal .profile-notifications__form button.js-save-email,
html[data-zoom="200"] .kabinet-app .ov_portal .profile-notifications__form button.js-save-email {
  border-radius: 12px;
}

@media screen and (max-width: 767px) {
  .parent-container:not(.show-sidenav) .side-nav__logo-container {
    display: none;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*# sourceMappingURL=slick.min.css.map */
#current_kc .placeholder {
  color: #a6a6a6;
}

#current_kc .kc_main ul.kc_nav {
  padding: 0 0 15px;
  margin: 0;
  list-style: none;
  border-top: 1px solid #CDCDCD;
  text-align: center;
  box-sizing: content-box;
}

#current_kc .kc_main ul.kc_nav li {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  margin-left: 35px;
  font-family: OpenSansSemibold;
  font-size: 16px;
  cursor: pointer;
  color: #ff7a00;
  border-radius: 0;
  padding-bottom: 3px;
}

#current_kc .kc_main ul.kc_nav li.compliment {
  width: 95px;
  margin-left: 0px;
}

#current_kc .kc_main ul.kc_nav li .image {
  margin: 0 auto;
  width: 100%;
  height: 65px;
}

#current_kc .kc_main ul.kc_nav li .image + span {
  margin-top: -15px;
  display: block;
}

#current_kc .kc_main ul.kc_nav li.compliment .image {
  background: url('/static/img/kindless_chain/icon-compliment-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.compliment:hover .image {
  background: url('/static/img/kindless_chain/icon-compliment-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.compliment.on .image {
  background: url('/static/img/kindless_chain/icon-compliment-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.design {
  width: 58px;
}

#current_kc .kc_main ul.kc_nav li.design .image {
  background: url('/static/img/kindless_chain/icon-design-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.design:hover .image {
  background: url('/static/img/kindless_chain/icon-design-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.design.on .image {
  background: url('/static/img/kindless_chain/icon-design-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.message {
  width: 70px;
}

#current_kc .kc_main ul.kc_nav li.message .image {
  background: url('/static/img/kindless_chain/icon-message-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.message:hover .image {
  background: url('/static/img/kindless_chain/icon-message-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.message.on .image {
  background: url('/static/img/kindless_chain/icon-message-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.send {
  width: 116px;
}

html[lang=de] #current_kc .kc_main ul.kc_nav li.send {
  width: 152px;
}

#current_kc .kc_main ul.kc_nav li.send .image {
  width: 60px;
  background: url('/static/img/kindless_chain/icon-send-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.send.on .image {
  background: url('/static/img/kindless_chain/icon-send-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.send:hover .image {
  background: url('/static/img/kindless_chain/icon-send-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.on {
  border-bottom: 3px solid #ff7a00;
}

#current_kc .kc_main .kc_screen {
  position: relative;
}

#current_kc .kc_main .kc_screen .screen {
  position: relative;
  background-color: #fff;
}

#current_kc .kc_main .kc_screen .screen.sliding {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 998;
}

#current_kc .kc_main .kc_screen .screen.sliding.top {
  z-index: 999;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc {
  -moz-user-select: none;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: OpenSansSemibold;
  outline: medium none;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  width: 220px;
  text-transform: uppercase;
  background: none repeat scroll 0 0 #ff7a00;
  background-clip: padding-box;
  box-shadow: 0 2px 0 #b35500;
  text-align: center;
  margin: 15px auto 35px;
  display: block;
  box-sizing: content-box;
  transition: all 0.5s ease-in-out;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading {
  cursor: default;
  height: 67px;
  line-height: 67px;
  margin: 23px auto 38px;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading .kc_progress_bar {
  height: 7px;
  width: 240px;
  border-bottom-left-radius: 5px;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading .kc_progress_bar.empty {
  background: none repeat scroll 0 0 #d1732d;
  border-bottom-right-radius: 5px;
  bottom: 4px;
  left: -10px;
  position: relative;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading .kc_progress_bar.filled {
  background: none repeat scroll 0 0 #a4551a;
  position: absolute;
  top: 0;
  left: 0;
}

#current_kc .kc_main .kc_screen .screen .container-old {
  margin-bottom: 12px;
}

#current_kc .kc_main .kc_screen .screen .main_image {
  height: 425px;
  width: 425px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

#current_kc .kc_main .kc_screen .compliment_screen.screen .main_image {
  margin: 0 auto 12px;
}

#current_kc .kc_main .kc_screen .screen .main_image .flip,
#current_kc .kc_main .kc_screen .screen .message_template .back_flip {
  width: 91px;
  height: 91px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  transition: opacity 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 100;
}

#current_kc .kc_main .kc_screen .screen .main_image .flip img,
#current_kc .kc_main .kc_screen .screen .message_template .back_flip img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 91px;
  height: 91px;
}

/* #current_kc .kc_main .kc_screen .screen .message_template .back_flip {
    left: 0;
} */

#current_kc .kc_main .kc_screen .screen .main_image img {
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  opacity: 1;
  transition: opacity 0.7s ease-in-out;
  z-index: 2;
}

#current_kc .kc_main .kc_screen .screen .message_template .top {
  opacity: 1;
  z-index: 10;
  transition: opacity 0.7s ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .message_template .bottom {
  opacity: 1;
  z-index: 0;
  transition: opacity 0.7s ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .message_template.changing .top {
  opacity: 0;
}

#current_kc .kc_main .kc_screen .screen .message_template.changing .bottom {
  opacity: 0;
}

#current_kc .kc_main .kc_screen .screen .main_image img.top {
  z-index: 10;
}

#current_kc .kc_main .kc_screen .screen .main_image.changing img.top {
  opacity: 0;
}

#current_kc .kc_main .kc_screen .message_screen {
  text-align: center;
}

#current_kc .kc_main .kc_screen .screen .main_image.message_design {
  width: 425px;
  display: inline-block;
  vertical-align: top;
}

#current_kc .kc_main .kc_screen .screen .message_template {
  height: 425px;
  width: 425px;
  display: inline-block;
  vertical-align: top;
  background-size: cover;
}

#current_kc .kc_main .kc_screen .screen .message_template.d0,
#current_kc .kc_main .kc_screen .screen .message_template.d5 {
  border: 1px solid #CDCDCD;
}

#current_kc .kc_main .kc_screen .screen .message_template .template_container {
  width: 100%;
  height: 100%;
  background: #fff;
}

#current_kc .kc_main .kc_screen .screen .selector_container {
  border-top: 1px solid #CDCDCD;
  position: relative;
  background-color: #fff;
}

#current_kc .kc_main .kc_screen .screen .selector_container.slider {
  position: absolute;
  left: 0;
  right: 0;
}

#current_kc .kc_main .kc_screen .screen .selector_container .arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 60px;
  cursor: pointer;
  z-index: 9;
}

#current_kc .kc_main .kc_screen .screen .selector_container .arrow.left {
  left: 117px;
  background: url('/static/img/kindless_chain/slider_back.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container .arrow.right {
  right: 117px;
  background: url('/static/img/kindless_chain/slider_next_grey.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old {
  overflow: hidden;
  margin: 0 auto;
  max-width: 100%;
  height: 100px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed {
  margin: 0 auto;
  transition: margin 200ms ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider {
  margin: 0 auto -1px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider .item {
  float: none;
  display: inline-block;
  vertical-align: top;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  width: 87px;
  margin: 4px;
  float: left;
  cursor: pointer;
  font-family: OpenSansRegular;
  font-size: 18px;
  text-align: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.selected {
  box-sizing: content-box;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message span {
  margin: 0 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message {
  width: 102px;
  margin: 11px 0 0 0;
  box-sizing: content-box;
  line-height: 75px;
  position: relative;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template {
  margin-left: -1px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template .item_selector {
  border-left: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template.selected .item_selector {
  border-left: 2px solid #ff7a00;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template .item_selector {
  background: transparent;
  width: 100%;
  height: 100%;
  border: 1px solid #dadad5;
  position: absolute;
  top: 0;
  left: 0;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message span,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template span,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-top: 2px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message.selected .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template.selected .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template.selected .item_selector {
  border: 2px solid #ff7a00;
  z-index: 9;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
  position: absolute;
  left: 0;
  right: 0;
  transition: opacity 0.7s ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
  position: absolute;
  left: 40px;
  transition: opacity 0.7s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
  width: 350px;
  height: 288px;
  margin-top: 60px;
  resize: none;
  border: none;
  font-size: 18px;
  text-align: center;
  background: rgba(255, 0, 0, 0);
  background-image: linear-gradient(rgba(255, 0, 0, 0) 25px, #ccc 25px, #ccc 25px, rgba(255, 0, 0, 0) 26px);
  background-size: 100% 26px;
  background-repeat: repeat-y;
  line-height: 26px;
  outline: none;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  overflow: hidden;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
  height: 288px;
  margin: 70px auto 0;
  background: transparent;
  border: none;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  width: 100%;
  padding: 0 25px;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template span.no-margin-left {
  margin-left: 0;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template span:nth-child(2) {
  margin-left: 0;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field {
  border: none;
  text-decoration: underline;
  text-underline-offset: 2px;
  background: transparent;
  outline: none;
  height: 22px;
  text-align: center;
  max-width: 100%;
  box-shadow: none;
  margin: 0;
}

/*#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field:not([contenteditable]) {
    border: 0;
}*/

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.placeholder.preview {
  color: rgba(0, 0, 0, 0);
}

#current_kc .kc_main .kc_screen .screen .message_template.d0 .compliment_template .input_field {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .screen .message_template.d1 .compliment_template .input_field {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .screen .message_template.d2 .compliment_template .input_field {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .screen .message_template.d3 .compliment_template .input_field {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .screen .message_template.d4 .compliment_template .input_field {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .screen .message_template.d5 .compliment_template .input_field {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .centered {
  margin: 5px auto;
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: left;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.comma:after {
  content: ",";
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.dot:after {
  content: ".";
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.compliment_lp_text.dot:after {
  content: ".";
  position: relative;
  right: -1px;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.compliment_lp_text.comma:after {
  content: ",";
  position: relative;
  right: -1px;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.exclamation:after {
  content: "!";
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.compliment_lp_text.exclamation:after {
  content: "!";
  position: relative;
  right: -1px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item img {
  width: 100%;
  display: block;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item .selection img {
  transition: border 0.4s linear;
  border: 2px solid transparent;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.selected .selection img {
  border: 2px solid #ff7a00;
}

#current_kc .kc_main .kc_screen .screen .selector_container .col {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

#current_kc .kc_main .kc_screen .screen .selector_container .left {
  padding: 0 20px 0 0;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
}

#current_kc .kc_main .kc_screen .screen .selector_container .right {
  text-align: center;
  width: 30%;
  text-align: left;
}

#current_kc .kc_main .kc_screen .screen .selector_container form span {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  position: relative;
  line-height: 20px;
  text-align: right;
  align-self: flex-start;
  margin-top: 2px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half {
  width: auto;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half:nth-child(1) {
  margin-right: 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .left label {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

#current_kc .kc_main .kc_screen .screen .selector_container form input:not([type=checkbox]) {
  width: 100%;
  padding: 4px;
  height: 30px;
  font-family: OpenSansRegular;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #d7d7d2;
}

#current_kc .kc_main .kc_screen .screen .selector_container form input:not([type=checkbox]):not(:focus):not(:focus-visible) {
  outline: none;
}

/* WCAG 2.1: Focus outline for input fields */

html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container form input:not([type=checkbox]):focus,
html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container form input:not([type=checkbox]):focus-visible {
  outline: 4px solid #f24c00ff !important;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
  width: 380px;
  margin: 0 0 0 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
  width: 185px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
  font-size: 11px;
  color: red;
  font-family: 'OpenSansRegular';
  visibility: visible;
  display: block;
  width: 100%;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .error-container.hidden {
  visibility: hidden;
  display: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.facebook {
  width: 25px;
  height: 25px;
  background: url('/static/img/kindless_chain/icon-facebook.png') no-repeat transparent;
  position: absolute;
  bottom: 8px;
  right: 45px;
  cursor: pointer;
  display: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .checkbox {
  width: 24px;
  height: 24px;
  background: url('/static/img/kindless_chain/checkbox-default.png') no-repeat transparent;
  background-size: cover;
  display: inline-block;
  cursor: pointer;
}

#current_kc .kc_main .kc_screen .screen .selector_container form input:checked + label {
  background: url('/static/img/kindless_chain/checkbox-active.png') no-repeat transparent;
  background-size: cover;
}

#current_kc > div.kc_main > div > div > div.selector_container > form > div.right > div.options {
  position: relative;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.options > div.tip-container {
  width: 15px;
  height: 15px;
  line-height: 15px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: center;
  top: -3px;
  left: 10px;
  background: url('/static/img/stats/question_mark_2.png') no-repeat transparent;
  background-size: 14px 14px;
  z-index: 999;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.options > div.tip-container:hover {
  background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
  background-size: 14px 14px;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip {
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px 15px;
  z-index: 9;
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 2px solid #e6e6e6;
  text-align: left;
  width: 245px;
  top: -26px;
  left: 30px;
  cursor: default;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip:after {
  top: 30px;
  left: -32px;
  right: auto;
  margin-top: -16px;
  border-width: 17px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip:before {
  margin-left: -15px;
  z-index: 2;
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 15px;
  width: 0;
  height: 0;
  top: 30px;
  left: -13px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip h3 {
  color: #ff7a00;
  font-size: 15px;
  font-family: OpenSansRegular;
  font-weight: bold;
  margin: 0 0 7px;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip span {
  font-size: 12px;
  font-family: OpenSansRegular;
  color: #777774;
  line-height: 1.8;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container:hover .tip {
  display: block;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container:focus .tip {
  display: block;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

#current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  vertical-align: top;
  position: relative;
  top: 4px;
  left: 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
  -moz-user-select: none;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: OpenSansSemibold;
  margin: 0 0 5px;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  width: 184px;
  text-transform: uppercase;
  background: none repeat scroll 0 0 #ff7a00;
  background-clip: padding-box;
  box-shadow: 0 2px 0 #b35500;
  text-align: center;
  left: 3px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send:not(:focus):not(:focus-visible) {
  outline: medium none;
}

/* WCAG 2.1: Focus outline for SEND button */

html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send:focus,
html[data-wcag-enabled="true"] #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send:focus-visible {
  outline: 4px solid #f24c00ff !important;
}

#current_kc .kc_main .kc_screen .send_screen .container-old,
#current_kc .kc_main .kc_screen .design_screen .container-old {
  text-align: center;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template {
  word-wrap: break-word;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template p,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template p {
  width: 345px;
  height: 288px;
  margin: 88px auto 0;
  background: transparent;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  display: block;
  white-space: pre-wrap;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template p .input,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template p .input {
  margin: 0 5px;
  border-bottom: 1px solid #D5D3CC;
  padding: 0 10px;
  text-align: center;
  line-height: 22px;
  min-height: 22px;
  display: inline-block;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template p .input.centered,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template p .input.centered {
  display: block;
  margin: 5px auto;
}

#current_kc .kc_main .kc_screen .message_template.d0 {
  font-family: 'OpenSansSemibold';
}

#current_kc .kc_main .kc_screen .message_template.d1 {
  font-family: 'AvenirLTStd-Medium';
}

#current_kc .kc_main .kc_screen .message_template.d2 {
  font-family: 'GillSansInfantStd';
}

#current_kc .kc_main .kc_screen .message_template.d3 {
  font-family: 'AvantGardeGothicITCW02Bk';
}

#current_kc .kc_main .kc_screen .message_template.d4 {
  font-family: 'PalatinoLT-Roman';
}

#current_kc .kc_main .kc_screen .message_template.d5 {
  font-family: 'AvantGardeGothicITCW02Bk';
}

#current_kc .kc_main .kc_screen .message_template.laugh.d0,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d1,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d2,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d3,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d4,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d5,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d0,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d1,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d2,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d3,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d4,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d5,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d0,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d1,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d2,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d3,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d4,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d5,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d0,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d1,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d2,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d3,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d4,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d5,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.important.d0,
#current_kc .kc_main .kc_screen .screen .message_template.important.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.important.d1,
#current_kc .kc_main .kc_screen .screen .message_template.important.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.important.d2,
#current_kc .kc_main .kc_screen .screen .message_template.important.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.important.d3,
#current_kc .kc_main .kc_screen .screen .message_template.important.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.important.d4,
#current_kc .kc_main .kc_screen .screen .message_template.important.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.important.d5,
#current_kc .kc_main .kc_screen .screen .message_template.important.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.friend.d0,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.friend.d1,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.friend.d2,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.friend.d3,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.friend.d4,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.friend.d5,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.talented.d0,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d0 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.talented.d1,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d1 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

#current_kc .kc_main .kc_screen .message_template.talented.d2,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d2 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.talented.d3,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d3 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.talented.d4,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d4 .compliment_template .input_field.comma:after {
  color: #FFFFFF;
}

#current_kc .kc_main .kc_screen .message_template.talented.d5,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d5 .compliment_template .input_field.comma:after {
  color: #1F313C;
}

.kc-modal-header {
  height: 60px;
  border-radius: 10px 10px 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…AiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
  background-image: linear-gradient(to bottom, #07df0b, #058f07);
}

.kc-modal-header .give {
  display: inline-block;
  width: 40px;
  height: 45px;
  background: url('/static/img/kindless_chain/give.png') no-repeat transparent;
  margin: 3px 10px 0 30px;
  position: relative;
  top: 7px;
}

.kc-modal-header span {
  font-size: 22px;
  font-family: 'OpenSansBold';
  color: #fbfbfb;
  vertical-align: top;
  line-height: 60px;
}

.kc-modal-header span.ellen {
  width: 78px;
  height: 40px;
  background: url("/static/img/kindless_chain/ellen.png") no-repeat transparent;
  display: none;
  margin-top: 10px;
}

.flip-container {
  perspective: 1400px;
  position: relative;
  width: 425px;
  height: 425px;
  margin: 0 auto 12px;
  z-index: 999;
}

.flip-container .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotatex(0deg) rotatey(0deg);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0, 0, 0.75, 0.75);
}

.flip-container .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  transform: rotatex(0deg) rotatey(-179deg);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0, 0, 0.75, 0.75);
}

.flip-container.first .back {
  transition: none;
}

#current_kc .kc_main .kc_screen .message_screen .container-old {
  width: 425px;
  height: 425px;
  position: relative;
  margin: 0 auto 12px;
}

#current_kc .kc_main .kc_screen .screen .container-old .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 100%;
}

.flip-container.reversed .back {
  transform: rotatex(0deg) rotatey(179deg);
}

.flip-container.flip .front {
  z-index: 900;
  transform: rotatex(0deg) rotatey(180deg);
}

.flip-container.flip.reversed .front {
  transform: rotatex(0deg) rotatey(-180deg);
}

.flip-container.flip .back {
  z-index: 1000;
  transform: rotatex(0deg) rotatey(0deg);
}

#current_kc .kc_main .kc_screen .design_screen .container-old .message_template.template_text p {
  text-align: left;
  width: 354px;
}

#current_kc .kc_main .kc_screen .container-old.no_flip .message_template .back_flip,
#current_kc .kc_main .kc_screen .container-old.no_flip .message_template .flip {
  display: none;
}

#kindless_chain_modal.s640 {
  width: 642px;
}

.s640 #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
  left: 18px;
}

.s640 #current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container {
  top: -3px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen .games_intro_title {
  font-size: 30px;
  font-family: "OpenSansRegular";
  margin-top: 22px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen {
  padding: 0 30px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen .welcome_image {
  margin: 50px auto;
  background-size: cover;
}

.s640 .kc_screen > .welcome_screen .games_intro_under {
  padding-bottom: 32px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen .col .games_intro_description > p {
  font-size: 16px;
  font-family: 'OpenSansRegular';
  min-height: 120px;
  margin: 0;
  color: #5B5B5B;
  line-height: 20px;
}

.s640 #current_kc .kc_main .kc_screen .screen .main_image {
  width: 320px;
  height: 320px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .title {
  font-size: 14px;
}

.s640 #current_kc .kc_main ul.kc_nav li {
  font-size: 14px;
  margin-top: -12px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  font-size: 14px;
  width: 75px;
}



.s640 #current_kc .kc_main .kc_screen .screen .selector_container .arrow {
  top: 50px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .arrow.left {
  left: 14px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .arrow.right {
  right: 14px;
}

.s640 #current_kc .kc_main ul.kc_nav {
  padding: 12px 0;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template {
  width: 320px;
  height: 320px;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
  width: 280px;
  height: 240px;
  margin: 55px auto 0;
  font-size: 13px;
  line-height: 18px;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .centered {
  margin: 4px auto;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field {
  height: 18px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template {
  margin-left: -1px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template {
  margin-left: -1px;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
  height: 235px;
  width: 280px;
  font-size: 13px;
  line-height: 20px;
  margin-top: 55px;
  background-image: linear-gradient(rgba(255, 0, 0, 0) 19px, #ccc 19px, #ccc 19px, rgba(255, 0, 0, 0) 20px);
  background-size: 100% 20px;
}

.s640 #current_kc .kc_main .kc_screen .send_screen .container-old .message_template p,
.s640 #current_kc .kc_main .kc_screen .design_screen .container-old .message_template p {
  width: 280px;
  height: 235px;
  margin: 55px auto 0;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .left {
  margin: 0;
  width: 60%;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .right {
  margin: 0;
  width: 40%;
  text-align: left;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form input {
  font-size: 13px;
  height: 25px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
  width: 140px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
  width: 290px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
  font-size: 10px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
  width: 184px;
  height: 42px;
  line-height: 42px;
  margin: 0 0 5px;
}

.s640 .flip-container {
  width: 320px;
  height: 320px;
}

.s640 #current_kc .kc_main .kc_screen .message_screen > .container-old {
  width: 320px;
  height: 320px;
}

@media only screen and (min-width: 768px) and (max-width: 1068px) {
  #current_kc .screen .container-old {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .main_image {
    width: 320px;
    height: 320px;
  }
}

/* TRANSITIONAL MEDIA */

@media only screen and (min-width: 768px) and (max-width: 1068px) {
  #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
    left: 18px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
    height: 235px;
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 55px;
    background-image: linear-gradient(rgba(255, 0, 0, 0) 19px, #ccc 19px, #ccc 19px, rgba(255, 0, 0, 0) 20px);
    background-size: 100% 20px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
  #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
    left: 18px;
  }

  #current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container {
    top: -9px;
  }

  #current_kc .kc_main .kc_screen .welcome_screen .col.left {
    width: 100%;
  }

  #current_kc .kc_main .kc_screen .welcome_screen .col .instructions {
    font-size: 16px;
    font-family: 'OpenSansRegular';
    margin: 0;
  }

  #current_kc .kc_main .kc_screen .screen .main_image {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .title {
    font-size: 14px;
  }

  #current_kc .kc_main ul.kc_nav li {
    font-size: 14px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
    font-size: 16px;
  }



  #current_kc .kc_main .kc_screen .screen .selector_container .arrow {
    top: 50px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .arrow.left {
    left: 14px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .arrow.right {
    right: 14px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old {
    width: 536px;
  }

  #current_kc .kc_main ul.kc_nav {
    padding: 12px 0;
  }

  #current_kc .kc_main .kc_screen .screen .message_template {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
    width: 280px;
    height: 240px;
    margin: 55px auto 0;
    font-size: 13px;
    line-height: 18px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .centered {
    margin: 4px auto;
  }

  #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field {
    height: 18px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template {
    margin-left: -1px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider {
    width: 165px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
    height: 235px;
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 55px;
    background-image: linear-gradient(rgba(255, 0, 0, 0) 19px, #ccc 19px, #ccc 19px, rgba(255, 0, 0, 0) 20px);
    background-size: 100% 20px;
    background-position-y: 1px;
  }

  #current_kc .kc_main .kc_screen .send_screen .container-old .message_template p,
  #current_kc .kc_main .kc_screen .design_screen .container-old .message_template p {
    width: 280px;
    height: 235px;
    margin: 55px auto 0;
    background: transparent;
    font-size: 13px;
    line-height: 20px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .left {
    margin: 0 0 0 50px;
    width: 50%;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form input {
    font-size: 13px;
    height: 17px;
    padding: 3px;
    margin: 0 0 1px 4px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
    font-size: 10px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
    width: 164px;
    height: 42px;
    line-height: 42px;
    margin: 0 0 5px;
  }

  .flip-container {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .message_screen > .container-old {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message span {
    margin: 0 10px;
  }
}

/* LOCALE SPECIFIC STYLING */

html[lang=it] #current_kc > div.kc_main > div > div > div.selector_container > form div.right > div.options > span,
html[lang=it] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item,
html[lang=es] #current_kc > div.kc_main > div > div > div.selector_container > form div.right > div.options > span {
  font-size: 12px;
}

html[lang=es] #current_kc > div.kc_main > ul > li > span {
  font-size: 14px;
}

html[lang=es] #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 12px;
}

html[lang=es] #current_kc .kc_main .kc_screen .welcome_screen .col .js-to-others,
html[lang=de] #current_kc .kc_main .kc_screen .welcome_screen .col .js-to-others {
  font-size: 14px;
}

@media only screen and (max-width: 1068px) and (min-width: 320px) {
  html[lang=es] #current_kc > div.kc_main > ul > li > span {
    font-size: 11px;
  }
}

html[lang=fr] #current_kc > div.kc_main > ul > li > span {
  font-size: 12px;
}

html[lang=de] #current_kc .kc_main ul.kc_nav li.design {
  width: 94px;
}

html[lang=de] #current_kc .kc_main ul.kc_nav li.message {
  width: 76px;
}

html[lang=de] #current_kc .kc_main .kc_screen .welcome_screen .col .bulleted_message .title {
  font-size: 14px;
}

html[lang=de] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  font-size: 14px;
}

html[lang=de] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 10px;
  line-height: 17px;
}

html[lang=fr] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 12px;
}

html[lang=pt] .s640 #current_kc .kc_main .kc_screen .screen .selector_container form span {
  font-size: 12px;
}

html[lang=pt] #current_kc .kc_main ul.kc_nav li.send {
  width: 136px;
}

html[lang=pt] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  font-size: 13px;
}

html[lang=pt] #current_kc .kc_main .kc_screen .welcome_screen .col .bulleted_message .ifooter .instruction_footer_text a {
  font-size: 13px;
}

html[lang=zh] #current_kc .kc_main ul.kc_nav li.message .image {
  background: url('/static/img/kindless_chain/abc_kc_cn.png') no-repeat transparent;
  background-position: center;
}

html[lang=zh] #current_kc .kc_main ul.kc_nav li.message:hover .image {
  background: url('/static/img/kindless_chain/abc_kc_active_cn.png') no-repeat transparent;
  background-position: center;
}

html[lang=ja] #current_kc .kc_main ul.kc_nav li.message .image {
  background: url('/static/img/kindless_chain/abc_kc_ja.png') no-repeat transparent;
  background-position: center;
  width: 54px;
}

html[lang=ja] #current_kc .kc_main ul.kc_nav li.message:hover .image {
  background: url('/static/img/kindless_chain/abc_kc_active_ja.png') no-repeat transparent;
  background-position: center;
}

html[lang=ja] #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 9px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #current_kc .kc_main .kc_screen .screen .selector_container .left {
    width: 60%;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .right {
    width: 40%;
    text-align: left;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
    width: 300px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
    width: 145px;
  }
}

@media only screen and (max-width: 767.98px) {
  #current_kc .kc_main .kc_screen .screen .selector_container .left {
    width: 100%;
    margin: 0;
    justify-content: center;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .right {
    width: auto;
    text-align: left;
  }
}

@media only screen and (max-width: 575.98px) {
  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
    width: 250px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
    width: 120px;
  }
}