/**
 * Generated on: 26-09-2023 05:32:09
 * Unique ID: 1695742329640
 */

/*!
 * Bootstrap Reboot v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color, inherit);
}

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

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}

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

h6 {
  font-size: 1rem;
}

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

abbr[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 {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

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;
}

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: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

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

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: var(--bs-secondary-color);
  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]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

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;
}

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

::file-selector-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;
}

/* BOXING */
/* COLORS */
/* TYPOGRAPHY */
/* LAYOUTS/GRID */
/* SPACER */
/* ANIMATION */
:root {
  --transition--xfast: 75ms;
  --transition--fast: 150ms;
  --transition--normal: 250ms;
  --transition--slow: 500ms;
  --ease--normal: cubic-bezier(0.15, 0.45, 0.5, 1);
  --ease--fast: cubic-bezier(0.2, 0.65, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition--xfast: 0;
    --transition--fast: 0;
    --transition--normal: 0;
    --transition--slow: 0;
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
  1% {
    pointer-events: unset;
    visibility: visible;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    height: auto;
    opacity: 1;
  }
  99% {
    height: auto;
    visibility: visible;
  }
  100% {
    height: 0;
    display: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}
:root {
  --section--tiny: 400px;
  --section--xxsmall: 540px;
  --section--xsmall: 632px;
  --section--small: 800px;
  --section--medium: 996px;
  --section--large: 1061px;
  --section--xlarge: 1173px;
  --section--xxlarge: 1440px;
  --section--huge: 2000px;
  --gap: 4px;
  --gap--0: calc(0 * var(--gap));
  --gap--1: calc(1 * var(--gap));
  --gap--2: calc(2 * var(--gap));
  --gap--3: calc(3 * var(--gap));
  --gap--4: calc(4 * var(--gap));
  --gap--5: calc(5 * var(--gap));
  --gap--6: calc(6 * var(--gap));
  --gap--7: calc(7 * var(--gap));
  --gap--8: calc(8 * var(--gap));
  --gap--9: calc(9 * var(--gap));
  --gap--10: calc(10 * var(--gap));
  --gap--11: calc(11 * var(--gap));
  --gap--12: calc(12 * var(--gap));
  --gap--13: calc(13 * var(--gap));
  --gap--14: calc(14 * var(--gap));
  --gap--15: calc(15 * var(--gap));
  --gap--16: calc(16 * var(--gap));
  --gap--17: calc(17 * var(--gap));
  --gap--18: calc(18 * var(--gap));
  --gap--19: calc(19 * var(--gap));
  --gap--20: calc(20 * var(--gap));
  --gap--21: calc(21 * var(--gap));
  --gap--22: calc(22 * var(--gap));
  --gap--23: calc(23 * var(--gap));
  --gap--24: calc(24 * var(--gap));
  --gap--25: calc(25 * var(--gap));
  --gap--26: calc(26 * var(--gap));
  --gap--27: calc(27 * var(--gap));
  --gap--28: calc(28 * var(--gap));
  --gap--29: calc(29 * var(--gap));
  --gap--30: calc(30 * var(--gap));
  --gap--31: calc(31 * var(--gap));
  --gap--32: calc(32 * var(--gap));
  --gap--33: calc(33 * var(--gap));
  --gap--34: calc(34 * var(--gap));
  --gap--35: calc(35 * var(--gap));
  --gap--36: calc(36 * var(--gap));
  --gap--37: calc(37 * var(--gap));
  --gap--38: calc(38 * var(--gap));
  --gap--39: calc(39 * var(--gap));
  --gap--40: calc(40 * var(--gap));
  --gap--41: calc(41 * var(--gap));
  --gap--42: calc(42 * var(--gap));
  --gap--43: calc(43 * var(--gap));
  --gap--44: calc(44 * var(--gap));
  --gap--45: calc(45 * var(--gap));
  --gap--46: calc(46 * var(--gap));
  --gap--47: calc(47 * var(--gap));
  --gap--48: calc(48 * var(--gap));
  --gap--49: calc(49 * var(--gap));
  --gap--50: calc(50 * var(--gap));
  --gap--side: var(--gap--4);
  --gap--default: var(--gap--5);
  --grid--col-gap: var(--gap--12);
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ml--0, .mx--0, .m--0 {
  margin-left: var(--gap--0);
}

.mr--0, .mx--0, .m--0 {
  margin-right: var(--gap--0);
}

.mt--0, .my--0, .m--0 {
  margin-top: var(--gap--0);
}

.mb--0, .my--0, .m--0 {
  margin-bottom: var(--gap--0);
}

.-ml--0, .-mx--0, .-m--0 {
  margin-left: calc(var(--gap--0) * -1);
}

.-mr--0, .-mx--0, .-m--0 {
  margin-right: calc(var(--gap--0) * -1);
}

.-mt--0, .-my--0, .-m--0 {
  margin-top: calc(var(--gap--0) * -1);
}

.-mb--0, .-my--0, .-m--0 {
  margin-bottom: calc(var(--gap--0) * -1);
}

.pl--0, .px--0, .p--0 {
  padding-left: var(--gap--0);
}

.pr--0, .px--0, .p--0 {
  padding-right: var(--gap--0);
}

.pt--0, .py--0, .p--0 {
  padding-top: var(--gap--0);
}

.pb--0, .py--0, .p--0 {
  padding-bottom: var(--gap--0);
}

.ml--1, .mx--1, .m--1 {
  margin-left: var(--gap--1);
}

.mr--1, .mx--1, .m--1 {
  margin-right: var(--gap--1);
}

.mt--1, .my--1, .m--1 {
  margin-top: var(--gap--1);
}

.mb--1, .my--1, .m--1 {
  margin-bottom: var(--gap--1);
}

.-ml--1, .-mx--1, .-m--1 {
  margin-left: calc(var(--gap--1) * -1);
}

.-mr--1, .-mx--1, .-m--1 {
  margin-right: calc(var(--gap--1) * -1);
}

.-mt--1, .-my--1, .-m--1 {
  margin-top: calc(var(--gap--1) * -1);
}

.-mb--1, .-my--1, .-m--1 {
  margin-bottom: calc(var(--gap--1) * -1);
}

.pl--1, .px--1, .p--1 {
  padding-left: var(--gap--1);
}

.pr--1, .px--1, .p--1 {
  padding-right: var(--gap--1);
}

.pt--1, .py--1, .p--1 {
  padding-top: var(--gap--1);
}

.pb--1, .py--1, .p--1 {
  padding-bottom: var(--gap--1);
}

.ml--2, .mx--2, .m--2 {
  margin-left: var(--gap--2);
}

.mr--2, .mx--2, .m--2 {
  margin-right: var(--gap--2);
}

.mt--2, .my--2, .m--2 {
  margin-top: var(--gap--2);
}

.mb--2, .my--2, .m--2 {
  margin-bottom: var(--gap--2);
}

.-ml--2, .-mx--2, .-m--2 {
  margin-left: calc(var(--gap--2) * -1);
}

.-mr--2, .-mx--2, .-m--2 {
  margin-right: calc(var(--gap--2) * -1);
}

.-mt--2, .-my--2, .-m--2 {
  margin-top: calc(var(--gap--2) * -1);
}

.-mb--2, .-my--2, .-m--2 {
  margin-bottom: calc(var(--gap--2) * -1);
}

.pl--2, .px--2, .p--2 {
  padding-left: var(--gap--2);
}

.pr--2, .px--2, .p--2 {
  padding-right: var(--gap--2);
}

.pt--2, .py--2, .p--2 {
  padding-top: var(--gap--2);
}

.pb--2, .py--2, .p--2 {
  padding-bottom: var(--gap--2);
}

.ml--3, .mx--3, .m--3 {
  margin-left: var(--gap--3);
}

.mr--3, .mx--3, .m--3 {
  margin-right: var(--gap--3);
}

.mt--3, .my--3, .m--3 {
  margin-top: var(--gap--3);
}

.mb--3, .my--3, .m--3 {
  margin-bottom: var(--gap--3);
}

.-ml--3, .-mx--3, .-m--3 {
  margin-left: calc(var(--gap--3) * -1);
}

.-mr--3, .-mx--3, .-m--3 {
  margin-right: calc(var(--gap--3) * -1);
}

.-mt--3, .-my--3, .-m--3 {
  margin-top: calc(var(--gap--3) * -1);
}

.-mb--3, .-my--3, .-m--3 {
  margin-bottom: calc(var(--gap--3) * -1);
}

.pl--3, .px--3, .p--3 {
  padding-left: var(--gap--3);
}

.pr--3, .px--3, .p--3 {
  padding-right: var(--gap--3);
}

.pt--3, .py--3, .p--3 {
  padding-top: var(--gap--3);
}

.pb--3, .py--3, .p--3 {
  padding-bottom: var(--gap--3);
}

.ml--4, .mx--4, .m--4 {
  margin-left: var(--gap--4);
}

.mr--4, .mx--4, .m--4 {
  margin-right: var(--gap--4);
}

.mt--4, .my--4, .m--4 {
  margin-top: var(--gap--4);
}

.mb--4, .my--4, .m--4 {
  margin-bottom: var(--gap--4);
}

.-ml--4, .-mx--4, .-m--4 {
  margin-left: calc(var(--gap--4) * -1);
}

.-mr--4, .-mx--4, .-m--4 {
  margin-right: calc(var(--gap--4) * -1);
}

.-mt--4, .-my--4, .-m--4 {
  margin-top: calc(var(--gap--4) * -1);
}

.-mb--4, .-my--4, .-m--4 {
  margin-bottom: calc(var(--gap--4) * -1);
}

.pl--4, .px--4, .p--4 {
  padding-left: var(--gap--4);
}

.pr--4, .px--4, .p--4 {
  padding-right: var(--gap--4);
}

.pt--4, .py--4, .p--4 {
  padding-top: var(--gap--4);
}

.pb--4, .py--4, .p--4 {
  padding-bottom: var(--gap--4);
}

.ml--5, .mx--5, .m--5 {
  margin-left: var(--gap--5);
}

.mr--5, .mx--5, .m--5 {
  margin-right: var(--gap--5);
}

.mt--5, .my--5, .m--5 {
  margin-top: var(--gap--5);
}

.mb--5, .my--5, .m--5 {
  margin-bottom: var(--gap--5);
}

.-ml--5, .-mx--5, .-m--5 {
  margin-left: calc(var(--gap--5) * -1);
}

.-mr--5, .-mx--5, .-m--5 {
  margin-right: calc(var(--gap--5) * -1);
}

.-mt--5, .-my--5, .-m--5 {
  margin-top: calc(var(--gap--5) * -1);
}

.-mb--5, .-my--5, .-m--5 {
  margin-bottom: calc(var(--gap--5) * -1);
}

.pl--5, .px--5, .p--5 {
  padding-left: var(--gap--5);
}

.pr--5, .px--5, .p--5 {
  padding-right: var(--gap--5);
}

.pt--5, .py--5, .p--5 {
  padding-top: var(--gap--5);
}

.pb--5, .py--5, .p--5 {
  padding-bottom: var(--gap--5);
}

.ml--6, .mx--6, .m--6 {
  margin-left: var(--gap--6);
}

.mr--6, .mx--6, .m--6 {
  margin-right: var(--gap--6);
}

.mt--6, .my--6, .m--6 {
  margin-top: var(--gap--6);
}

.mb--6, .my--6, .m--6 {
  margin-bottom: var(--gap--6);
}

.-ml--6, .-mx--6, .-m--6 {
  margin-left: calc(var(--gap--6) * -1);
}

.-mr--6, .-mx--6, .-m--6 {
  margin-right: calc(var(--gap--6) * -1);
}

.-mt--6, .-my--6, .-m--6 {
  margin-top: calc(var(--gap--6) * -1);
}

.-mb--6, .-my--6, .-m--6 {
  margin-bottom: calc(var(--gap--6) * -1);
}

.pl--6, .px--6, .p--6 {
  padding-left: var(--gap--6);
}

.pr--6, .px--6, .p--6 {
  padding-right: var(--gap--6);
}

.pt--6, .py--6, .p--6 {
  padding-top: var(--gap--6);
}

.pb--6, .py--6, .p--6 {
  padding-bottom: var(--gap--6);
}

.ml--7, .mx--7, .m--7 {
  margin-left: var(--gap--7);
}

.mr--7, .mx--7, .m--7 {
  margin-right: var(--gap--7);
}

.mt--7, .my--7, .m--7 {
  margin-top: var(--gap--7);
}

.mb--7, .my--7, .m--7 {
  margin-bottom: var(--gap--7);
}

.-ml--7, .-mx--7, .-m--7 {
  margin-left: calc(var(--gap--7) * -1);
}

.-mr--7, .-mx--7, .-m--7 {
  margin-right: calc(var(--gap--7) * -1);
}

.-mt--7, .-my--7, .-m--7 {
  margin-top: calc(var(--gap--7) * -1);
}

.-mb--7, .-my--7, .-m--7 {
  margin-bottom: calc(var(--gap--7) * -1);
}

.pl--7, .px--7, .p--7 {
  padding-left: var(--gap--7);
}

.pr--7, .px--7, .p--7 {
  padding-right: var(--gap--7);
}

.pt--7, .py--7, .p--7 {
  padding-top: var(--gap--7);
}

.pb--7, .py--7, .p--7 {
  padding-bottom: var(--gap--7);
}

.ml--8, .mx--8, .m--8 {
  margin-left: var(--gap--8);
}

.mr--8, .mx--8, .m--8 {
  margin-right: var(--gap--8);
}

.mt--8, .my--8, .m--8 {
  margin-top: var(--gap--8);
}

.mb--8, .my--8, .m--8 {
  margin-bottom: var(--gap--8);
}

.-ml--8, .-mx--8, .-m--8 {
  margin-left: calc(var(--gap--8) * -1);
}

.-mr--8, .-mx--8, .-m--8 {
  margin-right: calc(var(--gap--8) * -1);
}

.-mt--8, .-my--8, .-m--8 {
  margin-top: calc(var(--gap--8) * -1);
}

.-mb--8, .-my--8, .-m--8 {
  margin-bottom: calc(var(--gap--8) * -1);
}

.pl--8, .px--8, .p--8 {
  padding-left: var(--gap--8);
}

.pr--8, .px--8, .p--8 {
  padding-right: var(--gap--8);
}

.pt--8, .py--8, .p--8 {
  padding-top: var(--gap--8);
}

.pb--8, .py--8, .p--8 {
  padding-bottom: var(--gap--8);
}

.ml--9, .mx--9, .m--9 {
  margin-left: var(--gap--9);
}

.mr--9, .mx--9, .m--9 {
  margin-right: var(--gap--9);
}

.mt--9, .my--9, .m--9 {
  margin-top: var(--gap--9);
}

.mb--9, .my--9, .m--9 {
  margin-bottom: var(--gap--9);
}

.-ml--9, .-mx--9, .-m--9 {
  margin-left: calc(var(--gap--9) * -1);
}

.-mr--9, .-mx--9, .-m--9 {
  margin-right: calc(var(--gap--9) * -1);
}

.-mt--9, .-my--9, .-m--9 {
  margin-top: calc(var(--gap--9) * -1);
}

.-mb--9, .-my--9, .-m--9 {
  margin-bottom: calc(var(--gap--9) * -1);
}

.pl--9, .px--9, .p--9 {
  padding-left: var(--gap--9);
}

.pr--9, .px--9, .p--9 {
  padding-right: var(--gap--9);
}

.pt--9, .py--9, .p--9 {
  padding-top: var(--gap--9);
}

.pb--9, .py--9, .p--9 {
  padding-bottom: var(--gap--9);
}

.ml--10, .mx--10, .m--10 {
  margin-left: var(--gap--10);
}

.mr--10, .mx--10, .m--10 {
  margin-right: var(--gap--10);
}

.mt--10, .my--10, .m--10 {
  margin-top: var(--gap--10);
}

.mb--10, .my--10, .m--10 {
  margin-bottom: var(--gap--10);
}

.-ml--10, .-mx--10, .-m--10 {
  margin-left: calc(var(--gap--10) * -1);
}

.-mr--10, .-mx--10, .-m--10 {
  margin-right: calc(var(--gap--10) * -1);
}

.-mt--10, .-my--10, .-m--10 {
  margin-top: calc(var(--gap--10) * -1);
}

.-mb--10, .-my--10, .-m--10 {
  margin-bottom: calc(var(--gap--10) * -1);
}

.pl--10, .px--10, .p--10 {
  padding-left: var(--gap--10);
}

.pr--10, .px--10, .p--10 {
  padding-right: var(--gap--10);
}

.pt--10, .py--10, .p--10 {
  padding-top: var(--gap--10);
}

.pb--10, .py--10, .p--10 {
  padding-bottom: var(--gap--10);
}

.ml--11, .mx--11, .m--11 {
  margin-left: var(--gap--11);
}

.mr--11, .mx--11, .m--11 {
  margin-right: var(--gap--11);
}

.mt--11, .my--11, .m--11 {
  margin-top: var(--gap--11);
}

.mb--11, .my--11, .m--11 {
  margin-bottom: var(--gap--11);
}

.-ml--11, .-mx--11, .-m--11 {
  margin-left: calc(var(--gap--11) * -1);
}

.-mr--11, .-mx--11, .-m--11 {
  margin-right: calc(var(--gap--11) * -1);
}

.-mt--11, .-my--11, .-m--11 {
  margin-top: calc(var(--gap--11) * -1);
}

.-mb--11, .-my--11, .-m--11 {
  margin-bottom: calc(var(--gap--11) * -1);
}

.pl--11, .px--11, .p--11 {
  padding-left: var(--gap--11);
}

.pr--11, .px--11, .p--11 {
  padding-right: var(--gap--11);
}

.pt--11, .py--11, .p--11 {
  padding-top: var(--gap--11);
}

.pb--11, .py--11, .p--11 {
  padding-bottom: var(--gap--11);
}

.ml--12, .mx--12, .m--12 {
  margin-left: var(--gap--12);
}

.mr--12, .mx--12, .m--12 {
  margin-right: var(--gap--12);
}

.mt--12, .my--12, .m--12 {
  margin-top: var(--gap--12);
}

.mb--12, .my--12, .m--12 {
  margin-bottom: var(--gap--12);
}

.-ml--12, .-mx--12, .-m--12 {
  margin-left: calc(var(--gap--12) * -1);
}

.-mr--12, .-mx--12, .-m--12 {
  margin-right: calc(var(--gap--12) * -1);
}

.-mt--12, .-my--12, .-m--12 {
  margin-top: calc(var(--gap--12) * -1);
}

.-mb--12, .-my--12, .-m--12 {
  margin-bottom: calc(var(--gap--12) * -1);
}

.pl--12, .px--12, .p--12 {
  padding-left: var(--gap--12);
}

.pr--12, .px--12, .p--12 {
  padding-right: var(--gap--12);
}

.pt--12, .py--12, .p--12 {
  padding-top: var(--gap--12);
}

.pb--12, .py--12, .p--12 {
  padding-bottom: var(--gap--12);
}

.ml--13, .mx--13, .m--13 {
  margin-left: var(--gap--13);
}

.mr--13, .mx--13, .m--13 {
  margin-right: var(--gap--13);
}

.mt--13, .my--13, .m--13 {
  margin-top: var(--gap--13);
}

.mb--13, .my--13, .m--13 {
  margin-bottom: var(--gap--13);
}

.-ml--13, .-mx--13, .-m--13 {
  margin-left: calc(var(--gap--13) * -1);
}

.-mr--13, .-mx--13, .-m--13 {
  margin-right: calc(var(--gap--13) * -1);
}

.-mt--13, .-my--13, .-m--13 {
  margin-top: calc(var(--gap--13) * -1);
}

.-mb--13, .-my--13, .-m--13 {
  margin-bottom: calc(var(--gap--13) * -1);
}

.pl--13, .px--13, .p--13 {
  padding-left: var(--gap--13);
}

.pr--13, .px--13, .p--13 {
  padding-right: var(--gap--13);
}

.pt--13, .py--13, .p--13 {
  padding-top: var(--gap--13);
}

.pb--13, .py--13, .p--13 {
  padding-bottom: var(--gap--13);
}

.ml--14, .mx--14, .m--14 {
  margin-left: var(--gap--14);
}

.mr--14, .mx--14, .m--14 {
  margin-right: var(--gap--14);
}

.mt--14, .my--14, .m--14 {
  margin-top: var(--gap--14);
}

.mb--14, .my--14, .m--14 {
  margin-bottom: var(--gap--14);
}

.-ml--14, .-mx--14, .-m--14 {
  margin-left: calc(var(--gap--14) * -1);
}

.-mr--14, .-mx--14, .-m--14 {
  margin-right: calc(var(--gap--14) * -1);
}

.-mt--14, .-my--14, .-m--14 {
  margin-top: calc(var(--gap--14) * -1);
}

.-mb--14, .-my--14, .-m--14 {
  margin-bottom: calc(var(--gap--14) * -1);
}

.pl--14, .px--14, .p--14 {
  padding-left: var(--gap--14);
}

.pr--14, .px--14, .p--14 {
  padding-right: var(--gap--14);
}

.pt--14, .py--14, .p--14 {
  padding-top: var(--gap--14);
}

.pb--14, .py--14, .p--14 {
  padding-bottom: var(--gap--14);
}

.ml--15, .mx--15, .m--15 {
  margin-left: var(--gap--15);
}

.mr--15, .mx--15, .m--15 {
  margin-right: var(--gap--15);
}

.mt--15, .my--15, .m--15 {
  margin-top: var(--gap--15);
}

.mb--15, .my--15, .m--15 {
  margin-bottom: var(--gap--15);
}

.-ml--15, .-mx--15, .-m--15 {
  margin-left: calc(var(--gap--15) * -1);
}

.-mr--15, .-mx--15, .-m--15 {
  margin-right: calc(var(--gap--15) * -1);
}

.-mt--15, .-my--15, .-m--15 {
  margin-top: calc(var(--gap--15) * -1);
}

.-mb--15, .-my--15, .-m--15 {
  margin-bottom: calc(var(--gap--15) * -1);
}

.pl--15, .px--15, .p--15 {
  padding-left: var(--gap--15);
}

.pr--15, .px--15, .p--15 {
  padding-right: var(--gap--15);
}

.pt--15, .py--15, .p--15 {
  padding-top: var(--gap--15);
}

.pb--15, .py--15, .p--15 {
  padding-bottom: var(--gap--15);
}

.ml--16, .mx--16, .m--16 {
  margin-left: var(--gap--16);
}

.mr--16, .mx--16, .m--16 {
  margin-right: var(--gap--16);
}

.mt--16, .my--16, .m--16 {
  margin-top: var(--gap--16);
}

.mb--16, .my--16, .m--16 {
  margin-bottom: var(--gap--16);
}

.-ml--16, .-mx--16, .-m--16 {
  margin-left: calc(var(--gap--16) * -1);
}

.-mr--16, .-mx--16, .-m--16 {
  margin-right: calc(var(--gap--16) * -1);
}

.-mt--16, .-my--16, .-m--16 {
  margin-top: calc(var(--gap--16) * -1);
}

.-mb--16, .-my--16, .-m--16 {
  margin-bottom: calc(var(--gap--16) * -1);
}

.pl--16, .px--16, .p--16 {
  padding-left: var(--gap--16);
}

.pr--16, .px--16, .p--16 {
  padding-right: var(--gap--16);
}

.pt--16, .py--16, .p--16 {
  padding-top: var(--gap--16);
}

.pb--16, .py--16, .p--16 {
  padding-bottom: var(--gap--16);
}

.ml--17, .mx--17, .m--17 {
  margin-left: var(--gap--17);
}

.mr--17, .mx--17, .m--17 {
  margin-right: var(--gap--17);
}

.mt--17, .my--17, .m--17 {
  margin-top: var(--gap--17);
}

.mb--17, .my--17, .m--17 {
  margin-bottom: var(--gap--17);
}

.-ml--17, .-mx--17, .-m--17 {
  margin-left: calc(var(--gap--17) * -1);
}

.-mr--17, .-mx--17, .-m--17 {
  margin-right: calc(var(--gap--17) * -1);
}

.-mt--17, .-my--17, .-m--17 {
  margin-top: calc(var(--gap--17) * -1);
}

.-mb--17, .-my--17, .-m--17 {
  margin-bottom: calc(var(--gap--17) * -1);
}

.pl--17, .px--17, .p--17 {
  padding-left: var(--gap--17);
}

.pr--17, .px--17, .p--17 {
  padding-right: var(--gap--17);
}

.pt--17, .py--17, .p--17 {
  padding-top: var(--gap--17);
}

.pb--17, .py--17, .p--17 {
  padding-bottom: var(--gap--17);
}

.ml--18, .mx--18, .m--18 {
  margin-left: var(--gap--18);
}

.mr--18, .mx--18, .m--18 {
  margin-right: var(--gap--18);
}

.mt--18, .my--18, .m--18 {
  margin-top: var(--gap--18);
}

.mb--18, .my--18, .m--18 {
  margin-bottom: var(--gap--18);
}

.-ml--18, .-mx--18, .-m--18 {
  margin-left: calc(var(--gap--18) * -1);
}

.-mr--18, .-mx--18, .-m--18 {
  margin-right: calc(var(--gap--18) * -1);
}

.-mt--18, .-my--18, .-m--18 {
  margin-top: calc(var(--gap--18) * -1);
}

.-mb--18, .-my--18, .-m--18 {
  margin-bottom: calc(var(--gap--18) * -1);
}

.pl--18, .px--18, .p--18 {
  padding-left: var(--gap--18);
}

.pr--18, .px--18, .p--18 {
  padding-right: var(--gap--18);
}

.pt--18, .py--18, .p--18 {
  padding-top: var(--gap--18);
}

.pb--18, .py--18, .p--18 {
  padding-bottom: var(--gap--18);
}

.ml--19, .mx--19, .m--19 {
  margin-left: var(--gap--19);
}

.mr--19, .mx--19, .m--19 {
  margin-right: var(--gap--19);
}

.mt--19, .my--19, .m--19 {
  margin-top: var(--gap--19);
}

.mb--19, .my--19, .m--19 {
  margin-bottom: var(--gap--19);
}

.-ml--19, .-mx--19, .-m--19 {
  margin-left: calc(var(--gap--19) * -1);
}

.-mr--19, .-mx--19, .-m--19 {
  margin-right: calc(var(--gap--19) * -1);
}

.-mt--19, .-my--19, .-m--19 {
  margin-top: calc(var(--gap--19) * -1);
}

.-mb--19, .-my--19, .-m--19 {
  margin-bottom: calc(var(--gap--19) * -1);
}

.pl--19, .px--19, .p--19 {
  padding-left: var(--gap--19);
}

.pr--19, .px--19, .p--19 {
  padding-right: var(--gap--19);
}

.pt--19, .py--19, .p--19 {
  padding-top: var(--gap--19);
}

.pb--19, .py--19, .p--19 {
  padding-bottom: var(--gap--19);
}

.ml--20, .mx--20, .m--20 {
  margin-left: var(--gap--20);
}

.mr--20, .mx--20, .m--20 {
  margin-right: var(--gap--20);
}

.mt--20, .my--20, .m--20 {
  margin-top: var(--gap--20);
}

.mb--20, .my--20, .m--20 {
  margin-bottom: var(--gap--20);
}

.-ml--20, .-mx--20, .-m--20 {
  margin-left: calc(var(--gap--20) * -1);
}

.-mr--20, .-mx--20, .-m--20 {
  margin-right: calc(var(--gap--20) * -1);
}

.-mt--20, .-my--20, .-m--20 {
  margin-top: calc(var(--gap--20) * -1);
}

.-mb--20, .-my--20, .-m--20 {
  margin-bottom: calc(var(--gap--20) * -1);
}

.pl--20, .px--20, .p--20 {
  padding-left: var(--gap--20);
}

.pr--20, .px--20, .p--20 {
  padding-right: var(--gap--20);
}

.pt--20, .py--20, .p--20 {
  padding-top: var(--gap--20);
}

.pb--20, .py--20, .p--20 {
  padding-bottom: var(--gap--20);
}

.ml--21, .mx--21, .m--21 {
  margin-left: var(--gap--21);
}

.mr--21, .mx--21, .m--21 {
  margin-right: var(--gap--21);
}

.mt--21, .my--21, .m--21 {
  margin-top: var(--gap--21);
}

.mb--21, .my--21, .m--21 {
  margin-bottom: var(--gap--21);
}

.-ml--21, .-mx--21, .-m--21 {
  margin-left: calc(var(--gap--21) * -1);
}

.-mr--21, .-mx--21, .-m--21 {
  margin-right: calc(var(--gap--21) * -1);
}

.-mt--21, .-my--21, .-m--21 {
  margin-top: calc(var(--gap--21) * -1);
}

.-mb--21, .-my--21, .-m--21 {
  margin-bottom: calc(var(--gap--21) * -1);
}

.pl--21, .px--21, .p--21 {
  padding-left: var(--gap--21);
}

.pr--21, .px--21, .p--21 {
  padding-right: var(--gap--21);
}

.pt--21, .py--21, .p--21 {
  padding-top: var(--gap--21);
}

.pb--21, .py--21, .p--21 {
  padding-bottom: var(--gap--21);
}

.ml--22, .mx--22, .m--22 {
  margin-left: var(--gap--22);
}

.mr--22, .mx--22, .m--22 {
  margin-right: var(--gap--22);
}

.mt--22, .my--22, .m--22 {
  margin-top: var(--gap--22);
}

.mb--22, .my--22, .m--22 {
  margin-bottom: var(--gap--22);
}

.-ml--22, .-mx--22, .-m--22 {
  margin-left: calc(var(--gap--22) * -1);
}

.-mr--22, .-mx--22, .-m--22 {
  margin-right: calc(var(--gap--22) * -1);
}

.-mt--22, .-my--22, .-m--22 {
  margin-top: calc(var(--gap--22) * -1);
}

.-mb--22, .-my--22, .-m--22 {
  margin-bottom: calc(var(--gap--22) * -1);
}

.pl--22, .px--22, .p--22 {
  padding-left: var(--gap--22);
}

.pr--22, .px--22, .p--22 {
  padding-right: var(--gap--22);
}

.pt--22, .py--22, .p--22 {
  padding-top: var(--gap--22);
}

.pb--22, .py--22, .p--22 {
  padding-bottom: var(--gap--22);
}

.ml--23, .mx--23, .m--23 {
  margin-left: var(--gap--23);
}

.mr--23, .mx--23, .m--23 {
  margin-right: var(--gap--23);
}

.mt--23, .my--23, .m--23 {
  margin-top: var(--gap--23);
}

.mb--23, .my--23, .m--23 {
  margin-bottom: var(--gap--23);
}

.-ml--23, .-mx--23, .-m--23 {
  margin-left: calc(var(--gap--23) * -1);
}

.-mr--23, .-mx--23, .-m--23 {
  margin-right: calc(var(--gap--23) * -1);
}

.-mt--23, .-my--23, .-m--23 {
  margin-top: calc(var(--gap--23) * -1);
}

.-mb--23, .-my--23, .-m--23 {
  margin-bottom: calc(var(--gap--23) * -1);
}

.pl--23, .px--23, .p--23 {
  padding-left: var(--gap--23);
}

.pr--23, .px--23, .p--23 {
  padding-right: var(--gap--23);
}

.pt--23, .py--23, .p--23 {
  padding-top: var(--gap--23);
}

.pb--23, .py--23, .p--23 {
  padding-bottom: var(--gap--23);
}

.ml--24, .mx--24, .m--24 {
  margin-left: var(--gap--24);
}

.mr--24, .mx--24, .m--24 {
  margin-right: var(--gap--24);
}

.mt--24, .my--24, .m--24 {
  margin-top: var(--gap--24);
}

.mb--24, .my--24, .m--24 {
  margin-bottom: var(--gap--24);
}

.-ml--24, .-mx--24, .-m--24 {
  margin-left: calc(var(--gap--24) * -1);
}

.-mr--24, .-mx--24, .-m--24 {
  margin-right: calc(var(--gap--24) * -1);
}

.-mt--24, .-my--24, .-m--24 {
  margin-top: calc(var(--gap--24) * -1);
}

.-mb--24, .-my--24, .-m--24 {
  margin-bottom: calc(var(--gap--24) * -1);
}

.pl--24, .px--24, .p--24 {
  padding-left: var(--gap--24);
}

.pr--24, .px--24, .p--24 {
  padding-right: var(--gap--24);
}

.pt--24, .py--24, .p--24 {
  padding-top: var(--gap--24);
}

.pb--24, .py--24, .p--24 {
  padding-bottom: var(--gap--24);
}

.ml--25, .mx--25, .m--25 {
  margin-left: var(--gap--25);
}

.mr--25, .mx--25, .m--25 {
  margin-right: var(--gap--25);
}

.mt--25, .my--25, .m--25 {
  margin-top: var(--gap--25);
}

.mb--25, .my--25, .m--25 {
  margin-bottom: var(--gap--25);
}

.-ml--25, .-mx--25, .-m--25 {
  margin-left: calc(var(--gap--25) * -1);
}

.-mr--25, .-mx--25, .-m--25 {
  margin-right: calc(var(--gap--25) * -1);
}

.-mt--25, .-my--25, .-m--25 {
  margin-top: calc(var(--gap--25) * -1);
}

.-mb--25, .-my--25, .-m--25 {
  margin-bottom: calc(var(--gap--25) * -1);
}

.pl--25, .px--25, .p--25 {
  padding-left: var(--gap--25);
}

.pr--25, .px--25, .p--25 {
  padding-right: var(--gap--25);
}

.pt--25, .py--25, .p--25 {
  padding-top: var(--gap--25);
}

.pb--25, .py--25, .p--25 {
  padding-bottom: var(--gap--25);
}

.ml--26, .mx--26, .m--26 {
  margin-left: var(--gap--26);
}

.mr--26, .mx--26, .m--26 {
  margin-right: var(--gap--26);
}

.mt--26, .my--26, .m--26 {
  margin-top: var(--gap--26);
}

.mb--26, .my--26, .m--26 {
  margin-bottom: var(--gap--26);
}

.-ml--26, .-mx--26, .-m--26 {
  margin-left: calc(var(--gap--26) * -1);
}

.-mr--26, .-mx--26, .-m--26 {
  margin-right: calc(var(--gap--26) * -1);
}

.-mt--26, .-my--26, .-m--26 {
  margin-top: calc(var(--gap--26) * -1);
}

.-mb--26, .-my--26, .-m--26 {
  margin-bottom: calc(var(--gap--26) * -1);
}

.pl--26, .px--26, .p--26 {
  padding-left: var(--gap--26);
}

.pr--26, .px--26, .p--26 {
  padding-right: var(--gap--26);
}

.pt--26, .py--26, .p--26 {
  padding-top: var(--gap--26);
}

.pb--26, .py--26, .p--26 {
  padding-bottom: var(--gap--26);
}

.ml--27, .mx--27, .m--27 {
  margin-left: var(--gap--27);
}

.mr--27, .mx--27, .m--27 {
  margin-right: var(--gap--27);
}

.mt--27, .my--27, .m--27 {
  margin-top: var(--gap--27);
}

.mb--27, .my--27, .m--27 {
  margin-bottom: var(--gap--27);
}

.-ml--27, .-mx--27, .-m--27 {
  margin-left: calc(var(--gap--27) * -1);
}

.-mr--27, .-mx--27, .-m--27 {
  margin-right: calc(var(--gap--27) * -1);
}

.-mt--27, .-my--27, .-m--27 {
  margin-top: calc(var(--gap--27) * -1);
}

.-mb--27, .-my--27, .-m--27 {
  margin-bottom: calc(var(--gap--27) * -1);
}

.pl--27, .px--27, .p--27 {
  padding-left: var(--gap--27);
}

.pr--27, .px--27, .p--27 {
  padding-right: var(--gap--27);
}

.pt--27, .py--27, .p--27 {
  padding-top: var(--gap--27);
}

.pb--27, .py--27, .p--27 {
  padding-bottom: var(--gap--27);
}

.ml--28, .mx--28, .m--28 {
  margin-left: var(--gap--28);
}

.mr--28, .mx--28, .m--28 {
  margin-right: var(--gap--28);
}

.mt--28, .my--28, .m--28 {
  margin-top: var(--gap--28);
}

.mb--28, .my--28, .m--28 {
  margin-bottom: var(--gap--28);
}

.-ml--28, .-mx--28, .-m--28 {
  margin-left: calc(var(--gap--28) * -1);
}

.-mr--28, .-mx--28, .-m--28 {
  margin-right: calc(var(--gap--28) * -1);
}

.-mt--28, .-my--28, .-m--28 {
  margin-top: calc(var(--gap--28) * -1);
}

.-mb--28, .-my--28, .-m--28 {
  margin-bottom: calc(var(--gap--28) * -1);
}

.pl--28, .px--28, .p--28 {
  padding-left: var(--gap--28);
}

.pr--28, .px--28, .p--28 {
  padding-right: var(--gap--28);
}

.pt--28, .py--28, .p--28 {
  padding-top: var(--gap--28);
}

.pb--28, .py--28, .p--28 {
  padding-bottom: var(--gap--28);
}

.ml--29, .mx--29, .m--29 {
  margin-left: var(--gap--29);
}

.mr--29, .mx--29, .m--29 {
  margin-right: var(--gap--29);
}

.mt--29, .my--29, .m--29 {
  margin-top: var(--gap--29);
}

.mb--29, .my--29, .m--29 {
  margin-bottom: var(--gap--29);
}

.-ml--29, .-mx--29, .-m--29 {
  margin-left: calc(var(--gap--29) * -1);
}

.-mr--29, .-mx--29, .-m--29 {
  margin-right: calc(var(--gap--29) * -1);
}

.-mt--29, .-my--29, .-m--29 {
  margin-top: calc(var(--gap--29) * -1);
}

.-mb--29, .-my--29, .-m--29 {
  margin-bottom: calc(var(--gap--29) * -1);
}

.pl--29, .px--29, .p--29 {
  padding-left: var(--gap--29);
}

.pr--29, .px--29, .p--29 {
  padding-right: var(--gap--29);
}

.pt--29, .py--29, .p--29 {
  padding-top: var(--gap--29);
}

.pb--29, .py--29, .p--29 {
  padding-bottom: var(--gap--29);
}

.ml--30, .mx--30, .m--30 {
  margin-left: var(--gap--30);
}

.mr--30, .mx--30, .m--30 {
  margin-right: var(--gap--30);
}

.mt--30, .my--30, .m--30 {
  margin-top: var(--gap--30);
}

.mb--30, .my--30, .m--30 {
  margin-bottom: var(--gap--30);
}

.-ml--30, .-mx--30, .-m--30 {
  margin-left: calc(var(--gap--30) * -1);
}

.-mr--30, .-mx--30, .-m--30 {
  margin-right: calc(var(--gap--30) * -1);
}

.-mt--30, .-my--30, .-m--30 {
  margin-top: calc(var(--gap--30) * -1);
}

.-mb--30, .-my--30, .-m--30 {
  margin-bottom: calc(var(--gap--30) * -1);
}

.pl--30, .px--30, .p--30 {
  padding-left: var(--gap--30);
}

.pr--30, .px--30, .p--30 {
  padding-right: var(--gap--30);
}

.pt--30, .py--30, .p--30 {
  padding-top: var(--gap--30);
}

.pb--30, .py--30, .p--30 {
  padding-bottom: var(--gap--30);
}

.ml--31, .mx--31, .m--31 {
  margin-left: var(--gap--31);
}

.mr--31, .mx--31, .m--31 {
  margin-right: var(--gap--31);
}

.mt--31, .my--31, .m--31 {
  margin-top: var(--gap--31);
}

.mb--31, .my--31, .m--31 {
  margin-bottom: var(--gap--31);
}

.-ml--31, .-mx--31, .-m--31 {
  margin-left: calc(var(--gap--31) * -1);
}

.-mr--31, .-mx--31, .-m--31 {
  margin-right: calc(var(--gap--31) * -1);
}

.-mt--31, .-my--31, .-m--31 {
  margin-top: calc(var(--gap--31) * -1);
}

.-mb--31, .-my--31, .-m--31 {
  margin-bottom: calc(var(--gap--31) * -1);
}

.pl--31, .px--31, .p--31 {
  padding-left: var(--gap--31);
}

.pr--31, .px--31, .p--31 {
  padding-right: var(--gap--31);
}

.pt--31, .py--31, .p--31 {
  padding-top: var(--gap--31);
}

.pb--31, .py--31, .p--31 {
  padding-bottom: var(--gap--31);
}

.ml--32, .mx--32, .m--32 {
  margin-left: var(--gap--32);
}

.mr--32, .mx--32, .m--32 {
  margin-right: var(--gap--32);
}

.mt--32, .my--32, .m--32 {
  margin-top: var(--gap--32);
}

.mb--32, .my--32, .m--32 {
  margin-bottom: var(--gap--32);
}

.-ml--32, .-mx--32, .-m--32 {
  margin-left: calc(var(--gap--32) * -1);
}

.-mr--32, .-mx--32, .-m--32 {
  margin-right: calc(var(--gap--32) * -1);
}

.-mt--32, .-my--32, .-m--32 {
  margin-top: calc(var(--gap--32) * -1);
}

.-mb--32, .-my--32, .-m--32 {
  margin-bottom: calc(var(--gap--32) * -1);
}

.pl--32, .px--32, .p--32 {
  padding-left: var(--gap--32);
}

.pr--32, .px--32, .p--32 {
  padding-right: var(--gap--32);
}

.pt--32, .py--32, .p--32 {
  padding-top: var(--gap--32);
}

.pb--32, .py--32, .p--32 {
  padding-bottom: var(--gap--32);
}

.ml--33, .mx--33, .m--33 {
  margin-left: var(--gap--33);
}

.mr--33, .mx--33, .m--33 {
  margin-right: var(--gap--33);
}

.mt--33, .my--33, .m--33 {
  margin-top: var(--gap--33);
}

.mb--33, .my--33, .m--33 {
  margin-bottom: var(--gap--33);
}

.-ml--33, .-mx--33, .-m--33 {
  margin-left: calc(var(--gap--33) * -1);
}

.-mr--33, .-mx--33, .-m--33 {
  margin-right: calc(var(--gap--33) * -1);
}

.-mt--33, .-my--33, .-m--33 {
  margin-top: calc(var(--gap--33) * -1);
}

.-mb--33, .-my--33, .-m--33 {
  margin-bottom: calc(var(--gap--33) * -1);
}

.pl--33, .px--33, .p--33 {
  padding-left: var(--gap--33);
}

.pr--33, .px--33, .p--33 {
  padding-right: var(--gap--33);
}

.pt--33, .py--33, .p--33 {
  padding-top: var(--gap--33);
}

.pb--33, .py--33, .p--33 {
  padding-bottom: var(--gap--33);
}

.ml--34, .mx--34, .m--34 {
  margin-left: var(--gap--34);
}

.mr--34, .mx--34, .m--34 {
  margin-right: var(--gap--34);
}

.mt--34, .my--34, .m--34 {
  margin-top: var(--gap--34);
}

.mb--34, .my--34, .m--34 {
  margin-bottom: var(--gap--34);
}

.-ml--34, .-mx--34, .-m--34 {
  margin-left: calc(var(--gap--34) * -1);
}

.-mr--34, .-mx--34, .-m--34 {
  margin-right: calc(var(--gap--34) * -1);
}

.-mt--34, .-my--34, .-m--34 {
  margin-top: calc(var(--gap--34) * -1);
}

.-mb--34, .-my--34, .-m--34 {
  margin-bottom: calc(var(--gap--34) * -1);
}

.pl--34, .px--34, .p--34 {
  padding-left: var(--gap--34);
}

.pr--34, .px--34, .p--34 {
  padding-right: var(--gap--34);
}

.pt--34, .py--34, .p--34 {
  padding-top: var(--gap--34);
}

.pb--34, .py--34, .p--34 {
  padding-bottom: var(--gap--34);
}

.ml--35, .mx--35, .m--35 {
  margin-left: var(--gap--35);
}

.mr--35, .mx--35, .m--35 {
  margin-right: var(--gap--35);
}

.mt--35, .my--35, .m--35 {
  margin-top: var(--gap--35);
}

.mb--35, .my--35, .m--35 {
  margin-bottom: var(--gap--35);
}

.-ml--35, .-mx--35, .-m--35 {
  margin-left: calc(var(--gap--35) * -1);
}

.-mr--35, .-mx--35, .-m--35 {
  margin-right: calc(var(--gap--35) * -1);
}

.-mt--35, .-my--35, .-m--35 {
  margin-top: calc(var(--gap--35) * -1);
}

.-mb--35, .-my--35, .-m--35 {
  margin-bottom: calc(var(--gap--35) * -1);
}

.pl--35, .px--35, .p--35 {
  padding-left: var(--gap--35);
}

.pr--35, .px--35, .p--35 {
  padding-right: var(--gap--35);
}

.pt--35, .py--35, .p--35 {
  padding-top: var(--gap--35);
}

.pb--35, .py--35, .p--35 {
  padding-bottom: var(--gap--35);
}

.ml--36, .mx--36, .m--36 {
  margin-left: var(--gap--36);
}

.mr--36, .mx--36, .m--36 {
  margin-right: var(--gap--36);
}

.mt--36, .my--36, .m--36 {
  margin-top: var(--gap--36);
}

.mb--36, .my--36, .m--36 {
  margin-bottom: var(--gap--36);
}

.-ml--36, .-mx--36, .-m--36 {
  margin-left: calc(var(--gap--36) * -1);
}

.-mr--36, .-mx--36, .-m--36 {
  margin-right: calc(var(--gap--36) * -1);
}

.-mt--36, .-my--36, .-m--36 {
  margin-top: calc(var(--gap--36) * -1);
}

.-mb--36, .-my--36, .-m--36 {
  margin-bottom: calc(var(--gap--36) * -1);
}

.pl--36, .px--36, .p--36 {
  padding-left: var(--gap--36);
}

.pr--36, .px--36, .p--36 {
  padding-right: var(--gap--36);
}

.pt--36, .py--36, .p--36 {
  padding-top: var(--gap--36);
}

.pb--36, .py--36, .p--36 {
  padding-bottom: var(--gap--36);
}

.ml--37, .mx--37, .m--37 {
  margin-left: var(--gap--37);
}

.mr--37, .mx--37, .m--37 {
  margin-right: var(--gap--37);
}

.mt--37, .my--37, .m--37 {
  margin-top: var(--gap--37);
}

.mb--37, .my--37, .m--37 {
  margin-bottom: var(--gap--37);
}

.-ml--37, .-mx--37, .-m--37 {
  margin-left: calc(var(--gap--37) * -1);
}

.-mr--37, .-mx--37, .-m--37 {
  margin-right: calc(var(--gap--37) * -1);
}

.-mt--37, .-my--37, .-m--37 {
  margin-top: calc(var(--gap--37) * -1);
}

.-mb--37, .-my--37, .-m--37 {
  margin-bottom: calc(var(--gap--37) * -1);
}

.pl--37, .px--37, .p--37 {
  padding-left: var(--gap--37);
}

.pr--37, .px--37, .p--37 {
  padding-right: var(--gap--37);
}

.pt--37, .py--37, .p--37 {
  padding-top: var(--gap--37);
}

.pb--37, .py--37, .p--37 {
  padding-bottom: var(--gap--37);
}

.ml--38, .mx--38, .m--38 {
  margin-left: var(--gap--38);
}

.mr--38, .mx--38, .m--38 {
  margin-right: var(--gap--38);
}

.mt--38, .my--38, .m--38 {
  margin-top: var(--gap--38);
}

.mb--38, .my--38, .m--38 {
  margin-bottom: var(--gap--38);
}

.-ml--38, .-mx--38, .-m--38 {
  margin-left: calc(var(--gap--38) * -1);
}

.-mr--38, .-mx--38, .-m--38 {
  margin-right: calc(var(--gap--38) * -1);
}

.-mt--38, .-my--38, .-m--38 {
  margin-top: calc(var(--gap--38) * -1);
}

.-mb--38, .-my--38, .-m--38 {
  margin-bottom: calc(var(--gap--38) * -1);
}

.pl--38, .px--38, .p--38 {
  padding-left: var(--gap--38);
}

.pr--38, .px--38, .p--38 {
  padding-right: var(--gap--38);
}

.pt--38, .py--38, .p--38 {
  padding-top: var(--gap--38);
}

.pb--38, .py--38, .p--38 {
  padding-bottom: var(--gap--38);
}

.ml--39, .mx--39, .m--39 {
  margin-left: var(--gap--39);
}

.mr--39, .mx--39, .m--39 {
  margin-right: var(--gap--39);
}

.mt--39, .my--39, .m--39 {
  margin-top: var(--gap--39);
}

.mb--39, .my--39, .m--39 {
  margin-bottom: var(--gap--39);
}

.-ml--39, .-mx--39, .-m--39 {
  margin-left: calc(var(--gap--39) * -1);
}

.-mr--39, .-mx--39, .-m--39 {
  margin-right: calc(var(--gap--39) * -1);
}

.-mt--39, .-my--39, .-m--39 {
  margin-top: calc(var(--gap--39) * -1);
}

.-mb--39, .-my--39, .-m--39 {
  margin-bottom: calc(var(--gap--39) * -1);
}

.pl--39, .px--39, .p--39 {
  padding-left: var(--gap--39);
}

.pr--39, .px--39, .p--39 {
  padding-right: var(--gap--39);
}

.pt--39, .py--39, .p--39 {
  padding-top: var(--gap--39);
}

.pb--39, .py--39, .p--39 {
  padding-bottom: var(--gap--39);
}

.ml--40, .mx--40, .m--40 {
  margin-left: var(--gap--40);
}

.mr--40, .mx--40, .m--40 {
  margin-right: var(--gap--40);
}

.mt--40, .my--40, .m--40 {
  margin-top: var(--gap--40);
}

.mb--40, .my--40, .m--40 {
  margin-bottom: var(--gap--40);
}

.-ml--40, .-mx--40, .-m--40 {
  margin-left: calc(var(--gap--40) * -1);
}

.-mr--40, .-mx--40, .-m--40 {
  margin-right: calc(var(--gap--40) * -1);
}

.-mt--40, .-my--40, .-m--40 {
  margin-top: calc(var(--gap--40) * -1);
}

.-mb--40, .-my--40, .-m--40 {
  margin-bottom: calc(var(--gap--40) * -1);
}

.pl--40, .px--40, .p--40 {
  padding-left: var(--gap--40);
}

.pr--40, .px--40, .p--40 {
  padding-right: var(--gap--40);
}

.pt--40, .py--40, .p--40 {
  padding-top: var(--gap--40);
}

.pb--40, .py--40, .p--40 {
  padding-bottom: var(--gap--40);
}

.ml--41, .mx--41, .m--41 {
  margin-left: var(--gap--41);
}

.mr--41, .mx--41, .m--41 {
  margin-right: var(--gap--41);
}

.mt--41, .my--41, .m--41 {
  margin-top: var(--gap--41);
}

.mb--41, .my--41, .m--41 {
  margin-bottom: var(--gap--41);
}

.-ml--41, .-mx--41, .-m--41 {
  margin-left: calc(var(--gap--41) * -1);
}

.-mr--41, .-mx--41, .-m--41 {
  margin-right: calc(var(--gap--41) * -1);
}

.-mt--41, .-my--41, .-m--41 {
  margin-top: calc(var(--gap--41) * -1);
}

.-mb--41, .-my--41, .-m--41 {
  margin-bottom: calc(var(--gap--41) * -1);
}

.pl--41, .px--41, .p--41 {
  padding-left: var(--gap--41);
}

.pr--41, .px--41, .p--41 {
  padding-right: var(--gap--41);
}

.pt--41, .py--41, .p--41 {
  padding-top: var(--gap--41);
}

.pb--41, .py--41, .p--41 {
  padding-bottom: var(--gap--41);
}

.ml--42, .mx--42, .m--42 {
  margin-left: var(--gap--42);
}

.mr--42, .mx--42, .m--42 {
  margin-right: var(--gap--42);
}

.mt--42, .my--42, .m--42 {
  margin-top: var(--gap--42);
}

.mb--42, .my--42, .m--42 {
  margin-bottom: var(--gap--42);
}

.-ml--42, .-mx--42, .-m--42 {
  margin-left: calc(var(--gap--42) * -1);
}

.-mr--42, .-mx--42, .-m--42 {
  margin-right: calc(var(--gap--42) * -1);
}

.-mt--42, .-my--42, .-m--42 {
  margin-top: calc(var(--gap--42) * -1);
}

.-mb--42, .-my--42, .-m--42 {
  margin-bottom: calc(var(--gap--42) * -1);
}

.pl--42, .px--42, .p--42 {
  padding-left: var(--gap--42);
}

.pr--42, .px--42, .p--42 {
  padding-right: var(--gap--42);
}

.pt--42, .py--42, .p--42 {
  padding-top: var(--gap--42);
}

.pb--42, .py--42, .p--42 {
  padding-bottom: var(--gap--42);
}

.ml--43, .mx--43, .m--43 {
  margin-left: var(--gap--43);
}

.mr--43, .mx--43, .m--43 {
  margin-right: var(--gap--43);
}

.mt--43, .my--43, .m--43 {
  margin-top: var(--gap--43);
}

.mb--43, .my--43, .m--43 {
  margin-bottom: var(--gap--43);
}

.-ml--43, .-mx--43, .-m--43 {
  margin-left: calc(var(--gap--43) * -1);
}

.-mr--43, .-mx--43, .-m--43 {
  margin-right: calc(var(--gap--43) * -1);
}

.-mt--43, .-my--43, .-m--43 {
  margin-top: calc(var(--gap--43) * -1);
}

.-mb--43, .-my--43, .-m--43 {
  margin-bottom: calc(var(--gap--43) * -1);
}

.pl--43, .px--43, .p--43 {
  padding-left: var(--gap--43);
}

.pr--43, .px--43, .p--43 {
  padding-right: var(--gap--43);
}

.pt--43, .py--43, .p--43 {
  padding-top: var(--gap--43);
}

.pb--43, .py--43, .p--43 {
  padding-bottom: var(--gap--43);
}

.ml--44, .mx--44, .m--44 {
  margin-left: var(--gap--44);
}

.mr--44, .mx--44, .m--44 {
  margin-right: var(--gap--44);
}

.mt--44, .my--44, .m--44 {
  margin-top: var(--gap--44);
}

.mb--44, .my--44, .m--44 {
  margin-bottom: var(--gap--44);
}

.-ml--44, .-mx--44, .-m--44 {
  margin-left: calc(var(--gap--44) * -1);
}

.-mr--44, .-mx--44, .-m--44 {
  margin-right: calc(var(--gap--44) * -1);
}

.-mt--44, .-my--44, .-m--44 {
  margin-top: calc(var(--gap--44) * -1);
}

.-mb--44, .-my--44, .-m--44 {
  margin-bottom: calc(var(--gap--44) * -1);
}

.pl--44, .px--44, .p--44 {
  padding-left: var(--gap--44);
}

.pr--44, .px--44, .p--44 {
  padding-right: var(--gap--44);
}

.pt--44, .py--44, .p--44 {
  padding-top: var(--gap--44);
}

.pb--44, .py--44, .p--44 {
  padding-bottom: var(--gap--44);
}

.ml--45, .mx--45, .m--45 {
  margin-left: var(--gap--45);
}

.mr--45, .mx--45, .m--45 {
  margin-right: var(--gap--45);
}

.mt--45, .my--45, .m--45 {
  margin-top: var(--gap--45);
}

.mb--45, .my--45, .m--45 {
  margin-bottom: var(--gap--45);
}

.-ml--45, .-mx--45, .-m--45 {
  margin-left: calc(var(--gap--45) * -1);
}

.-mr--45, .-mx--45, .-m--45 {
  margin-right: calc(var(--gap--45) * -1);
}

.-mt--45, .-my--45, .-m--45 {
  margin-top: calc(var(--gap--45) * -1);
}

.-mb--45, .-my--45, .-m--45 {
  margin-bottom: calc(var(--gap--45) * -1);
}

.pl--45, .px--45, .p--45 {
  padding-left: var(--gap--45);
}

.pr--45, .px--45, .p--45 {
  padding-right: var(--gap--45);
}

.pt--45, .py--45, .p--45 {
  padding-top: var(--gap--45);
}

.pb--45, .py--45, .p--45 {
  padding-bottom: var(--gap--45);
}

.ml--46, .mx--46, .m--46 {
  margin-left: var(--gap--46);
}

.mr--46, .mx--46, .m--46 {
  margin-right: var(--gap--46);
}

.mt--46, .my--46, .m--46 {
  margin-top: var(--gap--46);
}

.mb--46, .my--46, .m--46 {
  margin-bottom: var(--gap--46);
}

.-ml--46, .-mx--46, .-m--46 {
  margin-left: calc(var(--gap--46) * -1);
}

.-mr--46, .-mx--46, .-m--46 {
  margin-right: calc(var(--gap--46) * -1);
}

.-mt--46, .-my--46, .-m--46 {
  margin-top: calc(var(--gap--46) * -1);
}

.-mb--46, .-my--46, .-m--46 {
  margin-bottom: calc(var(--gap--46) * -1);
}

.pl--46, .px--46, .p--46 {
  padding-left: var(--gap--46);
}

.pr--46, .px--46, .p--46 {
  padding-right: var(--gap--46);
}

.pt--46, .py--46, .p--46 {
  padding-top: var(--gap--46);
}

.pb--46, .py--46, .p--46 {
  padding-bottom: var(--gap--46);
}

.ml--47, .mx--47, .m--47 {
  margin-left: var(--gap--47);
}

.mr--47, .mx--47, .m--47 {
  margin-right: var(--gap--47);
}

.mt--47, .my--47, .m--47 {
  margin-top: var(--gap--47);
}

.mb--47, .my--47, .m--47 {
  margin-bottom: var(--gap--47);
}

.-ml--47, .-mx--47, .-m--47 {
  margin-left: calc(var(--gap--47) * -1);
}

.-mr--47, .-mx--47, .-m--47 {
  margin-right: calc(var(--gap--47) * -1);
}

.-mt--47, .-my--47, .-m--47 {
  margin-top: calc(var(--gap--47) * -1);
}

.-mb--47, .-my--47, .-m--47 {
  margin-bottom: calc(var(--gap--47) * -1);
}

.pl--47, .px--47, .p--47 {
  padding-left: var(--gap--47);
}

.pr--47, .px--47, .p--47 {
  padding-right: var(--gap--47);
}

.pt--47, .py--47, .p--47 {
  padding-top: var(--gap--47);
}

.pb--47, .py--47, .p--47 {
  padding-bottom: var(--gap--47);
}

.ml--48, .mx--48, .m--48 {
  margin-left: var(--gap--48);
}

.mr--48, .mx--48, .m--48 {
  margin-right: var(--gap--48);
}

.mt--48, .my--48, .m--48 {
  margin-top: var(--gap--48);
}

.mb--48, .my--48, .m--48 {
  margin-bottom: var(--gap--48);
}

.-ml--48, .-mx--48, .-m--48 {
  margin-left: calc(var(--gap--48) * -1);
}

.-mr--48, .-mx--48, .-m--48 {
  margin-right: calc(var(--gap--48) * -1);
}

.-mt--48, .-my--48, .-m--48 {
  margin-top: calc(var(--gap--48) * -1);
}

.-mb--48, .-my--48, .-m--48 {
  margin-bottom: calc(var(--gap--48) * -1);
}

.pl--48, .px--48, .p--48 {
  padding-left: var(--gap--48);
}

.pr--48, .px--48, .p--48 {
  padding-right: var(--gap--48);
}

.pt--48, .py--48, .p--48 {
  padding-top: var(--gap--48);
}

.pb--48, .py--48, .p--48 {
  padding-bottom: var(--gap--48);
}

.ml--49, .mx--49, .m--49 {
  margin-left: var(--gap--49);
}

.mr--49, .mx--49, .m--49 {
  margin-right: var(--gap--49);
}

.mt--49, .my--49, .m--49 {
  margin-top: var(--gap--49);
}

.mb--49, .my--49, .m--49 {
  margin-bottom: var(--gap--49);
}

.-ml--49, .-mx--49, .-m--49 {
  margin-left: calc(var(--gap--49) * -1);
}

.-mr--49, .-mx--49, .-m--49 {
  margin-right: calc(var(--gap--49) * -1);
}

.-mt--49, .-my--49, .-m--49 {
  margin-top: calc(var(--gap--49) * -1);
}

.-mb--49, .-my--49, .-m--49 {
  margin-bottom: calc(var(--gap--49) * -1);
}

.pl--49, .px--49, .p--49 {
  padding-left: var(--gap--49);
}

.pr--49, .px--49, .p--49 {
  padding-right: var(--gap--49);
}

.pt--49, .py--49, .p--49 {
  padding-top: var(--gap--49);
}

.pb--49, .py--49, .p--49 {
  padding-bottom: var(--gap--49);
}

.ml--50, .mx--50, .m--50 {
  margin-left: var(--gap--50);
}

.mr--50, .mx--50, .m--50 {
  margin-right: var(--gap--50);
}

.mt--50, .my--50, .m--50 {
  margin-top: var(--gap--50);
}

.mb--50, .my--50, .m--50 {
  margin-bottom: var(--gap--50);
}

.-ml--50, .-mx--50, .-m--50 {
  margin-left: calc(var(--gap--50) * -1);
}

.-mr--50, .-mx--50, .-m--50 {
  margin-right: calc(var(--gap--50) * -1);
}

.-mt--50, .-my--50, .-m--50 {
  margin-top: calc(var(--gap--50) * -1);
}

.-mb--50, .-my--50, .-m--50 {
  margin-bottom: calc(var(--gap--50) * -1);
}

.pl--50, .px--50, .p--50 {
  padding-left: var(--gap--50);
}

.pr--50, .px--50, .p--50 {
  padding-right: var(--gap--50);
}

.pt--50, .py--50, .p--50 {
  padding-top: var(--gap--50);
}

.pb--50, .py--50, .p--50 {
  padding-bottom: var(--gap--50);
}

.ml--auto, .m--auto, .mx--auto {
  margin-left: auto;
}

.mr--auto, .m--auto, .mx--auto {
  margin-right: auto;
}

.mt--auto, .m--auto, .my--auto {
  margin-top: auto;
}

.mb--auto, .m--auto, .my--auto {
  margin-bottom: auto;
}

.section, [class|=section] {
  display: flex;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gap--side);
  padding-right: var(--gap--side);
  width: 100%;
}

.section--tiny {
  max-width: calc(var(--section--tiny) + 2 * var(--gap--side));
}

.section--xxsmall {
  max-width: calc(var(--section--xxsmall) + 2 * var(--gap--side));
}

.section--xsmall {
  max-width: calc(var(--section--xsmall) + 2 * var(--gap--side));
}

.section--small {
  max-width: calc(var(--section--small) + 2 * var(--gap--side));
}

.section--medium {
  max-width: calc(var(--section--medium) + 2 * var(--gap--side));
}

.section--large {
  max-width: calc(var(--section--large) + 2 * var(--gap--side));
}

.section--xlarge {
  max-width: calc(var(--section--xlarge) + 2 * var(--gap--side));
}

.section--xxlarge {
  max-width: calc(var(--section--xxlarge) + 2 * var(--gap--side));
}

.section--huge {
  max-width: calc(var(--section--huge) + 2 * var(--gap--side));
}

:root {
  scroll-behavior: auto !important;
}

.fullh {
  height: 100%;
}

.fullh--min {
  min-height: 100%;
}

.fullw {
  width: 100%;
}

.fullhs {
  height: 100vh;
}

.fullhs--min, body {
  min-height: 100vh;
}

.fullws {
  width: 100vw;
}

.fullscreen {
  height: 100vh;
  width: 100vw;
}

.halfhs--min {
  min-height: 100vh;
}

.grow {
  flex-grow: 1;
}

.centered {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}

picture {
  user-select: none;
}
picture img {
  display: block;
  width: 100%;
}

hr {
  border: none;
  display: block;
  height: 1px;
  opacity: 0.3;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

table {
  table-layout: fixed;
  width: 100%;
}

p:empty {
  display: none;
}

html {
  --color--neutrals-0: #fff;
  --color--neutrals-1: #F8FAF9;
  --color--neutrals-2: #ECEDED;
  --color--neutrals-3: #DFE1E0;
  --color--neutrals-4: #aaa;
  --color--neutrals-5: #888;
  --color--neutrals-6: #666;
  --color--neutrals-7: #555;
  --color--neutrals-8: #212121;
  --color--neutrals-9: #000;
  --color--brand-0: #005377;
  --color--brand-1: #E2EBE8;
  --color--brand-2: #0A47ED;
  --color--brand-3: #EC4E20;
  --color--brand-4: #80A9BB;
  --color--action: var(--color--brand-1);
  --color--action-hover: var(--color--brand-0);
  --color--action-disabled: var(--color--neutrals-6);
  --color--action-active: var(--color--brand-4);
  --color--text-light: var(--color--neutrals-1);
  --color--text-medium: var(--color--neutrals-3);
  --color--text-dark: var(--color--brand-0);
  --color--selection: var(--color--brand-0);
  --color--selection-text: var(--color--brand-1);
  --color--negative: #F29292;
  --color--positive: #8CDEA8;
}
html[data-theme=dark] {
  --color--neutrals-0: #000;
  --color--neutrals-1: #212121;
  --color--neutrals-2: #555;
  --color--neutrals-3: #666;
  --color--neutrals-4: #888;
  --color--neutrals-5: #aaa;
  --color--neutrals-6: #DFE1E0;
  --color--neutrals-7: #ECEDED;
  --color--neutrals-8: #F8FAF9;
  --color--neutrals-9: #fff;
  --color--brand-0: #E2EBE8;
  --color--brand-1: #005377;
  --color--brand-0-1: rgba(183,206,198, .1);
  --color--brand-0-7: rgba(226,235,232, .7);
}

.fc--neutrals-0 {
  color: #fff;
}

.bg--neutrals-0 {
  background-color: #fff;
}

.bc--neutrals-0 {
  border-color: #fff;
}

.fc--neutrals-1 {
  color: #F8FAF9;
}

.bg--neutrals-1 {
  background-color: #F8FAF9;
}

.bc--neutrals-1 {
  border-color: #F8FAF9;
}

.fc--neutrals-2 {
  color: #ECEDED;
}

.bg--neutrals-2 {
  background-color: #ECEDED;
}

.bc--neutrals-2 {
  border-color: #ECEDED;
}

.fc--neutrals-3 {
  color: #DFE1E0;
}

.bg--neutrals-3 {
  background-color: #DFE1E0;
}

.bc--neutrals-3 {
  border-color: #DFE1E0;
}

.fc--neutrals-4 {
  color: #aaa;
}

.bg--neutrals-4 {
  background-color: #aaa;
}

.bc--neutrals-4 {
  border-color: #aaa;
}

.fc--neutrals-5 {
  color: #888;
}

.bg--neutrals-5 {
  background-color: #888;
}

.bc--neutrals-5 {
  border-color: #888;
}

.fc--neutrals-6 {
  color: #666;
}

.bg--neutrals-6 {
  background-color: #666;
}

.bc--neutrals-6 {
  border-color: #666;
}

.fc--neutrals-7 {
  color: #555;
}

.bg--neutrals-7 {
  background-color: #555;
}

.bc--neutrals-7 {
  border-color: #555;
}

.fc--neutrals-8 {
  color: #212121;
}

.bg--neutrals-8 {
  background-color: #212121;
}

.bc--neutrals-8 {
  border-color: #212121;
}

.fc--neutrals-9 {
  color: #000;
}

.bg--neutrals-9 {
  background-color: #000;
}

.bc--neutrals-9 {
  border-color: #000;
}

.fc--brand-0 {
  color: #005377;
}

.bg--brand-0 {
  background-color: #005377;
}

.bc--brand-0 {
  border-color: #005377;
}

.fc--brand-1 {
  color: #E2EBE8;
}

.bg--brand-1 {
  background-color: #E2EBE8;
}

.bc--brand-1 {
  border-color: #E2EBE8;
}

.fc--brand-2 {
  color: #0A47ED;
}

.bg--brand-2 {
  background-color: #0A47ED;
}

.bc--brand-2 {
  border-color: #0A47ED;
}

.fc--brand-3 {
  color: #EC4E20;
}

.bg--brand-3 {
  background-color: #EC4E20;
}

.bc--brand-3 {
  border-color: #EC4E20;
}

.fc--brand-4 {
  color: #80A9BB;
}

.bg--brand-4 {
  background-color: #80A9BB;
}

.bc--brand-4 {
  border-color: #80A9BB;
}

.fc--action {
  color: var(--color--brand-1);
}

.bg--action {
  background-color: var(--color--brand-1);
}

.bc--action {
  border-color: var(--color--brand-1);
}

.fc--action-hover {
  color: var(--color--brand-0);
}

.bg--action-hover {
  background-color: var(--color--brand-0);
}

.bc--action-hover {
  border-color: var(--color--brand-0);
}

.fc--action-disabled {
  color: var(--color--neutrals-6);
}

.bg--action-disabled {
  background-color: var(--color--neutrals-6);
}

.bc--action-disabled {
  border-color: var(--color--neutrals-6);
}

.fc--action-active {
  color: var(--color--brand-4);
}

.bg--action-active {
  background-color: var(--color--brand-4);
}

.bc--action-active {
  border-color: var(--color--brand-4);
}

.fc--text-light {
  color: var(--color--neutrals-1);
}

.bg--text-light {
  background-color: var(--color--neutrals-1);
}

.bc--text-light {
  border-color: var(--color--neutrals-1);
}

.fc--text-medium {
  color: var(--color--neutrals-3);
}

.bg--text-medium {
  background-color: var(--color--neutrals-3);
}

.bc--text-medium {
  border-color: var(--color--neutrals-3);
}

.fc--text-dark {
  color: var(--color--brand-0);
}

.bg--text-dark {
  background-color: var(--color--brand-0);
}

.bc--text-dark {
  border-color: var(--color--brand-0);
}

.fc--selection {
  color: var(--color--brand-0);
}

.bg--selection {
  background-color: var(--color--brand-0);
}

.bc--selection {
  border-color: var(--color--brand-0);
}

.fc--selection-text {
  color: var(--color--brand-1);
}

.bg--selection-text {
  background-color: var(--color--brand-1);
}

.bc--selection-text {
  border-color: var(--color--brand-1);
}

.fc--negative {
  color: #F29292;
}

.bg--negative {
  background-color: #F29292;
}

.bc--negative {
  border-color: #F29292;
}

.fc--positive {
  color: #8CDEA8;
}

.bg--positive {
  background-color: #8CDEA8;
}

.bc--positive {
  border-color: #8CDEA8;
}

.fc--inherit {
  color: inherit;
}

.bg--current {
  background-color: currentColor;
}

.bc--current {
  border-color: currentColor;
}

body {
  background-color: var(--color--neutrals-0);
  color: var(--color--text-dark);
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
[data-theme=dark] body {
  background-color: var(--color--neutrals-1);
}

::selection {
  background-color: var(--color--selection);
  color: var(--color--selection-text);
  mix-blend-mode: difference;
}

a {
  color: inherit;
  outline: none;
}

a:focus-visible, button:focus-visible {
  outline: 2px solid var(--color--action-active);
}

:root {
  --fs--tiny: 8px;
  --fs--xxsmall: 10px;
  --fs--xsmall: 12px;
  --fs--small: 14px;
  --fs--smedium: 15px;
  --fs--medium: 16px;
  --fs--large: 18px;
  --fs--xlarge: 20px;
  --fs--xxlarge: 24px;
  --fs--huge: 30px;
  --fs--text: 1rem;
  --fs--h0: 52px;
  --fs--h1: 45px;
  --fs--h2: 30px;
  --fs--h3: 25px;
  --fs--h4: 22px;
  --fs--h5: 18px;
  --fs--h6: 16px;
  --fs--icon: 32px;
  --ff--regular: "Inter";
  --fw--light: 200;
  --fw--regular: 400;
  --fw--bold: 700;
  --lh--small: 1.15;
  --lh--medium: 1.33;
  --lh--large: 1.7;
}

.fs--tiny {
  font-size: var(--fs--tiny);
}

.fs--xxsmall {
  font-size: var(--fs--xxsmall);
}

.fs--xsmall {
  font-size: var(--fs--xsmall);
}

.fs--small {
  font-size: var(--fs--small);
}

.fs--smedium {
  font-size: var(--fs--smedium);
}

.fs--medium {
  font-size: var(--fs--medium);
}

.fs--large {
  font-size: var(--fs--large);
}

.fs--xlarge {
  font-size: var(--fs--xlarge);
}

.fs--xxlarge {
  font-size: var(--fs--xxlarge);
}

.fs--huge {
  font-size: var(--fs--huge);
}

.fs--text {
  font-size: var(--fs--text);
}

.fs--h0 {
  font-size: var(--fs--h0);
}

.fs--h1 {
  font-size: var(--fs--h1);
}

.fs--h2 {
  font-size: var(--fs--h2);
}

.fs--h3 {
  font-size: var(--fs--h3);
}

.fs--h4 {
  font-size: var(--fs--h4);
}

.fs--h5 {
  font-size: var(--fs--h5);
}

.fs--h6 {
  font-size: var(--fs--h6);
}

.fs--icon {
  font-size: var(--fs--icon);
}

html {
  font-family: var(--ff--regular);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: var(--ff--regular);
  font-size: max(var(--fs--medium), var(--fs--text) / 1.333);
  font-weight: normal;
  line-height: 1.35;
}
@media screen and (min-width: 768px) {
  body {
    font-size: max(var(--fs--medium), var(--fs--text));
  }
}

strong, b {
  font-weight: var(--fw--bold);
}

h1,
h2,
h3,
h4,
h5,
h6,
[class*=heading] {
  font-weight: var(--fw--light);
}

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

[class*=heading] {
  color: var(--color--brand-1);
}

.heading--0, .heading.size--xl {
  font-size: var(--fs--h2);
}
@media screen and (min-width: 768px) {
  .heading--0, .heading.size--xl {
    font-size: var(--fs--h0);
  }
}

.heading--1, h1, .heading.size--l, .wtb-title--h1 {
  font-size: var(--fs--h3);
}
@media screen and (min-width: 768px) {
  .heading--1, h1, .heading.size--l, .wtb-title--h1 {
    font-size: var(--fs--h1);
  }
}

.heading--2, h2, .heading.size--m, .wtb-title--h2 {
  font-size: var(--fs--h5);
}
@media screen and (min-width: 768px) {
  .heading--2, h2, .heading.size--m, .wtb-title--h2 {
    font-size: var(--fs--h2);
  }
}

.heading--3, h3, .heading.size--s, .wtb-title--h3 {
  font-size: var(--fs--h5);
}
@media screen and (min-width: 768px) {
  .heading--3, h3, .heading.size--s, .wtb-title--h3 {
    font-size: var(--fs--h3);
  }
}

.heading--4, h4, .heading.size--xs, .wtb-title--h4 {
  font-family: var(--ff--regular);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h4);
}
@media screen and (min-width: 768px) {
  .heading--4, h4, .heading.size--xs, .wtb-title--h4 {
    font-size: var(--fs--h5);
  }
}

.fs--inherit {
  font-size: inherit;
}

.p--0, .size--xl {
  font-size: var(--fs--medium);
}
@media screen and (min-width: 768px) {
  .p--0, .size--xl {
    font-size: var(--fs--xlarge);
  }
}

.p--1, .size--l {
  font-size: var(--fs--xsmall);
}
@media screen and (min-width: 768px) {
  .p--1, .size--l {
    font-size: var(--fs--large);
  }
}

.p--2, .size--m {
  font-size: var(--fs--xxsmall);
}
@media screen and (min-width: 768px) {
  .p--2, .size--m {
    font-size: var(--fs--medium);
  }
}

.p--3, .size--s {
  font-size: var(--fs--xxsmall);
}
@media screen and (min-width: 768px) {
  .p--3, .size--s {
    font-size: var(--fs--small);
  }
}

.p--4, .size--xs {
  font-size: var(--fs--tiny);
}
@media screen and (min-width: 768px) {
  .p--4, .size--xs {
    font-size: var(--fs--xsmall);
  }
}

.excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.center {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.hidden,
[hidden] {
  display: none !important;
}

.visually-hidden, .screenreader {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.visually-hidden a:focus,
.visually-hidden input:focus,
.visually-hidden button:focus, .screenreader a:focus,
.screenreader input:focus,
.screenreader button:focus {
  height: auto;
  position: static;
  width: auto;
}

.unselectable {
  pointer-events: none;
  user-select: none;
}

@media screen and (min-width: 1024px) {
  .mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .desktop {
    display: none !important;
  }
}

.wtb-btn {
  display: inline-block;
  padding: var(--gap--2) var(--gap--6);
  border: none;
  outline: none;
  background: transparent;
}
.wtb-btn--default {
  color: var(--color--brand-0);
}
@media screen and (min-width: 768px) {
  .wtb-btn--default {
    transition: color var(--transition--fast) var(--ease--normal);
  }
  .wtb-btn--default:hover {
    color: var(--color--brand-2);
  }
}
.wtb-btn--secondary {
  color: var(--color--brand-0);
  border: 1px solid var(--color--brand-0);
  background-color: var(--color--neutrals-0);
}
@media screen and (min-width: 768px) {
  .wtb-btn--secondary {
    transition: background-color var(--transition--fast) var(--ease--normal), color var(--transition--fast) var(--ease--normal);
  }
  .wtb-btn--secondary:hover {
    background-color: var(--color--brand-0);
    color: var(--color--neutrals-0);
  }
  .wtb-btn--secondary:hover .wtb-icon {
    color: var(--color--neutrals-0);
  }
}
.wtb-btn--clean {
  padding: 0;
}
.wtb-btn--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
}
.wtb-btn--icon .wtb-icon {
  position: relative;
  flex: 0 1 auto;
  display: block;
  width: 100%;
  height: 100%;
}
.wtb-btn--icon .wtb-icon--play {
  transform: translateX(10%);
}
.wtb-btn--icon .wtb-icon--chevron {
  transform: translateX(-8%);
}
@media screen and (min-width: 768px) {
  .wtb-btn--icon {
    transition: color var(--transition--fast) var(--ease--normal);
  }
  .wtb-btn--icon:hover {
    color: var(--color--brand-2);
  }
}
.wtb-btn--small {
  width: 18px;
  height: 18px;
}
.wtb-btn--bg {
  padding: 32%;
  background-color: var(--color--brand-0);
  color: var(--color--neutrals-0);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .wtb-btn--bg {
    transition: background-color var(--transition--fast) var(--ease--normal);
  }
  .wtb-btn--bg:hover {
    background-color: var(--color--brand-2);
    color: var(--color--neutrals-0);
  }
}
.wtb-btn--bg.wtb-btn--large-icon {
  padding: 28%;
}

.wtb-checkbox {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  display: grid;
  place-content: center;
  width: 18px;
  height: 18px;
  background-color: var(--color--neutrals-2);
  color: var(--color--brand-0);
  border: none;
  border-radius: 2px;
}
[data-theme=dark] .wtb-checkbox {
  background-color: var(--color--brand-0-7);
}
.wtb-checkbox::before {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  background-color: CanvasText;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMCI+PHBhdGggZmlsbD0iIzAwNTM3NyIgZD0iTTAgNC45NDdjLjA1OS0uMjgzLjIyNy0uNDk1LjQzNC0uNjg0LjA4Ni0uMDguMTY1LS4xNjguMjQ5LS4yNS4zOTQtLjM5Mi45NDYtLjM5NCAxLjMzOCAwIC42OS42OTQgMS4zNzUgMS4zOSAyLjA2MyAyLjA4Ni4wMjIuMDIzLjA0NS4wNDQuMDc2LjA3NGwuMDk5LS4wOTUgNS43LTUuNzY1Yy4zMjItLjMyNi43MzgtLjQwNCAxLjExMS0uMjAyLjA4OC4wNDcuMTY4LjExNC4yNDIuMTgzLjEyNy4xMTguMjQ1LjI0NC4zNjYuMzY3LjQyOC40MzUuNDMuOTgxLjAwMyAxLjQxNEw5Ljg1OSAzLjkxOSA0LjY2NSA5LjE3M2MtLjMzNi4zNC0uNjcuMzQtMS4wMDYuMDAxQzIuNTg3IDguMDkgMS41MTggNy4wMDQuNDQzIDUuOTI0Yy0uMi0uMi0uMzgtLjQwNi0uNDQzLS42OTJ2LS4yODVaIi8+PC9zdmc+") no-repeat;
  transform: scale(0);
  transition: transform var(--transition--xfast) var(--ease--normal);
}
.wtb-checkbox:checked:before {
  transform: scale(1);
}
.wtb-checkbox:focus {
  outline: 1px solid var(--color--brand-0);
}
.wtb-checkbox:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.wtb-color-switch {
  --ease-3: cubic-bezier(.25,0,.3,1);
  --ease-elastic-3: cubic-bezier(.5,1.25,.75,1.25);
  --ease-elastic-4: cubic-bezier(.5,1.5,.75,1.25);
  --ease-out-5: cubic-bezier(0,0,0,1);
  border-radius: 50%;
}
.wtb-color-switch__moon, .wtb-color-switch__sun, .wtb-color-switch__beams {
  transform-origin: center;
  transition: all 1s;
}
.wtb-color-switch__sun {
  transition: transform 0.5s var(--ease-elastic-3);
}
[data-theme=dark] .wtb-color-switch__sun {
  transition-timing-function: var(--ease-3);
  transition-duration: 0.25s;
  transform: scale(1.75);
}
.wtb-color-switch__beams {
  transition: transform 0.5s var(--ease-elastic-4), opacity 0.5s var(--ease-3);
}
[data-theme=dark] .wtb-color-switch__beams {
  opacity: 0;
  transition-duration: 0.15s;
  transform: rotateZ(-25deg);
}
.wtb-color-switch__moon > circle {
  transition: transform 0.25s var(--ease-out-5);
}
@supports (cx: 1) {
  .wtb-color-switch__moon > circle {
    transition: cx 0.25s var(--ease-out-5);
  }
}
@supports (cx: 1) {
  [data-theme=dark] .wtb-color-switch__moon > circle {
    transition-duration: 0.5s;
    transition-delay: 0.25s;
    cx: 17;
    transform: translateX(0);
  }
}

.wtb-copy {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  font-size: var(--fs--xsmall);
  text-decoration: none;
}
.wtb-copy__label {
  flex: 0 1 auto;
  padding-right: var(--gap--2);
  opacity: 0;
  transition: opacity var(--transition--fast) var(--ease--normal);
}
.wtb-copy--show .wtb-copy__label {
  opacity: 1;
}
.wtb-copy__icon {
  flex: 0 0 18px;
  display: block;
  width: 18px;
  height: 18px;
}
@media screen and (min-width: 768px) {
  .wtb-copy__label {
    transition: opacity var(--transition--xfast) var(--ease--normal);
  }
  .wtb-copy:hover .wtb-copy__label {
    opacity: 1;
  }
}

.wtb-adblock {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(51, 51, 51, 0.9);
  backdrop-filter: blur(5px);
  color: var(--color--primary);
}
.wtb-adblock__inner {
  flex: 0 1 90%;
  position: relative;
  display: block;
  max-width: var(--section--xxsmall);
  padding: var(--gap--4);
  background-color: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
@media all and (min-width: 768px) {
  .wtb-adblock__inner {
    padding: var(--gap--8);
  }
}
.wtb-adblock__content {
  max-width: 240px;
  margin: 0 auto;
  text-align: center;
}
.wtb-adblock__title {
  margin-bottom: var(--gap--4);
}
.wtb-adblock__close {
  position: absolute;
  top: var(--gap--5);
  right: var(--gap--5);
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
}

.wtb-banner__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 var(--gap--3) 0;
}
.wtb-banner__header--small {
  flex-wrap: wrap;
}
.wtb-banner__title {
  flex: 0 1 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
  font-size: var(--fs--small);
}
.wtb-banner__title-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
}
.wtb-banner__meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: var(--gap--1) 0 0 auto;
  padding: 0;
  list-style: none;
}
.wtb-banner__meta-item {
  flex: 0 1 auto;
  margin-left: var(--gap--1);
}
.wtb-banner__details {
  position: absolute;
  top: calc(100% + var(--gap--2));
  right: 0;
  z-index: 1;
  display: block;
  width: 90%;
  min-width: 250px;
  max-width: 300px;
  padding: var(--gap--4);
  background-color: var(--color--neutrals-0);
  border: 1px solid var(--color--primary);
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}
[data-theme=dark] .wtb-banner__details {
  color: var(--color--neutrals-0);
  background-color: var(--color--brand-0);
  border: 1px solid var(--color--neutrals-5);
}
.wtb-banner__name {
  display: block;
  word-break: break-all;
  margin-bottom: var(--gap--6);
  font-size: var(--fs--small);
  font-weight: var(--fw--normal);
}
.wtb-banner__detail-list {
  margin: 0 0 var(--gap--6) 0;
  padding: 0;
  list-style: none;
}
.wtb-banner__detail-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: var(--gap--1);
}
.wtb-banner__detail-item strong,
.wtb-banner__detail-item span {
  flex: 0 1 49%;
  font-size: var(--fs--small);
}
.wtb-banner__detail-item strong {
  padding-right: 1%;
}
.wtb-banner__detail-item:last-child {
  margin-bottom: 0;
}
.wtb-banner__detail-item--warning {
  color: var(--color--negative);
}
.wtb-banner__visual {
  background-color: var(--color--neutrals-1);
}
.wtb-banner__visual iframe {
  margin: 0;
}
.wtb-banner__action-pause {
  display: none;
}
.wtb-banner--playing .wtb-banner__action-pause {
  display: block;
}
.wtb-banner--playing .wtb-banner__action-play {
  display: none;
}
.wtb-banner__action-warning .wtb-icon {
  color: var(--color--negative);
}
.wtb-banner__action-refresh, .wtb-banner__action-stop {
  display: none;
}
.wtb-banner--playing .wtb-banner__action-refresh, .wtb-banner--playing .wtb-banner__action-stop {
  display: block;
}

.wtb-sidebar-closed .wtb-filters {
  overflow: hidden;
}
.wtb-filters__block {
  margin-bottom: var(--gap--10);
}
.wtb-filters__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wtb-filters__listitem {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: var(--gap--1);
}
.wtb-filters__check {
  flex: 0 0 18px;
  margin-right: var(--gap--2);
}
.wtb-filters__label {
  flex: 0 1 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--fs--smedium);
}
.wtb-filters__label small {
  display: block;
  font-size: var(--fs--xsmall);
  opacity: 0.7;
}

.wtb-warning {
  position: relative;
  z-index: 999;
  display: block;
  width: 0;
  height: 0;
}
.wtb-warning__inner {
  position: absolute;
  top: 100%;
  right: var(--gap--2);
  z-index: 1;
  display: block;
  width: 95vw;
  max-width: 370px;
  padding: var(--gap--4) var(--gap--4) var(--gap--4) var(--gap--14);
  background-color: var(--color--neutrals-0);
  border: 1px solid var(--color--primary);
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}
[data-theme=dark] .wtb-warning__inner {
  color: var(--color--neutrals-0);
  background-color: var(--color--brand-0);
  border: 1px solid var(--color--neutrals-5);
}
.wtb-warning__icon {
  position: absolute;
  top: var(--gap--4);
  left: var(--gap--4);
  z-index: 1;
  display: block;
  width: 25px;
  height: 25px;
  color: var(--color--negative);
}
.wtb-warning__title {
  color: var(--color--negative);
}
.wtb-warning__title-label {
  flex: 0 1 auto;
}
.wtb-warning__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wtb-warning__message {
  margin-bottom: var(--gap--1);
  font-size: var(--fs--small);
}
.wtb-warning__message:last-child {
  margin-bottom: 0;
}

*[data-warning] {
  position: relative;
  cursor: default !important;
}
*[data-warning]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.01);
  opacity: 0;
}

.wtb-banners {
  padding: 0 var(--gap--5) var(--gap--10) var(--gap--10);
}
.wtb-banners__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: var(--gap--20);
}
.wtb-banners .wtb-banner {
  margin: 0 2% var(--gap--20) 0;
}
.wtb-banners__group:last-child .wtb-banners__list {
  margin-bottom: 0;
}

.wtb-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  padding: var(--gap--10);
  color: var(--color--neutrals-3);
  font-size: var(--fs--xsmall);
  text-align: right;
}

.wtb-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--gap--10);
  height: 60px;
}
.wtb-sidebar-closed .wtb-header__inner {
  padding-left: 80px;
}
.wtb-header__title {
  margin-bottom: 0;
}
.wtb-header__meta {
  flex: 0 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.wtb-header__meta > * {
  margin-left: var(--gap--4);
}
.wtb-header__meta--fixed {
  position: fixed;
  top: var(--gap--10);
  right: var(--gap--10);
  z-index: 99;
  height: 60px;
}
.wtb-header__warning-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  color: var(--color--negative);
}

.wtb-sidebar {
  background-color: var(--color--neutrals-1);
}
[data-theme=dark] .wtb-sidebar {
  background-color: var(--color--brand-0-1);
}
.wtb-sidebar .wtb-logo {
  max-width: 60px;
  margin-bottom: var(--gap--10);
}
.wtb-sidebar-closed .wtb-sidebar .wtb-logo {
  position: absolute;
  left: 60px;
  z-index: 1;
  display: block;
  width: 60px;
}
.wtb-sidebar__resizer {
  display: none;
}
.wtb-sidebar__inner {
  display: block;
  padding: var(--gap--10);
  overflow-y: auto;
  height: 100vh;
}
.wtb-sidebar-closed .wtb-sidebar__inner {
  padding: var(--gap--10) 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .wtb-sidebar--allowResize .wtb-sidebar__resizer {
    position: absolute;
    top: 0;
    right: -9px;
    bottom: 0;
    z-index: 2;
    display: block;
    width: 18px;
    user-select: none;
    cursor: ew-resize;
  }
  .wtb-sidebar--allowResize .wtb-sidebar__resizer-icon {
    position: sticky;
    top: var(--gap--14);
    right: 0;
    z-index: 2;
    display: flex;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    padding: 4.8px;
    transform: translateX(-3px);
    box-shadow: 2px 2px 4px var(--color--neutrals-2);
    opacity: 0;
    transition: all var(--transition--fast) var(--ease--normal);
  }
  .wtb-sidebar-closed .wtb-sidebar--allowResize .wtb-sidebar__resizer-icon .wtb-icon {
    transform: scaleX(-1);
  }
  .wtb-sidebar-closed .wtb-sidebar--allowResize .wtb-sidebar__resizer-icon {
    opacity: 1;
  }
  .wtb-sidebar--allowResize .wtb-sidebar__resizer-line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .wtb-sidebar--allowResize .wtb-sidebar__resizer-line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 9px;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 2px;
    background-color: var(--color--neutrals-2);
    transition: background-color var(--transition--fast) var(--ease--normal);
  }
  .wtb-sidebar--allowResize .wtb-sidebar__resizer:hover .wtb-sidebar__resizer-line::after {
    background-color: var(--color--brand-4);
  }
}
.wtb-sidebar--allowResize:hover .wtb-sidebar__resizer-icon {
  opacity: 1;
}

/*.wtb-sidebar {
  position: relative;

  display: block;
  padding: var(--gap--10);
  background-color: var(--color--neutrals-1);

  &__wrapper {
    position: sticky;
    top: var(--gap--10);
    bottom: var(--gap--10);
    z-index: 1;
  }

  &__inner {
    display: block;
    //min-width: 190px;
    overflow-x: auto;
  }

  .wtb-logo {
    max-width: 60px;
    margin-bottom: var(--gap--10);
  }

  &__resizer {
    display: none;
  }

  &--allowResize {
    @media screen and (min-width: 768px) {
      .wtb-sidebar__resizer {
        $width: 18px;

        position: absolute;
        top: 0;
        right: - calc($width / 2);
        bottom: 0;
        z-index: 2;

        display: block;
        width: $width;
        user-select: none;

        cursor: ew-resize;

        &-icon {
          $size: 24px;

          position: sticky;
          top: var(--gap--11);
          right: 0;
          z-index: 2;

          display: flex;
          width: $size;
          height: $size;
          border-radius: $size;

          padding: calc($size / 5);
          transform: translateX(-3px);
          box-shadow: 2px 2px 4px var(--color--neutrals-2);

          opacity: 0;
          transition: all var(--transition--fast) var(--ease--normal);

          .wtb-icon {
            .wtb-sidebar--close & {
              transform: scaleX(-1);
            }
          }

          .wtb-sidebar--close & {
            opacity: 1;
          }
        }

        &-line {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1;

          &:after {
            content: '';

            position: absolute;
            top: 0;
            left: 9px;
            bottom: 0;
            z-index: 1;

            display: block;
            width: 2px;

            background-color: var(--color--neutrals-2);
            transition: background-color var(--transition--fast) var(--ease--normal);
          }
        }

        &:hover {
          .wtb-sidebar__resizer-line::after {
            background-color: var(--color--brand-4);
          }
        }
      }
    }

    &:hover {
      .wtb-sidebar__resizer-icon {
        opacity: 1;
      }
    }
  }
}
*/
:root {
  --sidebar--width: 300px;
}

.wtb-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: var(--sidebar--width);
}
.wtb-sidebar-closed .wtb-sidebar {
  width: 20px;
}
.wtb-content {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  padding-left: var(--sidebar--width);
  min-height: 100vh;
}
.wtb-sidebar-closed .wtb-content {
  padding-left: 20px;
}