@charset "UTF-8";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --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-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --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-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

*,
*::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: 1px solid;
  opacity: 0.25;
}

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] {
  text-decoration: underline dotted;
  cursor: help;
  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.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: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}

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: #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]: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;
}

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

.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 var(--bs-border-color);
  border-radius: 0.375rem;
  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 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  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(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.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%;
}

.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 {
    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%;
  }
  .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 {
    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%;
  }
  .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 {
    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%;
  }
  .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 {
    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%;
  }
  .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 {
    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-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-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.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-group-divider {
  border-top: 2px solid 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-borderless > :not(:first-child) {
  border-top-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-striped-columns > :not(caption) > tr > :nth-child(even) {
  --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-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --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: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.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;
  appearance: none;
  border-radius: 0.375rem;
  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::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -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-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:focus {
  outline: 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.25rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -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.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -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 {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.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 5 6 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.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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;
  border-radius: 0.25rem;
}

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

.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-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.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);
  appearance: none;
  print-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 10 3 3 6-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 {
  cursor: default;
  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-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.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;
  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;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    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;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    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-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  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,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-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:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ 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);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.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.375rem;
}

.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.5rem;
}

.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.25rem;
}

.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):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  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):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  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;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  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.375rem;
}

.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.73.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 5 6 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.73.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-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.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:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  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.375rem;
}

.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 5 6 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-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.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:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

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

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

.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;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  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 {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.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: var(--bs-dropdown-spacer);
}
.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: var(--bs-dropdown-spacer);
}
.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: var(--bs-dropdown-spacer);
}
.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: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

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

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-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 {
  border-radius: 0.375rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.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 {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  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: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.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 {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: 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");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.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: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

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

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@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 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.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: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: 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");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.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: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@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 {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-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;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: 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");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: 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");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.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, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  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: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.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 {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@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: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.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: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  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: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  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;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  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% - var(--bs-modal-margin) * 2);
}
.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% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-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,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@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,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@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,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@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,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@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,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@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,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  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;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.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: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.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 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  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;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.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: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

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

.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%);
}

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

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.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: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.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: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

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

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !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: 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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

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

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

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

.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-semibold {
  font-weight: 600 !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 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
}
:root,
Page {
  --avatar-size-xs: 36px;
  --avatar-size-sm: 50px;
  --avatar-size-md: 75px;
  --avatar-size-lg: 100px;
  --avatar-size-xl: 125px;
  --divider-color: rgba(0, 0, 0, 0.15);
  --divider-size: 1px;
  --divider-spacing-y: 1.5rem;
  --gap-x-small: 0.25rem;
  --gap-small: 0.5rem;
  --gap-medium: 1rem;
  --gap-large: 1.5rem;
  --gap-x-large: 2rem;
  --icon-size-x0: 12px;
  --icon-size-xx: 24px;
  --icon-size-xs: 36px;
  --icon-size-sm: 50px;
  --icon-size-md: 75px;
  --icon-size-lg: 100px;
  --icon-size-xl: 125px;
  --icon-size-xxl: 175px;
  --icon-size-xxxl: 250px;
  --margin-x-small: 0.375rem;
  --margin-small: 0.625rem;
  --margin-medium: 1rem;
  --margin-large: 1.25rem;
  --margin-x-large: 1.5rem;
  --pad-x-small: 0.375rem;
  --pad-small: 0.625rem;
  --pad-medium: 1rem;
  --pad-large: 1.25rem;
  --pad-x-large: 1.5rem;
  --rounded-button: 4px;
  --rounded-badge: 6px;
  --rounded-corner: 8px;
  --rounded-corner-outer: 10px;
  --chalky-black: #030504;
  --chalky-blue: #2b3544;
  --chalky-blue-2: #273142;
  --chalky-blue-3: #26303f;
  --chalky-blue-4: #212a38;
  --chalky-grey: #cccccc;
  --chalky-grey-2: #a0a4a7;
  --chalky-grey-3: #777c83;
  --chalky-grey-4: #4d535e;
  --chalky-lightblue: #4688b4;
  --chalky-lightblue-2: #4db8ff;
  --chalky-purple: #b44697;
  --chalky-purple-2: #e731b7;
  --chalky-purple-3: #9747ff;
  --chalky-red: #d14545;
  --chalky-red-2: #a53f42;
  --chalky-red-3: #79383f;
  --chalky-red-4: #4e313c;
  --chalky-white: #fafafa;
  --chalky-offwhite: #f0f1f0;
  --chalky-yellow: #fff04d;
  --chalky-blue-75: #2b3544bb;
  --chalky-blue-2-75: #273142bb;
  --chalky-blue-3-75: #26303fbb;
  --chalky-blue-4-75: #212a38bb;
  --chalky-red-75: #d14545bb;
  --chalky-red-2-75: #a53f42bb;
  --chalky-red-3-75: #79383fbb;
  --chalky-red-4-75: #4e313cbb;
  --social-facebook-background: #3b5998;
  --social-facebook-background-hover: #2d4373;
  --social-facebook-background-active: #2d4373;
  --social-facebook-color: #fff;
  --social-google-background: #db4437;
  --social-google-background-hover: #c1351d;
  --social-google-background-active: #c1351d;
  --social-google-color: #fff;
  --social-linkedin-background: #0077b5;
  --social-linkedin-background-hover: #006097;
  --social-linkedin-background-active: #006097;
  --social-linkedin-color: #fff;
  --social-github-background: #333;
  --social-github-background-hover: #2b2b2b;
  --social-github-background-active: #2b2b2b;
  --social-github-color: #fff;
  --anchor-color: var(--chalky-lightblue);
  --anchor-color-hover: var(--chalky-blue-2);
  --text-muted-opacity: 0.65;
  --font-size-largest: 3em;
  --font-size-xx-large: 2em;
  --font-size-x-large: 2em;
  --font-size-large: 1.5em;
  --font-size-medium: 1.125em;
  --font-size-normal: 1em;
  --font-size-small: 0.875em;
  --font-size-x-small: 0.75em;
  --font-size-xx-small: 0.625em;
  --font-size-smallest: 0.625em;
  --font-stack-body: "Prelo", Georgia, serif;
  --font-stack-chalky: "Prelo", Georgia, serif;
  --font-weight-extra-light: 100;
  --font-weight-light: 200;
  --font-weight-book: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-weight-extra-black: 900;
  --button-primary-background: var(--chalky-red);
  --button-primary-background-disabled: var(--chalky-red-4);
  --button-primary-border: 1px solid transparent;
  --button-primary-border-disabled: 1px solid var(--chalky-red-4);
  --button-primary-color: var(--chalky-white);
  --button-primary-color-disabled: var(--chalky-grey-2);
  --button-secondary-background: var(--chalky-blue);
  --button-secondary-background-disabled: var(--chalky-blue-4);
  --button-secondary-border: 1px solid transparent;
  --button-secondary-border-disabled: 1px solid var(--chalky-blue-4);
  --button-secondary-color: var(--chalky-white);
  --button-secondary-color-disabled: var(--chalky-grey-2);
  --button-tertiary-background: var(--chalky-white);
  --button-tertiary-background-disabled: var(--chalky-grey-2);
  --button-tertiary-border: 1px solid var(--chalky-grey);
  --button-tertiary-border-disabled: 1px solid var(--chalky-grey-2);
  --button-tertiary-color: var(--chalky-blue);
  --button-tertiary-color-disabled: var(--chalky-grey-3);
  --button-disabled-background: var(--chalky-offwhite);
  --button-disabled-border: 0;
  --button-disabled-color: var(--chalky-grey-3);
  --button-facebook-background: var(--social-facebook-background);
  --button-facebook-border: 1px solid transparent;
  --button-facebook-color: var(--social-facebook-color);
  --button-google-background: var(--social-google-background);
  --button-google-border: 1px solid transparent;
  --button-google-color: var(--social-google-color);
  --button-twitter-background: var(--social-twitter-background);
  --button-twitter-border: 1px solid transparent;
  --button-twitter-color: var(--social-twitter-color);
  --button-linkedin-background: var(--social-linkedin-background);
  --button-linkedin-border: 1px solid transparent;
  --button-linkedin-color: var(--social-linkedin-color);
  --button-github-background: var(--social-github-background);
  --button-github-border: 1px solid transparent;
  --button-github-color: var(--social-github-color);
  --button-control-size: 40px;
  --button-border-radius: 4px;
  --button-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  --input-accentcolor: var(--chalky-lightblue);
  --input-outline-width: 4px;
  --input-toggleable-size: 16px;
  --radio-radius: 0.75rem;
  --body-background: var(--chalky-offwhite);
  --body-color: var(--chalky-blue);
  --border-dark: var(--chalky-blue);
  --layout-gutter: 1.5rem;
  --z-under: -1;
  --z-bottom: 1;
  --z-view-bottom: 100;
  --z-view-mid: 105;
  --z-view-top: 109;
  --z-page-bottom: 200;
  --z-page-mid: 205;
  --z-page-top: 209;
  --z-header-bottom: 210;
  --z-header-mid: 215;
  --z-header-top: 219;
  --z-panel-bottom: 220;
  --z-panel-mid: 225;
  --z-panel-top: 229;
  --z-modal-bottom: 230;
  --z-modal-mid: 235;
  --z-modal-top: 239;
  --z-overlay-bottom: 260;
  --z-overlay-mid: 265;
  --z-overlay-top: 269;
  --z-top: 299;
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --scrollbar-size: 0.5rem;
  --scrollbar-thumb-color: var(--chalky-grey);
  --scrollbar-thumb-hover-color: var(--chalky-white);
  --scrollbar-track-color: var(--chalky-blue-4);
  --border-radius: 8px;
  --border-radius-inner: 8px;
  --border-radius-outer: 12px;
  --border-radius-sm: 4px;
  --border-radius-sm-inner: 4px;
  --border-radius-sm-outer: 6px;
  --border-radius-lg: 12px;
  --border-radius-lg-inner: 12px;
  --border-radius-lg-outer: 16px;
}

::placeholder {
  color: var(--chalky-grey);
}

fieldset legend {
  display: none;
}
fieldset ~ footer {
  text-align: right;
}

label {
  display: block;
  margin: 1.5rem 0;
  width: 100%;
}
label a {
  margin-bottom: 0.75rem;
  margin-top: 0.5rem;
}
label h6, label .h6 {
  color: var(--chalky-grey-3);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}
label .type-error {
  margin-left: 1rem;
}
label p.type-error {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
label input + a {
  float: right;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=image],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=week],
select,
textarea {
  background-color: var(--chalky-white);
  border: 1px solid var(--chalky-grey);
  border-radius: var(--rounded-corner);
  color: var(--chalky-blue);
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium);
  outline: var(--input-outline-width) solid rgba(170, 170, 170, 0.24);
  padding: 0.5rem 0.85rem;
  transition: outline 0.25s ease-in-out;
  width: 100%;
}
input[type=color]:-webkit-autofill,
input[type=date]:-webkit-autofill,
input[type=datetime]:-webkit-autofill,
input[type=datetime-local]:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=file]:-webkit-autofill,
input[type=image]:-webkit-autofill,
input[type=month]:-webkit-autofill,
input[type=number]:-webkit-autofill,
input[type=password]:-webkit-autofill,
input[type=search]:-webkit-autofill,
input[type=tel]:-webkit-autofill,
input[type=text]:-webkit-autofill,
input[type=time]:-webkit-autofill,
input[type=week]:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--chalky-blue) !important; /* Override autofill text color */
  background-color: var(--chalky-white) !important;
  box-shadow: 0 0 0px 1000px var(--chalky-white) inset !important;
  caret-color: var(--chalky-blue) !important; /* Fix caret visibility */
  color: var(--chalky-blue) !important;
}
input[type=color]:placeholder-shown,
input[type=date]:placeholder-shown,
input[type=datetime]:placeholder-shown,
input[type=datetime-local]:placeholder-shown,
input[type=email]:placeholder-shown,
input[type=file]:placeholder-shown,
input[type=image]:placeholder-shown,
input[type=month]:placeholder-shown,
input[type=number]:placeholder-shown,
input[type=password]:placeholder-shown,
input[type=search]:placeholder-shown,
input[type=tel]:placeholder-shown,
input[type=text]:placeholder-shown,
input[type=time]:placeholder-shown,
input[type=week]:placeholder-shown,
select:placeholder-shown,
textarea:placeholder-shown {
  font-weight: var(--font-weight-book);
}

input:not(:invalid) + .type-error,
textarea:not(:invalid) + .type-error {
  opacity: 0;
}

label {
  position: relative;
}
label input[type=text] + button.type-close {
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

input[type=text]:not(:placeholder-shown) + button.type-close {
  display: block;
}

input[type=checkbox],
input[type=radio] {
  accent-color: var(--input-accentcolor);
  height: var(--input-toggleable-size);
  margin-right: 0.5rem;
  transform: translate(0, -2px);
  vertical-align: middle;
  width: var(--input-toggleable-size);
}
input[type=checkbox] + span,
input[type=radio] + span {
  position: relative;
}
input[type=checkbox][disabled] + span,
input[type=radio][disabled] + span {
  opacity: 0.5;
  pointer-events: none;
}

input.switch {
  display: none;
}
input.switch + span {
  padding-left: 48px;
}
input.switch + span::before {
  background: var(--chalky-grey);
  border-radius: 1rem;
  content: " ";
  height: calc(var(--input-toggleable-size) + 4px);
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s ease-in-out;
  width: calc(var(--input-toggleable-size) * 2 + 8px);
}
input.switch + span::after {
  background: var(--chalky-blue);
  border-radius: 1rem;
  content: " ";
  height: var(--input-toggleable-size);
  left: 2px;
  position: absolute;
  top: 2px;
  transition: all 0.15s ease-in-out;
  width: var(--input-toggleable-size);
}
input.switch:checked + span::before {
  background: var(--chalky-lightblue);
}
input.switch:checked + span::after {
  background: var(--chalky-white);
  transform: translateX(calc(var(--input-toggleable-size) + 4px));
}

button,
.btn,
[class~=button-primary],
[class~=button-secondary],
[class~=button-tertiary] {
  --background-color: var(--button-primary-background);
  --button-disabled-background: var(--button-primary-background-disabled);
  --button-disabled-border: var(--button-primary-border-disabled);
  --button-disabled-color: var(--button-primary-color-disabled);
  --foreground-color: var(--button-primary-color);
  --font-size: var(--font-size-normal);
  background-color: var(--background-color);
  border-radius: var(--button-border-radius);
  border: var(--button-primary-border);
  color: var(--foreground-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight-regular);
  overflow: hidden;
  padding: calc(var(--font-size) * 0.5) calc(var(--font-size) * 1.5);
  position: relative;
}
button > i,
button > span,
.btn > i,
.btn > span,
[class~=button-primary] > i,
[class~=button-primary] > span,
[class~=button-secondary] > i,
[class~=button-secondary] > span,
[class~=button-tertiary] > i,
[class~=button-tertiary] > span {
  position: relative;
  z-index: 2;
}
button .icon,
.btn .icon,
[class~=button-primary] .icon,
[class~=button-secondary] .icon,
[class~=button-tertiary] .icon {
  margin: 0.5rem;
  margin-left: 0;
}
button .icon:last-child, button .icon:last-of-type,
.btn .icon:last-child,
.btn .icon:last-of-type,
[class~=button-primary] .icon:last-child,
[class~=button-primary] .icon:last-of-type,
[class~=button-secondary] .icon:last-child,
[class~=button-secondary] .icon:last-of-type,
[class~=button-tertiary] .icon:last-child,
[class~=button-tertiary] .icon:last-of-type {
  margin-right: 0;
}
button.icon-only,
.btn.icon-only,
[class~=button-primary].icon-only,
[class~=button-secondary].icon-only,
[class~=button-tertiary].icon-only {
  background-color: transparent;
  border: none;
  color: var(--button-primary-color);
  font-size: 0;
  margin: 0;
  padding: 0.5rem;
}
button:not(.no-hover),
.btn:not(.no-hover),
[class~=button-primary]:not(.no-hover),
[class~=button-secondary]:not(.no-hover),
[class~=button-tertiary]:not(.no-hover) {
  border: 1px solid transparent;
}
button.plain, nav button,
.btn.plain,
[class~=button-primary].plain,
[class~=button-secondary].plain,
[class~=button-tertiary].plain {
  background-color: initial;
  border-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
button.button-secondary,
.btn.button-secondary,
[class~=button-primary].button-secondary,
[class~=button-secondary].button-secondary,
[class~=button-tertiary].button-secondary {
  --background-color: var(--button-secondary-background);
  --button-disabled-background: var(--button-secondary-background-disabled);
  --button-disabled-border: var(--button-secondary-border-disabled);
  --button-disabled-color: var(--button-secondary-color-disabled);
  --foreground-color: var(--button-secondary-color);
  border: var(--button-secondary-border);
}
button.button-tertiary,
.btn.button-tertiary,
[class~=button-primary].button-tertiary,
[class~=button-secondary].button-tertiary,
[class~=button-tertiary].button-tertiary {
  --background-color: var(--button-tertiary-background);
  --button-disabled-background: var(--button-tertiary-background-disabled);
  --button-disabled-border: var(--button-tertiary-border-disabled);
  --button-disabled-color: var(--button-tertiary-color-disabled);
  --foreground-color: var(--button-tertiary-color);
  border: var(--button-tertiary-border);
}
button.button-facebook,
.btn.button-facebook,
[class~=button-primary].button-facebook,
[class~=button-secondary].button-facebook,
[class~=button-tertiary].button-facebook {
  --background-color: var(--button-facebook-background);
  --foreground-color: var(--button-facebook-color);
  border: var(--button-facebook-border);
}
button.button-google,
.btn.button-google,
[class~=button-primary].button-google,
[class~=button-secondary].button-google,
[class~=button-tertiary].button-google {
  --background-color: var(--button-google-background);
  --foreground-color: var(--button-google-color);
  border: var(--button-google-border);
}
button.button-linkedin,
.btn.button-linkedin,
[class~=button-primary].button-linkedin,
[class~=button-secondary].button-linkedin,
[class~=button-tertiary].button-linkedin {
  --background-color: var(--button-linkedin-background);
  --foreground-color: var(--button-linkedin-color);
  border: var(--button-linkedin-border);
}
button.button-github,
.btn.button-github,
[class~=button-primary].button-github,
[class~=button-secondary].button-github,
[class~=button-tertiary].button-github {
  --background-color: var(--button-github-background);
  --foreground-color: var(--button-github-color);
  border: var(--button-github-border);
}
button.size-large,
.btn.size-large,
[class~=button-primary].size-large,
[class~=button-secondary].size-large,
[class~=button-tertiary].size-large {
  --button-control-size: 3rem;
  --font-size: var(--font-size-large);
  background-size: 50%;
}
button.size-medium,
.btn.size-medium,
[class~=button-primary].size-medium,
[class~=button-secondary].size-medium,
[class~=button-tertiary].size-medium {
  --button-control-size: 2.5rem;
  --font-size: var(--font-size-medium);
  background-size: 50%;
}
button.size-normal,
.btn.size-normal,
[class~=button-primary].size-normal,
[class~=button-secondary].size-normal,
[class~=button-tertiary].size-normal {
  --button-control-size: 2rem;
  --font-size: var(--font-size-normal);
  background-size: 50%;
}
button.size-small,
.btn.size-small,
[class~=button-primary].size-small,
[class~=button-secondary].size-small,
[class~=button-tertiary].size-small {
  --button-control-size: 1.75rem;
  --font-size: var(--font-size-small);
  background-size: 50%;
}
button.size-x-small,
.btn.size-x-small,
[class~=button-primary].size-x-small,
[class~=button-secondary].size-x-small,
[class~=button-tertiary].size-x-small {
  --button-control-size: 1.5rem;
  --font-size: var(--font-size-x-small);
  background-size: 50%;
}
button.size-xx-small,
.btn.size-xx-small,
[class~=button-primary].size-xx-small,
[class~=button-secondary].size-xx-small,
[class~=button-tertiary].size-xx-small {
  --button-control-size: 1.25rem;
  --font-size: var(--font-size-xx-small);
  background-size: 50%;
}
button[disabled],
.btn[disabled],
[class~=button-primary][disabled],
[class~=button-secondary][disabled],
[class~=button-tertiary][disabled] {
  --background-color: var(--button-disabled-background);
  --foreground-color: var(--button-disabled-color);
  border: var(--button-disabled-border);
  cursor: no-drop;
  pointer-events: none;
}

button.control,
.btn.control {
  background-color: var(--chalky-white);
  border: 1px solid rgba(0, 0, 0, 0.075);
  box-shadow: 0px 0.5px 2.8px rgba(0, 0, 0, 0.02), 0px 4px 22px rgba(0, 0, 0, 0.04);
  color: var(--chalky-grey-4);
  font-size: 0;
  height: var(--button-control-size);
  padding: 0;
  width: var(--button-control-size);
}
button.control.round,
.btn.control.round {
  border-radius: 50%;
}
button.control.no-shadow,
.btn.control.no-shadow {
  box-shadow: none;
}
button.control.size-lg,
.btn.control.size-lg {
  --button-control-size: 60px;
}
button.control.theme-dark,
.btn.control.theme-dark {
  background-color: var(--chalky-blue);
  color: var(--chalky-white);
}

.control-group {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}

.control-group.horizontal {
  flex-direction: row;
}

.button-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: center;
}
.button-group > * {
  flex: 1;
}
.button-group.stacked {
  flex-direction: column;
  gap: 0.5rem;
}
.button-group.stacked > * {
  flex: none;
  width: 100%;
}
.button-group.stacked-reverse {
  flex-direction: column-reverse;
  gap: 0.5rem;
}
.button-group.stacked-reverse > * {
  flex: none;
  width: 100%;
}

button:hover:not(.no-hover) {
  border: 1px solid var(--chalky-red-4);
}
button:hover:not(.no-hover).plain, nav button:hover:not(.no-hover) {
  border: 1px solid transparent;
}
button:hover:not(.no-hover).button-secondary {
  border: 1px solid var(--chalky-blue-4);
}
button:hover:not(.no-hover).button-tertiary {
  border: 1px solid var(--chalky-grey-4);
}
button:hover:not(.no-hover)[disabled] {
  border: 1px solid transparent;
}
button:hover:not(.no-hover).button-facebook {
  --background-color: var(--social-facebook-background-hover);
}
button:hover:not(.no-hover).button-google {
  --background-color: var(--social-google-background-hover);
}
button:hover:not(.no-hover).button-linkedin {
  --background-color: var(--social-linkedin-background-hover);
}
button:hover:not(.no-hover).button-github {
  --background-color: var(--social-github-background-hover);
}

button.icon-only:hover {
  border: 0 !important;
}

button.icon-only:active {
  transform: translate(1px, 1px);
}

button:active:not(.icon-only) {
  --background-color: var(--chalky-red-2);
  transform: translate(1px, 1px);
}
button:active:not(.icon-only).plain, nav button:active:not(.icon-only) {
  background-color: transparent;
}
button:active:not(.icon-only).button-secondary {
  background-color: var(--chalky-blue-4);
}
button:active:not(.icon-only).button-tertiary {
  background-color: var(--chalky-offwhite);
}
button:active:not(.icon-only).control {
  background-color: var(--chalky-offwhite);
}
button:active:not(.icon-only).button-facebook {
  --background-color: var(--social-facebook-background-active);
}
button:active:not(.icon-only).button-google {
  --background-color: var(--social-google-background-active);
}
button:active:not(.icon-only).button-linkedin {
  --background-color: var(--social-linkedin-background-active);
}
button:active:not(.icon-only).button-github {
  --background-color: var(--social-github-background-active);
}

button:active::before {
  animation: none;
}

label:has(input:active) h6, label:has(input:active) .h6,
label:has(input:focus) h6,
label:has(input:focus) .h6 {
  color: var(--body-color);
}

input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=text]:hover,
select:hover,
textarea:hover {
  border-color: var(--chalky-grey-2);
}
input[type=email]:active, input[type=email]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=text]:active,
input[type=text]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  border-color: var(--body-color);
  outline: var(--input-outline-width) solid var(--chalky-grey-2);
}

/**
 * Fonts
 *
 * 100    Extra Light or Ultra Light
 * 200    Light or Thin
 * 300    Book or Demi
 * 400    Normal or Regular
 * 500    Medium
 * 600    Semibold, Demibold
 * 700    Bold
 * 800    Black, Extra Bold or Heavy
 * 900    Extra Black, Fat, Poster or Ultra Black
 *
 * Fonts are prioritized in a list of preference.
 * WOFF2, WOFF, OTF, SVG, EOT, TTF
 *
 * We should only need WOFF2 because of modern browser support,
 * but Apple (obviously) has some issues which requires us to
 * support WOFF asw well.
 */
@font-face {
  font-family: "Prelo";
  font-weight: 100;
  src: url("https://static.chalkysticks.com/fonts/prelo-hairline-webfont.eot") format("embedded-opentype"), url("https://static.chalkysticks.com/fonts/prelo-hairline-webfont.ttf") format("truetype"), url("https://static.chalkysticks.com/fonts/prelo-hairline-webfont.woff") format("woff");
}
@font-face {
  font-family: "Prelo";
  font-weight: 200;
  src: url("https://static.chalkysticks.com/fonts/prelo-light-webfont.eot") format("embedded-opentype"), url("https://static.chalkysticks.com/fonts/prelo-light-webfont.ttf") format("truetype"), url("https://static.chalkysticks.com/fonts/prelo-light-webfont.woff") format("woff");
}
@font-face {
  font-family: "Prelo";
  font-weight: 300;
  src: url("https://static.chalkysticks.com/fonts/prelo-book.woff") format("woff"), url("https://static.chalkysticks.com/fonts/prelo-book.woff2") format("woff2");
}
@font-face {
  font-family: "Prelo";
  font-weight: 500;
  src: url("https://static.chalkysticks.com/fonts/prelo-medium-webfont.eot") format("embedded-opentype"), url("https://static.chalkysticks.com/fonts/prelo-medium-webfont.ttf") format("truetype"), url("https://static.chalkysticks.com/fonts/prelo-medium-webfont.woff") format("woff");
}
@font-face {
  font-family: "Prelo";
  font-weight: 600;
  src: url("https://static.chalkysticks.com/fonts/prelo-semibold.woff") format("woff"), url("https://static.chalkysticks.com/fonts/prelo-semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Prelo";
  font-weight: 700;
  src: url("https://static.chalkysticks.com/fonts/prelo-bold-webfont.eot") format("embedded-opentype"), url("https://static.chalkysticks.com/fonts/prelo-bold-webfont.ttf") format("truetype"), url("https://static.chalkysticks.com/fonts/prelo-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Prelo";
  font-weight: 800;
  src: url("https://static.chalkysticks.com/fonts/prelo-black-webfont.eot") format("embedded-opentype"), url("https://static.chalkysticks.com/fonts/prelo-black-webfont.woff") format("woff"), url("https://static.chalkysticks.com/fonts/prelo-black-webfont.ttf") format("truetype");
}
/*
  ┌─────────────────────────────────────────────────────────────────────────┐
  │ Some of these classes are duped to be compatible with the               │
  │ ChalkySticks.Enum.GameType type                                         │
  └─────────────────────────────────────────────────────────────────────────┘
*/
[class*=icon-channel-] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
}

.icon-channel-8-ball,
.icon-channel-8ball {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30.727" height="27.619" xml:space="preserve"><g fill="%23FFF"><path d="M21.536 19.216a3.063 3.063 0 1 1-6.126 0 3.063 3.063 0 0 1 6.126 0z"/><path opacity=".4" d="M15.411 18.692h1.38v1.269h-1.38zM20.24 18.692h1.293v1.269H20.24z"/><path d="M24.593 3.277a3.063 3.063 0 1 1-6.126 0 3.063 3.063 0 0 1 6.126 0z"/><path opacity=".4" d="M18.47 2.752h1.381v1.27H18.47zM23.3 2.752h1.29v1.27H23.3z"/><path d="M27.663 8.565a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 1 1 6.125 0z"/><path opacity=".4" d="M21.54 8.042h1.38v1.269h-1.38zM26.37 8.042h1.293v1.269H26.37z"/><path d="M6.128 3.271a3.063 3.063 0 1 1-6.127 0 3.063 3.063 0 0 1 6.127 0z"/><path opacity=".4" d="M.002 2.747h1.38v1.27H.002zM4.832 2.747h1.293v1.27H4.832z"/><path d="M15.403 8.562a3.064 3.064 0 1 1-6.128-.002 3.064 3.064 0 0 1 6.128.002z"/><path opacity=".4" d="M9.278 8.038h1.38v1.27h-1.38zM14.108 8.038H15.4v1.27h-1.292z"/><path d="M12.344 13.728a3.065 3.065 0 1 1-6.13-.002 3.065 3.065 0 0 1 6.13.002z"/><path opacity=".4" d="M6.219 13.204h1.379v1.27H6.219zM11.048 13.204h1.293v1.27h-1.293z"/><path d="M18.475 3.293a3.064 3.064 0 1 1-6.128-.004 3.064 3.064 0 0 1 6.128.004z"/><path opacity=".4" d="M12.35 2.769h1.49v1.269h-1.49zM16.985 2.769h1.489v1.269h-1.489z"/><path d="M18.468 13.724a3.063 3.063 0 1 1-6.128 0 3.064 3.064 0 1 1 6.128 0z"/><path d="M24.601 13.839a3.063 3.063 0 0 1-3.062 3.063 3.064 3.064 0 1 1 3.062-3.063z"/><path d="M21.53 8.562a3.063 3.063 0 1 1-3.062-3.064 3.063 3.063 0 0 1 3.062 3.064zM9.195 8.557a3.061 3.061 0 0 1-3.062 3.063 3.064 3.064 0 1 1 3.062-3.063zM15.408 19.213a3.064 3.064 0 1 1-6.128 0 3.064 3.064 0 0 1 6.128 0zM30.727 3.292a3.062 3.062 0 0 1-3.062 3.063 3.064 3.064 0 1 1 3.062-3.063z"/><path d="M12.344 3.293a3.062 3.062 0 0 1-3.062 3.062 3.063 3.063 0 1 1 3.062-3.062zM18.472 24.557a3.062 3.062 0 0 1-3.063 3.062 3.064 3.064 0 1 1 3.063-3.062z"/><path d="M21.536 19.009a3.064 3.064 0 1 1-6.127-.001 3.064 3.064 0 0 1 6.127.001z"/><path opacity=".4" d="M15.411 18.485h1.38v1.269h-1.38zM20.24 18.485h1.293v1.269H20.24z"/><path d="M24.593 3.07a3.063 3.063 0 1 1-6.124 0 3.061 3.061 0 1 1 6.124 0z"/><path opacity=".4" d="M18.47 2.546h1.381v1.269H18.47zM23.3 2.546h1.29v1.269H23.3z"/><path d="M27.663 8.358a3.062 3.062 0 1 1-6.125 0 3.062 3.062 0 1 1 6.125 0z"/><path opacity=".4" d="M21.54 7.835h1.38v1.269h-1.38zM26.37 7.835h1.293v1.269H26.37z"/><path d="M6.128 3.064a3.063 3.063 0 1 1-6.127 0 3.063 3.063 0 0 1 6.127 0z"/><path opacity=".4" d="M.002 2.54h1.38v1.27H.002zM4.832 2.54h1.293v1.27H4.832z"/><path d="M15.403 8.354a3.065 3.065 0 1 1-6.13-.002 3.065 3.065 0 0 1 6.13.002z"/><path opacity=".4" d="M9.278 7.831h1.38V9.1h-1.38zM14.108 7.831H15.4V9.1h-1.292z"/><path d="M12.344 13.521a3.065 3.065 0 1 1-6.13-.002 3.065 3.065 0 0 1 6.13.002z"/><path opacity=".4" d="M6.219 12.996h1.379v1.27H6.219zM11.048 12.996h1.293v1.27h-1.293z"/><path d="M18.475 3.085a3.065 3.065 0 1 1-6.13-.002 3.065 3.065 0 0 1 6.13.002z"/><path opacity=".4" d="M12.35 2.562h1.49v1.269h-1.49zM16.985 2.562h1.489v1.269h-1.489z"/><path d="M18.468 13.517a3.063 3.063 0 1 1-6.128 0 3.064 3.064 0 1 1 6.128 0z"/><path d="M24.601 13.632a3.063 3.063 0 0 1-3.062 3.062 3.063 3.063 0 1 1 3.062-3.062z"/><path d="M21.53 8.354a3.063 3.063 0 1 1-6.126.002 3.063 3.063 0 0 1 6.126-.002zM9.195 8.35a3.062 3.062 0 1 1-6.125 0 3.063 3.063 0 1 1 6.125 0zM15.408 19.006a3.062 3.062 0 0 1-3.062 3.063 3.064 3.064 0 1 1 3.062-3.063zM30.727 3.085a3.063 3.063 0 1 1-6.128 0 3.063 3.063 0 1 1 6.128 0z"/><path d="M12.344 3.085a3.063 3.063 0 1 1-6.128 0 3.064 3.064 0 1 1 6.128 0zM18.472 24.349a3.063 3.063 0 1 1-6.127 0 3.064 3.064 0 1 1 6.127 0z"/></g></svg>');
}

.icon-channel-9-ball,
.icon-channel-9ball {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17.869" height="26.872" xml:space="preserve"><g fill="%23FFF"><path d="M6.078 13.358a2.956 2.956 0 0 1 2.955-2.955c1.633 0 2.955 1.322 2.955 2.955a2.954 2.954 0 1 1-5.91 0z"/><path opacity=".4" d="M10.547 12.64h1.437v1.224h-1.437zM6.078 12.64h1.437v1.224H6.078z"/><path d="M5.929 23.714a2.954 2.954 0 0 1 5.91 0 2.955 2.955 0 1 1-5.91 0z"/><path d="M3.011 18.614a2.953 2.953 0 0 1 2.953-2.954 2.953 2.953 0 1 1 0 5.909 2.954 2.954 0 0 1-2.953-2.955zM11.962 13.358a2.953 2.953 0 1 1 5.906 0 2.952 2.952 0 1 1-5.906 0z"/><path d="M8.884 18.615a2.953 2.953 0 1 1 5.907 0 2.954 2.954 0 1 1-5.907 0zM9.078 8.03a2.953 2.953 0 0 1 2.953-2.954A2.955 2.955 0 1 1 9.078 8.03z"/><path d="M3.123 8.031a2.954 2.954 0 1 1 2.953 2.955 2.955 2.955 0 0 1-2.953-2.955zM0 13.358a2.955 2.955 0 1 1 5.91 0 2.955 2.955 0 1 1-5.91 0z"/><path d="M6.168 2.954A2.954 2.954 0 0 1 9.123 0a2.955 2.955 0 1 1-2.955 2.954zM6.078 13.558a2.955 2.955 0 1 1 5.91.003 2.955 2.955 0 0 1-5.91-.003z"/><path opacity=".4" d="M10.547 12.84h1.437v1.224h-1.437zM6.078 12.84h1.437v1.224H6.078z"/><path d="M5.929 23.915a2.955 2.955 0 0 1 5.91 0 2.955 2.955 0 1 1-5.91 0z"/><path d="M3.011 18.814a2.953 2.953 0 0 1 2.953-2.954 2.955 2.955 0 1 1-2.953 2.954zM11.962 13.558a2.954 2.954 0 1 1 5.906 0 2.952 2.952 0 1 1-5.906 0z"/><path d="M8.884 18.815a2.953 2.953 0 1 1 5.907 0 2.954 2.954 0 1 1-5.907 0zM9.078 8.23a2.954 2.954 0 1 1 5.909 0 2.954 2.954 0 1 1-5.909 0z"/><path d="M3.123 8.23a2.955 2.955 0 1 1 2.953 2.956A2.955 2.955 0 0 1 3.123 8.23zM0 13.558a2.955 2.955 0 1 1 5.91.002A2.955 2.955 0 0 1 0 13.558z"/><path d="M6.168 3.154A2.954 2.954 0 0 1 9.123.2a2.955 2.955 0 1 1-2.955 2.954z"/></g></svg>');
}

.icon-channel-10-ball,
.icon-channel-10ball {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23.787" height="21.601" xml:space="preserve"><g fill="%23EFEFEF"><path d="M14.89 8.277a2.963 2.963 0 1 1-5.926 0 2.963 2.963 0 0 1 5.926 0z"/><path opacity=".4" d="M8.966 7.77H10.3v1.228H8.966zM13.637 7.77h1.25v1.228h-1.25z"/><path d="M23.787 3.165a2.965 2.965 0 0 1-5.928 0 2.965 2.965 0 1 1 5.928 0z"/><path opacity=".4" d="M17.862 2.657h1.441v1.228h-1.441zM22.346 2.657h1.441v1.228h-1.441z"/><path d="M8.97 8.385a2.963 2.963 0 0 1-5.927 0 2.964 2.964 0 1 1 5.927 0zM20.823 8.273a2.962 2.962 0 0 1-2.962 2.962 2.96 2.96 0 0 1-2.965-2.962 2.964 2.964 0 1 1 5.927 0z"/><path d="M17.854 3.169a2.962 2.962 0 1 1-5.924 0 2.962 2.962 0 1 1 5.924 0zM5.924 3.164a2.96 2.96 0 0 1-2.961 2.963A2.96 2.96 0 0 1 0 3.164a2.962 2.962 0 1 1 5.924 0zM11.933 13.471a2.963 2.963 0 1 1-5.926 0 2.963 2.963 0 1 1 5.926 0zM17.862 13.471a2.963 2.963 0 1 1-5.927 0 2.962 2.962 0 0 1 2.965-2.964 2.962 2.962 0 0 1 2.962 2.964z"/><path d="M11.926 3.165a2.962 2.962 0 1 1-5.927 0 2.964 2.964 0 1 1 5.927 0zM14.896 18.639a2.961 2.961 0 0 1-2.963 2.962 2.96 2.96 0 0 1-2.963-2.962 2.963 2.963 0 1 1 5.926 0z"/><path d="M14.89 8.077a2.963 2.963 0 1 1-5.926 0 2.963 2.963 0 0 1 5.926 0z"/><path opacity=".4" d="M8.966 7.569H10.3v1.228H8.966zM13.637 7.569h1.25v1.228h-1.25z"/><path d="M23.787 2.964a2.965 2.965 0 0 1-5.928 0 2.964 2.964 0 1 1 5.928 0z"/><path opacity=".4" d="M17.862 2.457h1.441v1.228h-1.441zM22.346 2.457h1.441v1.228h-1.441z"/><path d="M8.97 8.185a2.963 2.963 0 0 1-5.927 0 2.964 2.964 0 1 1 5.927 0zM20.823 8.073a2.962 2.962 0 0 1-2.962 2.962 2.96 2.96 0 0 1-2.965-2.962 2.963 2.963 0 1 1 5.927 0z"/><path d="M17.854 2.969a2.962 2.962 0 1 1-5.924 0 2.962 2.962 0 1 1 5.924 0zM5.924 2.964a2.961 2.961 0 1 1-5.924 0 2.962 2.962 0 1 1 5.924 0zM11.933 13.271a2.962 2.962 0 1 1-5.926 0 2.963 2.963 0 1 1 5.926 0zM17.862 13.271a2.963 2.963 0 1 1-5.927 0 2.962 2.962 0 0 1 2.965-2.964 2.962 2.962 0 0 1 2.962 2.964zM11.926 2.964a2.962 2.962 0 1 1-5.927 0 2.963 2.963 0 1 1 5.927 0z"/><path d="M14.896 18.438a2.962 2.962 0 1 1-5.926 0 2.963 2.963 0 1 1 5.926 0z"/></g></svg>');
}

.icon-channel-,
.icon-channel-chalkysticks,
.icon-channel-all {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.208" height="25.669" xml:space="preserve"><path fill="none" stroke="%23E9EBEE" stroke-width="4" stroke-miterlimit="10" d="m12.127 24.239-8.364-8.175s-2.002-3.17-1.74-5.334c.096-2.746.842-4.21 2.431-5.907 1.547-1.547 3.647-2.736 6.144-2.821a9.027 9.027 0 0 1 6.564 3.122c1.115 1.178 2.059 3.028 2.046 5.606-.095 1.997-.93 4.619-3.981 7.479"/></svg>');
}

.icon-channel-bank {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.825" height="22.833" xml:space="preserve"><g fill="%23E2E2E2"><path d="M4.802 9.721h.028c.392-.49 1.106-.841 1.793-.841 1.961 0 2.521 1.681 2.521 3.642s-.7 3.642-2.661 3.642a2.571 2.571 0 0 1-1.793-.771h-.028l-.42.701H2.42V6.219h2.381v3.502zm.84 1.121c-.42 0-.687.168-.84.28v2.801c.154.112.42.281.84.281.771 0 .98-.701.98-1.682s-.209-1.68-.98-1.68zM12.221 11.052l1.891-2.031h2.873l-2.453 2.634 2.592 4.37h-2.801L12.88 13l-.658.715v2.311H9.84V6.219h2.381v4.833z"/></g></svg>');
}

.icon-channel-billiards {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.825" height="22.833" xml:space="preserve"><path fill="%23ED2C28" d="M3.068 0a3.067 3.067 0 1 1 0 6.135 3.066 3.066 0 1 1 0-6.135z"/><path fill="%23DEDDDD" d="M15.756 7.472a3.067 3.067 0 1 1 .001 6.135 3.067 3.067 0 0 1-.001-6.135z"/><path fill="%23F7E100" d="M5.486 16.697a3.066 3.066 0 0 1 3.067 3.067 3.068 3.068 0 1 1-3.067-3.067z"/></svg>');
}

.icon-channel-snooker {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43.372" height="20.86" xml:space="preserve"><path fill="none" stroke="%23757576" stroke-width="2" stroke-miterlimit="10" d="M2.3 18.009h38.976M2.845 18.009S.132 1 21.685 1c21.554 0 18.84 17.285 18.84 17.285"/><path fill="%23F2F2F2" d="M24.532 18.015a2.846 2.846 0 0 1-2.845 2.846 2.847 2.847 0 1 1 2.845-2.846zM5.69 18.009a2.846 2.846 0 1 1-5.69 0 2.845 2.845 0 1 1 5.69 0zM43.372 18.015a2.847 2.847 0 1 1-5.693-.001 2.847 2.847 0 0 1 5.693.001z"/></svg>');
}

.icon-channel-straight {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.479" height="21.373" xml:space="preserve"><g fill="%23FFF"><path d="M20.66 18.435a2.938 2.938 0 0 1-2.938 2.938 2.938 2.938 0 1 1 0-5.877 2.938 2.938 0 0 1 2.938 2.939z"/><path opacity=".4" d="M14.784 17.933h1.324v1.218h-1.324zM19.418 17.933h1.24v1.218h-1.24z"/><path d="M23.594 3.145a2.938 2.938 0 0 1-2.938 2.938 2.935 2.935 0 0 1-2.939-2.938 2.939 2.939 0 1 1 5.877 0z"/><path opacity=".4" d="M17.719 2.641h1.324v1.218h-1.324zM22.354 2.641h1.237v1.218h-1.237z"/><path d="M26.538 8.218c0 1.624-1.313 2.939-2.938 2.939s-2.938-1.315-2.938-2.939a2.938 2.938 0 1 1 5.876 0z"/><path opacity=".4" d="M20.664 7.716h1.324v1.217h-1.324zM25.298 7.716h1.24v1.217h-1.24z"/><path d="M5.879 3.139A2.939 2.939 0 0 1 2.94 6.078C1.314 6.078 0 4.763 0 3.139S1.314.2 2.939.2a2.939 2.939 0 0 1 2.94 2.939z"/><path opacity=".4" d="M.003 2.636h1.324v1.217H.003zM4.636 2.636h1.241v1.217H4.636z"/><path d="M14.777 8.214a2.94 2.94 0 1 1-5.88-.002 2.94 2.94 0 0 1 5.88.002z"/><path opacity=".4" d="M8.901 7.711h1.324v1.218H8.901zM13.535 7.711h1.24v1.218h-1.24z"/><path d="M11.843 13.171a2.939 2.939 0 0 1-2.94 2.938 2.939 2.939 0 1 1 2.94-2.938z"/><path opacity=".4" d="M5.967 12.667h1.324v1.217H5.967zM10.599 12.667h1.24v1.217h-1.24z"/><path d="M17.724 3.159a2.94 2.94 0 1 1-5.88-.003 2.94 2.94 0 0 1 5.88.003z"/><path opacity=".4" d="M11.848 2.655h1.43v1.218h-1.43zM16.295 2.655h1.429v1.218h-1.429z"/><path d="M17.717 13.166a2.94 2.94 0 0 1-2.939 2.938 2.938 2.938 0 0 1-2.939-2.938 2.94 2.94 0 1 1 5.878 0z"/><path d="M23.601 13.276a2.938 2.938 0 0 1-2.938 2.939 2.938 2.938 0 1 1 0-5.878 2.94 2.94 0 0 1 2.938 2.939z"/><path d="M20.654 8.214a2.938 2.938 0 1 1-5.876 0 2.937 2.937 0 1 1 5.876 0zM8.822 8.208a2.937 2.937 0 1 1-5.876 0 2.939 2.939 0 1 1 5.876 0zM14.782 18.433a2.938 2.938 0 0 1-2.938 2.939 2.939 2.939 0 1 1 2.938-2.939zM29.479 3.158a2.938 2.938 0 0 1-2.938 2.939A2.936 2.936 0 0 1 23.6 3.158a2.938 2.938 0 1 1 5.879 0z"/><path d="M11.843 3.159a2.938 2.938 0 0 1-2.938 2.938A2.938 2.938 0 1 1 8.902.219a2.94 2.94 0 0 1 2.941 2.94zM20.66 18.236a2.938 2.938 0 0 1-2.938 2.938 2.939 2.939 0 1 1 2.938-2.938z"/><path opacity=".4" d="M14.784 17.733h1.324v1.218h-1.324zM19.418 17.733h1.24v1.218h-1.24z"/><path d="M23.594 2.945a2.938 2.938 0 1 1-5.877 0 2.937 2.937 0 0 1 2.939-2.94 2.94 2.94 0 0 1 2.938 2.94z"/><path opacity=".4" d="M17.719 2.441h1.324v1.218h-1.324zM22.354 2.441h1.237v1.218h-1.237z"/><path d="M26.538 8.019a2.936 2.936 0 0 1-2.938 2.939 2.936 2.936 0 0 1-2.938-2.939 2.937 2.937 0 1 1 5.876 0z"/><path opacity=".4" d="M20.664 7.517h1.324v1.217h-1.324zM25.298 7.517h1.24v1.217h-1.24z"/><path d="M5.879 2.94A2.938 2.938 0 0 1 2.94 5.878 2.937 2.937 0 0 1 0 2.94a2.94 2.94 0 0 1 5.879 0z"/><path opacity=".4" d="M.003 2.437h1.324v1.218H.003zM4.636 2.437h1.241v1.218H4.636z"/><path d="M14.777 8.015a2.94 2.94 0 1 1-5.88 0 2.94 2.94 0 0 1 5.88 0z"/><path opacity=".4" d="M8.901 7.512h1.324V8.73H8.901zM13.535 7.512h1.24V8.73h-1.24z"/><path d="M11.843 12.972a2.939 2.939 0 0 1-2.94 2.938 2.939 2.939 0 1 1 2.94-2.938z"/><path opacity=".4" d="M5.967 12.468h1.324v1.218H5.967zM10.599 12.468h1.24v1.218h-1.24z"/><path d="M17.724 2.96a2.94 2.94 0 1 1-5.88-.003 2.94 2.94 0 0 1 5.88.003z"/><path opacity=".4" d="M11.848 2.456h1.43v1.219h-1.43zM16.295 2.456h1.429v1.219h-1.429z"/><path d="M17.717 12.967a2.938 2.938 0 1 1-5.878 0 2.94 2.94 0 1 1 5.878 0z"/><path d="M23.601 13.078a2.939 2.939 0 0 1-2.938 2.939 2.939 2.939 0 1 1 0-5.879 2.94 2.94 0 0 1 2.938 2.94z"/><path d="M20.654 8.015a2.938 2.938 0 1 1-5.876 0 2.937 2.937 0 1 1 5.876 0zM8.822 8.01a2.938 2.938 0 1 1-5.877 0 2.939 2.939 0 1 1 5.877 0zM14.782 18.233a2.938 2.938 0 0 1-2.938 2.939 2.94 2.94 0 1 1 2.938-2.939zM29.479 2.96a2.938 2.938 0 0 1-2.938 2.938 2.939 2.939 0 1 1 2.938-2.938z"/><path d="M11.843 2.96a2.938 2.938 0 0 1-2.938 2.938 2.939 2.939 0 1 1 2.938-2.938z"/></g></svg>');
}

.icon-channel-trick {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23.787" height="21.602" xml:space="preserve"><path fill="%23888" d="M8.839 10.616a2.653 2.653 0 1 1 5.306 0 2.652 2.652 0 1 1-5.306 0z"/><path fill="%23E8E7E7" d="M3.451 3.08a2.654 2.654 0 1 1 5.309 0 2.655 2.655 0 1 1-5.309 0zM14.225 18.522a2.653 2.653 0 1 1 2.652 2.654 2.653 2.653 0 0 1-2.652-2.654z"/><g fill="none" stroke="%23E8E7E7" stroke-miterlimit="10"><path d="M6.105 2.348s.789-.063 1.995-.051"/><path stroke-dasharray="4.7103,4.7103" d="M12.784 2.743c4.875.943 10.025 3.777 6.245 11.984"/><path d="M17.934 16.824a33.505 33.505 0 0 1-1.057 1.698"/></g></svg>');
}

.icon-channel-1-pocket,
.icon-channel-1pocket {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.825" height="22.833" xml:space="preserve"><path fill="%23FFF" d="M12.441 19.593a3.134 3.134 0 1 1-6.267-.001 3.134 3.134 0 0 1 6.267.001z"/><path fill="none" stroke="%23FFF" stroke-miterlimit="10" d="M13.807 4.989a4.5 4.5 0 1 1-8.999 0 4.5 4.5 0 1 1 8.999 0z"/></svg>');
}

::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}

::-webkit-scrollbar-button {
  height: 0px;
  width: 0px;
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 50px;
  border: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover-color);
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

* {
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
  scrollbar-width: thin;
  -webkit-tap-highlight-color: transparent;
}

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

:focus:not(:focus-visible) {
  outline: none;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  font-family: var(--font-stack-body);
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
}

header:has(.type-title) {
  margin-bottom: 3rem;
}

img {
  user-drag: none; /* Safari */
  -webkit-user-drag: none;
  user-select: none;
}

.state-is-mobile .mobile-only,
.is-mobile .mobile-only {
  display: block;
}

.type-error {
  color: var(--chalky-red);
}

.type-heading-1, h1, .h1 {
  font-size: 3rem;
  font-weight: var(--font-weight-medium);
}

.type-heading-2, h2, .h2 {
  font-size: 2.25rem;
  font-weight: var(--font-weight-medium);
}

.type-heading-3, h3, .h3 {
  font-size: 1.5rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
}

.type-heading-4, h4, .h4 {
  font-size: 1.31rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.type-heading-5, nav button, h5, .h5 {
  font-size: 1.125rem;
  font-weight: var(--font-weight-semibold);
  text-transform: none;
}

.type-heading-6, h6, .h6 {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.type-heading-7, .h7 {
  color: var(--chalky-grey-3);
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.type-input, input {
  font-size: 0.81rem;
  font-weight: var(--font-weight-medium);
}

.type-link, a {
  color: var(--anchor-color);
  font-weight: var(--font-weight-medium);
  line-height: 1.375;
  text-decoration: none;
}
.type-link:hover, a:hover {
  color: var(--anchor-color-hover);
  text-decoration: underline;
}

.type-large-paragraph, p.large {
  font-size: 1.3125rem;
  font-weight: var(--font-weight-book);
  line-height: 1.375;
}

.type-paragraph, p {
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.375;
}

.type-small-paragraph, p.small {
  font-size: 0.875rem;
  font-weight: var(--font-weight-book);
  line-height: 1.375;
}

.type-small, small, .small {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: var(--font-weight-book);
  line-height: 1.66;
  vertical-align: middle;
}

.type-small-heading, .badge, a.type-caps {
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.0125em;
  margin: 0.7em 0;
  text-transform: uppercase;
}

.type-subtitle {
  font-size: 1.3rem;
  font-weight: var(--font-weight-light);
  line-height: 1.375;
}

.type-title {
  font-size: 3rem;
  font-weight: var(--font-weight-bold);
}

.type-tabbar {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
}

html,
body {
  color: var(--chalky-blue);
  font-family: var(--font-stack-body);
}

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  padding: 0;
}

p:last-child {
  margin-bottom: 0;
}

a {
  cursor: pointer;
}

a.type-caps {
  border: 0;
  color: var(--chalky-grey-3);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.025em;
  text-decoration: none;
}
a.type-caps:hover {
  color: var(--body-color);
}

button,
input,
optgroup,
select,
textarea {
  font-family: var(--font-stack-body);
}

blockquote {
  border-left: 8px solid var(--border-dark);
  font-size: 1.125em;
  font-weight: var(--font-weight-book);
  line-height: 1.5;
  margin: 1rem 3rem 1rem 0;
  padding: 1rem;
}

small, .small {
  color: var(--chalky-grey-2);
}

address {
  margin-bottom: 0;
}

.theme-light {
  --body-background: var(--chalky-offwhite);
  --body-color: var(--chalky-blue);
  --border-dark: var(--chalky-blue);
}

.theme-dark {
  --anchor-color: var(--chalky-white);
  --anchor-color-hover: var(--chalky-white);
  --body-background: var(--chalky-blue);
  --body-color: var(--chalky-offwhite);
  --border-dark: var(--chalky-white);
  --input-accentcolor: var(--chalky-lightblue-2);
}

[class*=theme-] {
  background: var(--body-background);
  color: var(--body-color);
}

/**
 * Animation index
 * Imports all animation files
 */
/**
 * Fade animations
 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
.animate-fade-in {
  animation: fadeIn 0.3s ease-in-out forwards;
}

.animate-fade-in-slow {
  animation: fadeIn 0.6s ease-in-out forwards;
}

.animate-fade-in-fast {
  animation: fadeIn 0.15s ease-in-out forwards;
}

.animate-fade-out {
  animation: fadeOut 0.3s ease-in-out forwards;
}

.animate-fade-out-slow {
  animation: fadeOut 0.6s ease-in-out forwards;
}

.animate-fade-out-fast {
  animation: fadeOut 0.15s ease-in-out forwards;
}

.animate-fade-in-out {
  animation: fadeInOut 2s ease-in-out infinite;
}

@keyframes spinCW {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinCCW {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes spinY {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
.animate-spin {
  animation: spinCW 1s linear infinite;
}

.animate-spin-slow {
  animation: spinCW 2s linear infinite;
}

.animate-spin-fast {
  animation: spinCW 0.5s linear infinite;
}

.animate-spin-ccw {
  animation: spinCCW 1s linear infinite;
}

.animate-spin-ccw-slow {
  animation: spinCCW 2s linear infinite;
}

.animate-spin-ccw-fast {
  animation: spinCCW 0.5s linear infinite;
}

.animate-spin-y {
  animation: spinY 1s linear infinite;
}

.animate-spin-y-slow {
  animation: spinY 2s linear infinite;
}

.animate-spin-y-fast {
  animation: spinY 0.5s linear infinite;
}

.animate-spin-once {
  animation: spinCW 1s linear forwards;
}

.animate-spin-ccw-once {
  animation: spinCCW 1s linear forwards;
}

/**
 * Pulse animations
 */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes boom-in {
  0% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes boom-out {
  0% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
@keyframes glow {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
  100% {
    filter: brightness(1);
  }
}
.animate-pulse {
  animation: pulse 1.5s ease-in-out infinite;
}

.animate-pulse-fast {
  animation: pulse 0.8s ease-in-out infinite;
}

.animate-pulse-slow {
  animation: pulse 2.5s ease-in-out infinite;
}

.animate-heartbeat {
  animation: heartbeat 1.5s ease-in-out infinite;
}

.animate-glow {
  animation: glow 2s ease-in-out infinite;
}

.animate-boom-in {
  animation: boom-in 1s var(--ease-out-quad) forwards;
}

.animate-boom-out {
  animation: boom-out 1s var(--ease-out-quad) forwards;
}

button.google {
  -webkit-user-select: none;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
  color: #3c4043;
  cursor: pointer;
  display: flex;
  font-family: "Google Sans", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  letter-spacing: 0.25px;
  max-width: 300px;
  padding: 0 12px;
  position: relative;
  text-align: center;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  user-select: none;
  width: 100%;
}

button.google:hover {
  background-color: #f8f9fa;
  border-color: #dadce0;
  box-shadow: 0 2px 4px 0 rgba(60, 64, 67, 0.302), 0 1px 6px 2px rgba(60, 64, 67, 0.149);
}

button.google:active {
  background-color: #f1f3f4;
  border-color: transparent;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302);
}

button.google img {
  height: 18px;
  margin-right: 12px;
  min-width: 18px;
  width: 18px;
}

button.google span {
  flex-grow: 1;
  font-family: "Roboto", arial, sans-serif;
  font-weight: var(--font-weight-medium);
  text-align: center;
  white-space: nowrap;
}

.header-base, .header-sticky, .header-with-search, .header-with-avatar, .header-with-logo, .header-centered, .header-with-back {
  align-items: center;
  display: flex;
  padding: 1rem;
  width: 100%;
}
.header-base h1, .header-sticky h1, .header-with-search h1, .header-with-avatar h1, .header-with-logo h1, .header-centered h1, .header-with-back h1, .header-base .h1, .header-sticky .h1, .header-with-search .h1, .header-with-avatar .h1, .header-with-logo .h1, .header-centered .h1, .header-with-back .h1,
.header-base h2,
.header-sticky h2,
.header-with-search h2,
.header-with-avatar h2,
.header-with-logo h2,
.header-centered h2,
.header-with-back h2,
.header-base .h2,
.header-sticky .h2,
.header-with-search .h2,
.header-with-avatar .h2,
.header-with-logo .h2,
.header-centered .h2,
.header-with-back .h2,
.header-base h3,
.header-sticky h3,
.header-with-search h3,
.header-with-avatar h3,
.header-with-logo h3,
.header-centered h3,
.header-with-back h3,
.header-base .h3,
.header-sticky .h3,
.header-with-search .h3,
.header-with-avatar .h3,
.header-with-logo .h3,
.header-centered .h3,
.header-with-back .h3 {
  flex: 1;
  margin: 0;
  text-align: center;
}
.header-base .actions, .header-sticky .actions, .header-with-search .actions, .header-with-avatar .actions, .header-with-logo .actions, .header-centered .actions, .header-with-back .actions {
  display: flex;
  justify-content: flex-end;
  min-width: 44px;
}

.header-with-back .back-button {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--chalky-blue);
  cursor: pointer;
  display: flex;
  min-width: 44px;
  padding: 0.5rem;
}
.header-with-back .back-button img {
  height: 20px;
  margin-right: 0.25rem;
  width: 20px;
}

.header-centered {
  justify-content: center;
}
.header-centered h1, .header-centered .h1,
.header-centered h2,
.header-centered .h2,
.header-centered h3,
.header-centered .h3 {
  text-align: center;
}

.header-with-logo .logo {
  height: 36px;
  margin-right: 1rem;
  width: 36px;
}

.header-with-avatar .avatar {
  margin-right: 1rem;
}

.header-with-search {
  padding: 0.75rem 1rem;
}
.header-with-search .search-container {
  background: var(--chalky-offwhite);
  border-radius: var(--border-radius);
  flex: 1;
  margin: 0 0.5rem;
  padding: 0.125rem 0.5rem;
}
.header-with-search .search-container input {
  background: transparent;
  border: none;
  color: var(--chalky-blue);
  font-size: var(--font-size-small);
  outline: none;
  width: 100%;
}

.header-sticky {
  background: var(--chalky-white);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: var(--z-header-bottom);
}

.header-with-tabs {
  display: flex;
  flex-direction: column;
}
.header-with-tabs .header-base, .header-with-tabs .header-with-back, .header-with-tabs .header-centered, .header-with-tabs .header-with-logo, .header-with-tabs .header-with-avatar, .header-with-tabs .header-with-search, .header-with-tabs .header-sticky {
  border-bottom: 1px solid var(--chalky-grey);
}
.header-with-tabs .tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-with-tabs .tabs li {
  flex: 1;
  text-align: center;
}
.header-with-tabs .tabs li button {
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: var(--chalky-grey-3);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  padding: 1rem 0.5rem;
  width: 100%;
}
.header-with-tabs .tabs li button.active {
  border-bottom-color: var(--chalky-red);
  color: var(--chalky-blue);
}

.footer-base, .footer-form, .footer-sticky, .footer-button, .footer-actions, .footer-tabbar {
  align-items: center;
  background: var(--chalky-white);
  border-top: 1px solid var(--chalky-grey);
  display: flex;
  padding: 1rem;
  width: 100%;
}

.footer-tabbar {
  justify-content: space-around;
  padding: 0;
}
.footer-tabbar .tab-item {
  align-items: center;
  background: transparent;
  border: none !important;
  color: var(--chalky-grey-3);
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0.75rem 0;
  text-align: center;
}
.footer-tabbar .tab-item img,
.footer-tabbar .tab-item .icon {
  height: 24px;
  margin-bottom: 0.25rem;
  width: 24px;
}
.footer-tabbar .tab-item span {
  font-size: var(--font-size-x-small);
}
.footer-tabbar .tab-item.active {
  color: var(--chalky-red);
}

.footer-actions {
  justify-content: space-between;
  padding: 0.75rem 1rem;
}
.footer-actions .action {
  flex: 1;
  margin: 0 0.5rem;
}
.footer-actions .action:first-child {
  margin-left: 0;
}
.footer-actions .action:last-child {
  margin-right: 0;
}

.footer-button {
  padding: 1rem;
}
.footer-button button {
  width: 100%;
}

.footer-sticky {
  bottom: 0;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  position: sticky;
  z-index: var(--z-header-bottom);
}

.footer-form {
  padding: 0.75rem 1rem;
}
.footer-form .form-group {
  align-items: center;
  background: var(--chalky-offwhite);
  border-radius: var(--border-radius);
  display: flex;
  flex: 1;
  margin-right: 0.75rem;
  padding: 0.5rem 1rem;
}
.footer-form .form-group input {
  background: transparent;
  border: none;
  color: var(--chalky-blue);
  flex: 1;
  font-size: var(--font-size-small);
  outline: none;
}

hr {
  background: transparent;
  border: 0;
  border-top: var(--divider-size) solid var(--divider-color);
  height: 1px;
  margin-bottom: var(--divider-spacing-y) !important;
  margin-top: var(--divider-spacing-y) !important;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  margin: 0;
}
nav button {
  align-items: center;
  color: var(--body-color);
  display: flex;
  font-weight: var(--font-weight-medium);
  gap: 0.5em;
}
nav button .icon {
  height: 16px;
  width: 16px;
}

.alert {
  align-items: center;
  background-color: var(--chalky-red);
  border-radius: var(--border-radius);
  color: var(--chalky-white);
  display: flex;
  font-size: var(--font-size-normal);
  justify-content: space-between;
  padding: 0;
  text-align: left;
}
.alert .actions,
.alert .content {
  padding: var(--pad-medium);
}
.alert .close {
  display: flex;
  padding: var(--pad-medium);
}
.alert .close .control {
  background-color: transparent;
  border: 0;
  filter: invert(1);
}

.alert.type-error, .alert.type-danger {
  background-color: var(--chalky-red);
  color: var(--chalky-white);
}
.alert.type-success {
  background-color: var(--chalky-lightblue);
  color: var(--chalky-white);
}
.alert.type-warning {
  background-color: var(--chalky-yellow);
  color: var(--chalky-black);
}
.alert.type-info {
  background-color: var(--chalky-blue);
  color: var(--chalky-white);
}

.alert.size-compact {
  font-size: var(--font-size-small);
}
.alert.size-compact .actions,
.alert.size-compact .content {
  padding: var(--pad-small);
}
.alert.size-compact .close {
  padding: var(--pad-small);
}
.alert.size-large {
  font-size: var(--font-size-large);
}
.alert.size-large .actions,
.alert.size-large .content {
  padding: var(--pad-large);
}
.alert.size-large .close {
  padding: var(--pad-large);
}
.alert.size-large h6, .alert.size-large .h6 {
  font-size: var(--font-size-x-large);
  margin-bottom: var(--pad-small);
}

.alert.layout-banner {
  border-radius: 0;
  width: 100%;
}
.alert.layout-toast {
  box-shadow: var(--shadow-large);
  max-width: 400px;
  position: fixed;
  right: var(--pad-large);
  top: var(--pad-large);
  z-index: var(--z-modal-high);
}
.alert.layout-inline {
  margin: var(--pad-medium) 0;
}
.alert.layout-modal {
  left: 50%;
  max-width: 500px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: var(--z-modal-high);
}

.alert h6, .alert .h6 {
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--pad-x-small) 0;
}
.alert.has-icon .content {
  align-items: center;
  display: flex;
  gap: var(--pad-medium);
}
.alert.has-icon .content .icon {
  flex-shrink: 0;
  height: 1.5em;
  width: 1.5em;
}
.alert.layout-stacked {
  flex-direction: column;
}
.alert.layout-stacked .content {
  width: 100%;
}
.alert.layout-stacked .actions {
  align-self: stretch;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  gap: var(--pad-small);
  justify-content: flex-end;
  padding-top: var(--pad-medium);
}
.alert.layout-stacked.theme-light .actions {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.alert {
  transition: all 0.3s ease;
}
.alert.animate-slide-in {
  animation: alertSlideIn 0.3s ease-out;
}
.alert.animate-fade-in {
  animation: alertFadeIn 0.3s ease-out;
}

@keyframes alertSlideIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes alertFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  .alert.layout-toast {
    bottom: var(--pad-large);
    left: var(--pad-medium);
    right: var(--pad-medium);
    top: auto;
    max-width: none;
  }
  .alert.layout-modal {
    left: var(--pad-medium);
    right: var(--pad-medium);
    top: var(--pad-large);
    transform: none;
    max-width: none;
  }
  .alert:not(.layout-inline) {
    flex-direction: column;
  }
  .alert:not(.layout-inline) .actions {
    align-self: stretch;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    gap: var(--pad-small);
    justify-content: flex-end;
    padding-top: var(--pad-medium);
  }
  .alert:not(.layout-inline).theme-light .actions {
    border-top-color: rgba(0, 0, 0, 0.1);
  }
}
.avatar {
  border-radius: 50%;
  display: inline-block;
  height: var(--avatar-size-md);
  overflow: hidden;
  position: relative;
  width: var(--avatar-size-md);
}
.avatar img {
  height: 100%;
  left: 0;
  margin: 0 !important;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.avatar.size-xs {
  height: var(--avatar-size-xs);
  width: var(--avatar-size-xs);
}

.avatar.size-sm {
  height: var(--avatar-size-sm);
  width: var(--avatar-size-sm);
}

.avatar.size-md {
  height: var(--avatar-size-md);
  width: var(--avatar-size-md);
}

.avatar.size-lg {
  height: var(--avatar-size-lg);
  width: var(--avatar-size-lg);
}

.avatar.size-xl {
  height: var(--avatar-size-xl);
  width: var(--avatar-size-xl);
}

.avatar.avatar-popout {
  overflow: visible;
}
.avatar.avatar-popout img {
  transform-origin: center bottom;
  transform: translateY(-1%);
  bottom: 0;
  height: 110%;
  object-fit: initial;
  top: auto;
}

.badge {
  background-color: var(--chalky-blue);
  cursor: default;
  font-size: 0.66em;
  font-weight: var(--font-weight-bold);
  margin: 0.15rem 0.25rem 0.15rem 0;
  padding: 0.33rem 0.5rem;
}
.badge:last-child {
  margin-right: 0;
}

.badge.bg-primary,
.badge.type-primary {
  background-color: var(--chalky-blue) !important;
}

.badge.bg-success,
.badge.type-success {
  background-color: var(--chalky-lightblue-2) !important;
}

.badge.type-secondary,
.badge.bg-secondary {
  background-color: var(--chalky-blue-4) !important;
  color: var(--chalky-white);
}

.badge.type-danger,
.badge.bg-danger {
  background-color: var(--chalky-red) !important;
  color: var(--chalky-white);
}

.badge.type-warning,
.badge.bg-warning {
  background-color: var(--chalky-purple) !important;
  color: var(--chalky-white);
}

.badge.type-info,
.badge.bg-info {
  background-color: var(--chalky-offwhite) !important;
  color: var(--chalky-blue);
}

.badge.type-light,
.badge.bg-light {
  background-color: var(--chalky-white) !important;
  color: var(--chalky-blue);
}

.badge.type-dark,
.badge.bg-dark {
  background-color: var(--chalky-black) !important;
  color: var(--chalky-white);
}

.glass-panel {
  background: rgba(245, 245, 245, 0.65);
  backdrop-filter: blur(0.75em);
}

.glass-panel-small {
  background: rgba(245, 245, 245, 0.65);
  backdrop-filter: blur(4px);
}

header.type-primary {
  align-items: center;
  background-color: var(--chalky-blue);
  border-bottom: 1px solid var(--chalky-black);
  color: var(--chalky-white);
  display: flex;
  font-size: 1.25rem;
  padding: 1.5rem;
}
header.type-primary .nav {
  font-size: 0.9em;
}
header.type-primary .nav a {
  color: var(--chalky-white);
}

header.type-primary .nav a:hover {
  opacity: 0.75;
}

.icon-alarm, button.control.type-alarm,
.btn.control.type-alarm,
.icon-arrowdown,
button.control.type-down,
button.control.type-arrowdown,
.btn.control.type-down,
.btn.control.type-arrowdown,
.icon-arrowleft,
button.control.type-left,
button.control.type-arrowleft,
.btn.control.type-left,
.btn.control.type-arrowleft,
.icon-arrowright,
button.control.type-right,
button.control.type-arrowright,
.btn.control.type-right,
.btn.control.type-arrowright,
.icon-arrowup,
button.control.type-up,
button.control.type-arrowup,
.btn.control.type-up,
.btn.control.type-arrowup,
.icon-checkmark,
button.control.type-check,
button.control.type-checkmark,
.btn.control.type-check,
.btn.control.type-checkmark,
.icon-close,
button.control.type-close,
.btn.control.type-close,
.icon-edit,
button.control.type-edit,
.btn.control.type-edit,
.icon-fullscreen,
button.control.type-fullscreen,
.btn.control.type-fullscreen,
.icon-heartfill,
button.control.type-heartfill,
.btn.control.type-heartfill,
.icon-heartoutline,
button.control.type-heartoutline,
.btn.control.type-heartoutline,
.icon-information,
button.control.type-information,
.btn.control.type-information,
.icon-list,
button.control.type-list,
.btn.control.type-list,
.icon-loading,
.icon-location,
button.control.type-location,
.btn.control.type-location,
.icon-menu,
button.control.type-menu,
.btn.control.type-menu,
.icon-minus,
button.control.type-minus,
.btn.control.type-minus,
.icon-plus,
button.control.type-plus,
.btn.control.type-plus,
.icon-save,
button.control.type-save,
.btn.control.type-save,
.icon-search,
button.control.type-search,
.btn.control.type-search,
.icon-send,
button.control.type-send,
.btn.control.type-send,
.icon-sharefill,
button.control.type-sharefill,
.btn.control.type-sharefill,
.icon-shareoutline,
button.control.type-shareoutline,
.btn.control.type-shareoutline,
.icon-speech,
button.control.type-speech,
.btn.control.type-speech,
.icon-volumeoff,
button.control.type-volumeoff,
.btn.control.type-volumeoff,
.icon-volumeon,
button.control.type-volumeon,
.btn.control.type-volumeon,
.icon-zoomin,
button.control.type-zoomin,
.btn.control.type-zoomin,
.icon-zoomout,
button.control.type-zoomout,
.btn.control.type-zoomout,
.icon-chalkysticks,
button.control.type-chalkysticks,
.btn.control.type-chalkysticks {
  background-position: center center;
  background-repeat: no-repeat;
}

.icon-arrowup, button.control.type-up, button.control.type-arrowup,
.btn.control.type-up,
.btn.control.type-arrowup {
  background-image: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 15.5C7.51777 15.5 7.9375 15.0803 7.9375 14.5625V3.70083L11.9621 7.72541C12.3282 8.09153 12.9218 8.09153 13.2879 7.72541C13.654 7.3593 13.654 6.7657 13.2879 6.39959L7.66291 0.774587C7.2968 0.408471 6.7032 0.408471 6.33709 0.774587L0.712087 6.39959C0.345971 6.7657 0.345971 7.3593 0.712087 7.72541C1.0782 8.09153 1.6718 8.09153 2.03791 7.72541L6.0625 3.70083V14.5625C6.0625 15.0803 6.48223 15.5 7 15.5Z" fill="%23030504"/></svg>');
}

.icon-arrowdown, button.control.type-down, button.control.type-arrowdown,
.btn.control.type-down,
.btn.control.type-arrowdown {
  background-image: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 0.5C7.51777 0.5 7.9375 0.919733 7.9375 1.4375V12.2992L11.9621 8.27459C12.3282 7.90847 12.9218 7.90847 13.2879 8.27459C13.654 8.6407 13.654 9.2343 13.2879 9.60041L7.66291 15.2254C7.2968 15.5915 6.7032 15.5915 6.33709 15.2254L0.712087 9.60041C0.345971 9.2343 0.345971 8.6407 0.712087 8.27459C1.0782 7.90847 1.6718 7.90847 2.03791 8.27459L6.0625 12.2992V1.4375C6.0625 0.919733 6.48223 0.5 7 0.5Z" fill="%23030504"/></svg>');
}

.icon-arrowleft, button.control.type-left, button.control.type-arrowleft,
.btn.control.type-left,
.btn.control.type-arrowleft {
  background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 7.51777 15.0803 7.9375 14.5625 7.9375L3.70083 7.9375L7.72541 11.9621C8.09153 12.3282 8.09153 12.9218 7.72541 13.2879C7.3593 13.654 6.7657 13.654 6.39959 13.2879L0.774587 7.66291C0.408471 7.2968 0.408471 6.7032 0.774587 6.33709L6.39959 0.712088C6.7657 0.345971 7.3593 0.345971 7.72541 0.712087C8.09153 1.0782 8.09153 1.6718 7.72541 2.03791L3.70083 6.0625L14.5625 6.0625C15.0803 6.0625 15.5 6.48223 15.5 7Z" fill="%23030504"/></svg>');
}

.icon-arrowright, button.control.type-right, button.control.type-arrowright,
.btn.control.type-right,
.btn.control.type-arrowright {
  background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 7C0.5 6.48223 0.919733 6.0625 1.4375 6.0625L12.2992 6.0625L8.27459 2.03791C7.90847 1.6718 7.90847 1.0782 8.27459 0.712086C8.6407 0.345969 9.2343 0.345969 9.60041 0.712086L15.2254 6.33709C15.5915 6.7032 15.5915 7.2968 15.2254 7.66291L9.60041 13.2879C9.2343 13.654 8.6407 13.654 8.27459 13.2879C7.90847 12.9218 7.90847 12.3282 8.27459 11.9621L12.2992 7.9375L1.4375 7.9375C0.919733 7.9375 0.5 7.51777 0.5 7Z" fill="%23030504"/></svg>');
}

.icon-checkmark, button.control.type-check, button.control.type-checkmark,
.btn.control.type-check,
.btn.control.type-checkmark {
  background-image: url('data:image/svg+xml,<svg class="icon icon-checkmark" width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z" fill="%23030504"/></svg>');
}

.icon-zoomin, button.control.type-zoomin,
.btn.control.type-zoomin {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 15C11.922 15 15 11.922 15 8.125C15 4.32804 11.922 1.25 8.125 1.25C4.32804 1.25 1.25 4.32804 1.25 8.125C1.25 11.922 4.32804 15 8.125 15ZM16.25 8.125C16.25 12.6123 12.6123 16.25 8.125 16.25C3.63769 16.25 0 12.6123 0 8.125C0 3.63769 3.63769 0 8.125 0C12.6123 0 16.25 3.63769 16.25 8.125Z" fill="%23030504"/><path d="M12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299C14.1874 13.5974 13.5974 14.1874 12.9299 14.6777Z" fill="%23030504"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 3.75C8.47018 3.75 8.75 4.02982 8.75 4.375V7.5H11.875C12.2202 7.5 12.5 7.77982 12.5 8.125C12.5 8.47018 12.2202 8.75 11.875 8.75H8.75V11.875C8.75 12.2202 8.47018 12.5 8.125 12.5C7.77982 12.5 7.5 12.2202 7.5 11.875V8.75H4.375C4.02982 8.75 3.75 8.47018 3.75 8.125C3.75 7.77982 4.02982 7.5 4.375 7.5H7.5V4.375C7.5 4.02982 7.77982 3.75 8.125 3.75Z" fill="%23030504"/></svg>');
}

.icon-zoomout, button.control.type-zoomout,
.btn.control.type-zoomout {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 15C11.922 15 15 11.922 15 8.125C15 4.32804 11.922 1.25 8.125 1.25C4.32804 1.25 1.25 4.32804 1.25 8.125C1.25 11.922 4.32804 15 8.125 15ZM16.25 8.125C16.25 12.6123 12.6123 16.25 8.125 16.25C3.63769 16.25 0 12.6123 0 8.125C0 3.63769 3.63769 0 8.125 0C12.6123 0 16.25 3.63769 16.25 8.125Z" fill="%23030504"/><path d="M12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299C14.1874 13.5974 13.5974 14.1874 12.9299 14.6777Z" fill="%23030504"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 8.125C3.75 7.77982 4.02982 7.5 4.375 7.5H11.875C12.2202 7.5 12.5 7.77982 12.5 8.125C12.5 8.47018 12.2202 8.75 11.875 8.75H4.375C4.02982 8.75 3.75 8.47018 3.75 8.125Z" fill="%23030504"/></svg>');
}

.icon-loading {
  background-image: url('data:image/svg+xml,<svg class="icon icon-loading" width="50" height="50" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.511137 19.2535C-1.628 11.2701 3.13436 3.02143 11.1177 0.882287C13.8272 0.156299 16.666 0.203145 19.3357 1.00966C20.1293 1.24737 20.5728 2.09132 20.3351 2.88489C20.0974 3.67845 19.2535 4.12199 18.4599 3.88428C16.3315 3.24332 14.053 3.2016 11.8942 3.78006C5.5046 5.49215 1.69683 12.0874 3.40891 18.477C5.121 24.8666 11.7163 28.6744 18.1059 26.9623C24.4955 25.2502 28.3032 18.6549 26.5911 12.2653C26.3776 11.4685 26.8549 10.6418 27.6518 10.4282C28.4487 10.2147 29.2754 10.692 29.4889 11.4889C31.6281 19.4723 26.8657 27.7209 18.8823 29.8601C10.8989 31.9992 2.65028 27.2368 0.511137 19.2535Z" fill="%23030504"/></svg>');
}

.icon-location, button.control.type-location,
.btn.control.type-location {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 0.5C8.5 0.223858 8.27614 0 8 0C7.72386 0 7.5 0.223858 7.5 0.5V1.01758C4.03251 1.2623 1.2623 4.03251 1.01758 7.5H0.5C0.223858 7.5 0 7.72386 0 8C0 8.27614 0.223858 8.5 0.5 8.5H1.01758C1.2623 11.9675 4.03251 14.7377 7.5 14.9824V15.5C7.5 15.7761 7.72386 16 8 16C8.27614 16 8.5 15.7761 8.5 15.5V14.9824C11.9675 14.7377 14.7377 11.9675 14.9824 8.5H15.5C15.7761 8.5 16 8.27614 16 8C16 7.72386 15.7761 7.5 15.5 7.5H14.9824C14.7377 4.03251 11.9675 1.2623 8.5 1.01758V0.5ZM2.02054 7.5C2.26101 4.5851 4.5851 2.26101 7.5 2.02054V2.5C7.5 2.77614 7.72386 3 8 3C8.27614 3 8.5 2.77614 8.5 2.5V2.02054C11.4149 2.26101 13.739 4.5851 13.9795 7.5H13.5C13.2239 7.5 13 7.72386 13 8C13 8.27614 13.2239 8.5 13.5 8.5H13.9795C13.739 11.4149 11.4149 13.739 8.5 13.9795V13.5C8.5 13.2239 8.27614 13 8 13C7.72386 13 7.5 13.2239 7.5 13.5V13.9795C4.5851 13.739 2.26101 11.4149 2.02054 8.5H2.5C2.77614 8.5 3 8.27614 3 8C3 7.72386 2.77614 7.5 2.5 7.5H2.02054ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="%23030504"/></svg>');
}

.icon-plus, button.control.type-plus,
.btn.control.type-plus {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.5C10.3452 2.5 10.625 2.77982 10.625 3.125V9.375H16.875C17.2202 9.375 17.5 9.65482 17.5 10C17.5 10.3452 17.2202 10.625 16.875 10.625H10.625V16.875C10.625 17.2202 10.3452 17.5 10 17.5C9.65482 17.5 9.375 17.2202 9.375 16.875V10.625H3.125C2.77982 10.625 2.5 10.3452 2.5 10C2.5 9.65482 2.77982 9.375 3.125 9.375H9.375V3.125C9.375 2.77982 9.65482 2.5 10 2.5Z" fill="%23030504"/></svg>');
}

.icon-minus, button.control.type-minus,
.btn.control.type-minus {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 10C2.5 9.65482 2.77982 9.375 3.125 9.375H16.875C17.2202 9.375 17.5 9.65482 17.5 10C17.5 10.3452 17.2202 10.625 16.875 10.625H3.125C2.77982 10.625 2.5 10.3452 2.5 10Z" fill="%23030504"/></svg>');
}

.icon-list, button.control.type-list,
.btn.control.type-list {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11.5C5 11.2239 5.22386 11 5.5 11H14.5C14.7761 11 15 11.2239 15 11.5C15 11.7761 14.7761 12 14.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z" fill="%232B3544"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.5C5 7.22386 5.22386 7 5.5 7H14.5C14.7761 7 15 7.22386 15 7.5C15 7.77614 14.7761 8 14.5 8H5.5C5.22386 8 5 7.77614 5 7.5Z" fill="%232B3544"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3.5C5 3.22386 5.22386 3 5.5 3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H5.5C5.22386 4 5 3.77614 5 3.5Z" fill="%232B3544"/><path d="M1.71289 11.8652V11.3906H2C2.2168 11.3906 2.36328 11.2539 2.36328 11.0742C2.36328 10.8887 2.20508 10.7637 2.00195 10.7637C1.7793 10.7637 1.63477 10.916 1.62891 11.0742H1.03906C1.05469 10.6074 1.41211 10.2871 2.02539 10.2871C2.61328 10.2852 2.97852 10.5781 2.98242 10.9902C2.98633 11.3691 2.67969 11.5547 2.49023 11.584V11.6172C2.74414 11.6406 3.05469 11.832 3.05859 12.248C3.0625 12.7812 2.55664 13.0488 2.00781 13.0488C1.35156 13.0488 1.00781 12.6777 1 12.2539H1.58203C1.58984 12.4316 1.76758 12.5605 2.00391 12.5625C2.25781 12.5625 2.42773 12.418 2.42578 12.2129C2.42383 12.0176 2.27148 11.8652 2.01172 11.8652H1.71289Z" fill="%232B3544"/><path d="M1.70898 7.16602H1.10547V7.13086C1.10547 6.72266 1.40039 6.28711 2.0625 6.28711C2.64648 6.28711 3.02344 6.61328 3.02344 7.04297C3.02344 7.43164 2.76562 7.66016 2.54688 7.89062L2.00977 8.46289V8.49219H3.06445V9H1.14258V8.60547L2.09961 7.61523C2.23828 7.47266 2.39258 7.31055 2.39258 7.10742C2.39258 6.92773 2.24609 6.78711 2.05078 6.78711C1.83594 6.78711 1.70898 6.94727 1.70898 7.125C1.70898 7.13867 1.70898 7.15625 1.70898 7.16602Z" fill="%232B3544"/><path d="M2.56367 5H1.92891V2.92383H1.89766L1.3 3.34375V2.77734L1.92891 2.33398H2.56367V5Z" fill="%232B3544"/></svg>');
}

.icon-menu, button.control.type-menu,
.btn.control.type-menu {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 17.25C3.75 16.8358 4.08579 16.5 4.5 16.5H19.5C19.9142 16.5 20.25 16.8358 20.25 17.25C20.25 17.6642 19.9142 18 19.5 18H4.5C4.08579 18 3.75 17.6642 3.75 17.25Z" fill="%23030504"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 11.25C3.75 10.8358 4.08579 10.5 4.5 10.5H19.5C19.9142 10.5 20.25 10.8358 20.25 11.25C20.25 11.6642 19.9142 12 19.5 12H4.5C4.08579 12 3.75 11.6642 3.75 11.25Z" fill="%23030504"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25C3.75 4.83579 4.08579 4.5 4.5 4.5H19.5C19.9142 4.5 20.25 4.83579 20.25 5.25C20.25 5.66421 19.9142 6 19.5 6H4.5C4.08579 6 3.75 5.66421 3.75 5.25Z" fill="%23030504"/></svg>');
}

.icon-close, button.control.type-close,
.btn.control.type-close {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6161 11.6161C12.1043 11.128 12.8957 11.128 13.3839 11.6161L20 18.2322L26.6161 11.6161C27.1043 11.128 27.8957 11.128 28.3839 11.6161C28.872 12.1043 28.872 12.8957 28.3839 13.3839L21.7678 20L28.3839 26.6161C28.872 27.1043 28.872 27.8957 28.3839 28.3839C27.8957 28.872 27.1043 28.872 26.6161 28.3839L20 21.7678L13.3839 28.3839C12.8957 28.872 12.1043 28.872 11.6161 28.3839C11.128 27.8957 11.128 27.1043 11.6161 26.6161L18.2322 20L11.6161 13.3839C11.128 12.8957 11.128 12.1043 11.6161 11.6161Z" fill="%232B3544"/></svg>');
}

.icon-fullscreen, button.control.type-fullscreen,
.btn.control.type-fullscreen {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.82845 10.1716C5.63319 9.97633 5.3166 9.97633 5.12134 10.1716L1.02515 14.2678L1.02515 11.5C1.02515 11.2239 0.80129 11 0.525147 11C0.249005 11 0.0251465 11.2239 0.0251468 11.5L0.0251465 15.4749C0.0251465 15.751 0.249005 15.9749 0.525147 15.9749L4.49998 15.9749C4.77612 15.9749 4.99998 15.751 4.99998 15.4749C4.99998 15.1987 4.77612 14.9749 4.49998 14.9749L1.73225 14.9749L5.82845 10.8787C6.02371 10.6834 6.02371 10.3669 5.82845 10.1716Z" fill="%232B3544"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1716 10.1716C10.3668 9.97633 10.6834 9.97633 10.8787 10.1716L14.9749 14.2678L14.9749 11.5C14.9749 11.2239 15.1987 11 15.4749 11C15.751 11 15.9749 11.2239 15.9749 11.5L15.9749 15.4749C15.9749 15.751 15.751 15.9749 15.4749 15.9749L11.5 15.9749C11.2239 15.9749 11 15.751 11 15.4749C11 15.1987 11.2239 14.9749 11.5 14.9749L14.2677 14.9749L10.1716 10.8787C9.97629 10.6834 9.97629 10.3669 10.1716 10.1716Z" fill="%232B3544"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1716 5.82841C10.3668 6.02367 10.6834 6.02367 10.8787 5.82841L14.9749 1.73221L14.9749 4.49999C14.9749 4.77613 15.1987 4.99999 15.4749 4.99999C15.751 4.99999 15.9749 4.77613 15.9749 4.49999L15.9749 0.525106C15.9749 0.248964 15.751 0.0251055 15.4749 0.0251055L11.5 0.0251083C11.2239 0.0251083 11 0.248967 11 0.525109C11 0.801251 11.2239 1.02511 11.5 1.02511L14.2677 1.02511L10.1716 5.1213C9.97629 5.31656 9.97629 5.63314 10.1716 5.82841Z" fill="%232B3544"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.82845 5.82841C5.63319 6.02367 5.3166 6.02367 5.12134 5.82841L1.02515 1.73221L1.02515 4.49999C1.02515 4.77613 0.80129 4.99999 0.525147 4.99999C0.249005 4.99999 0.0251465 4.77613 0.0251468 4.49999L0.0251465 0.525106C0.0251465 0.248964 0.249005 0.0251055 0.525147 0.0251055L4.49998 0.0251083C4.77612 0.0251083 4.99998 0.248967 4.99998 0.525109C4.99998 0.801251 4.77612 1.02511 4.49998 1.02511L1.73225 1.02511L5.82845 5.1213C6.02371 5.31656 6.02371 5.63314 5.82845 5.82841Z" fill="%232B3544"/></svg>');
}

.icon-save, button.control.type-save,
.btn.control.type-save {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 1C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14V2C15 1.44772 14.5523 1 14 1H9.5C8.94771 1 8.5 1.44772 8.5 2V6.5H10.5C10.7022 6.5 10.8845 6.62182 10.9619 6.80866C11.0393 6.9955 10.9966 7.21055 10.8536 7.35355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L5.14645 7.35355C5.00345 7.21055 4.96067 6.9955 5.03806 6.80866C5.11545 6.62182 5.29777 6.5 5.5 6.5H7.5V2C7.5 0.895431 8.39543 0 9.5 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.89543 16 0 15.1046 0 14V2C0 0.895431 0.895431 0 2 0H4.5C4.77614 0 5 0.223858 5 0.5C5 0.776142 4.77614 1 4.5 1H2Z" fill="%232B3544"/></svg>');
}

.icon-volumeoff, button.control.type-volumeoff,
.btn.control.type-volumeoff {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%200.750007C12%200.461703%2011.8347%200.19892%2011.5749%200.0740296C11.315%20-0.0508604%2011.0066%20-0.0157466%2010.7815%200.164355L7.23691%203.00001H3.75C3.33579%203.00001%203%203.33579%203%203.75001V9.75001C3%2010.1642%203.33579%2010.5%203.75%2010.5H7.23691L10.7815%2013.3357C11.0066%2013.5158%2011.315%2013.5509%2011.5749%2013.426C11.8347%2013.3011%2012%2013.0383%2012%2012.75V0.750007Z%22%20fill%3D%22%23030504%22%2F%3E%3Cpath%20d%3D%22M16.5377%206.74996C16.5377%208.61392%2015.7822%2010.3014%2014.5607%2011.5229L13.5%2010.4623C14.4501%209.51221%2015.0377%208.19971%2015.0377%206.74996C15.0377%205.30021%2014.4501%203.98771%2013.5%203.03765L14.5607%201.97699C15.7822%203.1985%2016.5377%204.886%2016.5377%206.74996Z%22%20fill%3D%22%23030504%22%2F%3E%3C%2Fsvg%3E");
}

.icon-volumeon, button.control.type-volumeon,
.btn.control.type-volumeon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.57489%200.0740296C8.83474%200.19892%209%200.461703%209%200.750007V12.75C9%2013.0383%208.83474%2013.3011%208.57489%2013.426C8.31504%2013.5509%208.00661%2013.5158%207.78148%2013.3357L4.23691%2010.5H0.75C0.335786%2010.5%200%2010.1642%200%209.75001V3.75001C0%203.33579%200.335786%203.00001%200.75%203.00001H4.23691L7.78148%200.164355C8.00661%20-0.0157466%208.31504%20-0.0508604%208.57489%200.0740296Z%22%20fill%3D%22%23030504%22%2F%3E%3Cpath%20d%3D%22M19.2803%203.21967C19.5732%203.51256%2019.5732%203.98744%2019.2803%204.28033L16.8107%206.75L19.2803%209.21967C19.5732%209.51256%2019.5732%209.98744%2019.2803%2010.2803C18.9874%2010.5732%2018.5126%2010.5732%2018.2197%2010.2803L15.75%207.81066L13.2803%2010.2803C12.9874%2010.5732%2012.5126%2010.5732%2012.2197%2010.2803C11.9268%209.98744%2011.9268%209.51256%2012.2197%209.21967L14.6893%206.75L12.2197%204.28033C11.9268%203.98744%2011.9268%203.51256%2012.2197%203.21967C12.5126%202.92678%2012.9874%202.92678%2013.2803%203.21967L15.75%205.68934L18.2197%203.21967C18.5126%202.92678%2018.9874%202.92678%2019.2803%203.21967Z%22%20fill%3D%22%23030504%22%2F%3E%3C%2Fsvg%3E");
}

.icon-information, button.control.type-information,
.btn.control.type-information {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.47301 0 0 4.4725 0 10C0 15.5269 4.4725 20 10 20C15.527 20 20 15.5275 20 10C20 4.47309 15.5275 0 10 0ZM11.0269 13.9696C11.0269 14.2855 10.5662 14.6014 10.0002 14.6014C9.40785 14.6014 8.98668 14.2855 8.98668 13.9696V8.95445C8.98668 8.5859 9.40789 8.33574 10.0002 8.33574C10.5662 8.33574 11.0269 8.5859 11.0269 8.95445V13.9696ZM10.0002 7.12484C9.39473 7.12484 8.9209 6.6773 8.9209 6.17707C8.9209 5.67687 9.39477 5.2425 10.0002 5.2425C10.5926 5.2425 11.0665 5.67687 11.0665 6.17707C11.0665 6.6773 10.5925 7.12484 10.0002 7.12484Z" fill="%23030504"/></svg>');
}

.icon-speech, button.control.type-speech,
.btn.control.type-speech {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.0591e-05 9.99996C2.0591e-05 4.47715 4.47717 0 10 0C15.5229 0 20 4.47715 20 9.99996C20 15.5229 15.5229 20 10 20C8.5364 20 7.14405 19.685 5.88906 19.1184C5.79051 19.0739 5.68056 19.0603 5.57464 19.0821L1.20105 19.9796C0.871781 20.0472 0.530591 19.9448 0.292911 19.7071C0.0552307 19.4695 -0.0471393 19.1283 0.0204307 18.799L0.91798 14.4254C0.939721 14.3195 0.926161 14.2095 0.881661 14.111C0.315071 12.856 2.0591e-05 11.4637 2.0591e-05 9.99996ZM13.7074 8.70706C14.0979 8.31656 14.0979 7.68342 13.7074 7.29289C13.3168 6.90237 12.6837 6.90237 12.2931 7.29289L9.3538 10.2323C9.1585 10.4275 8.842 10.4275 8.6467 10.2323L7.70735 9.29286C7.31683 8.90236 6.68366 8.90236 6.29314 9.29286C5.90261 9.68346 5.90261 10.3166 6.29314 10.7071L8.2931 12.7071C8.6837 13.0977 9.3168 13.0977 9.7074 12.7071L13.7074 8.70706Z" fill="%23030504"/></svg>');
}

.icon-edit, button.control.type-edit,
.btn.control.type-edit {
  background-image: url('data:image/svg+xml,<svg class="icon icon-pencil" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6249 3.90033L2.01464 14.5113C1.96126 14.5649 1.92271 14.6325 1.90436 14.7051L0.728314 19.4255C0.693135 19.5676 0.734891 19.7187 0.838592 19.8224C0.917056 19.9009 1.02397 19.9443 1.13333 19.9443C1.16683 19.9443 1.20109 19.9402 1.23443 19.9318L5.95482 18.7556C6.02839 18.7372 6.09523 18.6988 6.14861 18.6455L16.7598 8.03522L12.6249 3.90033Z" fill="%23030504"/><path d="M19.3884 2.45357L18.2073 1.27248C17.4179 0.483093 16.0421 0.483857 15.2537 1.27248L13.8069 2.71924L17.9416 6.85398L19.3884 5.40721C19.7827 5.01306 19.9999 4.48843 19.9999 3.93047C19.9999 3.3725 19.7827 2.84788 19.3884 2.45357Z" fill="%23030504"/></svg>');
}

.icon-chalkysticks, button.control.type-chalkysticks,
.btn.control.type-chalkysticks {
  background-image: url('data:image/svg+xml,<svg class="icon icon-chalkysticks" width="20" height="20" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.50086 16L8.20286 14.138C8.20286 14.138 3.998 9.7499 3.28312 9.01881C2.56824 8.28745 2.46294 6.97523 2.54734 6.28718C2.63121 5.59886 3.30402 2.65178 6.64691 2.58736C9.96916 3.12492 10.4737 5.6419 10.3896 6.91081C10.4737 8.00758 9.38075 9.3198 8.3923 10.3952C9.10691 11.0838 10.1583 12.1594 10.1583 12.1594C10.1583 12.1594 13.1033 10.1156 12.9972 6.32995C12.8911 2.54432 9.73977 0 6.50086 0C3.26195 0 -0.141256 2.82393 0.0045238 6.7817C0.276241 9.66409 1.34856 10.632 1.81103 11.1268C2.27351 11.6213 6.50086 16 6.50086 16Z" fill="%23030504"/></svg>');
}

.icon-heartoutline, button.control.type-heartoutline,
.btn.control.type-heartoutline {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" class="icon icon-heart-outline" viewBox="0 -28 512.001 512" xmlns="http://www.w3.org/2000/svg"><path d="m256 455.515625c-7.289062 0-14.316406-2.640625-19.792969-7.4375-20.683593-18.085937-40.625-35.082031-58.21875-50.074219l-.089843-.078125c-51.582032-43.957031-96.125-81.917969-127.117188-119.3125-34.644531-41.804687-50.78125-81.441406-50.78125-124.742187 0-42.070313 14.425781-80.882813 40.617188-109.292969 26.503906-28.746094 62.871093-44.578125 102.414062-44.578125 29.554688 0 56.621094 9.34375 80.445312 27.769531 12.023438 9.300781 22.921876 20.683594 32.523438 33.960938 9.605469-13.277344 20.5-24.660157 32.527344-33.960938 23.824218-18.425781 50.890625-27.769531 80.445312-27.769531 39.539063 0 75.910156 15.832031 102.414063 44.578125 26.191406 28.410156 40.613281 67.222656 40.613281 109.292969 0 43.300781-16.132812 82.9375-50.777344 124.738281-30.992187 37.398437-75.53125 75.355469-127.105468 119.308594-17.625 15.015625-37.597657 32.039062-58.328126 50.167969-5.472656 4.789062-12.503906 7.429687-19.789062 7.429687zm-112.96875-425.523437c-31.066406 0-59.605469 12.398437-80.367188 34.914062-21.070312 22.855469-32.675781 54.449219-32.675781 88.964844 0 36.417968 13.535157 68.988281 43.882813 105.605468 29.332031 35.394532 72.960937 72.574219 123.476562 115.625l.09375.078126c17.660156 15.050781 37.679688 32.113281 58.515625 50.332031 20.960938-18.253907 41.011719-35.34375 58.707031-50.417969 50.511719-43.050781 94.136719-80.222656 123.46875-115.617188 30.34375-36.617187 43.878907-69.1875 43.878907-105.605468 0-34.515625-11.605469-66.109375-32.675781-88.964844-20.757813-22.515625-49.300782-34.914062-80.363282-34.914062-22.757812 0-43.652344 7.234374-62.101562 21.5-16.441406 12.71875-27.894532 28.796874-34.609375 40.046874-3.453125 5.785157-9.53125 9.238282-16.261719 9.238282s-12.808594-3.453125-16.261719-9.238282c-6.710937-11.25-18.164062-27.328124-34.609375-40.046874-18.449218-14.265626-39.34375-21.5-62.097656-21.5zm0 0" fill="%23030504"></path></svg>');
}

.icon-heartfill, button.control.type-heartfill,
.btn.control.type-heartfill {
  background-image: url('data:image/svg+xml,<svg class="icon icon-heart-fill" width="20" height="20" viewBox="0 -28 512.00002 512" xmlns="http://www.w3.org/2000/svg"><path d="m471.382812 44.578125c-26.503906-28.746094-62.871093-44.578125-102.410156-44.578125-29.554687 0-56.621094 9.34375-80.449218 27.769531-12.023438 9.300781-22.917969 20.679688-32.523438 33.960938-9.601562-13.277344-20.5-24.660157-32.527344-33.960938-23.824218-18.425781-50.890625-27.769531-80.445312-27.769531-39.539063 0-75.910156 15.832031-102.414063 44.578125-26.1875 28.410156-40.613281 67.222656-40.613281 109.292969 0 43.300781 16.136719 82.9375 50.78125 124.742187 30.992188 37.394531 75.535156 75.355469 127.117188 119.3125 17.613281 15.011719 37.578124 32.027344 58.308593 50.152344 5.476563 4.796875 12.503907 7.4375 19.792969 7.4375 7.285156 0 14.316406-2.640625 19.785156-7.429687 20.730469-18.128907 40.707032-35.152344 58.328125-50.171876 51.574219-43.949218 96.117188-81.90625 127.109375-119.304687 34.644532-41.800781 50.777344-81.4375 50.777344-124.742187 0-42.066407-14.425781-80.878907-40.617188-109.289063zm0 0" fill="%23030504"></path></svg>');
}

.icon-shareoutline, button.control.type-shareoutline,
.btn.control.type-shareoutline {
  background-image: url('data:image/svg+xml,<svg class="icon icon-share-outline" width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0508 16.1435C15.8947 16.1435 14.8532 16.6401 14.1303 17.43L7.62845 13.4244C7.80204 12.9824 7.89831 12.5023 7.89831 12C7.89831 11.4976 7.80204 11.0175 7.62845 10.5756L14.1303 6.56982C14.8532 7.35974 15.8947 7.85651 17.0508 7.85651C19.2284 7.85651 21 6.0943 21 3.92816C21 1.76202 19.2284 0 17.0508 0C14.8731 0 13.1015 1.76221 13.1015 3.92834C13.1015 4.4306 13.198 4.91071 13.3714 5.35272L6.86967 9.35834C6.14679 8.56842 5.10527 8.07166 3.94925 8.07166C1.77158 8.07166 0 9.83405 0 12C0 14.1661 1.77158 15.9283 3.94925 15.9283C5.10527 15.9283 6.14679 15.4318 6.86967 14.6417L13.3714 18.6473C13.198 19.0893 13.1015 19.5694 13.1015 20.0718C13.1015 22.2378 14.8731 24 17.0508 24C19.2284 24 21 22.2378 21 20.0718C21 17.9057 19.2284 16.1435 17.0508 16.1435ZM14.5416 3.92834C14.5416 2.55212 15.6672 1.43243 17.0508 1.43243C18.4343 1.43243 19.5599 2.55212 19.5599 3.92834C19.5599 5.30457 18.4343 6.42426 17.0508 6.42426C15.6672 6.42426 14.5416 5.30457 14.5416 3.92834ZM3.94925 14.4959C2.56552 14.4959 1.43987 13.3762 1.43987 12C1.43987 10.6238 2.56552 9.50409 3.94925 9.50409C5.33279 9.50409 6.45825 10.6238 6.45825 12C6.45825 13.3762 5.33279 14.4959 3.94925 14.4959ZM14.5416 20.0717C14.5416 18.6954 15.6672 17.5757 17.0508 17.5757C18.4343 17.5757 19.5599 18.6954 19.5599 20.0717C19.5599 21.4479 18.4343 22.5676 17.0508 22.5676C15.6672 22.5676 14.5416 21.4479 14.5416 20.0717Z" fill="%23030504"/></svg>');
}

.icon-sharefill, button.control.type-sharefill,
.btn.control.type-sharefill {
  background-image: url('data:image/svg+xml,<svg class="icon icon-share-fill" width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 17.8661C20 20.1455 18.1605 22 15.8996 22C13.6387 22 11.7991 20.1455 11.7991 17.8661C11.7991 17.4488 11.8621 17.0463 11.9767 16.6662L7.08863 13.8216C6.33996 14.6266 5.27904 15.1333 4.10043 15.1333C1.83954 15.1333 0 13.2791 0 10.9999C0 8.72043 1.83954 6.86597 4.10043 6.86597C5.27904 6.86597 6.33996 7.37288 7.08863 8.17795L11.9765 5.33378C11.8618 4.95372 11.7989 4.55118 11.7989 4.13391C11.7989 1.85445 13.6385 0 15.8993 0C18.1602 0 19.9998 1.85445 19.9998 4.13391C19.9998 6.41313 18.1602 8.26735 15.8993 8.26735C14.7193 8.26735 13.6575 7.7595 12.9088 6.9528L8.02256 9.79627C8.13794 10.1773 8.20109 10.5812 8.20109 10.9999C8.20109 11.4186 8.13794 11.8225 8.02256 12.2035L12.9088 15.047C13.6577 14.2403 14.7196 13.7324 15.8993 13.7324C18.1605 13.7327 20 15.5866 20 17.8661Z" fill="%23030504"/></svg>');
}

.icon-search, button.control.type-search,
.btn.control.type-search {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 56.966 56.966" xmlns="http://www.w3.org/2000/svg" class="icon icon-search" height="20" width="20"><path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S14.61,6,23.984,6z" fill="%23030504"></path></svg>');
}

.icon-send, button.control.type-send,
.btn.control.type-send {
  background-image: url('data:image/svg+xml,<svg class="icon icon-send" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m22.1012 10.5616-19.34831-9.43824c-.1664-.08117-.34912-.12336-.53427-.12336-.67302 0-1.21862.5456-1.21862 1.21862v.03517c0 .16352.02005.32643.05971.48507l1.85597 7.42384c.05069.2028.22214.3526.42986.3757l8.15756.9064c.2829.0314.4969.2705.4969.5552s-.214.5238-.4969.5552l-8.15756.9064c-.20772.0231-.37917.1729-.42986.3757l-1.85597 7.4238c-.03966.1587-.05971.3216-.05971.4851v.0352c0 .673.5456 1.2186 1.21862 1.2186.18515 0 .36787-.0422.53427-.1234l19.34831-9.4382c.5499-.2682.8988-.8265.8988-1.4384s-.3489-1.1702-.8988-1.4384z" fill="%23030504"></path></svg>');
}

.icon-alarm, button.control.type-alarm,
.btn.control.type-alarm {
  background-image: url("data:image/svg+xml,%3Csvg class='icon icon-notification' width='20' height='20' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C9.10457 16 10 15.1046 10 14H6C6 15.1046 6.89543 16 8 16Z' fill='%23030504' /%3E%3Cpath d='M8.99516 1.09903C8.99836 1.06646 9 1.03342 9 1C9 0.447715 8.55228 0 8 0C7.44772 0 7 0.447715 7 1C7 1.03342 7.00164 1.06646 7.00484 1.09904C4.7202 1.56045 3.00002 3.57934 3.00002 6C3.00002 7.0976 2.5 12 1 13H15C13.5 12 13 7.0976 13 6C13 3.57932 11.2798 1.56042 8.99516 1.09903Z' fill='%23030504' /%3E%3C/svg%3E%0A");
}

.theme-dark.icon-arrowup, button.theme-dark.control.type-up, button.theme-dark.control.type-arrowup,
.theme-dark.btn.control.type-up,
.theme-dark.btn.control.type-arrowup {
  background-image: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 15.5C7.51777 15.5 7.9375 15.0803 7.9375 14.5625V3.70083L11.9621 7.72541C12.3282 8.09153 12.9218 8.09153 13.2879 7.72541C13.654 7.3593 13.654 6.7657 13.2879 6.39959L7.66291 0.774587C7.2968 0.408471 6.7032 0.408471 6.33709 0.774587L0.712087 6.39959C0.345971 6.7657 0.345971 7.3593 0.712087 7.72541C1.0782 8.09153 1.6718 8.09153 2.03791 7.72541L6.0625 3.70083V14.5625C6.0625 15.0803 6.48223 15.5 7 15.5Z" fill="white"/></svg>');
}

.theme-dark.icon-arrowdown, button.theme-dark.control.type-down, button.theme-dark.control.type-arrowdown,
.theme-dark.btn.control.type-down,
.theme-dark.btn.control.type-arrowdown {
  background-image: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 0.5C7.51777 0.5 7.9375 0.919733 7.9375 1.4375V12.2992L11.9621 8.27459C12.3282 7.90847 12.9218 7.90847 13.2879 8.27459C13.654 8.6407 13.654 9.2343 13.2879 9.60041L7.66291 15.2254C7.2968 15.5915 6.7032 15.5915 6.33709 15.2254L0.712087 9.60041C0.345971 9.2343 0.345971 8.6407 0.712087 8.27459C1.0782 7.90847 1.6718 7.90847 2.03791 8.27459L6.0625 12.2992V1.4375C6.0625 0.919733 6.48223 0.5 7 0.5Z" fill="white"/></svg>');
}

.theme-dark.icon-arrowleft, button.theme-dark.control.type-left, button.theme-dark.control.type-arrowleft,
.theme-dark.btn.control.type-left,
.theme-dark.btn.control.type-arrowleft {
  background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 7C15.5 7.51777 15.0803 7.9375 14.5625 7.9375L3.70083 7.9375L7.72541 11.9621C8.09153 12.3282 8.09153 12.9218 7.72541 13.2879C7.3593 13.654 6.7657 13.654 6.39959 13.2879L0.774587 7.66291C0.408471 7.2968 0.408471 6.7032 0.774587 6.33709L6.39959 0.712088C6.7657 0.345971 7.3593 0.345971 7.72541 0.712087C8.09153 1.0782 8.09153 1.6718 7.72541 2.03791L3.70083 6.0625L14.5625 6.0625C15.0803 6.0625 15.5 6.48223 15.5 7Z" fill="white"/></svg>');
}

.theme-dark.icon-arrowright, button.theme-dark.control.type-right, button.theme-dark.control.type-arrowright,
.theme-dark.btn.control.type-right,
.theme-dark.btn.control.type-arrowright {
  background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 7C0.5 6.48223 0.919733 6.0625 1.4375 6.0625L12.2992 6.0625L8.27459 2.03791C7.90847 1.6718 7.90847 1.0782 8.27459 0.712086C8.6407 0.345969 9.2343 0.345969 9.60041 0.712086L15.2254 6.33709C15.5915 6.7032 15.5915 7.2968 15.2254 7.66291L9.60041 13.2879C9.2343 13.654 8.6407 13.654 8.27459 13.2879C7.90847 12.9218 7.90847 12.3282 8.27459 11.9621L12.2992 7.9375L1.4375 7.9375C0.919733 7.9375 0.5 7.51777 0.5 7Z" fill="white"/></svg>');
}

.theme-dark.icon-checkmark, button.theme-dark.control.type-check, button.theme-dark.control.type-checkmark,
.theme-dark.btn.control.type-check,
.theme-dark.btn.control.type-checkmark {
  background-image: url('data:image/svg+xml,<svg class="icon icon-checkmark" width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z" fill="white"/></svg>');
}

.theme-dark.icon-zoomin, button.theme-dark.control.type-zoomin,
.theme-dark.btn.control.type-zoomin {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 15C11.922 15 15 11.922 15 8.125C15 4.32804 11.922 1.25 8.125 1.25C4.32804 1.25 1.25 4.32804 1.25 8.125C1.25 11.922 4.32804 15 8.125 15ZM16.25 8.125C16.25 12.6123 12.6123 16.25 8.125 16.25C3.63769 16.25 0 12.6123 0 8.125C0 3.63769 3.63769 0 8.125 0C12.6123 0 16.25 3.63769 16.25 8.125Z" fill="white"/><path d="M12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299C14.1874 13.5974 13.5974 14.1874 12.9299 14.6777Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 3.75C8.47018 3.75 8.75 4.02982 8.75 4.375V7.5H11.875C12.2202 7.5 12.5 7.77982 12.5 8.125C12.5 8.47018 12.2202 8.75 11.875 8.75H8.75V11.875C8.75 12.2202 8.47018 12.5 8.125 12.5C7.77982 12.5 7.5 12.2202 7.5 11.875V8.75H4.375C4.02982 8.75 3.75 8.47018 3.75 8.125C3.75 7.77982 4.02982 7.5 4.375 7.5H7.5V4.375C7.5 4.02982 7.77982 3.75 8.125 3.75Z" fill="white"/></svg>');
}

.theme-dark.icon-zoomout, button.theme-dark.control.type-zoomout,
.theme-dark.btn.control.type-zoomout {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 15C11.922 15 15 11.922 15 8.125C15 4.32804 11.922 1.25 8.125 1.25C4.32804 1.25 1.25 4.32804 1.25 8.125C1.25 11.922 4.32804 15 8.125 15ZM16.25 8.125C16.25 12.6123 12.6123 16.25 8.125 16.25C3.63769 16.25 0 12.6123 0 8.125C0 3.63769 3.63769 0 8.125 0C12.6123 0 16.25 3.63769 16.25 8.125Z" fill="white"/><path d="M12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299C14.1874 13.5974 13.5974 14.1874 12.9299 14.6777Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 8.125C3.75 7.77982 4.02982 7.5 4.375 7.5H11.875C12.2202 7.5 12.5 7.77982 12.5 8.125C12.5 8.47018 12.2202 8.75 11.875 8.75H4.375C4.02982 8.75 3.75 8.47018 3.75 8.125Z" fill="white"/></svg>');
}

.theme-dark.icon-loading {
  background-image: url('data:image/svg+xml,<svg class="icon icon-loading" width="50" height="50" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.511137 19.2535C-1.628 11.2701 3.13436 3.02143 11.1177 0.882287C13.8272 0.156299 16.666 0.203145 19.3357 1.00966C20.1293 1.24737 20.5728 2.09132 20.3351 2.88489C20.0974 3.67845 19.2535 4.12199 18.4599 3.88428C16.3315 3.24332 14.053 3.2016 11.8942 3.78006C5.5046 5.49215 1.69683 12.0874 3.40891 18.477C5.121 24.8666 11.7163 28.6744 18.1059 26.9623C24.4955 25.2502 28.3032 18.6549 26.5911 12.2653C26.3776 11.4685 26.8549 10.6418 27.6518 10.4282C28.4487 10.2147 29.2754 10.692 29.4889 11.4889C31.6281 19.4723 26.8657 27.7209 18.8823 29.8601C10.8989 31.9992 2.65028 27.2368 0.511137 19.2535Z" fill="white"/></svg>');
}

.theme-dark.icon-location, button.theme-dark.control.type-location,
.theme-dark.btn.control.type-location {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 0.5C8.5 0.223858 8.27614 0 8 0C7.72386 0 7.5 0.223858 7.5 0.5V1.01758C4.03251 1.2623 1.2623 4.03251 1.01758 7.5H0.5C0.223858 7.5 0 7.72386 0 8C0 8.27614 0.223858 8.5 0.5 8.5H1.01758C1.2623 11.9675 4.03251 14.7377 7.5 14.9824V15.5C7.5 15.7761 7.72386 16 8 16C8.27614 16 8.5 15.7761 8.5 15.5V14.9824C11.9675 14.7377 14.7377 11.9675 14.9824 8.5H15.5C15.7761 8.5 16 8.27614 16 8C16 7.72386 15.7761 7.5 15.5 7.5H14.9824C14.7377 4.03251 11.9675 1.2623 8.5 1.01758V0.5ZM2.02054 7.5C2.26101 4.5851 4.5851 2.26101 7.5 2.02054V2.5C7.5 2.77614 7.72386 3 8 3C8.27614 3 8.5 2.77614 8.5 2.5V2.02054C11.4149 2.26101 13.739 4.5851 13.9795 7.5H13.5C13.2239 7.5 13 7.72386 13 8C13 8.27614 13.2239 8.5 13.5 8.5H13.9795C13.739 11.4149 11.4149 13.739 8.5 13.9795V13.5C8.5 13.2239 8.27614 13 8 13C7.72386 13 7.5 13.2239 7.5 13.5V13.9795C4.5851 13.739 2.26101 11.4149 2.02054 8.5H2.5C2.77614 8.5 3 8.27614 3 8C3 7.72386 2.77614 7.5 2.5 7.5H2.02054ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"/></svg>');
}

.theme-dark.icon-plus, button.theme-dark.control.type-plus,
.theme-dark.btn.control.type-plus {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.5C10.3452 2.5 10.625 2.77982 10.625 3.125V9.375H16.875C17.2202 9.375 17.5 9.65482 17.5 10C17.5 10.3452 17.2202 10.625 16.875 10.625H10.625V16.875C10.625 17.2202 10.3452 17.5 10 17.5C9.65482 17.5 9.375 17.2202 9.375 16.875V10.625H3.125C2.77982 10.625 2.5 10.3452 2.5 10C2.5 9.65482 2.77982 9.375 3.125 9.375H9.375V3.125C9.375 2.77982 9.65482 2.5 10 2.5Z" fill="white"/></svg>');
}

.theme-dark.icon-minus, button.theme-dark.control.type-minus,
.theme-dark.btn.control.type-minus {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 10C2.5 9.65482 2.77982 9.375 3.125 9.375H16.875C17.2202 9.375 17.5 9.65482 17.5 10C17.5 10.3452 17.2202 10.625 16.875 10.625H3.125C2.77982 10.625 2.5 10.3452 2.5 10Z" fill="white"/></svg>');
}

.theme-dark.icon-list, button.theme-dark.control.type-list,
.theme-dark.btn.control.type-list {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11.5C5 11.2239 5.22386 11 5.5 11H14.5C14.7761 11 15 11.2239 15 11.5C15 11.7761 14.7761 12 14.5 12H5.5C5.22386 12 5 11.7761 5 11.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.5C5 7.22386 5.22386 7 5.5 7H14.5C14.7761 7 15 7.22386 15 7.5C15 7.77614 14.7761 8 14.5 8H5.5C5.22386 8 5 7.77614 5 7.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3.5C5 3.22386 5.22386 3 5.5 3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H5.5C5.22386 4 5 3.77614 5 3.5Z" fill="white"/><path d="M1.71289 11.8652V11.3906H2C2.2168 11.3906 2.36328 11.2539 2.36328 11.0742C2.36328 10.8887 2.20508 10.7637 2.00195 10.7637C1.7793 10.7637 1.63477 10.916 1.62891 11.0742H1.03906C1.05469 10.6074 1.41211 10.2871 2.02539 10.2871C2.61328 10.2852 2.97852 10.5781 2.98242 10.9902C2.98633 11.3691 2.67969 11.5547 2.49023 11.584V11.6172C2.74414 11.6406 3.05469 11.832 3.05859 12.248C3.0625 12.7812 2.55664 13.0488 2.00781 13.0488C1.35156 13.0488 1.00781 12.6777 1 12.2539H1.58203C1.58984 12.4316 1.76758 12.5605 2.00391 12.5625C2.25781 12.5625 2.42773 12.418 2.42578 12.2129C2.42383 12.0176 2.27148 11.8652 2.01172 11.8652H1.71289Z" fill="white"/><path d="M1.70898 7.16602H1.10547V7.13086C1.10547 6.72266 1.40039 6.28711 2.0625 6.28711C2.64648 6.28711 3.02344 6.61328 3.02344 7.04297C3.02344 7.43164 2.76562 7.66016 2.54688 7.89062L2.00977 8.46289V8.49219H3.06445V9H1.14258V8.60547L2.09961 7.61523C2.23828 7.47266 2.39258 7.31055 2.39258 7.10742C2.39258 6.92773 2.24609 6.78711 2.05078 6.78711C1.83594 6.78711 1.70898 6.94727 1.70898 7.125C1.70898 7.13867 1.70898 7.15625 1.70898 7.16602Z" fill="white"/><path d="M2.56367 5H1.92891V2.92383H1.89766L1.3 3.34375V2.77734L1.92891 2.33398H2.56367V5Z" fill="white"/></svg>');
}

.theme-dark.icon-menu, button.theme-dark.control.type-menu,
.theme-dark.btn.control.type-menu {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 17.25C3.75 16.8358 4.08579 16.5 4.5 16.5H19.5C19.9142 16.5 20.25 16.8358 20.25 17.25C20.25 17.6642 19.9142 18 19.5 18H4.5C4.08579 18 3.75 17.6642 3.75 17.25Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 11.25C3.75 10.8358 4.08579 10.5 4.5 10.5H19.5C19.9142 10.5 20.25 10.8358 20.25 11.25C20.25 11.6642 19.9142 12 19.5 12H4.5C4.08579 12 3.75 11.6642 3.75 11.25Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25C3.75 4.83579 4.08579 4.5 4.5 4.5H19.5C19.9142 4.5 20.25 4.83579 20.25 5.25C20.25 5.66421 19.9142 6 19.5 6H4.5C4.08579 6 3.75 5.66421 3.75 5.25Z" fill="white"/></svg>');
}

.theme-dark.icon-close, button.theme-dark.control.type-close,
.theme-dark.btn.control.type-close {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6161 11.6161C12.1043 11.128 12.8957 11.128 13.3839 11.6161L20 18.2322L26.6161 11.6161C27.1043 11.128 27.8957 11.128 28.3839 11.6161C28.872 12.1043 28.872 12.8957 28.3839 13.3839L21.7678 20L28.3839 26.6161C28.872 27.1043 28.872 27.8957 28.3839 28.3839C27.8957 28.872 27.1043 28.872 26.6161 28.3839L20 21.7678L13.3839 28.3839C12.8957 28.872 12.1043 28.872 11.6161 28.3839C11.128 27.8957 11.128 27.1043 11.6161 26.6161L18.2322 20L11.6161 13.3839C11.128 12.8957 11.128 12.1043 11.6161 11.6161Z" fill="white"/></svg>');
}

.theme-dark.icon-fullscreen, button.theme-dark.control.type-fullscreen,
.theme-dark.btn.control.type-fullscreen {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.82845 10.1716C5.63319 9.97633 5.3166 9.97633 5.12134 10.1716L1.02515 14.2678L1.02515 11.5C1.02515 11.2239 0.80129 11 0.525147 11C0.249005 11 0.0251465 11.2239 0.0251468 11.5L0.0251465 15.4749C0.0251465 15.751 0.249005 15.9749 0.525147 15.9749L4.49998 15.9749C4.77612 15.9749 4.99998 15.751 4.99998 15.4749C4.99998 15.1987 4.77612 14.9749 4.49998 14.9749L1.73225 14.9749L5.82845 10.8787C6.02371 10.6834 6.02371 10.3669 5.82845 10.1716Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1716 10.1716C10.3668 9.97633 10.6834 9.97633 10.8787 10.1716L14.9749 14.2678L14.9749 11.5C14.9749 11.2239 15.1987 11 15.4749 11C15.751 11 15.9749 11.2239 15.9749 11.5L15.9749 15.4749C15.9749 15.751 15.751 15.9749 15.4749 15.9749L11.5 15.9749C11.2239 15.9749 11 15.751 11 15.4749C11 15.1987 11.2239 14.9749 11.5 14.9749L14.2677 14.9749L10.1716 10.8787C9.97629 10.6834 9.97629 10.3669 10.1716 10.1716Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1716 5.82841C10.3668 6.02367 10.6834 6.02367 10.8787 5.82841L14.9749 1.73221L14.9749 4.49999C14.9749 4.77613 15.1987 4.99999 15.4749 4.99999C15.751 4.99999 15.9749 4.77613 15.9749 4.49999L15.9749 0.525106C15.9749 0.248964 15.751 0.0251055 15.4749 0.0251055L11.5 0.0251083C11.2239 0.0251083 11 0.248967 11 0.525109C11 0.801251 11.2239 1.02511 11.5 1.02511L14.2677 1.02511L10.1716 5.1213C9.97629 5.31656 9.97629 5.63314 10.1716 5.82841Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.82845 5.82841C5.63319 6.02367 5.3166 6.02367 5.12134 5.82841L1.02515 1.73221L1.02515 4.49999C1.02515 4.77613 0.80129 4.99999 0.525147 4.99999C0.249005 4.99999 0.0251465 4.77613 0.0251468 4.49999L0.0251465 0.525106C0.0251465 0.248964 0.249005 0.0251055 0.525147 0.0251055L4.49998 0.0251083C4.77612 0.0251083 4.99998 0.248967 4.99998 0.525109C4.99998 0.801251 4.77612 1.02511 4.49998 1.02511L1.73225 1.02511L5.82845 5.1213C6.02371 5.31656 6.02371 5.63314 5.82845 5.82841Z" fill="white"/></svg>');
}

.theme-dark.icon-save, button.theme-dark.control.type-save,
.theme-dark.btn.control.type-save {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 1C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14V2C15 1.44772 14.5523 1 14 1H9.5C8.94771 1 8.5 1.44772 8.5 2V6.5H10.5C10.7022 6.5 10.8845 6.62182 10.9619 6.80866C11.0393 6.9955 10.9966 7.21055 10.8536 7.35355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L5.14645 7.35355C5.00345 7.21055 4.96067 6.9955 5.03806 6.80866C5.11545 6.62182 5.29777 6.5 5.5 6.5H7.5V2C7.5 0.895431 8.39543 0 9.5 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.89543 16 0 15.1046 0 14V2C0 0.895431 0.895431 0 2 0H4.5C4.77614 0 5 0.223858 5 0.5C5 0.776142 4.77614 1 4.5 1H2Z" fill="white"/></svg>');
}

.theme-dark.icon-volumeoff, button.theme-dark.control.type-volumeoff,
.theme-dark.btn.control.type-volumeoff {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%200.750007C12%200.461703%2011.8347%200.19892%2011.5749%200.0740296C11.315%20-0.0508604%2011.0066%20-0.0157466%2010.7815%200.164355L7.23691%203.00001H3.75C3.33579%203.00001%203%203.33579%203%203.75001V9.75001C3%2010.1642%203.33579%2010.5%203.75%2010.5H7.23691L10.7815%2013.3357C11.0066%2013.5158%2011.315%2013.5509%2011.5749%2013.426C11.8347%2013.3011%2012%2013.0383%2012%2012.75V0.750007Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M16.5377%206.74996C16.5377%208.61392%2015.7822%2010.3014%2014.5607%2011.5229L13.5%2010.4623C14.4501%209.51221%2015.0377%208.19971%2015.0377%206.74996C15.0377%205.30021%2014.4501%203.98771%2013.5%203.03765L14.5607%201.97699C15.7822%203.1985%2016.5377%204.886%2016.5377%206.74996Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.theme-dark.icon-volumeon, button.theme-dark.control.type-volumeon,
.theme-dark.btn.control.type-volumeon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.57489%200.0740296C8.83474%200.19892%209%200.461703%209%200.750007V12.75C9%2013.0383%208.83474%2013.3011%208.57489%2013.426C8.31504%2013.5509%208.00661%2013.5158%207.78148%2013.3357L4.23691%2010.5H0.75C0.335786%2010.5%200%2010.1642%200%209.75001V3.75001C0%203.33579%200.335786%203.00001%200.75%203.00001H4.23691L7.78148%200.164355C8.00661%20-0.0157466%208.31504%20-0.0508604%208.57489%200.0740296Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M19.2803%203.21967C19.5732%203.51256%2019.5732%203.98744%2019.2803%204.28033L16.8107%206.75L19.2803%209.21967C19.5732%209.51256%2019.5732%209.98744%2019.2803%2010.2803C18.9874%2010.5732%2018.5126%2010.5732%2018.2197%2010.2803L15.75%207.81066L13.2803%2010.2803C12.9874%2010.5732%2012.5126%2010.5732%2012.2197%2010.2803C11.9268%209.98744%2011.9268%209.51256%2012.2197%209.21967L14.6893%206.75L12.2197%204.28033C11.9268%203.98744%2011.9268%203.51256%2012.2197%203.21967C12.5126%202.92678%2012.9874%202.92678%2013.2803%203.21967L15.75%205.68934L18.2197%203.21967C18.5126%202.92678%2018.9874%202.92678%2019.2803%203.21967Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.theme-dark.icon-information, button.theme-dark.control.type-information,
.theme-dark.btn.control.type-information {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.47301 0 0 4.4725 0 10C0 15.5269 4.4725 20 10 20C15.527 20 20 15.5275 20 10C20 4.47309 15.5275 0 10 0ZM11.0269 13.9696C11.0269 14.2855 10.5662 14.6014 10.0002 14.6014C9.40785 14.6014 8.98668 14.2855 8.98668 13.9696V8.95445C8.98668 8.5859 9.40789 8.33574 10.0002 8.33574C10.5662 8.33574 11.0269 8.5859 11.0269 8.95445V13.9696ZM10.0002 7.12484C9.39473 7.12484 8.9209 6.6773 8.9209 6.17707C8.9209 5.67687 9.39477 5.2425 10.0002 5.2425C10.5926 5.2425 11.0665 5.67687 11.0665 6.17707C11.0665 6.6773 10.5925 7.12484 10.0002 7.12484Z" fill="white"/></svg>');
}

.theme-dark.icon-speech, button.theme-dark.control.type-speech,
.theme-dark.btn.control.type-speech {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.0591e-05 9.99996C2.0591e-05 4.47715 4.47717 0 10 0C15.5229 0 20 4.47715 20 9.99996C20 15.5229 15.5229 20 10 20C8.5364 20 7.14405 19.685 5.88906 19.1184C5.79051 19.0739 5.68056 19.0603 5.57464 19.0821L1.20105 19.9796C0.871781 20.0472 0.530591 19.9448 0.292911 19.7071C0.0552307 19.4695 -0.0471393 19.1283 0.0204307 18.799L0.91798 14.4254C0.939721 14.3195 0.926161 14.2095 0.881661 14.111C0.315071 12.856 2.0591e-05 11.4637 2.0591e-05 9.99996ZM13.7074 8.70706C14.0979 8.31656 14.0979 7.68342 13.7074 7.29289C13.3168 6.90237 12.6837 6.90237 12.2931 7.29289L9.3538 10.2323C9.1585 10.4275 8.842 10.4275 8.6467 10.2323L7.70735 9.29286C7.31683 8.90236 6.68366 8.90236 6.29314 9.29286C5.90261 9.68346 5.90261 10.3166 6.29314 10.7071L8.2931 12.7071C8.6837 13.0977 9.3168 13.0977 9.7074 12.7071L13.7074 8.70706Z" fill="white"/></svg>');
}

.theme-dark.icon-edit, button.theme-dark.control.type-edit,
.theme-dark.btn.control.type-edit {
  background-image: url('data:image/svg+xml,<svg class="icon icon-pencil" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6249 3.90033L2.01464 14.5113C1.96126 14.5649 1.92271 14.6325 1.90436 14.7051L0.728314 19.4255C0.693135 19.5676 0.734891 19.7187 0.838592 19.8224C0.917056 19.9009 1.02397 19.9443 1.13333 19.9443C1.16683 19.9443 1.20109 19.9402 1.23443 19.9318L5.95482 18.7556C6.02839 18.7372 6.09523 18.6988 6.14861 18.6455L16.7598 8.03522L12.6249 3.90033Z" fill="white"/><path d="M19.3884 2.45357L18.2073 1.27248C17.4179 0.483093 16.0421 0.483857 15.2537 1.27248L13.8069 2.71924L17.9416 6.85398L19.3884 5.40721C19.7827 5.01306 19.9999 4.48843 19.9999 3.93047C19.9999 3.3725 19.7827 2.84788 19.3884 2.45357Z" fill="white"/></svg>');
}

.theme-dark.icon-chalkysticks, button.theme-dark.control.type-chalkysticks,
.theme-dark.btn.control.type-chalkysticks {
  background-image: url('data:image/svg+xml,<svg class="icon icon-chalkysticks" width="20" height="20" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.50086 16L8.20286 14.138C8.20286 14.138 3.998 9.7499 3.28312 9.01881C2.56824 8.28745 2.46294 6.97523 2.54734 6.28718C2.63121 5.59886 3.30402 2.65178 6.64691 2.58736C9.96916 3.12492 10.4737 5.6419 10.3896 6.91081C10.4737 8.00758 9.38075 9.3198 8.3923 10.3952C9.10691 11.0838 10.1583 12.1594 10.1583 12.1594C10.1583 12.1594 13.1033 10.1156 12.9972 6.32995C12.8911 2.54432 9.73977 0 6.50086 0C3.26195 0 -0.141256 2.82393 0.0045238 6.7817C0.276241 9.66409 1.34856 10.632 1.81103 11.1268C2.27351 11.6213 6.50086 16 6.50086 16Z" fill="white"/></svg>');
}

.theme-dark.icon-heartoutline, button.theme-dark.control.type-heartoutline,
.theme-dark.btn.control.type-heartoutline {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" class="icon icon-heart-outline" viewBox="0 -28 512.001 512" xmlns="http://www.w3.org/2000/svg"><path d="m256 455.515625c-7.289062 0-14.316406-2.640625-19.792969-7.4375-20.683593-18.085937-40.625-35.082031-58.21875-50.074219l-.089843-.078125c-51.582032-43.957031-96.125-81.917969-127.117188-119.3125-34.644531-41.804687-50.78125-81.441406-50.78125-124.742187 0-42.070313 14.425781-80.882813 40.617188-109.292969 26.503906-28.746094 62.871093-44.578125 102.414062-44.578125 29.554688 0 56.621094 9.34375 80.445312 27.769531 12.023438 9.300781 22.921876 20.683594 32.523438 33.960938 9.605469-13.277344 20.5-24.660157 32.527344-33.960938 23.824218-18.425781 50.890625-27.769531 80.445312-27.769531 39.539063 0 75.910156 15.832031 102.414063 44.578125 26.191406 28.410156 40.613281 67.222656 40.613281 109.292969 0 43.300781-16.132812 82.9375-50.777344 124.738281-30.992187 37.398437-75.53125 75.355469-127.105468 119.308594-17.625 15.015625-37.597657 32.039062-58.328126 50.167969-5.472656 4.789062-12.503906 7.429687-19.789062 7.429687zm-112.96875-425.523437c-31.066406 0-59.605469 12.398437-80.367188 34.914062-21.070312 22.855469-32.675781 54.449219-32.675781 88.964844 0 36.417968 13.535157 68.988281 43.882813 105.605468 29.332031 35.394532 72.960937 72.574219 123.476562 115.625l.09375.078126c17.660156 15.050781 37.679688 32.113281 58.515625 50.332031 20.960938-18.253907 41.011719-35.34375 58.707031-50.417969 50.511719-43.050781 94.136719-80.222656 123.46875-115.617188 30.34375-36.617187 43.878907-69.1875 43.878907-105.605468 0-34.515625-11.605469-66.109375-32.675781-88.964844-20.757813-22.515625-49.300782-34.914062-80.363282-34.914062-22.757812 0-43.652344 7.234374-62.101562 21.5-16.441406 12.71875-27.894532 28.796874-34.609375 40.046874-3.453125 5.785157-9.53125 9.238282-16.261719 9.238282s-12.808594-3.453125-16.261719-9.238282c-6.710937-11.25-18.164062-27.328124-34.609375-40.046874-18.449218-14.265626-39.34375-21.5-62.097656-21.5zm0 0" fill="white"></path></svg>');
}

.theme-dark.icon-heartfill, button.theme-dark.control.type-heartfill,
.theme-dark.btn.control.type-heartfill {
  background-image: url('data:image/svg+xml,<svg class="icon icon-heart-fill" width="20" height="20" viewBox="0 -28 512.00002 512" xmlns="http://www.w3.org/2000/svg"><path d="m471.382812 44.578125c-26.503906-28.746094-62.871093-44.578125-102.410156-44.578125-29.554687 0-56.621094 9.34375-80.449218 27.769531-12.023438 9.300781-22.917969 20.679688-32.523438 33.960938-9.601562-13.277344-20.5-24.660157-32.527344-33.960938-23.824218-18.425781-50.890625-27.769531-80.445312-27.769531-39.539063 0-75.910156 15.832031-102.414063 44.578125-26.1875 28.410156-40.613281 67.222656-40.613281 109.292969 0 43.300781 16.136719 82.9375 50.78125 124.742187 30.992188 37.394531 75.535156 75.355469 127.117188 119.3125 17.613281 15.011719 37.578124 32.027344 58.308593 50.152344 5.476563 4.796875 12.503907 7.4375 19.792969 7.4375 7.285156 0 14.316406-2.640625 19.785156-7.429687 20.730469-18.128907 40.707032-35.152344 58.328125-50.171876 51.574219-43.949218 96.117188-81.90625 127.109375-119.304687 34.644532-41.800781 50.777344-81.4375 50.777344-124.742187 0-42.066407-14.425781-80.878907-40.617188-109.289063zm0 0" fill="white"></path></svg>');
}

.theme-dark.icon-shareoutline, button.theme-dark.control.type-shareoutline,
.theme-dark.btn.control.type-shareoutline {
  background-image: url('data:image/svg+xml,<svg class="icon icon-share-outline" width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0508 16.1435C15.8947 16.1435 14.8532 16.6401 14.1303 17.43L7.62845 13.4244C7.80204 12.9824 7.89831 12.5023 7.89831 12C7.89831 11.4976 7.80204 11.0175 7.62845 10.5756L14.1303 6.56982C14.8532 7.35974 15.8947 7.85651 17.0508 7.85651C19.2284 7.85651 21 6.0943 21 3.92816C21 1.76202 19.2284 0 17.0508 0C14.8731 0 13.1015 1.76221 13.1015 3.92834C13.1015 4.4306 13.198 4.91071 13.3714 5.35272L6.86967 9.35834C6.14679 8.56842 5.10527 8.07166 3.94925 8.07166C1.77158 8.07166 0 9.83405 0 12C0 14.1661 1.77158 15.9283 3.94925 15.9283C5.10527 15.9283 6.14679 15.4318 6.86967 14.6417L13.3714 18.6473C13.198 19.0893 13.1015 19.5694 13.1015 20.0718C13.1015 22.2378 14.8731 24 17.0508 24C19.2284 24 21 22.2378 21 20.0718C21 17.9057 19.2284 16.1435 17.0508 16.1435ZM14.5416 3.92834C14.5416 2.55212 15.6672 1.43243 17.0508 1.43243C18.4343 1.43243 19.5599 2.55212 19.5599 3.92834C19.5599 5.30457 18.4343 6.42426 17.0508 6.42426C15.6672 6.42426 14.5416 5.30457 14.5416 3.92834ZM3.94925 14.4959C2.56552 14.4959 1.43987 13.3762 1.43987 12C1.43987 10.6238 2.56552 9.50409 3.94925 9.50409C5.33279 9.50409 6.45825 10.6238 6.45825 12C6.45825 13.3762 5.33279 14.4959 3.94925 14.4959ZM14.5416 20.0717C14.5416 18.6954 15.6672 17.5757 17.0508 17.5757C18.4343 17.5757 19.5599 18.6954 19.5599 20.0717C19.5599 21.4479 18.4343 22.5676 17.0508 22.5676C15.6672 22.5676 14.5416 21.4479 14.5416 20.0717Z" fill="white"/></svg>');
}

.theme-dark.icon-sharefill, button.theme-dark.control.type-sharefill,
.theme-dark.btn.control.type-sharefill {
  background-image: url('data:image/svg+xml,<svg class="icon icon-share-fill" width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 17.8661C20 20.1455 18.1605 22 15.8996 22C13.6387 22 11.7991 20.1455 11.7991 17.8661C11.7991 17.4488 11.8621 17.0463 11.9767 16.6662L7.08863 13.8216C6.33996 14.6266 5.27904 15.1333 4.10043 15.1333C1.83954 15.1333 0 13.2791 0 10.9999C0 8.72043 1.83954 6.86597 4.10043 6.86597C5.27904 6.86597 6.33996 7.37288 7.08863 8.17795L11.9765 5.33378C11.8618 4.95372 11.7989 4.55118 11.7989 4.13391C11.7989 1.85445 13.6385 0 15.8993 0C18.1602 0 19.9998 1.85445 19.9998 4.13391C19.9998 6.41313 18.1602 8.26735 15.8993 8.26735C14.7193 8.26735 13.6575 7.7595 12.9088 6.9528L8.02256 9.79627C8.13794 10.1773 8.20109 10.5812 8.20109 10.9999C8.20109 11.4186 8.13794 11.8225 8.02256 12.2035L12.9088 15.047C13.6577 14.2403 14.7196 13.7324 15.8993 13.7324C18.1605 13.7327 20 15.5866 20 17.8661Z" fill="white"/></svg>');
}

.theme-dark.icon-search, button.theme-dark.control.type-search,
.theme-dark.btn.control.type-search {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 56.966 56.966" xmlns="http://www.w3.org/2000/svg" class="icon icon-search" height="20" width="20"><path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17s-17-7.626-17-17S14.61,6,23.984,6z" fill="white"></path></svg>');
}

.theme-dark.icon-send, button.theme-dark.control.type-send,
.theme-dark.btn.control.type-send {
  background-image: url('data:image/svg+xml,<svg class="icon icon-send" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m22.1012 10.5616-19.34831-9.43824c-.1664-.08117-.34912-.12336-.53427-.12336-.67302 0-1.21862.5456-1.21862 1.21862v.03517c0 .16352.02005.32643.05971.48507l1.85597 7.42384c.05069.2028.22214.3526.42986.3757l8.15756.9064c.2829.0314.4969.2705.4969.5552s-.214.5238-.4969.5552l-8.15756.9064c-.20772.0231-.37917.1729-.42986.3757l-1.85597 7.4238c-.03966.1587-.05971.3216-.05971.4851v.0352c0 .673.5456 1.2186 1.21862 1.2186.18515 0 .36787-.0422.53427-.1234l19.34831-9.4382c.5499-.2682.8988-.8265.8988-1.4384s-.3489-1.1702-.8988-1.4384z" fill="white"></path></svg>');
}

.theme-dark.icon-alarm, button.theme-dark.control.type-alarm,
.theme-dark.btn.control.type-alarm {
  background-image: url("data:image/svg+xml,%3Csvg class='icon icon-notification' width='20' height='20' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C9.10457 16 10 15.1046 10 14H6C6 15.1046 6.89543 16 8 16Z' fill='white' /%3E%3Cpath d='M8.99516 1.09903C8.99836 1.06646 9 1.03342 9 1C9 0.447715 8.55228 0 8 0C7.44772 0 7 0.447715 7 1C7 1.03342 7.00164 1.06646 7.00484 1.09904C4.7202 1.56045 3.00002 3.57934 3.00002 6C3.00002 7.0976 2.5 12 1 13H15C13.5 12 13 7.0976 13 6C13 3.57932 11.2798 1.56042 8.99516 1.09903Z' fill='white' /%3E%3C/svg%3E%0A");
}

ol.plain,
ul.plain {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol.plain li,
ul.plain li {
  margin: 0;
}

.loading-overlay {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: var(--z-overlay-bottom);
}
.loading-overlay::before {
  animation: spinCW 2s linear infinite;
  background-image: url('data:image/svg+xml,<svg class="icon icon-loading" width="50" height="50" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.511137 19.2535C-1.628 11.2701 3.13436 3.02143 11.1177 0.882287C13.8272 0.156299 16.666 0.203145 19.3357 1.00966C20.1293 1.24737 20.5728 2.09132 20.3351 2.88489C20.0974 3.67845 19.2535 4.12199 18.4599 3.88428C16.3315 3.24332 14.053 3.2016 11.8942 3.78006C5.5046 5.49215 1.69683 12.0874 3.40891 18.477C5.121 24.8666 11.7163 28.6744 18.1059 26.9623C24.4955 25.2502 28.3032 18.6549 26.5911 12.2653C26.3776 11.4685 26.8549 10.6418 27.6518 10.4282C28.4487 10.2147 29.2754 10.692 29.4889 11.4889C31.6281 19.4723 26.8657 27.7209 18.8823 29.8601C10.8989 31.9992 2.65028 27.2368 0.511137 19.2535Z" fill="%23030504"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}
.loading-overlay.loading-overlay-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.loading-overlay.loading-overlay-dark::before {
  filter: brightness(0) invert(1);
}
.loading-overlay.loading-overlay-transparent {
  background-color: transparent;
}

.loading {
  position: relative;
}
.loading::after {
  animation: spinCW 1s linear infinite;
  background-image: url('data:image/svg+xml,<svg class="icon icon-loading" width="50" height="50" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.511137 19.2535C-1.628 11.2701 3.13436 3.02143 11.1177 0.882287C13.8272 0.156299 16.666 0.203145 19.3357 1.00966C20.1293 1.24737 20.5728 2.09132 20.3351 2.88489C20.0974 3.67845 19.2535 4.12199 18.4599 3.88428C16.3315 3.24332 14.053 3.2016 11.8942 3.78006C5.5046 5.49215 1.69683 12.0874 3.40891 18.477C5.121 24.8666 11.7163 28.6744 18.1059 26.9623C24.4955 25.2502 28.3032 18.6549 26.5911 12.2653C26.3776 11.4685 26.8549 10.6418 27.6518 10.4282C28.4487 10.2147 29.2754 10.692 29.4889 11.4889C31.6281 19.4723 26.8657 27.7209 18.8823 29.8601C10.8989 31.9992 2.65028 27.2368 0.511137 19.2535Z" fill="%23030504"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  left: calc(50% - 20px);
  pointer-events: none;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  z-index: var(--z-view-bottom);
}
.loading.loading-light::after {
  filter: brightness(0) invert(1);
}
.loading.loading-sm::after {
  height: 24px;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  width: 24px;
}
.loading.loading-lg::after {
  height: 60px;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
}

.loading-inline {
  animation: spinCW 1s linear infinite;
  background-image: url('data:image/svg+xml,<svg class="icon icon-loading" width="50" height="50" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.511137 19.2535C-1.628 11.2701 3.13436 3.02143 11.1177 0.882287C13.8272 0.156299 16.666 0.203145 19.3357 1.00966C20.1293 1.24737 20.5728 2.09132 20.3351 2.88489C20.0974 3.67845 19.2535 4.12199 18.4599 3.88428C16.3315 3.24332 14.053 3.2016 11.8942 3.78006C5.5046 5.49215 1.69683 12.0874 3.40891 18.477C5.121 24.8666 11.7163 28.6744 18.1059 26.9623C24.4955 25.2502 28.3032 18.6549 26.5911 12.2653C26.3776 11.4685 26.8549 10.6418 27.6518 10.4282C28.4487 10.2147 29.2754 10.692 29.4889 11.4889C31.6281 19.4723 26.8657 27.7209 18.8823 29.8601C10.8989 31.9992 2.65028 27.2368 0.511137 19.2535Z" fill="%23030504"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}
.loading-inline.loading-inline-light {
  filter: brightness(0) invert(1);
}
.loading-inline.loading-inline-sm {
  height: 16px;
  width: 16px;
}
.loading-inline.loading-inline-lg {
  height: 32px;
  width: 32px;
}

header > mark, header > .mark {
  background: var(--chalky-red);
  border-radius: 5px;
  color: var(--chalky-white);
  font-size: 0.675rem;
  font-weight: 500;
  padding: 3px 10px;
}

.showcase {
  aspect-ratio: 9/16;
  border-radius: var(--border-radius-outer);
  overflow: hidden;
  position: relative;
  width: 400px;
}
.showcase > img:first-child {
  filter: blur(8px);
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  width: 100%;
}
.showcase > img + img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.tags {
  display: flex;
  gap: 0.5em;
}
.tags .tag {
  border-radius: 3rem;
  border: 1px solid currentColor;
  color: var(--chalky-white);
  display: inline-block;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  padding: 0.33em 1.125em;
  text-transform: uppercase;
}

.branding-chalky-badge {
  background-color: var(--chalky-blue);
  border-radius: var(--rounded-badge);
  display: inline-block;
  flex-shrink: 0;
  height: var(--icon-size-md);
  position: relative;
  width: var(--icon-size-md);
}
.branding-chalky-badge:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='auto' viewBox='0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%23F7F7F7' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
.branding-chalky-badge.size-xs, .branding-chalky-badge[size=xs] {
  height: var(--icon-size-xs);
  width: var(--icon-size-xs);
}
.branding-chalky-badge.size-sm, .branding-chalky-badge[size=sm] {
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
}
.branding-chalky-badge.size-lg, .branding-chalky-badge[size=lg] {
  height: var(--icon-size-lg);
  width: var(--icon-size-lg);
}
.branding-chalky-badge.size-xl, .branding-chalky-badge[size=xl] {
  height: var(--icon-size-xl);
  width: var(--icon-size-xl);
}

.branding-chalky-badge.on-light {
  background-color: var(--chalky-white);
}
.branding-chalky-badge.on-light:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='auto' viewBox='0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%232B3544' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
}

.branding-chalky-badge.on-deep {
  background-color: transparent;
}
.branding-chalky-badge.on-deep:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='auto' viewBox='0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%23212A38' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
}

.branding-chalky-icon {
  display: inline-block;
  height: var(--icon-size-md);
  position: relative;
  width: var(--icon-size-md);
}
.branding-chalky-icon.size-xs, .branding-chalky-icon[size=xs] {
  height: var(--icon-size-xs);
  width: var(--icon-size-xs);
}
.branding-chalky-icon.size-sm, .branding-chalky-icon[size=sm] {
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
}
.branding-chalky-icon.size-lg, .branding-chalky-icon[size=lg] {
  height: var(--icon-size-lg);
  width: var(--icon-size-lg);
}
.branding-chalky-icon.size-xl, .branding-chalky-icon[size=xl] {
  height: var(--icon-size-xl);
  width: var(--icon-size-xl);
}

.branding-chalky-icon,
.branding-chalky-icon.on-light {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 64.545 77.998' enable-background='new 0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%232B3544' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.branding-chalky-icon.type-white,
.branding-chalky-icon.on-dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 64.545 77.998' enable-background='new 0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%23F7F7F7' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.branding-chalky-wordmark,
.branding-chalky-wordmark.on-dark {
  --chalky-wordmark-background-left: 5%;
  --chalky-wordmark-background-top: 70%;
  --chalky-wordmark-size: 75px;
  --chalky-wordmark-text-size: calc(75px - 1rem);
  color: var(--chalky-white);
  font-family: var(--font-stack-chalky);
  white-space: nowrap;
}
.branding-chalky-wordmark::before,
.branding-chalky-wordmark.on-dark::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 64.545 77.998' enable-background='new 0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%23F7F7F7' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: var(--chalky-wordmark-size);
  transform: scale(0.75);
  vertical-align: middle;
  width: var(--chalky-wordmark-size);
}
.branding-chalky-wordmark h2, .branding-chalky-wordmark .h2,
.branding-chalky-wordmark.on-dark h2 {
  aspect-ratio: 200/34;
  background: url('data:image/svg+xml,<svg width="200" height="34" viewBox="0 0 200 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2098 0.363317C14.2077 0.363317 16.8325 0.728098 20.2736 1.74919L19.1271 5.93905C15.1684 5.0293 13.5772 4.84764 11.6172 4.84764C6.95665 4.84764 5.36546 8.01787 5.36546 12.9373C5.36546 18.223 6.95665 21.4298 11.6172 21.4298C13.5772 21.4298 15.1699 21.2482 19.1286 20.3369L20.2751 24.5283C16.8355 25.5127 14.2092 25.8775 11.2112 25.8775C2.36746 25.8775 0 20.0454 0 12.9373C0 5.94052 2.36746 0.363317 11.2098 0.363317Z" fill="%23FAFAFA"/><path d="M27.4875 25.5127H22.6782V0H27.4875V9.65866H27.5619C29.1531 7.98125 31.1874 6.92499 33.592 6.92499C37.2919 6.92499 39.1419 9.29387 39.1419 13.0486V25.5142H34.3326V14.14C34.3326 12.0275 33.5177 10.8614 31.3733 10.8614C29.8565 10.8614 28.414 11.6628 27.489 12.2458V25.5127H27.4875Z" fill="%23FAFAFA"/><path d="M43.3593 11.5543L42.6559 7.76296C45.2836 7.25168 48.0571 6.92499 50.2773 6.92499C54.975 6.92499 57.5641 8.12774 57.5641 13.0486V25.5142H52.7563V23.6918C52.7191 23.6918 52.7191 23.6918 52.6819 23.6918C51.0907 25.2959 49.5367 25.879 47.205 25.879C43.5065 25.879 41.4707 23.4354 41.4707 20.2652C41.4707 15.8189 45.6152 14.5795 49.2408 14.5795H52.7563V13.3021C52.7563 11.443 51.5711 10.8614 49.1664 10.8614C47.6868 10.8614 46.0227 11.0079 43.3593 11.5543ZM52.7578 17.4216H49.5382C47.3552 17.4216 46.2844 18.1863 46.2844 19.8638C46.2844 21.4679 47.5782 22.2326 49.1679 22.2326C50.6863 22.2326 52.0916 21.6129 52.7578 21.1031V17.4216Z" fill="%23FAFAFA"/><path d="M60.4507 0H65.26V25.5127H60.4507V0Z" fill="%23FAFAFA"/><path d="M72.957 13.6669L79.9121 7.28831H85.7208L78.9872 13.8485L86.091 25.5127H80.4297L75.6204 16.547L72.957 18.9525V25.5142H68.1477V0H72.957V13.6669Z" fill="%23FAFAFA"/><path d="M86.3484 7.28977H91.7124L95.9313 20.5919H96.0041L100.111 7.28977H105.218L98.669 26.1676C96.8949 31.38 94.5274 33.1644 90.4186 33.1644C89.4192 33.1644 88.0496 33.056 87.089 32.8362L87.5336 28.9364C88.0883 29.0463 88.9017 29.1181 89.3077 29.1181C91.0833 29.1181 92.4916 27.7703 93.1935 25.7662L86.3484 7.28977Z" fill="%23FAFAFA"/><path d="M108.14 24.6367L108.622 22.3762C112.395 23.2874 114.911 23.4705 116.981 23.4705C121.236 23.4705 122.939 21.1749 122.939 18.9877C122.939 15.6343 119.017 14.7583 116.426 14.0668C112.468 13.0823 108.512 10.9317 108.512 6.7404C108.512 2.14913 112.248 0.361852 116.981 0.361852C119.72 0.361852 122.311 0.726633 125.306 1.60123L124.678 3.86317C120.903 2.95195 119.056 2.77029 116.981 2.77029C112.727 2.77029 111.396 4.70114 111.396 6.81512C111.396 10.022 115.576 11.1896 118.239 11.8093C122.198 12.6839 125.826 14.5063 125.826 18.7694C125.826 23.5072 122.051 25.8775 116.983 25.8775C114.245 25.8775 111.137 25.5127 108.14 24.6367Z" fill="%23FAFAFA"/><path d="M131.559 9.14738H128.634V7.47143L131.559 7.28977L131.894 2.18723H134.151V7.28977H139.627V9.14884H134.151V19.7539C134.151 22.4143 134.889 23.8002 137.518 23.8002C138.107 23.8002 138.7 23.765 139.551 23.6185L139.813 25.6226C138.849 25.7691 137.518 25.879 136.702 25.879C133.115 25.879 131.561 24.4199 131.561 20.1567L131.559 9.14738Z" fill="%23FAFAFA"/><path d="M146.281 0.728098V5.06592H143.694V0.728098H146.281ZM146.281 7.28977V25.5127H143.694V7.28977H146.281Z" fill="%23FAFAFA"/><path d="M159.01 6.92499C161.304 6.92499 162.968 7.1799 165.187 7.72634L164.708 9.80515C161.822 9.07559 160.268 9.07559 159.01 9.07559C154.606 9.07559 152.905 12.2107 152.905 16.402C152.905 20.5918 154.608 23.7269 159.01 23.7269C160.268 23.7269 161.822 23.7269 164.708 22.9988L165.187 25.0762C162.968 25.6226 161.304 25.879 159.01 25.879C152.46 25.879 150.169 22.0144 150.169 16.402C150.169 10.7896 152.459 6.92499 159.01 6.92499Z" fill="%23FAFAFA"/><path d="M170.627 15.271L180.467 7.28977H183.685L176.508 13.4486L184.054 25.5127H180.985L174.696 14.8696L170.627 18.1131V25.5127H168.036V0H170.627V15.271Z" fill="%23FAFAFA"/><path d="M193.378 25.8775C190.566 25.8775 187.865 25.6211 185.646 25.0747L186.128 22.9974C189.05 23.7255 191.861 23.7987 193.082 23.7987C197.041 23.7987 197.412 21.3566 197.412 20.6285C197.412 19.2792 196.599 18.1863 192.75 17.4216C188.978 16.7287 186.018 15.5259 186.018 11.8444C186.018 8.60094 188.347 6.92499 192.637 6.92499C195.452 6.92499 197.633 7.1799 199.853 7.7278L199.374 9.80515C196.452 9.07559 194.01 9.00234 192.786 9.00234C188.903 9.00234 188.606 11.1529 188.606 11.7741C188.606 13.1219 189.236 14.288 193.043 15.0527C197.115 15.8907 200 16.9851 200 20.4834C200 23.9452 197.671 25.8775 193.378 25.8775Z" fill="%23FAFAFA"/></svg>') var(--chalky-wordmark-background-left) var(--chalky-wordmark-background-top)/66% no-repeat;
  color: var(--chalky-white);
  display: inline-block;
  font-family: var(--font-stack-chalky);
  font-size: 0;
  font-weight: 500;
  height: var(--chalky-wordmark-text-size);
  text-transform: none;
  vertical-align: middle;
}
.branding-chalky-wordmark.size-xs, .branding-chalky-wordmark[size=xs],
.branding-chalky-wordmark.on-dark.size-xs,
.branding-chalky-wordmark.on-dark[size=xs] {
  --chalky-wordmark-size: 30px;
  --chalky-wordmark-text-size: 30px;
}
.branding-chalky-wordmark.size-sm, .branding-chalky-wordmark[size=sm],
.branding-chalky-wordmark.on-dark.size-sm,
.branding-chalky-wordmark.on-dark[size=sm] {
  --chalky-wordmark-size: 50px;
  --chalky-wordmark-text-size: 40px;
}
.branding-chalky-wordmark.size-lg, .branding-chalky-wordmark[size=lg],
.branding-chalky-wordmark.on-dark.size-lg,
.branding-chalky-wordmark.on-dark[size=lg] {
  --chalky-wordmark-size: 100px;
  --chalky-wordmark-text-size: 80px;
}
.branding-chalky-wordmark.size-xl, .branding-chalky-wordmark[size=xl],
.branding-chalky-wordmark.on-dark.size-xl,
.branding-chalky-wordmark.on-dark[size=xl] {
  --chalky-wordmark-size: 125px;
  --chalky-wordmark-text-size: 100px;
}
.branding-chalky-wordmark.no-icon::before,
.branding-chalky-wordmark.on-dark.no-icon::before {
  display: none;
}

.branding-chalky-wordmark.on-light {
  color: var(--chalky-blue);
}
.branding-chalky-wordmark.on-light::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 64.545 77.998' enable-background='new 0 0 64.545 77.998' xml:space='preserve'%3E%3Cpath fill='%232B3544' d='M32.398,77.998l8.488-9.078c0,0-20.66-20.687-23.915-24.536 c-4.04-4.775-4.708-9.671-4.29-13.734c0.215-5.493,4.506-18.46,20.444-18.296c15.39,1.104,19.175,14.558,18.665,21.337 c0.105,3.946-2.616,10.649-9.822,17.124c3.564,3.355,8.489,8.279,8.489,8.279S65.06,49.047,64.531,30.592 C64.002,12.139,48.551,0,32.398,0C14.912,0.393,0,12.093,0,33.061c0.237,10.57,5.423,17.705,10.061,22.233 C12.366,57.705,32.398,77.998,32.398,77.998z' /%3E%3C/svg%3E");
}
.branding-chalky-wordmark.on-light h2, .branding-chalky-wordmark.on-light .h2 {
  background-image: url('data:image/svg+xml,<svg width="200" height="34" viewBox="0 0 200 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2098 0.363317C14.2077 0.363317 16.8325 0.728098 20.2736 1.74919L19.1271 5.93905C15.1684 5.0293 13.5772 4.84764 11.6172 4.84764C6.95665 4.84764 5.36546 8.01787 5.36546 12.9373C5.36546 18.223 6.95665 21.4298 11.6172 21.4298C13.5772 21.4298 15.1699 21.2482 19.1286 20.3369L20.2751 24.5283C16.8355 25.5127 14.2092 25.8775 11.2112 25.8775C2.36746 25.8775 0 20.0454 0 12.9373C0 5.94052 2.36746 0.363317 11.2098 0.363317Z" fill="%232b3544"/><path d="M27.4875 25.5127H22.6782V0H27.4875V9.65866H27.5619C29.1531 7.98125 31.1874 6.92499 33.592 6.92499C37.2919 6.92499 39.1419 9.29387 39.1419 13.0486V25.5142H34.3326V14.14C34.3326 12.0275 33.5177 10.8614 31.3733 10.8614C29.8565 10.8614 28.414 11.6628 27.489 12.2458V25.5127H27.4875Z" fill="%232b3544"/><path d="M43.3593 11.5543L42.6559 7.76296C45.2836 7.25168 48.0571 6.92499 50.2773 6.92499C54.975 6.92499 57.5641 8.12774 57.5641 13.0486V25.5142H52.7563V23.6918C52.7191 23.6918 52.7191 23.6918 52.6819 23.6918C51.0907 25.2959 49.5367 25.879 47.205 25.879C43.5065 25.879 41.4707 23.4354 41.4707 20.2652C41.4707 15.8189 45.6152 14.5795 49.2408 14.5795H52.7563V13.3021C52.7563 11.443 51.5711 10.8614 49.1664 10.8614C47.6868 10.8614 46.0227 11.0079 43.3593 11.5543ZM52.7578 17.4216H49.5382C47.3552 17.4216 46.2844 18.1863 46.2844 19.8638C46.2844 21.4679 47.5782 22.2326 49.1679 22.2326C50.6863 22.2326 52.0916 21.6129 52.7578 21.1031V17.4216Z" fill="%232b3544"/><path d="M60.4507 0H65.26V25.5127H60.4507V0Z" fill="%232b3544"/><path d="M72.957 13.6669L79.9121 7.28831H85.7208L78.9872 13.8485L86.091 25.5127H80.4297L75.6204 16.547L72.957 18.9525V25.5142H68.1477V0H72.957V13.6669Z" fill="%232b3544"/><path d="M86.3484 7.28977H91.7124L95.9313 20.5919H96.0041L100.111 7.28977H105.218L98.669 26.1676C96.8949 31.38 94.5274 33.1644 90.4186 33.1644C89.4192 33.1644 88.0496 33.056 87.089 32.8362L87.5336 28.9364C88.0883 29.0463 88.9017 29.1181 89.3077 29.1181C91.0833 29.1181 92.4916 27.7703 93.1935 25.7662L86.3484 7.28977Z" fill="%232b3544"/><path d="M108.14 24.6367L108.622 22.3762C112.395 23.2874 114.911 23.4705 116.981 23.4705C121.236 23.4705 122.939 21.1749 122.939 18.9877C122.939 15.6343 119.017 14.7583 116.426 14.0668C112.468 13.0823 108.512 10.9317 108.512 6.7404C108.512 2.14913 112.248 0.361852 116.981 0.361852C119.72 0.361852 122.311 0.726633 125.306 1.60123L124.678 3.86317C120.903 2.95195 119.056 2.77029 116.981 2.77029C112.727 2.77029 111.396 4.70114 111.396 6.81512C111.396 10.022 115.576 11.1896 118.239 11.8093C122.198 12.6839 125.826 14.5063 125.826 18.7694C125.826 23.5072 122.051 25.8775 116.983 25.8775C114.245 25.8775 111.137 25.5127 108.14 24.6367Z" fill="%232b3544"/><path d="M131.559 9.14738H128.634V7.47143L131.559 7.28977L131.894 2.18723H134.151V7.28977H139.627V9.14884H134.151V19.7539C134.151 22.4143 134.889 23.8002 137.518 23.8002C138.107 23.8002 138.7 23.765 139.551 23.6185L139.813 25.6226C138.849 25.7691 137.518 25.879 136.702 25.879C133.115 25.879 131.561 24.4199 131.561 20.1567L131.559 9.14738Z" fill="%232b3544"/><path d="M146.281 0.728098V5.06592H143.694V0.728098H146.281ZM146.281 7.28977V25.5127H143.694V7.28977H146.281Z" fill="%232b3544"/><path d="M159.01 6.92499C161.304 6.92499 162.968 7.1799 165.187 7.72634L164.708 9.80515C161.822 9.07559 160.268 9.07559 159.01 9.07559C154.606 9.07559 152.905 12.2107 152.905 16.402C152.905 20.5918 154.608 23.7269 159.01 23.7269C160.268 23.7269 161.822 23.7269 164.708 22.9988L165.187 25.0762C162.968 25.6226 161.304 25.879 159.01 25.879C152.46 25.879 150.169 22.0144 150.169 16.402C150.169 10.7896 152.459 6.92499 159.01 6.92499Z" fill="%232b3544"/><path d="M170.627 15.271L180.467 7.28977H183.685L176.508 13.4486L184.054 25.5127H180.985L174.696 14.8696L170.627 18.1131V25.5127H168.036V0H170.627V15.271Z" fill="%232b3544"/><path d="M193.378 25.8775C190.566 25.8775 187.865 25.6211 185.646 25.0747L186.128 22.9974C189.05 23.7255 191.861 23.7987 193.082 23.7987C197.041 23.7987 197.412 21.3566 197.412 20.6285C197.412 19.2792 196.599 18.1863 192.75 17.4216C188.978 16.7287 186.018 15.5259 186.018 11.8444C186.018 8.60094 188.347 6.92499 192.637 6.92499C195.452 6.92499 197.633 7.1799 199.853 7.7278L199.374 9.80515C196.452 9.07559 194.01 9.00234 192.786 9.00234C188.903 9.00234 188.606 11.1529 188.606 11.7741C188.606 13.1219 189.236 14.288 193.043 15.0527C197.115 15.8907 200 16.9851 200 20.4834C200 23.9452 197.671 25.8775 193.378 25.8775Z" fill="%232b3544"/></svg>');
  color: var(--chalky-blue);
  font-weight: 500;
  text-transform: none;
}

.page-playground {
  background-color: var(--chalky-offwhite);
  margin: 0 auto;
  max-width: 1024px;
  padding: 2rem;
  text-align: left;
}
.page-playground .level-0 {
  margin: 2rem 0;
  padding: 2rem 0;
}
.page-playground .level-1 {
  margin: 2rem 0;
  padding-left: 300px;
}
.page-playground .level-1 > header {
  float: left;
  margin-left: -300px;
}
.page-playground .level-1 section > div figure {
  display: inline-block;
}
.page-playground .example-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.page-playground h4, .page-playground .h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.aspect-1x1 {
  aspect-ratio: 1/1; /* Square */
}

.aspect-4x3 {
  aspect-ratio: 4/3; /* Standard */
}

.aspect-16x9 {
  aspect-ratio: 16/9; /* Widescreen */
}

.aspect-21x9 {
  aspect-ratio: 21/9; /* Ultra-Widescreen */
}

.aspect-3x2 {
  aspect-ratio: 3/2; /* Classic */
}

.aspect-9x16 {
  aspect-ratio: 9/16; /* Vertical Video */
}

.aspect-2x1 {
  aspect-ratio: 2/1; /* Wide */
}

.aspect-3x1 {
  aspect-ratio: 3/1; /* Extra Wide */
}

.aspect-1x2 {
  aspect-ratio: 1/2; /* Tall */
}

.aspect-1x3 {
  aspect-ratio: 1/3; /* Extra Tall */
}

.border {
  border-radius: var(--border-radius);
  border: 1px solid var(--chalky-grey);
}

.border-blue {
  border-radius: var(--border-radius);
  border: 1px solid var(--chalky-blue);
}

.border-dark {
  border-radius: var(--border-radius);
  border: 1px solid var(--chalky-blue-4);
}

.outline {
  border-radius: var(--border-radius);
  outline: 1px solid var(--chalky-grey);
}

.outline-blue {
  border-radius: var(--border-radius);
  outline: 1px solid var(--chalky-blue);
}

.outline-dark {
  border-radius: var(--border-radius);
  outline: 1px solid var(--chalky-blue-4);
}

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

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

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

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

.rounded-small-inner {
  border-radius: var(--border-radius-sm-inner);
}

.rounded-small-outer {
  border-radius: var(--border-radius-sm-outer);
}

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

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

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

:root,
Page {
  --avatar-size-xs: 36px;
  --avatar-size-sm: 50px;
  --avatar-size-md: 75px;
  --avatar-size-lg: 100px;
  --avatar-size-xl: 125px;
  --divider-color: rgba(0, 0, 0, 0.15);
  --divider-size: 1px;
  --divider-spacing-y: 1.5rem;
  --gap-x-small: 0.25rem;
  --gap-small: 0.5rem;
  --gap-medium: 1rem;
  --gap-large: 1.5rem;
  --gap-x-large: 2rem;
  --icon-size-x0: 12px;
  --icon-size-xx: 24px;
  --icon-size-xs: 36px;
  --icon-size-sm: 50px;
  --icon-size-md: 75px;
  --icon-size-lg: 100px;
  --icon-size-xl: 125px;
  --icon-size-xxl: 175px;
  --icon-size-xxxl: 250px;
  --margin-x-small: 0.375rem;
  --margin-small: 0.625rem;
  --margin-medium: 1rem;
  --margin-large: 1.25rem;
  --margin-x-large: 1.5rem;
  --pad-x-small: 0.375rem;
  --pad-small: 0.625rem;
  --pad-medium: 1rem;
  --pad-large: 1.25rem;
  --pad-x-large: 1.5rem;
  --rounded-button: 4px;
  --rounded-badge: 6px;
  --rounded-corner: 8px;
  --rounded-corner-outer: 10px;
  --chalky-black: #030504;
  --chalky-blue: #2b3544;
  --chalky-blue-2: #273142;
  --chalky-blue-3: #26303f;
  --chalky-blue-4: #212a38;
  --chalky-grey: #cccccc;
  --chalky-grey-2: #a0a4a7;
  --chalky-grey-3: #777c83;
  --chalky-grey-4: #4d535e;
  --chalky-lightblue: #4688b4;
  --chalky-lightblue-2: #4db8ff;
  --chalky-purple: #b44697;
  --chalky-purple-2: #e731b7;
  --chalky-purple-3: #9747ff;
  --chalky-red: #d14545;
  --chalky-red-2: #a53f42;
  --chalky-red-3: #79383f;
  --chalky-red-4: #4e313c;
  --chalky-white: #fafafa;
  --chalky-offwhite: #f0f1f0;
  --chalky-yellow: #fff04d;
  --chalky-blue-75: #2b3544bb;
  --chalky-blue-2-75: #273142bb;
  --chalky-blue-3-75: #26303fbb;
  --chalky-blue-4-75: #212a38bb;
  --chalky-red-75: #d14545bb;
  --chalky-red-2-75: #a53f42bb;
  --chalky-red-3-75: #79383fbb;
  --chalky-red-4-75: #4e313cbb;
  --social-facebook-background: #3b5998;
  --social-facebook-background-hover: #2d4373;
  --social-facebook-background-active: #2d4373;
  --social-facebook-color: #fff;
  --social-google-background: #db4437;
  --social-google-background-hover: #c1351d;
  --social-google-background-active: #c1351d;
  --social-google-color: #fff;
  --social-linkedin-background: #0077b5;
  --social-linkedin-background-hover: #006097;
  --social-linkedin-background-active: #006097;
  --social-linkedin-color: #fff;
  --social-github-background: #333;
  --social-github-background-hover: #2b2b2b;
  --social-github-background-active: #2b2b2b;
  --social-github-color: #fff;
  --anchor-color: var(--chalky-lightblue);
  --anchor-color-hover: var(--chalky-blue-2);
  --text-muted-opacity: 0.65;
  --font-size-largest: 3em;
  --font-size-xx-large: 2em;
  --font-size-x-large: 2em;
  --font-size-large: 1.5em;
  --font-size-medium: 1.125em;
  --font-size-normal: 1em;
  --font-size-small: 0.875em;
  --font-size-x-small: 0.75em;
  --font-size-xx-small: 0.625em;
  --font-size-smallest: 0.625em;
  --font-stack-body: "Prelo", Georgia, serif;
  --font-stack-chalky: "Prelo", Georgia, serif;
  --font-weight-extra-light: 100;
  --font-weight-light: 200;
  --font-weight-book: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-weight-extra-black: 900;
  --button-primary-background: var(--chalky-red);
  --button-primary-background-disabled: var(--chalky-red-4);
  --button-primary-border: 1px solid transparent;
  --button-primary-border-disabled: 1px solid var(--chalky-red-4);
  --button-primary-color: var(--chalky-white);
  --button-primary-color-disabled: var(--chalky-grey-2);
  --button-secondary-background: var(--chalky-blue);
  --button-secondary-background-disabled: var(--chalky-blue-4);
  --button-secondary-border: 1px solid transparent;
  --button-secondary-border-disabled: 1px solid var(--chalky-blue-4);
  --button-secondary-color: var(--chalky-white);
  --button-secondary-color-disabled: var(--chalky-grey-2);
  --button-tertiary-background: var(--chalky-white);
  --button-tertiary-background-disabled: var(--chalky-grey-2);
  --button-tertiary-border: 1px solid var(--chalky-grey);
  --button-tertiary-border-disabled: 1px solid var(--chalky-grey-2);
  --button-tertiary-color: var(--chalky-blue);
  --button-tertiary-color-disabled: var(--chalky-grey-3);
  --button-disabled-background: var(--chalky-offwhite);
  --button-disabled-border: 0;
  --button-disabled-color: var(--chalky-grey-3);
  --button-facebook-background: var(--social-facebook-background);
  --button-facebook-border: 1px solid transparent;
  --button-facebook-color: var(--social-facebook-color);
  --button-google-background: var(--social-google-background);
  --button-google-border: 1px solid transparent;
  --button-google-color: var(--social-google-color);
  --button-twitter-background: var(--social-twitter-background);
  --button-twitter-border: 1px solid transparent;
  --button-twitter-color: var(--social-twitter-color);
  --button-linkedin-background: var(--social-linkedin-background);
  --button-linkedin-border: 1px solid transparent;
  --button-linkedin-color: var(--social-linkedin-color);
  --button-github-background: var(--social-github-background);
  --button-github-border: 1px solid transparent;
  --button-github-color: var(--social-github-color);
  --button-control-size: 40px;
  --button-border-radius: 4px;
  --button-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  --input-accentcolor: var(--chalky-lightblue);
  --input-outline-width: 4px;
  --input-toggleable-size: 16px;
  --radio-radius: 0.75rem;
  --body-background: var(--chalky-offwhite);
  --body-color: var(--chalky-blue);
  --border-dark: var(--chalky-blue);
  --layout-gutter: 1.5rem;
  --z-under: -1;
  --z-bottom: 1;
  --z-view-bottom: 100;
  --z-view-mid: 105;
  --z-view-top: 109;
  --z-page-bottom: 200;
  --z-page-mid: 205;
  --z-page-top: 209;
  --z-header-bottom: 210;
  --z-header-mid: 215;
  --z-header-top: 219;
  --z-panel-bottom: 220;
  --z-panel-mid: 225;
  --z-panel-top: 229;
  --z-modal-bottom: 230;
  --z-modal-mid: 235;
  --z-modal-top: 239;
  --z-overlay-bottom: 260;
  --z-overlay-mid: 265;
  --z-overlay-top: 269;
  --z-top: 299;
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --scrollbar-size: 0.5rem;
  --scrollbar-thumb-color: var(--chalky-grey);
  --scrollbar-thumb-hover-color: var(--chalky-white);
  --scrollbar-track-color: var(--chalky-blue-4);
  --border-radius: 8px;
  --border-radius-inner: 8px;
  --border-radius-outer: 12px;
  --border-radius-sm: 4px;
  --border-radius-sm-inner: 4px;
  --border-radius-sm-outer: 6px;
  --border-radius-lg: 12px;
  --border-radius-lg-inner: 12px;
  --border-radius-lg-outer: 16px;
}

.background-chalky-black {
  background-color: var(--chalky-black) !important;
}

.border-color-chalky-black {
  border-color: var(--chalky-black) !important;
}

.color-chalky-black {
  color: var(--chalky-black) !important;
}

.fill-chalky-black {
  fill: var(--chalky-black) !important;
}

.foreground-chalky-black {
  color: var(--chalky-black) !important;
}

.stroke-chalky-black {
  stroke: var(--chalky-black) !important;
}

.background-chalky-blue {
  background-color: var(--chalky-blue) !important;
}

.border-color-chalky-blue {
  border-color: var(--chalky-blue) !important;
}

.color-chalky-blue {
  color: var(--chalky-blue) !important;
}

.fill-chalky-blue {
  fill: var(--chalky-blue) !important;
}

.foreground-chalky-blue {
  color: var(--chalky-blue) !important;
}

.stroke-chalky-blue {
  stroke: var(--chalky-blue) !important;
}

.background-chalky-blue-2 {
  background-color: var(--chalky-blue-2) !important;
}

.border-color-chalky-blue-2 {
  border-color: var(--chalky-blue-2) !important;
}

.color-chalky-blue-2 {
  color: var(--chalky-blue-2) !important;
}

.fill-chalky-blue-2 {
  fill: var(--chalky-blue-2) !important;
}

.foreground-chalky-blue-2 {
  color: var(--chalky-blue-2) !important;
}

.stroke-chalky-blue-2 {
  stroke: var(--chalky-blue-2) !important;
}

.background-chalky-blue-3 {
  background-color: var(--chalky-blue-3) !important;
}

.border-color-chalky-blue-3 {
  border-color: var(--chalky-blue-3) !important;
}

.color-chalky-blue-3 {
  color: var(--chalky-blue-3) !important;
}

.fill-chalky-blue-3 {
  fill: var(--chalky-blue-3) !important;
}

.foreground-chalky-blue-3 {
  color: var(--chalky-blue-3) !important;
}

.stroke-chalky-blue-3 {
  stroke: var(--chalky-blue-3) !important;
}

.background-chalky-blue-4 {
  background-color: var(--chalky-blue-4) !important;
}

.border-color-chalky-blue-4 {
  border-color: var(--chalky-blue-4) !important;
}

.color-chalky-blue-4 {
  color: var(--chalky-blue-4) !important;
}

.fill-chalky-blue-4 {
  fill: var(--chalky-blue-4) !important;
}

.foreground-chalky-blue-4 {
  color: var(--chalky-blue-4) !important;
}

.stroke-chalky-blue-4 {
  stroke: var(--chalky-blue-4) !important;
}

.background-chalky-grey {
  background-color: var(--chalky-grey) !important;
}

.border-color-chalky-grey {
  border-color: var(--chalky-grey) !important;
}

.color-chalky-grey {
  color: var(--chalky-grey) !important;
}

.fill-chalky-grey {
  fill: var(--chalky-grey) !important;
}

.foreground-chalky-grey {
  color: var(--chalky-grey) !important;
}

.stroke-chalky-grey {
  stroke: var(--chalky-grey) !important;
}

.background-chalky-grey-2 {
  background-color: var(--chalky-grey-2) !important;
}

.border-color-chalky-grey-2 {
  border-color: var(--chalky-grey-2) !important;
}

.color-chalky-grey-2 {
  color: var(--chalky-grey-2) !important;
}

.fill-chalky-grey-2 {
  fill: var(--chalky-grey-2) !important;
}

.foreground-chalky-grey-2 {
  color: var(--chalky-grey-2) !important;
}

.stroke-chalky-grey-2 {
  stroke: var(--chalky-grey-2) !important;
}

.background-chalky-grey-3 {
  background-color: var(--chalky-grey-3) !important;
}

.border-color-chalky-grey-3 {
  border-color: var(--chalky-grey-3) !important;
}

.color-chalky-grey-3 {
  color: var(--chalky-grey-3) !important;
}

.fill-chalky-grey-3 {
  fill: var(--chalky-grey-3) !important;
}

.foreground-chalky-grey-3 {
  color: var(--chalky-grey-3) !important;
}

.stroke-chalky-grey-3 {
  stroke: var(--chalky-grey-3) !important;
}

.background-chalky-grey-4 {
  background-color: var(--chalky-grey-4) !important;
}

.border-color-chalky-grey-4 {
  border-color: var(--chalky-grey-4) !important;
}

.color-chalky-grey-4 {
  color: var(--chalky-grey-4) !important;
}

.fill-chalky-grey-4 {
  fill: var(--chalky-grey-4) !important;
}

.foreground-chalky-grey-4 {
  color: var(--chalky-grey-4) !important;
}

.stroke-chalky-grey-4 {
  stroke: var(--chalky-grey-4) !important;
}

.background-chalky-lightblue {
  background-color: var(--chalky-lightblue) !important;
}

.border-color-chalky-lightblue {
  border-color: var(--chalky-lightblue) !important;
}

.color-chalky-lightblue {
  color: var(--chalky-lightblue) !important;
}

.fill-chalky-lightblue {
  fill: var(--chalky-lightblue) !important;
}

.foreground-chalky-lightblue {
  color: var(--chalky-lightblue) !important;
}

.stroke-chalky-lightblue {
  stroke: var(--chalky-lightblue) !important;
}

.background-chalky-lightblue-2 {
  background-color: var(--chalky-lightblue-2) !important;
}

.border-color-chalky-lightblue-2 {
  border-color: var(--chalky-lightblue-2) !important;
}

.color-chalky-lightblue-2 {
  color: var(--chalky-lightblue-2) !important;
}

.fill-chalky-lightblue-2 {
  fill: var(--chalky-lightblue-2) !important;
}

.foreground-chalky-lightblue-2 {
  color: var(--chalky-lightblue-2) !important;
}

.stroke-chalky-lightblue-2 {
  stroke: var(--chalky-lightblue-2) !important;
}

.background-chalky-purple {
  background-color: var(--chalky-purple) !important;
}

.border-color-chalky-purple {
  border-color: var(--chalky-purple) !important;
}

.color-chalky-purple {
  color: var(--chalky-purple) !important;
}

.fill-chalky-purple {
  fill: var(--chalky-purple) !important;
}

.foreground-chalky-purple {
  color: var(--chalky-purple) !important;
}

.stroke-chalky-purple {
  stroke: var(--chalky-purple) !important;
}

.background-chalky-purple-2 {
  background-color: var(--chalky-purple-2) !important;
}

.border-color-chalky-purple-2 {
  border-color: var(--chalky-purple-2) !important;
}

.color-chalky-purple-2 {
  color: var(--chalky-purple-2) !important;
}

.fill-chalky-purple-2 {
  fill: var(--chalky-purple-2) !important;
}

.foreground-chalky-purple-2 {
  color: var(--chalky-purple-2) !important;
}

.stroke-chalky-purple-2 {
  stroke: var(--chalky-purple-2) !important;
}

.background-chalky-purple-3 {
  background-color: var(--chalky-purple-3) !important;
}

.border-color-chalky-purple-3 {
  border-color: var(--chalky-purple-3) !important;
}

.color-chalky-purple-3 {
  color: var(--chalky-purple-3) !important;
}

.fill-chalky-purple-3 {
  fill: var(--chalky-purple-3) !important;
}

.foreground-chalky-purple-3 {
  color: var(--chalky-purple-3) !important;
}

.stroke-chalky-purple-3 {
  stroke: var(--chalky-purple-3) !important;
}

.background-chalky-red {
  background-color: var(--chalky-red) !important;
}

.border-color-chalky-red {
  border-color: var(--chalky-red) !important;
}

.color-chalky-red {
  color: var(--chalky-red) !important;
}

.fill-chalky-red {
  fill: var(--chalky-red) !important;
}

.foreground-chalky-red {
  color: var(--chalky-red) !important;
}

.stroke-chalky-red {
  stroke: var(--chalky-red) !important;
}

.background-chalky-red-2 {
  background-color: var(--chalky-red-2) !important;
}

.border-color-chalky-red-2 {
  border-color: var(--chalky-red-2) !important;
}

.color-chalky-red-2 {
  color: var(--chalky-red-2) !important;
}

.fill-chalky-red-2 {
  fill: var(--chalky-red-2) !important;
}

.foreground-chalky-red-2 {
  color: var(--chalky-red-2) !important;
}

.stroke-chalky-red-2 {
  stroke: var(--chalky-red-2) !important;
}

.background-chalky-red-3 {
  background-color: var(--chalky-red-3) !important;
}

.border-color-chalky-red-3 {
  border-color: var(--chalky-red-3) !important;
}

.color-chalky-red-3 {
  color: var(--chalky-red-3) !important;
}

.fill-chalky-red-3 {
  fill: var(--chalky-red-3) !important;
}

.foreground-chalky-red-3 {
  color: var(--chalky-red-3) !important;
}

.stroke-chalky-red-3 {
  stroke: var(--chalky-red-3) !important;
}

.background-chalky-red-4 {
  background-color: var(--chalky-red-4) !important;
}

.border-color-chalky-red-4 {
  border-color: var(--chalky-red-4) !important;
}

.color-chalky-red-4 {
  color: var(--chalky-red-4) !important;
}

.fill-chalky-red-4 {
  fill: var(--chalky-red-4) !important;
}

.foreground-chalky-red-4 {
  color: var(--chalky-red-4) !important;
}

.stroke-chalky-red-4 {
  stroke: var(--chalky-red-4) !important;
}

.background-chalky-white {
  background-color: var(--chalky-white) !important;
}

.border-color-chalky-white {
  border-color: var(--chalky-white) !important;
}

.color-chalky-white {
  color: var(--chalky-white) !important;
}

.fill-chalky-white {
  fill: var(--chalky-white) !important;
}

.foreground-chalky-white {
  color: var(--chalky-white) !important;
}

.stroke-chalky-white {
  stroke: var(--chalky-white) !important;
}

.background-chalky-offwhite {
  background-color: var(--chalky-offwhite) !important;
}

.border-color-chalky-offwhite {
  border-color: var(--chalky-offwhite) !important;
}

.color-chalky-offwhite {
  color: var(--chalky-offwhite) !important;
}

.fill-chalky-offwhite {
  fill: var(--chalky-offwhite) !important;
}

.foreground-chalky-offwhite {
  color: var(--chalky-offwhite) !important;
}

.stroke-chalky-offwhite {
  stroke: var(--chalky-offwhite) !important;
}

.background-chalky-yellow {
  background-color: var(--chalky-yellow) !important;
}

.border-color-chalky-yellow {
  border-color: var(--chalky-yellow) !important;
}

.color-chalky-yellow {
  color: var(--chalky-yellow) !important;
}

.fill-chalky-yellow {
  fill: var(--chalky-yellow) !important;
}

.foreground-chalky-yellow {
  color: var(--chalky-yellow) !important;
}

.stroke-chalky-yellow {
  stroke: var(--chalky-yellow) !important;
}

.background-transparent {
  background-color: transparent !important;
}

.border-color-transparent {
  border-color: transparent !important;
}

.color-transparent {
  color: transparent !important;
}

.fill-transparent {
  fill: transparent !important;
}

.foreground-transparent {
  color: transparent !important;
}

.stroke-transparent {
  stroke: transparent !important;
}

.background-inherit {
  background-color: inherit !important;
}

.border-color-inherit {
  border-color: inherit !important;
}

.color-inherit {
  color: inherit !important;
}

.fill-inherit {
  fill: inherit !important;
}

.foreground-inherit {
  color: inherit !important;
}

.stroke-inherit {
  stroke: inherit !important;
}

.background-current {
  background-color: currentColor !important;
}

.border-color-current {
  border-color: currentColor !important;
}

.color-current {
  color: currentColor !important;
}

.fill-current {
  fill: currentColor !important;
}

.foreground-current {
  color: currentColor !important;
}

.stroke-current {
  stroke: currentColor !important;
}

.z-under {
  z-index: var(--z-under);
}

.z-bottom {
  z-index: var(--z-bottom);
}

.z-page-bottom {
  z-index: var(--z-page-bottom);
}

.z-page-mid {
  z-index: var(--z-page-mid);
}

.z-page-top {
  z-index: var(--z-page-top);
}

.z-header-bottom {
  z-index: var(--z-header-bottom);
}

.z-header-mid {
  z-index: var(--z-header-mid);
}

.z-header-top {
  z-index: var(--z-header-top);
}

.z-panel-bottom {
  z-index: var(--z-panel-bottom);
}

.z-panel-mid {
  z-index: var(--z-panel-mid);
}

.z-panel-top {
  z-index: var(--z-panel-top);
}

.z-modal-bottom {
  z-index: var(--z-modal-bottom);
}

.z-modal-mid {
  z-index: var(--z-modal-mid);
}

.z-modal-top {
  z-index: var(--z-modal-top);
}

.z-top {
  z-index: var(--z-top);
}

.filter-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.filter-blur-sm {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.filter-blur-lg {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.filter-brightness {
  -webkit-filter: brightness(150%);
  filter: brightness(150%);
}
.filter-brightness-dim {
  -webkit-filter: brightness(75%);
  filter: brightness(75%);
}
.filter-brightness-bright {
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
}
.filter-contrast {
  -webkit-filter: contrast(150%);
  filter: contrast(150%);
}
.filter-contrast-low {
  -webkit-filter: contrast(75%);
  filter: contrast(75%);
}
.filter-contrast-high {
  -webkit-filter: contrast(200%);
  filter: contrast(200%);
}
.filter-grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.filter-grayscale-partial {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}
.filter-hue-rotate {
  -webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg);
}
.filter-hue-rotate-full {
  -webkit-filter: hue-rotate(180deg);
  filter: hue-rotate(180deg);
}
.filter-hue-rotate-subtle {
  -webkit-filter: hue-rotate(45deg);
  filter: hue-rotate(45deg);
}
.filter-invert, .theme-dark nav button .icon {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.filter-invert-partial {
  -webkit-filter: invert(50%);
  filter: invert(50%);
}
.filter-opacity {
  -webkit-filter: opacity(50%);
  filter: opacity(50%);
}
.filter-opacity-light {
  -webkit-filter: opacity(75%);
  filter: opacity(75%);
}
.filter-opacity-heavy {
  -webkit-filter: opacity(25%);
  filter: opacity(25%);
}
.filter-saturate {
  -webkit-filter: saturate(150%);
  filter: saturate(150%);
}
.filter-saturate-low {
  -webkit-filter: saturate(50%);
  filter: saturate(50%);
}
.filter-saturate-high {
  -webkit-filter: saturate(250%);
  filter: saturate(250%);
}
.filter-sepia {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}
.filter-sepia-partial {
  -webkit-filter: sepia(50%);
  filter: sepia(50%);
}
.filter-vintage {
  -webkit-filter: sepia(50%) hue-rotate(-30deg) saturate(160%);
  filter: sepia(50%) hue-rotate(-30deg) saturate(160%);
}
.filter-cold {
  -webkit-filter: brightness(110%) hue-rotate(180deg) saturate(120%);
  filter: brightness(110%) hue-rotate(180deg) saturate(120%);
}
.filter-warm {
  -webkit-filter: brightness(110%) hue-rotate(-30deg) saturate(130%);
  filter: brightness(110%) hue-rotate(-30deg) saturate(130%);
}
.filter-dramatic {
  -webkit-filter: contrast(150%) brightness(90%) saturate(130%);
  filter: contrast(150%) brightness(90%) saturate(130%);
}

.filter-transition {
  transition: filter 0.3s ease;
}

.filter-hover-blur:hover {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.filter-hover-brightness:hover {
  -webkit-filter: brightness(150%);
  filter: brightness(150%);
}
.filter-hover-contrast:hover {
  -webkit-filter: contrast(150%);
  filter: contrast(150%);
}
.filter-hover-grayscale:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.filter-hover-sepia:hover {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}
.filter-hover-invert:hover {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.layout-horizontal {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.layout-center {
  align-items: center;
  display: flex;
  justify-content: center;
}

.layout-vertical {
  display: flex;
  flex-direction: column;
}

[class*=layout-].distributed {
  justify-content: space-between;
}

.fullscreen {
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.fullscreen.fixed {
  position: fixed;
}

.shadow-xs {
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}

.shadow-sm {
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2);
}

.shadow {
  box-shadow: 2.5px 7.5px 5px rgba(0, 0, 0, 0.03), 10px 60px 40px rgba(0, 0, 0, 0.06) !important;
}

.shadow-lg {
  box-shadow: 0px 4px 5.3px rgba(0, 0, 0, 0.028), 2px 13.4px 17.9px rgba(0, 0, 0, 0.042), 10px 60px 80px rgba(0, 0, 0, 0.07) !important;
}

.shadow-xl {
  box-shadow: 0px 4.5px 3.6px rgba(0, 0, 0, 0.024), 5px 12.5px 10px rgba(0, 0, 0, 0.035), 0px 30px 24px rgba(0, 0, 0, 0.046), 0px 100px 80px rgba(0, 0, 0, 0.07) !important;
}

.height-x0 {
  height: var(--icon-size-x0);
}

.height-xx {
  height: var(--icon-size-xx);
}

.height-xs {
  height: var(--icon-size-xs);
}

.height-sm {
  height: var(--icon-size-sm);
}

.height-md {
  height: var(--icon-size-md);
}

.height-lg {
  height: var(--icon-size-lg);
}

.height-xl {
  height: var(--icon-size-xl);
}

.size-x0 {
  height: var(--icon-size-x0);
  width: var(--icon-size-x0);
}

.size-xx {
  height: var(--icon-size-xx);
  width: var(--icon-size-xx);
}

.size-xs {
  height: var(--icon-size-xs);
  width: var(--icon-size-xs);
}

.size-sm {
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
}

.size-md {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}

.size-lg {
  height: var(--icon-size-lg);
  width: var(--icon-size-lg);
}

.size-xl {
  height: var(--icon-size-xl);
  width: var(--icon-size-xl);
}

.size-xxl {
  height: var(--icon-size-xxl);
  width: var(--icon-size-xxl);
}

.size-xxxl {
  height: var(--icon-size-xxxl);
  width: var(--icon-size-xxxl);
}

.width-x0 {
  width: var(--icon-size-x0);
}

.width-xx {
  width: var(--icon-size-xx);
}

.width-xs {
  width: var(--icon-size-xs);
}

.width-sm {
  width: var(--icon-size-sm);
}

.width-md {
  width: var(--icon-size-md);
}

.width-lg {
  width: var(--icon-size-lg);
}

.width-xl {
  width: var(--icon-size-xl);
}

.margin {
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
}

.margin-x0 {
  margin: 0.125rem;
}

.margin-xx {
  margin: 0.25rem;
}

.margin-xs {
  margin: 0.5rem;
}

.margin-sm {
  margin: 0.75rem;
}

.pad {
  margin: 1rem;
}

.margin-lg {
  margin: 1.25rem;
}

.margin-xl {
  margin: 1.5rem;
}

.padded {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.pad-x0 {
  padding: 0.125rem;
}

.pad-xx {
  padding: 0.25rem;
}

.pad-xs {
  padding: 0.5rem;
}

.pad-sm {
  padding: 0.75rem;
}

.pad {
  padding: 1rem;
}

.pad-lg {
  padding: 1.25rem;
}

.pad-xl {
  padding: 1.5rem;
}

.pad-top-x0 {
  padding-top: 0.125rem;
}
.pad-top-xx {
  padding-top: 0.25rem;
}
.pad-top-xs, .pad-top-x-small {
  padding-top: var(--pad-x-small);
}
.pad-top-sm, .pad-top-small {
  padding-top: var(--pad-small);
}
.pad-top, .pad-top-md, .pad-top-medium {
  padding-top: var(--pad-medium);
}
.pad-top-lg, .pad-top-large {
  padding-top: var(--pad-large);
}
.pad-top-xl, .pad-top-x-large {
  padding-top: var(--pad-x-large);
}
.pad-right-x0 {
  padding-right: 0.125rem;
}
.pad-right-xx {
  padding-right: 0.25rem;
}
.pad-right-xs, .pad-right-x-small {
  padding-right: var(--pad-x-small);
}
.pad-right-sm, .pad-right-small {
  padding-right: var(--pad-small);
}
.pad-right, .pad-right-md, .pad-right-medium {
  padding-right: var(--pad-medium);
}
.pad-right-lg, .pad-right-large {
  padding-right: var(--pad-large);
}
.pad-right-xl, .pad-right-x-large {
  padding-right: var(--pad-x-large);
}
.pad-bottom-x0 {
  padding-bottom: 0.125rem;
}
.pad-bottom-xx {
  padding-bottom: 0.25rem;
}
.pad-bottom-xs, .pad-bottom-x-small {
  padding-bottom: var(--pad-x-small);
}
.pad-bottom-sm, .pad-bottom-small {
  padding-bottom: var(--pad-small);
}
.pad-bottom, .pad-bottom-md, .pad-bottom-medium {
  padding-bottom: var(--pad-medium);
}
.pad-bottom-lg, .pad-bottom-large {
  padding-bottom: var(--pad-large);
}
.pad-bottom-xl, .pad-bottom-x-large {
  padding-bottom: var(--pad-x-large);
}
.pad-left-x0 {
  padding-left: 0.125rem;
}
.pad-left-xx {
  padding-left: 0.25rem;
}
.pad-left-xs, .pad-left-x-small {
  padding-left: var(--pad-x-small);
}
.pad-left-sm, .pad-left-small {
  padding-left: var(--pad-small);
}
.pad-left, .pad-left-md, .pad-left-medium {
  padding-left: var(--pad-medium);
}
.pad-left-lg, .pad-left-large {
  padding-left: var(--pad-large);
}
.pad-left-xl, .pad-left-x-large {
  padding-left: var(--pad-x-large);
}

.pull-top-xs, .pull-top-x-small {
  margin-top: calc(var(--margin-x-small) * -1);
}
.pull-top-sm, .pull-top-small {
  margin-top: calc(var(--margin-small) * -1);
}
.pull-top, .pull-top-md, .pull-top-medium {
  margin-top: calc(var(--margin-medium) * -1);
}
.pull-top-lg, .pull-top-large {
  margin-top: calc(var(--margin-large) * -1);
}
.pull-top-xl, .pull-top-x-large {
  margin-top: calc(var(--margin-x-large) * -1);
}
.pull-right-xs, .pull-right-x-small {
  margin-right: calc(var(--margin-x-small) * -1);
}
.pull-right-sm, .pull-right-small {
  margin-right: calc(var(--margin-small) * -1);
}
.pull-right, .pull-right-md, .pull-right-medium {
  margin-right: calc(var(--margin-medium) * -1);
}
.pull-right-lg, .pull-right-large {
  margin-right: calc(var(--margin-large) * -1);
}
.pull-right-xl, .pull-right-x-large {
  margin-right: calc(var(--margin-x-large) * -1);
}
.pull-bottom-xs, .pull-bottom-x-small {
  margin-bottom: calc(var(--margin-x-small) * -1);
}
.pull-bottom-sm, .pull-bottom-small {
  margin-bottom: calc(var(--margin-small) * -1);
}
.pull-bottom, .pull-bottom-md, .pull-bottom-medium {
  margin-bottom: calc(var(--margin-medium) * -1);
}
.pull-bottom-lg, .pull-bottom-large {
  margin-bottom: calc(var(--margin-large) * -1);
}
.pull-bottom-xl, .pull-bottom-x-large {
  margin-bottom: calc(var(--margin-x-large) * -1);
}
.pull-left-xs, .pull-left-x-small {
  margin-left: calc(var(--margin-x-small) * -1);
}
.pull-left-sm, .pull-left-small {
  margin-left: calc(var(--margin-small) * -1);
}
.pull-left, .pull-left-md, .pull-left-medium {
  margin-left: calc(var(--margin-medium) * -1);
}
.pull-left-lg, .pull-left-large {
  margin-left: calc(var(--margin-large) * -1);
}
.pull-left-xl, .pull-left-x-large {
  margin-left: calc(var(--margin-x-large) * -1);
}

.push-top-xs, .push-top-x-small {
  margin-top: var(--margin-x-small);
}
.push-top-sm, .push-top-small {
  margin-top: var(--margin-small);
}
.push-top, .push-top-md, .push-top-medium {
  margin-top: var(--margin-medium);
}
.push-top-lg, .push-top-large {
  margin-top: var(--margin-large);
}
.push-top-xl, .push-top-x-large {
  margin-top: var(--margin-x-large);
}
.push-right-xs, .push-right-x-small {
  margin-right: var(--margin-x-small);
}
.push-right-sm, .push-right-small {
  margin-right: var(--margin-small);
}
.push-right, .push-right-md, .push-right-medium {
  margin-right: var(--margin-medium);
}
.push-right-lg, .push-right-large {
  margin-right: var(--margin-large);
}
.push-right-xl, .push-right-x-large {
  margin-right: var(--margin-x-large);
}
.push-bottom-xs, .push-bottom-x-small {
  margin-bottom: var(--margin-x-small);
}
.push-bottom-sm, .push-bottom-small {
  margin-bottom: var(--margin-small);
}
.push-bottom, .push-bottom-md, .push-bottom-medium {
  margin-bottom: var(--margin-medium);
}
.push-bottom-lg, .push-bottom-large {
  margin-bottom: var(--margin-large);
}
.push-bottom-xl, .push-bottom-x-large {
  margin-bottom: var(--margin-x-large);
}
.push-left-xs, .push-left-x-small {
  margin-left: var(--margin-x-small);
}
.push-left-sm, .push-left-small {
  margin-left: var(--margin-small);
}
.push-left, .push-left-md, .push-left-medium {
  margin-left: var(--margin-medium);
}
.push-left-lg, .push-left-large {
  margin-left: var(--margin-large);
}
.push-left-xl, .push-left-x-large {
  margin-left: var(--margin-x-large);
}

.gap-xs,
.gap-x-small {
  gap: var(--gap-x-small);
}

.gap-sm,
.gap-small {
  gap: var(--gap-small);
}

.gap,
.gap-medium {
  gap: var(--gap-medium);
}

.gap-lg .gap-large {
  gap: var(--gap-large);
}

.gap-xl,
.gap-x-large {
  gap: var(--gap-x-large);
}

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

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

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

.text-muted {
  opacity: var(--text-muted-opacity);
}

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

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

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

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

a.no-decoration {
  border: 0;
  text-decoration: none;
}

.tint-red {
  filter: brightness(0) saturate(100%) invert(19%) sepia(92%) saturate(6304%) hue-rotate(357deg) brightness(99%) contrast(118%);
}
.tint-blue {
  filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(7154%) hue-rotate(248deg) brightness(89%) contrast(145%);
}
.tint-green {
  filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(860%) hue-rotate(93deg) brightness(93%) contrast(106%);
}
.tint-yellow {
  filter: brightness(0) saturate(100%) invert(83%) sepia(29%) saturate(4784%) hue-rotate(359deg) brightness(103%) contrast(104%);
}
.tint-purple {
  filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(6378%) hue-rotate(276deg) brightness(89%) contrast(125%);
}
.tint-facebook {
  filter: brightness(0) saturate(100%) invert(23%) sepia(93%) saturate(1111%) hue-rotate(204deg) brightness(97%) contrast(96%);
}
.tint-twitter {
  filter: brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(1731%) hue-rotate(176deg) brightness(100%) contrast(95%);
}
.tint-instagram {
  filter: brightness(0) saturate(100%) invert(28%) sepia(75%) saturate(1967%) hue-rotate(297deg) brightness(96%) contrast(98%);
}
.tint-linkedin {
  filter: brightness(0) saturate(100%) invert(26%) sepia(98%) saturate(1361%) hue-rotate(193deg) brightness(96%) contrast(88%);
}
.tint-success {
  filter: brightness(0) saturate(100%) invert(39%) sepia(74%) saturate(366%) hue-rotate(87deg) brightness(103%) contrast(92%);
}
.tint-warning {
  filter: brightness(0) saturate(100%) invert(77%) sepia(41%) saturate(5103%) hue-rotate(359deg) brightness(101%) contrast(104%);
}
.tint-danger {
  filter: brightness(0) saturate(100%) invert(15%) sepia(97%) saturate(6430%) hue-rotate(358deg) brightness(95%) contrast(114%);
}
.tint-info {
  filter: brightness(0) saturate(100%) invert(49%) sepia(98%) saturate(1850%) hue-rotate(175deg) brightness(96%) contrast(95%);
}
.tint-material-red {
  filter: brightness(0) saturate(100%) invert(34%) sepia(50%) saturate(3535%) hue-rotate(340deg) brightness(97%) contrast(92%);
}
.tint-material-pink {
  filter: brightness(0) saturate(100%) invert(41%) sepia(65%) saturate(4767%) hue-rotate(316deg) brightness(89%) contrast(98%);
}
.tint-material-purple {
  filter: brightness(0) saturate(100%) invert(23%) sepia(53%) saturate(5693%) hue-rotate(266deg) brightness(75%) contrast(125%);
}
.tint-material-deep-purple {
  filter: brightness(0) saturate(100%) invert(12%) sepia(67%) saturate(6107%) hue-rotate(267deg) brightness(92%) contrast(108%);
}
.tint-material-indigo {
  filter: brightness(0) saturate(100%) invert(21%) sepia(70%) saturate(4538%) hue-rotate(225deg) brightness(89%) contrast(102%);
}
.tint-gray-100 {
  filter: brightness(0) saturate(100%) invert(90%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(96%) contrast(89%);
}
.tint-gray-300 {
  filter: brightness(0) saturate(100%) invert(70%) sepia(5%) saturate(26%) hue-rotate(314deg) brightness(92%) contrast(86%);
}
.tint-gray-500 {
  filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(94%) contrast(92%);
}
.tint-gray-700 {
  filter: brightness(0) saturate(100%) invert(30%) sepia(4%) saturate(10%) hue-rotate(314deg) brightness(98%) contrast(85%);
}
.tint-gray-900 {
  filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(96%) contrast(89%);
}
.tint-apple {
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(231deg) brightness(94%) contrast(106%);
}
.tint-microsoft {
  filter: brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(1783%) hue-rotate(179deg) brightness(96%) contrast(105%);
}
.tint-google-blue {
  filter: brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(1783%) hue-rotate(179deg) brightness(96%) contrast(105%);
}
.tint-google-red {
  filter: brightness(0) saturate(100%) invert(28%) sepia(75%) saturate(6340%) hue-rotate(351deg) brightness(99%) contrast(92%);
}
.tint-google-yellow {
  filter: brightness(0) saturate(100%) invert(89%) sepia(43%) saturate(5654%) hue-rotate(359deg) brightness(102%) contrast(104%);
}
.tint-google-green {
  filter: brightness(0) saturate(100%) invert(63%) sepia(31%) saturate(4021%) hue-rotate(77deg) brightness(92%) contrast(87%);
}

.tint-opacity-75 {
  opacity: 0.75;
}
.tint-opacity-50 {
  opacity: 0.5;
}
.tint-opacity-25 {
  opacity: 0.25;
}

.tint-brighten-10 {
  filter: brightness(1.1);
}
.tint-brighten-20 {
  filter: brightness(1.2);
}

.tint-darken-10 {
  filter: brightness(0.9);
}
.tint-darken-20 {
  filter: brightness(0.8);
}

.tint-chalky-black {
  filter: brightness(0) saturate(100%) invert(1%) sepia(6%) saturate(1074%) hue-rotate(106deg) brightness(95%) contrast(100%);
}
.tint-chalky-blue {
  filter: brightness(0) saturate(100%) invert(18%) sepia(19%) saturate(857%) hue-rotate(182deg) brightness(94%) contrast(87%);
}
.tint-chalky-blue-2 {
  filter: brightness(0) saturate(100%) invert(15%) sepia(14%) saturate(1234%) hue-rotate(184deg) brightness(94%) contrast(95%);
}
.tint-chalky-blue-3 {
  filter: brightness(0) saturate(100%) invert(14%) sepia(14%) saturate(1147%) hue-rotate(184deg) brightness(94%) contrast(95%);
}
.tint-chalky-blue-4 {
  filter: brightness(0) saturate(100%) invert(12%) sepia(14%) saturate(1147%) hue-rotate(184deg) brightness(95%) contrast(97%);
}
.tint-chalky-grey {
  filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(107%) contrast(84%);
}
.tint-chalky-grey-2 {
  filter: brightness(0) saturate(100%) invert(66%) sepia(6%) saturate(176%) hue-rotate(174deg) brightness(91%) contrast(86%);
}
.tint-chalky-grey-3 {
  filter: brightness(0) saturate(100%) invert(49%) sepia(4%) saturate(568%) hue-rotate(182deg) brightness(91%) contrast(86%);
}
.tint-chalky-grey-4 {
  filter: brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(568%) hue-rotate(182deg) brightness(94%) contrast(88%);
}
.tint-chalky-lightblue {
  filter: brightness(0) saturate(100%) invert(45%) sepia(52%) saturate(478%) hue-rotate(165deg) brightness(91%) contrast(87%);
}
.tint-chalky-lightblue-2 {
  filter: brightness(0) saturate(100%) invert(69%) sepia(92%) saturate(1095%) hue-rotate(179deg) brightness(103%) contrast(101%);
}
.tint-chalky-purple {
  filter: brightness(0) saturate(100%) invert(39%) sepia(65%) saturate(568%) hue-rotate(283deg) brightness(87%) contrast(92%);
}
.tint-chalky-purple-2 {
  filter: brightness(0) saturate(100%) invert(37%) sepia(95%) saturate(7471%) hue-rotate(308deg) brightness(91%) contrast(92%);
}
.tint-chalky-purple-3 {
  filter: brightness(0) saturate(100%) invert(35%) sepia(82%) saturate(7486%) hue-rotate(255deg) brightness(101%) contrast(108%);
}
.tint-chalky-red {
  filter: brightness(0) saturate(100%) invert(35%) sepia(68%) saturate(1066%) hue-rotate(334deg) brightness(90%) contrast(95%);
}
.tint-chalky-red-2 {
  filter: brightness(0) saturate(100%) invert(28%) sepia(29%) saturate(1066%) hue-rotate(334deg) brightness(89%) contrast(93%);
}
.tint-chalky-red-3 {
  filter: brightness(0) saturate(100%) invert(21%) sepia(16%) saturate(1066%) hue-rotate(314deg) brightness(94%) contrast(89%);
}
.tint-chalky-red-4 {
  filter: brightness(0) saturate(100%) invert(17%) sepia(8%) saturate(1544%) hue-rotate(287deg) brightness(93%) contrast(88%);
}
.tint-chalky-white {
  filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(106%) hue-rotate(200deg) brightness(115%) contrast(96%);
}
.tint-chalky-offwhite {
  filter: brightness(0) saturate(100%) invert(95%) sepia(4%) saturate(106%) hue-rotate(200deg) brightness(103%) contrast(93%);
}

.hide {
  display: none;
}

.hidden {
  visibility: hidden;
}

/*# sourceMappingURL=app.css.map */