/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

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

:root {
    /* colors */
    --color-black: #080516;
    --color-black-8: rgba(8, 5, 22, 0.08);
    --color-black-10: rgba(8, 5, 22, 0.1);
    --color-black-20: rgba(8, 5, 22, 0.2);
    --color-white: #ffffff;
    --color-white-15: rgba(255, 255, 255, 0.15);
    --color-white-16: rgba(255, 255, 255, 0.16);
    --color-white-30: rgba(255, 255, 255, 0.3);
    --color-white-50: rgba(255, 255, 255, 0.5);
    --color-light-gray: #f1f3f4;
    --color-check: #E0E3E5;
    --color-blue: #0033a0;
    --color-blue-10: rgba(0, 51, 160, 0.1);
    --color-blue-16: rgba(0, 51, 160, 0.16);
    --color-blue-20: rgba(0, 51, 160, 0.2);
    --color-blue-30: rgba(0, 51, 160, 0.3);
    --color-blue-40: rgba(0, 51, 160, 0.4);
    --color-blue-50: rgba(0, 51, 160, 0.5);
    --color-blue-light: #8ea8df;
    --color-light-blue: #f2f7ff;
    --color-light-blue-10: rgba(242, 247, 255, 0.1);
    --color-bright-blue: #459fcc;
    --color-dark-blue: #00345e;
    --color-dark-blue-20: rgba(0, 52, 94, 0.2);
    --color-orange: #f06522;
    --color-orange-50: rgba(240, 101, 34, 0.5);
    --color-yellow: #fecb8b;
    --color-red: #f93d31;
    --color-violet: #9f80c6;
    --color-brown: #d98754;
    /* spacing */
    --spacing-unit: 0.25rem;
    --grid-gap: 0.75rem;
    --grid-gap-lg: 1rem;
  }
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1440px){

  .\!container{
    max-width: 1440px !important;
  }

  .container{
    max-width: 1440px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.\!relative{
  position: relative !important;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.inset-y-1{
  top: 0.25rem;
  bottom: 0.25rem;
}
.\!bottom-4{
  bottom: 1rem !important;
}
.\!left-4{
  left: 1rem !important;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1\.5{
  bottom: -0.375rem;
}
.-bottom-13{
  bottom: calc((0.25rem * 13) * -1);
  bottom: calc((var(--spacing-unit) * 13) * -1);
  bottom: calc(calc(0.25rem * 13) * -1);
  bottom: calc(calc(var(--spacing-unit) * 13) * -1);
}
.-bottom-18{
  bottom: calc((0.25rem * 18) * -1);
  bottom: calc((var(--spacing-unit) * 18) * -1);
  bottom: calc(calc(0.25rem * 18) * -1);
  bottom: calc(calc(var(--spacing-unit) * 18) * -1);
}
.-left-0\.5{
  left: -0.125rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-11{
  right: -2.75rem;
}
.-right-4{
  right: -1rem;
}
.-top-0\.5{
  top: -0.125rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-12{
  bottom: 3rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-\[34\%\]{
  bottom: 34%;
}
.bottom-\[50\%\]{
  bottom: 50%;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1\/2{
  left: 50%;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-\[80\%\]{
  left: 80%;
}
.left-\[calc\(50\%-1\.5rem\)\]{
  left: calc(50% - 1.5rem);
}
.left-\[calc\(50\%-2\.15rem\)\]{
  left: calc(50% - 2.15rem);
}
.left-\[calc\(50\%-3rem\)\]{
  left: calc(50% - 3rem);
}
.left-\[calc\(50\%-4\.5rem\)\]{
  left: calc(50% - 4.5rem);
}
.left-\[calc\(50\%-4rem\)\]{
  left: calc(50% - 4rem);
}
.right-0{
  right: 0px;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-\[4svw\]{
  right: 4svw;
}
.right-full{
  right: 100%;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-2{
  top: 0.5rem;
}
.top-4{
  top: 1rem;
}
.top-7{
  top: 1.75rem;
}
.top-8{
  top: 2rem;
}
.top-\[-2\.3rem\]{
  top: -2.3rem;
}
.top-\[19rem\]{
  top: 19rem;
}
.top-full{
  top: 100%;
}
.z-1{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-100{
  z-index: 100;
}
.z-2{
  z-index: 2;
}
.z-20{
  z-index: 20;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-60{
  z-index: 60;
}
.z-70{
  z-index: 70;
}
.z-\[11\]{
  z-index: 11;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-5{
  grid-column: span 5 / span 5;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.col-span-7{
  grid-column: span 7 / span 7;
}
.col-start-1{
  grid-column-start: 1;
}
.col-start-2{
  grid-column-start: 2;
}
.col-start-4{
  grid-column-start: 4;
}
.col-start-7{
  grid-column-start: 7;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.row-start-2{
  grid-row-start: 2;
}
.m-0{
  margin: 0px;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.-mr-4{
  margin-right: -1rem;
}
.-mr-px{
  margin-right: -1px;
}
.-mt-\[100svh\]{
  margin-top: -100svh;
}
.-mt-\[10svh\]{
  margin-top: -10svh;
}
.-mt-\[calc\(100svh-100px\)\]{
  margin-top: calc((100svh - 100px) * -1);
  margin-top: calc(calc(100svh - 100px) * -1);
}
.mb-15{
  margin-bottom: calc(0.25rem * 15);
  margin-bottom: calc(var(--spacing-unit) * 15);
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.mr-4{
  margin-right: 1rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[160\/276\]{
  aspect-ratio: 160/276;
}
.aspect-\[183\/230\]{
  aspect-ratio: 183/230;
}
.aspect-\[25\/17\]{
  aspect-ratio: 25/17;
}
.aspect-\[260\/200\]{
  aspect-ratio: 260/200;
}
.aspect-\[328\/182\]{
  aspect-ratio: 328/182;
}
.aspect-\[608\/144\]{
  aspect-ratio: 608/144;
}
.aspect-\[64\/55\]{
  aspect-ratio: 64/55;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.h-1{
  height: 0.25rem;
}
.h-1\/2{
  height: 50%;
}
.h-1\/4{
  height: 25%;
}
.h-10{
  height: 2.5rem;
}
.h-10\.5{
  height: calc(0.25rem * 10.5);
  height: calc(var(--spacing-unit) * 10.5);
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-15{
  height: calc(0.25rem * 15);
  height: calc(var(--spacing-unit) * 15);
}
.h-15\.5{
  height: calc(0.25rem * 15.5);
  height: calc(var(--spacing-unit) * 15.5);
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-21{
  height: calc(0.25rem * 21);
  height: calc(var(--spacing-unit) * 21);
}
.h-21\.5{
  height: calc(0.25rem * 21.5);
  height: calc(var(--spacing-unit) * 21.5);
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-30{
  height: calc(0.25rem * 30);
  height: calc(var(--spacing-unit) * 30);
}
.h-32{
  height: 8rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-4\.5{
  height: calc(0.25rem * 4.5);
  height: calc(var(--spacing-unit) * 4.5);
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-8\.25{
  height: calc(0.25rem * 8.25);
  height: calc(var(--spacing-unit) * 8.25);
}
.h-9\.5{
  height: calc(0.25rem * 9.5);
  height: calc(var(--spacing-unit) * 9.5);
}
.h-95{
  height: calc(0.25rem * 95);
  height: calc(var(--spacing-unit) * 95);
}
.h-\[1\.8125rem\]{
  height: 1.8125rem;
}
.h-\[2\.375rem\]{
  height: 2.375rem;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[82\.9411\%\]{
  height: 82.9411%;
}
.h-\[calc\(100\%-4rem\)\]{
  height: calc(100% - 4rem);
}
.h-\[calc\(100svh\+100px\)\]{
  height: calc(100svh + 100px);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-min{
  height: -moz-min-content;
  height: min-content;
}
.h-screen{
  height: 100vh;
}
.h-svh{
  height: 100svh;
}
.max-h-12{
  max-height: 3rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-\[22\.5rem\]{
  max-height: 22.5rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-30{
  min-height: calc(0.25rem * 30);
  min-height: calc(var(--spacing-unit) * 30);
}
.min-h-47\.5{
  min-height: calc(0.25rem * 47.5);
  min-height: calc(var(--spacing-unit) * 47.5);
}
.\!w-auto{
  width: auto !important;
}
.w-1{
  width: 0.25rem;
}
.w-1\/5{
  width: 20%;
}
.w-10{
  width: 2.5rem;
}
.w-10\.5{
  width: calc(0.25rem * 10.5);
  width: calc(var(--spacing-unit) * 10.5);
}
.w-12{
  width: 3rem;
}
.w-13{
  width: calc(0.25rem * 13);
  width: calc(var(--spacing-unit) * 13);
}
.w-14{
  width: 3.5rem;
}
.w-15{
  width: calc(0.25rem * 15);
  width: calc(var(--spacing-unit) * 15);
}
.w-15\.5{
  width: calc(0.25rem * 15.5);
  width: calc(var(--spacing-unit) * 15.5);
}
.w-16{
  width: 4rem;
}
.w-17\.25{
  width: calc(0.25rem * 17.25);
  width: calc(var(--spacing-unit) * 17.25);
}
.w-18{
  width: calc(0.25rem * 18);
  width: calc(var(--spacing-unit) * 18);
}
.w-19{
  width: calc(0.25rem * 19);
  width: calc(var(--spacing-unit) * 19);
}
.w-2{
  width: 0.5rem;
}
.w-20{
  width: 5rem;
}
.w-21{
  width: calc(0.25rem * 21);
  width: calc(var(--spacing-unit) * 21);
}
.w-21\.5{
  width: calc(0.25rem * 21.5);
  width: calc(var(--spacing-unit) * 21.5);
}
.w-24{
  width: 6rem;
}
.w-27\.5{
  width: calc(0.25rem * 27.5);
  width: calc(var(--spacing-unit) * 27.5);
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-30{
  width: calc(0.25rem * 30);
  width: calc(var(--spacing-unit) * 30);
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\.5{
  width: calc(0.25rem * 4.5);
  width: calc(var(--spacing-unit) * 4.5);
}
.w-40{
  width: 10rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\.25{
  width: calc(0.25rem * 5.25);
  width: calc(var(--spacing-unit) * 5.25);
}
.w-6{
  width: 1.5rem;
}
.w-8{
  width: 2rem;
}
.w-9\.5{
  width: calc(0.25rem * 9.5);
  width: calc(var(--spacing-unit) * 9.5);
}
.w-\[1\.8125rem\]{
  width: 1.8125rem;
}
.w-\[135svh\]{
  width: 135svh;
}
.w-\[137svh\]{
  width: 137svh;
}
.w-\[154\%\]{
  width: 154%;
}
.w-\[168\%\]{
  width: 168%;
}
.w-\[2\.375rem\]{
  width: 2.375rem;
}
.w-\[296px\]{
  width: 296px;
}
.w-\[48\%\]{
  width: 48%;
}
.w-\[60svw\]{
  width: 60svw;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[calc\(100\%\+1rem\)\]{
  width: calc(100% + 1rem);
}
.w-\[calc\(100\%\+2rem\)\]{
  width: calc(100% + 2rem);
}
.w-\[calc\(100\%-1rem\)\]{
  width: calc(100% - 1rem);
}
.w-\[calc\(100\%-2rem\)\]{
  width: calc(100% - 2rem);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-12{
  min-width: 3rem;
}
.min-w-19{
  min-width: calc(0.25rem * 19);
  min-width: calc(var(--spacing-unit) * 19);
}
.min-w-21\.5{
  min-width: calc(0.25rem * 21.5);
  min-width: calc(var(--spacing-unit) * 21.5);
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-\[12\.5rem\]{
  min-width: 12.5rem;
}
.min-w-full{
  min-width: 100%;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-60{
  max-width: 15rem;
}
.max-w-\[26rem\]{
  max-width: 26rem;
}
.max-w-\[328px\]{
  max-width: 328px;
}
.max-w-\[calc\(50\%-var\(--spacing-unit\)\)\]{
  max-width: calc(50% - 0.25rem);
  max-width: calc(50% - var(--spacing-unit));
}
.max-w-\[calc\(var\(--spacing-unit\)\*64\)\]{
  max-width: calc(0.25rem * 64);
  max-width: calc(var(--spacing-unit) * 64);
}
.max-w-full{
  max-width: 100%;
}
.max-w-xl{
  max-width: 36rem;
}
.flex-1{
  flex: 1 1 0%;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-bottom-left{
  transform-origin: bottom left;
}
.origin-top-right{
  transform-origin: top right;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2{
  --tw-translate-x: -0.5rem;
  transform: translate(-0.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[10\%\]{
  --tw-translate-y: -10%;
  transform: translate(var(--tw-translate-x), -10%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[11\%\]{
  --tw-translate-y: -11%;
  transform: translate(var(--tw-translate-x), -11%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[30\%\]{
  --tw-translate-y: -30%;
  transform: translate(var(--tw-translate-x), -30%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[80\%\]{
  --tw-translate-y: -80%;
  transform: translate(var(--tw-translate-x), -80%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[calc\(100\%\+40px-1rem\)\]{
  --tw-translate-y: calc(calc(100% + 40px - 1rem) * -1);
  transform: translate(var(--tw-translate-x), calc((100% + 40px - 1rem) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), calc(calc(100% + 40px - 1rem) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), -100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[22\.5\%\]{
  --tw-translate-y: 22.5%;
  transform: translate(var(--tw-translate-x), 22.5%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[30\%\]{
  --tw-translate-y: 30%;
  transform: translate(var(--tw-translate-x), 30%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[40px\]{
  --tw-translate-y: 40px;
  transform: translate(var(--tw-translate-x), 40px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[90\%\]{
  --tw-translate-y: 90%;
  transform: translate(var(--tw-translate-x), 90%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[calc\(100\%\+40svh\)\]{
  --tw-translate-y: calc(100% + 40svh);
  transform: translate(var(--tw-translate-x), calc(100% + 40svh)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-180{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[122\%\]{
  --tw-scale-x: 122%;
  --tw-scale-y: 122%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(122%) scaleY(122%);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[147\%\]{
  --tw-scale-x: 147%;
  --tw-scale-y: 147%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(147%) scaleY(147%);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[156\%\]{
  --tw-scale-x: 156%;
  --tw-scale-y: 156%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(156%) scaleY(156%);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[-1\]{
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(-1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize{
  resize: both;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.columns-1{
  -moz-columns: 1;
       columns: 1;
}
.break-inside-avoid{
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-content-end{
  align-content: end;
  justify-content: end;
  place-content: end;
}
.content-center{
  align-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.\!justify-center{
  justify-content: center !important;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.\!gap-1\.5{
  gap: 0.375rem !important;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-15{
  gap: calc(0.25rem * 15);
  gap: calc(var(--spacing-unit) * 15);
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-20{
  gap: 5rem;
}
.gap-24{
  gap: 6rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-30{
  gap: calc(0.25rem * 30);
  gap: calc(var(--spacing-unit) * 30);
}
.gap-32{
  gap: 8rem;
}
.gap-4{
  gap: 1rem;
}
.gap-4\.5{
  gap: calc(0.25rem * 4.5);
  gap: calc(var(--spacing-unit) * 4.5);
}
.gap-5{
  gap: 1.25rem;
}
.gap-5\.5{
  gap: calc(0.25rem * 5.5);
  gap: calc(var(--spacing-unit) * 5.5);
}
.gap-6{
  gap: 1.5rem;
}
.gap-6\.5{
  gap: calc(0.25rem * 6.5);
  gap: calc(var(--spacing-unit) * 6.5);
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-9{
  gap: 2.25rem;
}
.gap-\[var\(--grid-gap\)\]{
  gap: 0.75rem;
  gap: var(--grid-gap);
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-\[var\(--grid-gap\)\]{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  -moz-column-gap: var(--grid-gap);
       column-gap: var(--grid-gap);
}
.gap-x-\[var\(--grid-gap-lg\)\]{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  -moz-column-gap: var(--grid-gap-lg);
       column-gap: var(--grid-gap-lg);
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-10{
  row-gap: 2.5rem;
}
.gap-y-15{
  row-gap: calc(0.25rem * 15);
  row-gap: calc(var(--spacing-unit) * 15);
}
.gap-y-16{
  row-gap: 4rem;
}
.gap-y-18{
  row-gap: calc(0.25rem * 18);
  row-gap: calc(var(--spacing-unit) * 18);
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-5\.25{
  row-gap: calc(0.25rem * 5.25);
  row-gap: calc(var(--spacing-unit) * 5.25);
}
.gap-y-8{
  row-gap: 2rem;
}
.gap-y-\[var\(--grid-gap\)\]{
  row-gap: 0.75rem;
  row-gap: var(--grid-gap);
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.justify-self-end{
  justify-self: end;
}
.justify-self-center{
  justify-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.\!overflow-visible{
  overflow: visible !important;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-balance{
  text-wrap: balance;
}
.rounded-2\.5xl{
  border-radius: calc(0.25rem * 5);
  border-radius: calc(var(--spacing-unit) * 5);
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3\.5xl{
  border-radius: calc(0.25rem * 7.5);
  border-radius: calc(var(--spacing-unit) * 7.5);
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-4xl{
  border-radius: calc(0.25rem * 8);
  border-radius: calc(var(--spacing-unit) * 8);
}
.rounded-5xl{
  border-radius: calc(0.25rem * 12.5);
  border-radius: calc(var(--spacing-unit) * 12.5);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-3\.5xl{
  border-bottom-right-radius: calc(0.25rem * 7.5);
  border-bottom-right-radius: calc(var(--spacing-unit) * 7.5);
  border-bottom-left-radius: calc(0.25rem * 7.5);
  border-bottom-left-radius: calc(var(--spacing-unit) * 7.5);
}
.rounded-t-3\.5xl{
  border-top-left-radius: calc(0.25rem * 7.5);
  border-top-left-radius: calc(var(--spacing-unit) * 7.5);
  border-top-right-radius: calc(0.25rem * 7.5);
  border-top-right-radius: calc(var(--spacing-unit) * 7.5);
}
.rounded-t-4xl{
  border-top-left-radius: calc(0.25rem * 8);
  border-top-left-radius: calc(var(--spacing-unit) * 8);
  border-top-right-radius: calc(0.25rem * 8);
  border-top-right-radius: calc(var(--spacing-unit) * 8);
}
.\!rounded-bl-none{
  border-bottom-left-radius: 0px !important;
}
.\!rounded-tr-none{
  border-top-right-radius: 0px !important;
}
.rounded-bl-3\.5xl{
  border-bottom-left-radius: calc(0.25rem * 7.5);
  border-bottom-left-radius: calc(var(--spacing-unit) * 7.5);
}
.rounded-br-3\.5xl{
  border-bottom-right-radius: calc(0.25rem * 7.5);
  border-bottom-right-radius: calc(var(--spacing-unit) * 7.5);
}
.rounded-br-4xl{
  border-bottom-right-radius: calc(0.25rem * 8);
  border-bottom-right-radius: calc(var(--spacing-unit) * 8);
}
.rounded-tr-3\.5xl{
  border-top-right-radius: calc(0.25rem * 7.5);
  border-top-right-radius: calc(var(--spacing-unit) * 7.5);
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-blue{
  border-color: #0033a0;
  border-color: var(--color-blue);
}
.border-blue-10{
  border-color: rgba(0, 51, 160, 0.1);
  border-color: var(--color-blue-10);
}
.border-blue-16{
  border-color: rgba(0, 51, 160, 0.16);
  border-color: var(--color-blue-16);
}
.border-blue-40{
  border-color: rgba(0, 51, 160, 0.4);
  border-color: var(--color-blue-40);
}
.border-check{
  border-color: #E0E3E5;
  border-color: var(--color-check);
}
.border-current{
  border-color: currentColor;
}
.border-lightBlue{
  border-color: #f2f7ff;
  border-color: var(--color-light-blue);
}
.border-lightGray{
  border-color: #f1f3f4;
  border-color: var(--color-light-gray);
}
.border-orange{
  border-color: #f06522;
  border-color: var(--color-orange);
}
.border-red{
  border-color: #f93d31;
  border-color: var(--color-red);
}
.border-white{
  border-color: #ffffff;
  border-color: var(--color-white);
}
.border-b-blue{
  border-bottom-color: #0033a0;
  border-bottom-color: var(--color-blue);
}
.border-b-blue-10{
  border-bottom-color: rgba(0, 51, 160, 0.1);
  border-bottom-color: var(--color-blue-10);
}
.border-b-blue-40{
  border-bottom-color: rgba(0, 51, 160, 0.4);
  border-bottom-color: var(--color-blue-40);
}
.bg-\[rgb\(from_currentColor_r_g_b_\/_0\.16\)\]{
  background-color: rgb(from currentColor r g b / 0.16);
}
.bg-\[rgba\(242\2c 247\2c 255\2c 0\.01\)\]{
  background-color: rgba(242,247,255,0.01);
}
.bg-black-10{
  background-color: rgba(8, 5, 22, 0.1);
  background-color: var(--color-black-10);
}
.bg-black-20{
  background-color: rgba(8, 5, 22, 0.2);
  background-color: var(--color-black-20);
}
.bg-black-8{
  background-color: rgba(8, 5, 22, 0.08);
  background-color: var(--color-black-8);
}
.bg-blue{
  background-color: #0033a0;
  background-color: var(--color-blue);
}
.bg-current{
  background-color: currentColor;
}
.bg-darkBlue-20{
  background-color: rgba(0, 52, 94, 0.2);
  background-color: var(--color-dark-blue-20);
}
.bg-lightBlue{
  background-color: #f2f7ff;
  background-color: var(--color-light-blue);
}
.bg-lightBlue-10{
  background-color: rgba(242, 247, 255, 0.1);
  background-color: var(--color-light-blue-10);
}
.bg-lightGray{
  background-color: #f1f3f4;
  background-color: var(--color-light-gray);
}
.bg-orange{
  background-color: #f06522;
  background-color: var(--color-orange);
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  background-color: #ffffff;
  background-color: var(--color-white);
}
.bg-white-15{
  background-color: rgba(255, 255, 255, 0.15);
  background-color: var(--color-white-15);
}
.bg-white-16{
  background-color: rgba(255, 255, 255, 0.16);
  background-color: var(--color-white-16);
}
.bg-white-30{
  background-color: rgba(255, 255, 255, 0.3);
  background-color: var(--color-white-30);
}
.bg-yellow{
  background-color: #fecb8b;
  background-color: var(--color-yellow);
}
.bg-custom-gradient{
  background-image: linear-gradient(180deg, rgba(240, 101, 34, 0.00) 12.18%, #F06522 24.58%);
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[rgba\(4\2c 5\2c 18\2c 0\)\]{
  --tw-gradient-from: rgba(4,5,18,0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(4, 5, 18, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[rgba\(4\2c 5\2c 18\2c 0\)\]{
  --tw-gradient-to: rgba(4, 5, 18, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(4,5,18,0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[rgba\(4\2c 5\2c 18\2c 0\.6\)\]{
  --tw-gradient-to: rgba(4,5,18,0.6) var(--tw-gradient-to-position);
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.fill-\[\#ff9a47\]{
  fill: #ff9a47;
}
.fill-blue{
  fill: #0033a0;
  fill: var(--color-blue);
}
.fill-current{
  fill: currentColor;
}
.fill-none{
  fill: none;
}
.fill-white{
  fill: #ffffff;
  fill: var(--color-white);
}
.stroke-blue{
  stroke: #0033a0;
  stroke: var(--color-blue);
}
.stroke-current{
  stroke: currentColor;
}
.stroke-none{
  stroke: none;
}
.stroke-white{
  stroke: #ffffff;
  stroke: var(--color-white);
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}
.object-bottom{
  -o-object-position: bottom;
     object-position: bottom;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-4\.5{
  padding: calc(0.25rem * 4.5);
  padding: calc(var(--spacing-unit) * 4.5);
}
.p-5{
  padding: 1.25rem;
}
.p-5\.5{
  padding: calc(0.25rem * 5.5);
  padding: calc(var(--spacing-unit) * 5.5);
}
.p-6{
  padding: 1.5rem;
}
.p-6\.5{
  padding: calc(0.25rem * 6.5);
  padding: calc(var(--spacing-unit) * 6.5);
}
.p-8{
  padding: 2rem;
}
.p-\[0-9a-f\]{
  padding: 0-9a-f;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-11\.5{
  padding-left: calc(0.25rem * 11.5);
  padding-left: calc(var(--spacing-unit) * 11.5);
  padding-right: calc(0.25rem * 11.5);
  padding-right: calc(var(--spacing-unit) * 11.5);
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-4\.5{
  padding-left: calc(0.25rem * 4.5);
  padding-left: calc(var(--spacing-unit) * 4.5);
  padding-right: calc(0.25rem * 4.5);
  padding-right: calc(var(--spacing-unit) * 4.5);
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-5\.5{
  padding-left: calc(0.25rem * 5.5);
  padding-left: calc(var(--spacing-unit) * 5.5);
  padding-right: calc(0.25rem * 5.5);
  padding-right: calc(var(--spacing-unit) * 5.5);
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-4\.5{
  padding-top: calc(0.25rem * 4.5);
  padding-top: calc(var(--spacing-unit) * 4.5);
  padding-bottom: calc(0.25rem * 4.5);
  padding-bottom: calc(var(--spacing-unit) * 4.5);
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.\!pt-8{
  padding-top: 2rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-13{
  padding-bottom: calc(0.25rem * 13);
  padding-bottom: calc(var(--spacing-unit) * 13);
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-36{
  padding-bottom: 9rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-80{
  padding-bottom: calc(0.25rem * 80);
  padding-bottom: calc(var(--spacing-unit) * 80);
}
.pb-\[100\%\]{
  padding-bottom: 100%;
}
.pb-\[100svh\]{
  padding-bottom: 100svh;
}
.pb-\[128\%\]{
  padding-bottom: 128%;
}
.pb-\[14\%\]{
  padding-bottom: 14%;
}
.pb-\[50\%\]{
  padding-bottom: 50%;
}
.pb-\[56\.25\%\]{
  padding-bottom: 56.25%;
}
.pb-\[64\.5\%\]{
  padding-bottom: 64.5%;
}
.pb-\[65\%\]{
  padding-bottom: 65%;
}
.pb-\[80\.9968\%\]{
  padding-bottom: 80.9968%;
}
.pb-\[82\%\]{
  padding-bottom: 82%;
}
.pb-\[90\%\]{
  padding-bottom: 90%;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-\[3px\]{
  padding-left: 3px;
}
.pl-\[5px\]{
  padding-left: 5px;
}
.pr-3\.5{
  padding-right: 0.875rem;
}
.pr-4{
  padding-right: 1rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-15{
  padding-top: calc(0.25rem * 15);
  padding-top: calc(var(--spacing-unit) * 15);
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-28{
  padding-top: 7rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-30{
  padding-top: calc(0.25rem * 30);
  padding-top: calc(var(--spacing-unit) * 30);
}
.pt-32{
  padding-top: 8rem;
}
.pt-33{
  padding-top: calc(0.25rem * 33);
  padding-top: calc(var(--spacing-unit) * 33);
}
.pt-36{
  padding-top: 9rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-40{
  padding-top: 10rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-\[28\%\]{
  padding-top: 28%;
}
.pt-\[62vw\]{
  padding-top: 62vw;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-start{
  text-align: left;
}
.font-marta{
  font-family: Marta, serif;
}
.text-\[0\.9375rem\]\/\[1\.45em\]{
  font-size: 0.9375rem;
  line-height: 1.45em;
}
.text-\[2\.75rem\]\/\[0\.94em\]{
  font-size: 2.75rem;
  line-height: 0.94em;
}
.text-\[6\.25rem\]\/\[1\.1em\]{
  font-size: 6.25rem;
  line-height: 1.1em;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.not-italic{
  font-style: normal;
}
.\!tracking-\[-0\.0325em\]{
  letter-spacing: -0.0325em !important;
}
.tracking-tighterEven{
  letter-spacing: -0.06em;
}
.text-blue{
  color: #0033a0;
  color: var(--color-blue);
}
.text-blue-10{
  color: rgba(0, 51, 160, 0.1);
  color: var(--color-blue-10);
}
.text-blue-30{
  color: rgba(0, 51, 160, 0.3);
  color: var(--color-blue-30);
}
.text-blue-40{
  color: rgba(0, 51, 160, 0.4);
  color: var(--color-blue-40);
}
.text-blue-50{
  color: rgba(0, 51, 160, 0.5);
  color: var(--color-blue-50);
}
.text-current{
  color: currentColor;
}
.text-orange{
  color: #f06522;
  color: var(--color-orange);
}
.text-red{
  color: #f93d31;
  color: var(--color-red);
}
.text-transparent{
  color: transparent;
}
.text-white{
  color: #ffffff;
  color: var(--color-white);
}
.text-white-16{
  color: rgba(255, 255, 255, 0.16);
  color: var(--color-white-16);
}
.text-white-50{
  color: rgba(255, 255, 255, 0.5);
  color: var(--color-white-50);
}
.underline{
  text-decoration-line: underline;
}
.decoration-solid{
  text-decoration-style: solid;
}
.decoration-1p{
  text-decoration-thickness: 1%;
}
.decoration-2{
  text-decoration-thickness: 2px;
}
.decoration-\[1\.5\%\]{
  text-decoration-thickness: 1.5%;
}
.underline-offset-25p{
  text-underline-offset: 25%;
}
.underline-offset-\[25\%\]{
  text-underline-offset: 25%;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.shadow-\[0_4px_15px_0_rgba\(0\2c 51\2c 160\2c 0\.15\)\]{
  --tw-shadow: 0 4px 15px 0 rgba(0,51,160,0.15);
  --tw-shadow-colored: 0 4px 15px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 15px 0 rgba(0,51,160,0.15);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-\[0_9px_40px_0_rgba\(6\2c 14\2c 20\2c 0\.1\)\]{
  --tw-shadow: 0 9px 40px 0 rgba(6,14,20,0.1);
  --tw-shadow-colored: 0 9px 40px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 9px 40px 0 rgba(6,14,20,0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-\[1px_2px_2px_0_rgba\(64\2c 154\2c 199\2c 0\.22\)\]{
  --tw-shadow: 1px 2px 2px 0 rgba(64,154,199,0.22);
  --tw-shadow-colored: 1px 2px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 1px 2px 2px 0 rgba(64,154,199,0.22);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}
.ring-current{
  --tw-ring-color: currentColor;
}
.\!filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: blur(40px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[10px\]{
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: blur(10px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-btn{
  --tw-backdrop-blur: blur(26.35px);
  backdrop-filter: blur(26.35px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-bullet{
  --tw-backdrop-blur: blur(25px);
  backdrop-filter: blur(25px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c width\]{
  transition-property: transform,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-\[0s\2c 0\.6s\]{
  transition-delay: 0s,0.6s;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-600{
  transition-duration: 600ms;
}
.duration-\[600ms\]{
  transition-duration: 600ms;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.no-scrollbar{
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar{
  display: none;
}
.wrapper-main{
  padding-left: calc(0.25rem * 3.5);
  padding-left: calc(var(--spacing-unit) * 3.5);
  padding-right: calc(0.25rem * 3.5);
  padding-right: calc(var(--spacing-unit) * 3.5);
}
@media (min-width: 768px){

  .wrapper-main{
    padding-left: calc(0.25rem * 4);
    padding-left: calc(var(--spacing-unit) * 4);
    padding-right: calc(0.25rem * 4);
    padding-right: calc(var(--spacing-unit) * 4);
  }
}
@media (min-width: 1280px){

  .wrapper-main{
    padding-left: calc(0.25rem * 8);
    padding-left: calc(var(--spacing-unit) * 8);
    padding-right: calc(0.25rem * 8);
    padding-right: calc(var(--spacing-unit) * 8);
  }
}
.wrapper-main-negative{
  margin-left: calc(0.25rem * -3.5);
  margin-left: calc(var(--spacing-unit) * -3.5);
  margin-right: calc(0.25rem * -3.5);
  margin-right: calc(var(--spacing-unit) * -3.5);
}
@media (min-width: 768px){

  .wrapper-main-negative{
    margin-left: calc(0.25rem * -4);
    margin-left: calc(var(--spacing-unit) * -4);
    margin-right: calc(0.25rem * -4);
    margin-right: calc(var(--spacing-unit) * -4);
  }
}
@media (min-width: 1280px){

  .wrapper-main-negative{
    margin-left: calc(0.25rem * -8);
    margin-left: calc(var(--spacing-unit) * -8);
    margin-right: calc(0.25rem * -8);
    margin-right: calc(var(--spacing-unit) * -8);
  }
}
.wrapper-main-negative-mobile{
  margin-left: calc(0.25rem * -3.5);
  margin-left: calc(var(--spacing-unit) * -3.5);
  margin-right: calc(0.25rem * -3.5);
  margin-right: calc(var(--spacing-unit) * -3.5);
}
@media (min-width: 768px){

  .wrapper-main-negative-mobile{
    margin-left: 0;
    margin-right: 0;
  }
}
.wrapper-main-negative-tab{
  margin-left: calc(0.25rem * -3.5);
  margin-left: calc(var(--spacing-unit) * -3.5);
  margin-right: calc(0.25rem * -3.5);
  margin-right: calc(var(--spacing-unit) * -3.5);
}
@media (min-width: 768px){

  .wrapper-main-negative-tab{
    margin-left: calc(0.25rem * -4);
    margin-left: calc(var(--spacing-unit) * -4);
    margin-right: calc(0.25rem * -4);
    margin-right: calc(var(--spacing-unit) * -4);
  }
}
@media (min-width: 1280px){

  .wrapper-main-negative-tab{
    margin-left: 0;
    margin-right: 0;
  }
}
.grid-default{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-column-gap: 0.75rem;
  grid-column-gap: var(--grid-gap);
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  -moz-column-gap: var(--grid-gap);
       column-gap: var(--grid-gap);
}
@media (min-width: 1280px){

  .grid-default{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    -moz-column-gap: var(--grid-gap-lg);
         column-gap: var(--grid-gap-lg);
  }
}
.\!button{
  display: flex;
  align-items: center;
  justify-content: center;
}
.button{
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-default{
  display: flex;
  height: calc(0.25rem * 15);
  height: calc(var(--spacing-unit) * 15);
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.button-default-sm{
  display: flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.text-round-medium{
  font-family: Marta, serif;
  font-size: 10rem;
  line-height: 0.74em;
  letter-spacing: -0.02em;
}
.text-round-small{
  font-family: Marta, serif;
  font-size: 5rem;
  line-height: 0.94em;
  letter-spacing: -0.02em;
}
.text-line-small{
  font-family: Marta, serif;
  font-size: 4.375rem;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}
.text-h1{
  font-family: Marta, serif;
  font-size: 3rem;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}
.text-h3-5{
  font-family: Marta, serif;
  font-size: 2rem;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}
.text-h3{
  font-family: Marta, serif;
  font-size: 1.875rem;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}
.text-h4-5-onest{
  font-size: 1.625rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}
.text-h4{
  font-size: 1.5rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}
.text-h5{
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: -0.02em;
}
.text-h6{
  font-size: 1.125rem;
  line-height: 1.4em;
  letter-spacing: -0.02em;
}
.text-p{
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: -0.02em;
}
.text-p2{
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}
.text-d{
  font-size: 0.75rem;
  line-height: 1.1em;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.text-btn{
  font-size: 1rem;
  line-height: 1.45em;
  font-weight: 600;
}
.list-dash {
    list-style: none;
  }
.list-dash li:not(:last-child)::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 0.0625rem;
    margin: 0.5rem auto;
    background-color: #f06522;
    background-color: var(--color-orange);
  }
.\[-webkit-mask-image\:linear-gradient\(to_bottom\2c black_60\%\2c transparent_100\%\)\]{
  -webkit-mask-image: linear-gradient(to bottom,black 60%,transparent 100%);
}
.\[-webkit-text-stroke\:1px_blue\]{
  -webkit-text-stroke: 1px blue;
}
.\[mask-image\:linear-gradient\(to_bottom\2c black_60\%\2c transparent_100\%\)\]{
  -webkit-mask-image: linear-gradient(to bottom,black 60%,transparent 100%);
          mask-image: linear-gradient(to bottom,black 60%,transparent 100%);
}
.\[text-decoration-skip-ink\:none\]{
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

@font-face {
  font-family: 'Onest';
  src: url(/local/templates/default/assets/fonts/Onest-SemiBold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Onest';
  src: url(/local/templates/default/assets/fonts/Onest-Medium.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Onest';
  src: url(/local/templates/default/assets/fonts/Onest-Regular.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Marta';
  src: url(/local/templates/default/assets/fonts/Marta-Italic.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* custom theme */

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

@media screen and (min-width: 1600px) {
  html {
    font-size: calc(100vw * (16 / 1440));
  }
}

body{
  font-family: Onest, sans-serif;
  font-weight: 400;
  color: #0033a0;
  color: var(--color-blue);
  background-color: #ffffff;
  background-color: var(--color-white);
}

.pattern {
  background-image: url('/local/templates/default/img/diamond.svg');
  background-color: #f1f3f4;
  background-color: var(--color-light-gray);
  background-size: 4rem 4rem;
  background-position: center;
  background-repeat: repeat;
}

@media (min-width: 768px) {
  .pattern {
    background-size: 5rem 5rem;
  }
}

@media (min-width: 1280px) {
  .pattern {
    background-size: 6.25rem 6.25rem;
  }
}

.clip-circle {
  --circle-r: 186vh;
  --circle-offset: 0rem;
  --circle-center-y: calc(var(--circle-r) - var(--circle-offset));

  -webkit-mask-image:
    radial-gradient(circle 186vh at 50% calc(186vh - 0rem), #000 99.9%, transparent 100%),
    linear-gradient(#000, #000);

  -webkit-mask-image:
    radial-gradient(circle var(--circle-r) at 50% var(--circle-center-y), #000 99.9%, transparent 100%),
    linear-gradient(#000, #000);
  mask-image:
    radial-gradient(circle 186vh at 50% calc(186vh - 0rem), #000 99.9%, transparent 100%),
    linear-gradient(#000, #000);
  mask-image:
    radial-gradient(circle var(--circle-r) at 50% var(--circle-center-y), #000 99.9%, transparent 100%),
    linear-gradient(#000, #000);
  -webkit-mask-position:
    0 0,
    0 calc(186vh - 0rem);
  -webkit-mask-position:
    0 0,
    0 var(--circle-center-y);
  mask-position:
    0 0,
    0 calc(186vh - 0rem);
  mask-position:
    0 0,
    0 var(--circle-center-y);
  -webkit-mask-size:
    100% 100%,
    100% 100%;
  mask-size:
    100% 100%,
    100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media screen and (min-width: 1280px) {
  .clip-circle {
    --circle-r: 300vh;
    --circle-offset: 0rem;
  }
}

.clip-circle-bottom {
  --circle-r: 116vh;
  --circle-offset: 0rem;

  clip-path: circle(116vh at 50% calc(100% - 116vh + 0rem));

  clip-path: circle(var(--circle-r) at 50% calc(100% - var(--circle-r) + var(--circle-offset)));
}

@media screen and (min-width: 768px) {
  .clip-circle-bottom {
    --circle-r: 300vh;
    --circle-offset: 0rem;
  }
}

.clip-circle-bottom-brands {
  --circle-r: 186vh;
  --circle-offset: 0rem;

  clip-path: circle(186vh at 50% calc(100% - 186vh + 0rem));

  clip-path: circle(var(--circle-r) at 50% calc(100% - var(--circle-r) + var(--circle-offset)));
}

@media screen and (min-width: 768px) {
  .clip-circle-bottom-brands {
    --circle-r: 300vh;
    --circle-offset: 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .clip-circle-bottom-brands {
    --circle-r: 1000vh;
    --circle-offset: 0rem;
  }
}

.video-wrap {
  clip-path: url(#my-clip-path);
  aspect-ratio: 328 / 215;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .video-wrap {
    aspect-ratio: 736 / 302;
  }
}

@media screen and (min-width: 1280px) {
  .video-wrap {
    aspect-ratio: 1376 / 520;
  }
}

.slider-wrap {
  clip-path: url(#my-slider-path-mob);
  aspect-ratio: 328 / 496;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .slider-wrap {
    clip-path: url(#my-slider-path-table);
    aspect-ratio: 736 / 460;
    overflow: hidden;
  }
}

@media screen and (min-width: 1280px) {
  .slider-wrap {
    clip-path: url(#my-slider-path-desc);
    aspect-ratio: 1376 / 663;
    overflow: hidden;
  }
}

.main-wrap {
  aspect-ratio: 328 / 160;
  overflow: hidden;
  clip-path: url(#my-main-path);
}

.controls-wrap {
  clip-path: url(#my-control-path-mob);
  aspect-ratio: 328 / 496;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .controls-wrap {
    clip-path: url(#my-control-path-table);
    aspect-ratio: 760 / 736;
  }
}

@media screen and (min-width: 1280px) {
  .controls-wrap {
    clip-path: url(#my-control-path-desc);
    aspect-ratio: 1376 / 720;
  }
}

.history-years-nav {
  display: none;
}

@media screen and (min-width: 1280px) {
  .history-years-nav {
    position: absolute;
    top: 2rem;
    left: 50%;
    z-index: 10;
    display: block;
    width: 28rem;
    height: 6rem;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .history-years-nav__button {
    position: absolute;
    top: 1.875rem;
    left: 50%;
    min-width: 5rem;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-family: Marta, serif;
    font-size: 2.5rem;
    font-style: italic;
    line-height: 120%;
    cursor: pointer;
    transform: translateX(-50%);
    transition:
      color 0.3s ease, font-size 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    pointer-events: auto;
  }

  .history-years-nav__button[data-slider-year-position='far-left'] {
    transform: translate(-64vw, 7rem) rotate(-28deg);
  }

  .history-years-nav__button[data-slider-year-position='left'] {
    transform: translate(-42.5vw, 4.5rem) rotate(-18deg);
  }

  .history-years-nav__button[data-slider-year-position='center'] {
    transform: translate(-50%, 0);
  }

  .history-years-nav__button[data-slider-year-position='right'] {
    transform: translate(36.5vw, 4.5rem) rotate(18deg);
  }

  .history-years-nav__button[data-slider-year-position='far-right'] {
    transform: translate(58vw, 7rem) rotate(28deg);
  }
}

.history-years-dots {
  display: none;
}

@media screen and (min-width: 1280px) {
  .history-years-dots {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    z-index: 2;
    display: block;
    width: 100vw;
    transform: translateX(-50%);
    pointer-events: none;
  }
}

[data-role-buy-item] {
  animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-video-play] {
  opacity: 0;
  pointer-events: none;
}

[data-video-play][data-visible] {
  opacity: 1;
  pointer-events: auto;
}

[data-load-more-fade-in] {
  animation: fadeIn 0.6s ease forwards;
}

/* Идёт AJAX-подмена сетки (catalogFilterApply.ts): приглушаем и блокируем клики.
   Правило здесь, а не классами из JS — Tailwind не сканирует .ts-файлы. */
[data-load-more-items][aria-busy='true'] {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

html:not(.gsap-not-found) [data-gsap-prevent-flicker] {
  visibility: hidden;
}

.vk-icon use {
  fill: currentColor !important;
}

.vk-icon path {
  fill: currentColor !important;
}

.swiper-pagination-bullet{
  height: 0.5rem !important;
  width: 0.5rem !important;
  cursor: pointer !important;
  border-radius: 9999px !important;
  background-color: rgba(0, 51, 160, 0.3) !important;
  background-color: var(--color-blue-30) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 300ms !important;
}

.swiper-pagination-bullet-active{
  background-color: #0033a0 !important;
  background-color: var(--color-blue) !important;
  opacity: 1 !important;
}

.quality-bullet.is-active{
  background-color: #0033a0 !important;
  background-color: var(--color-blue) !important;
  opacity: 1 !important;
}

.quality-control-bullet.is-active{
  background-color: #ffffff !important;
  background-color: var(--color-white) !important;
  opacity: 1 !important;
}

.news-scroll::-webkit-scrollbar{
  display: none;
  width: 0px;
}

.news-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.news-bullet.is-active{
  background-color: #0033a0 !important;
  background-color: var(--color-blue) !important;
  opacity: 1 !important;
}

.news-control-bullet.is-active{
  background-color: #ffffff !important;
  background-color: var(--color-white) !important;
  opacity: 1 !important;
}

.company-scroll::-webkit-scrollbar{
  display: none;
  width: 0px;
}

.company-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.table-news-scroll::-webkit-scrollbar{
  display: none;
  width: 0px;
}

.table-news-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cooperation-scroll {
  scrollbar-width: auto;
  scrollbar-color: #f06522 #f1f3f4;
  scrollbar-color: var(--color-orange) var(--color-light-gray);
}

.cooperation-scroll::-webkit-scrollbar {
  height: 6px;
}

.cooperation-scroll::-webkit-scrollbar-track {
  background: #f1f3f4;
  background: var(--color-light-gray);
  border-radius: 9999px;
}

.cooperation-scroll::-webkit-scrollbar-thumb {
  background: #f06522;
  background: var(--color-orange);
  border-radius: 9999px;
}

.swiper-slide-thumb-active .career-control-bullet{
  background-color: #ffffff !important;
  background-color: var(--color-white) !important;
  opacity: 1 !important;
}

.swiper-slide-thumb-active .career-control-bullet>span{
  color: #0033a0 !important;
  color: var(--color-blue) !important;
  opacity: 1 !important;
}

.view-btn {
  transition:
    background-color 0.3s ease, color 0.3s ease;
}

.view-btn:focus-visible {
  outline: 2px solid #f2f7ff;
  outline: 2px solid var(--color-light-blue);
  outline-offset: 2px;
}

.view-btn[data-active='true'] {
  cursor: default;
}

.view-btn[data-active='false']:hover {
  background-color: #f2f7ff;
  background-color: var(--color-light-blue);
}

[data-catalog-view]{
  gap: 0.75rem;
  gap: var(--grid-gap);
}

@media (min-width: 1280px){

  [data-catalog-view='square']{
    gap: 1rem;
    gap: var(--grid-gap-lg);
  }
}

.product-preview{
  position: relative;
  cursor: pointer;
  border-radius: calc(0.25rem * 7.5);
  border-radius: calc(var(--spacing-unit) * 7.5);
  background-color: #ffffff;
  background-color: var(--color-white);
  padding: 1rem;
}

@media (min-width: 768px){

  .product-preview{
    padding: 1.25rem;
  }
}

[data-catalog-view='square'] .product-preview{
  grid-column: span 3 / span 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 768px){

  [data-catalog-view='square'] .product-preview{
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1280px){

  [data-catalog-view='square'] .product-preview{
    grid-column: span 3 / span 3;
    gap: calc(0.25rem * 13);
    gap: calc(var(--spacing-unit) * 13);
  }
}

[data-catalog-view='line'] .product-preview{
  grid-column: span 6 / span 6;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

@media (min-width: 768px){

  [data-catalog-view='line'] .product-preview{
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 2rem;
  }
}

@media (min-width: 1280px){

  [data-catalog-view='line'] .product-preview{
    grid-column: span 9 / span 9;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.product-preview__tag{
  height: 0.625rem;
  width: auto;
}

@media (min-width: 1280px){

  .product-preview__tag{
    height: 0.875rem;
  }
}

.product-preview__tags{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.product-preview__tags-top{
  display: none;
}

[data-catalog-view='square'] .product-preview__tags-top{
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  width: 100%;
  justify-content: center;
}

@media (min-width: 768px){

  [data-catalog-view='square'] .product-preview__tags-top{
    justify-content: flex-start;
  }
}

[data-catalog-view='square'] .product-preview__tags-inline{
  display: none;
}

[data-catalog-view='line'] .product-preview__tags-inline{
  display: none;
}

@media (min-width: 768px){

  [data-catalog-view='line'] .product-preview__tags-inline{
    display: flex;
    justify-content: center;
  }
}

.product-preview__tags-mobile{
  display: block;
}

@media (min-width: 768px){

  .product-preview__tags-mobile{
    display: none;
  }
}

[data-catalog-view='square'] .product-preview__tags-mobile{
  display: none;
}

[data-catalog-view='line'] .product-preview__tags-mobile{
  display: flex;
  justify-content: center;
}

@media (min-width: 768px){

  [data-catalog-view='line'] .product-preview__tags-mobile{
    display: none;
  }
}

.product-preview__media{
  position: relative;
  width: 100%;
}

[data-catalog-view='square'] .product-preview__media{
  aspect-ratio: 25/17;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

@media (min-width: 768px){

  [data-catalog-view='square'] .product-preview__media{
    aspect-ratio: 120/101;
  }
}

[data-catalog-view='line'] .product-preview__media{
  grid-column: span 1 / span 1;
}

.product-preview__info{
  display: flex;
  width: 100%;
  flex-direction: column;
}

[data-catalog-view='square'] .product-preview__info{
  align-items: center;
  gap: calc(0.25rem * 5.5);
  gap: calc(var(--spacing-unit) * 5.5);
}

@media (min-width: 768px){

  [data-catalog-view='square'] .product-preview__info{
    align-items: flex-start;
    gap: 1rem;
  }
}

@media (min-width: 1280px){

  [data-catalog-view='square'] .product-preview__info{
    gap: calc(0.25rem * 4.5);
    gap: calc(var(--spacing-unit) * 4.5);
  }
}

[data-catalog-view='line'] .product-preview__info{
  grid-column: span 4 / span 4;
  align-items: flex-start;
  justify-content: center;
  gap: 0.625rem;
}

@media (min-width: 768px){

  [data-catalog-view='line'] .product-preview__info{
    grid-column: span 5 / span 5;
  }
}

@media (min-width: 1280px){

  [data-catalog-view='line'] .product-preview__info{
    grid-column: span 8 / span 8;
  }
}

.product-preview__row{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}

[data-catalog-view='square'] .product-preview__row{
  align-items: flex-start;
}

[data-catalog-view='square'] .product-preview__row .product-preview__title{
  display: flex;
  height: auto;
  min-height: 3.5rem;
  align-items: flex-end;
  justify-content: flex-start;
}

[data-catalog-view='line'] .product-preview__row{
  align-items: flex-start;
}

@media (min-width: 768px){

  [data-catalog-view='line'] .product-preview__row{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.product-preview__meta{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

[data-catalog-view='square'] .product-preview__meta{
  flex-direction: column;
}

@media (min-width: 768px){

  [data-catalog-view='square'] .product-preview__meta{
    width: 100%;
    align-items: flex-start;
  }
}

[data-catalog-view='line'] .product-preview__meta{
  justify-content: flex-end;
  gap: calc(0.25rem * 5.5);
  gap: calc(var(--spacing-unit) * 5.5);
}

.clip-circle-about {
  clip-path: circle(68% at 66% 76%);
}

@media screen and (min-width: 1280px) {
  .clip-circle-about {
    clip-path: circle(40% at 80% 75%);
  }
}

.modal-bulet-catalog{
  height: 0.5rem;
  width: 0.5rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.3);
  background-color: var(--color-white-30);
  padding: 0px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 768px){

  .modal-bulet-catalog{
    height: 0.75rem;
    width: 0.75rem;
  }
}

.modal-bulet-catalog.is-active{
  background-color: #ffffff;
  background-color: var(--color-white);
}

[data-mobile-menu] {
  visibility: hidden;
  pointer-events: none;
  transition: visibility 300ms ease;
}

[data-mobile-menu].open {
  visibility: visible;
  pointer-events: auto;
}

[data-mobile-menu-backdrop] {
  opacity: 0;
  transition: opacity 300ms ease;
}

[data-mobile-menu].open [data-mobile-menu-backdrop] {
  opacity: 0.4;
}

[data-mobile-menu] .clip-circle-bottom {
  transform: translateY(-100%);
  transition: transform 300ms ease;
}

[data-mobile-menu].open .clip-circle-bottom {
  transform: translateY(0);
}

@media (max-width: 1280px) {
  [data-catalog-list].open{
    display: block;
  }

  [data-catalog-list-backdrop].open{
    display: block;
  }

  [data-catalog-list].scrolled{
    top: 0px !important;
    border-top-left-radius: calc(0.25rem * 7.5) !important;
    border-top-left-radius: calc(var(--spacing-unit) * 7.5) !important;
    border-top-right-radius: calc(0.25rem * 7.5) !important;
    border-top-right-radius: calc(var(--spacing-unit) * 7.5) !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
}

[data-product-details-popup].open [data-product-details-backdrop]{
  display: block;
}

[data-product-details-modal] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 300ms ease, visibility 300ms ease;
}

[data-product-details-modal]>div {
  transform: translateY(100%);
  transition: transform 300ms ease;
}

[data-product-details-popup].open [data-product-details-modal] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

[data-product-details-popup].open [data-product-details-modal]>div {
  transform: translateY(0);
}

.bg-catalog-gradient {
  background: linear-gradient(113deg, rgba(255, 255, 255, 0.64) 0%, rgba(255, 255, 255, 0) 50%);
}

/* Swiper с watchOverflow «запирается» при ≤1 слайде: стрелки прячет его же
   navigation.css, а кастомную пагинацию модалки каталога прячем сами. */
[data-pagination-modal-catalog].swiper-pagination-lock {
  display: none;
}

[data-catalog-slider] .swiper-wrapper {
  align-items: stretch;
}

[data-catalog-slider] .swiper-slide {
  height: auto;
  display: flex;
}

[data-catalog-slider] .swiper-slide>a {
  width: 100%;
}

.ymaps3--controls.ymaps3--controls_bottom.ymaps3--controls_left.ymaps3--controls_horizontal {
  display: none !important;
}

/* ------------------------------------------------------------------------- */
/* Интерфейсы Битрикса на публичке: админ-панель (старая и новая), окна и    */
/* попапы ядра, диалог параметров компонента, медиатека, файловая структура, */
/* лёгкий редактор, хинты/тултипы, admin-виджеты. Tailwind preflight и       */
/* глобальные стили сайта (html { font-size: calc(100vw*…) } на ≥1600px,    */
/* font-onest/text-blue с body) ломают их — нейтрализуем.                    */
/*                                                                          */
/* Устройство (сверено с node_modules/tailwindcss/lib/css/preflight.css     */
/* построчно и с CSS самих виджетов ядра):                                  */
/* — контейнеры всегда в :where() → вклад в специфичность 0; элементная     */
/*   часть повторяет специфичность нейтрализуемого правила preflight; наш   */
/*   блок ниже по порядку → перебивает preflight, но проигрывает любому     */
/*   классу самого Битрикса;                                                */
/* — НАСЛЕДУЕМЫЕ свойства на контейнерах нельзя чинить revert'ом (у UA нет  */
/*   объявлений для div → revert падает обратно в наследование от body) —   */
/*   для них ЯВНЫЕ нейтральные значения, как делает сам Битрикс             */
/*   (pubstyles.css: font-size: medium !important);                         */
/* — revert только для свойств, которые preflight реально задаёт этому      */
/*   селектору — чтобы не перетирать теговые правила самого Битрикса;       */
/* — UA-эквивалентные правила preflight (abbr, small, summary, progress,    */
/*   :-moz-*, [hidden]) намеренно не трогаем.                               */
/* ------------------------------------------------------------------------- */

/* А. Наследуемое: нейтральные ЯВНЫЕ значения (не revert — см. шапку).
   font-size: medium даёт иммунитет к масштабированию html на ≥1600px. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) {
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  font-weight: normal;
  font-style: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  line-height: normal;
  letter-spacing: normal;
  word-spacing: normal;
  color: #000;
  text-align: left;
  text-indent: 0;
  text-transform: none;
  -moz-tab-size: 8;
    -o-tab-size: 8;
       tab-size: 8;
  scroll-behavior: auto;
}

/* Б. *-правила preflight: box-sizing: border-box и обнулённые границы.
   Старые виджеты свёрстаны под content-box; border-width: 0 гасит рамки,
   заданные Битриксом только цветом. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) *,
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ::before,
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ::after {
  box-sizing: revert;
  border-width: revert;
  border-style: revert;
  border-color: revert;
}

/* В. Замещаемые элементы: display: block + vertical-align: middle ломают
   инлайн-иконки; max-width: 100% + height: auto сжимают превью медиатеки. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) img {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) svg {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) video {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) canvas {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) audio {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) iframe {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) embed {
  display: revert;
  vertical-align: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) object {
  display: revert;
  vertical-align: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) img {
  max-width: revert;
  height: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) video {
  max-width: revert;
  height: revert;
}

/* Г. Элементы форм: сброшенные шрифт/отступы, прозрачный фон кнопок,
   appearance, text-transform, resize, cursor. font: revert возвращает и
   line-height. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) button {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
  font: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
  letter-spacing: revert;
  color: revert;
  margin: revert;
  padding: revert;
  background-color: revert;
  background-image: revert;
  text-transform: revert;
  resize: revert;
  cursor: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) input {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
  font: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
  letter-spacing: revert;
  color: revert;
  margin: revert;
  padding: revert;
  background-color: revert;
  background-image: revert;
  text-transform: revert;
  resize: revert;
  cursor: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) optgroup {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
  font: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
  letter-spacing: revert;
  color: revert;
  margin: revert;
  padding: revert;
  background-color: revert;
  background-image: revert;
  text-transform: revert;
  resize: revert;
  cursor: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) select {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
  font: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
  letter-spacing: revert;
  color: revert;
  margin: revert;
  padding: revert;
  background-color: revert;
  background-image: revert;
  text-transform: revert;
  resize: revert;
  cursor: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) textarea {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
  font: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
  letter-spacing: revert;
  color: revert;
  margin: revert;
  padding: revert;
  background-color: revert;
  background-image: revert;
  text-transform: revert;
  resize: revert;
  cursor: revert;
}

/* Плейсхолдеры: preflight красит в серый #9ca3af. Спец. (0,0,2) — как у
   preflight, раздельно и с тегом. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) input::-moz-placeholder, :where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) textarea::-moz-placeholder {
  opacity: revert;
  color: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) input::placeholder,
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) textarea::placeholder {
  opacity: revert;
  color: revert;
}

/* Атрибутные/псевдо-правила preflight со спец. (0,1,0) и вебкит-псевдо. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) [role='button'] {
  cursor: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) :disabled {
  cursor: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) [type='search'] {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
  outline-offset: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ::-webkit-file-upload-button {
  -webkit-appearance: revert;
  font: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ::-webkit-inner-spin-button,
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ::-webkit-outer-spin-button {
  height: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ::-webkit-search-decoration {
  -webkit-appearance: revert;
}

/* Д. Таблицы: border-collapse: collapse отключает cellspacing распорочных
   таблиц панели/диалогов; border-color: inherit подмешивает цвет текста. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) table {
  border-collapse: revert;
  border-color: revert;
  text-indent: revert;
}

/* Списки: дерево файловой структуры и меню живут на UA-маркерах/отступах. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ul {
  list-style: revert;
  margin: revert;
  padding: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) ol {
  list-style: revert;
  margin: revert;
  padding: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) menu {
  list-style: revert;
  margin: revert;
  padding: revert;
}

/* Типографика: ровно те свойства, что preflight задаёт этим тегам. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) h1 {
  font-size: revert;
  font-weight: revert;
  margin: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) h2 {
  font-size: revert;
  font-weight: revert;
  margin: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) h3 {
  font-size: revert;
  font-weight: revert;
  margin: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) h4 {
  font-size: revert;
  font-weight: revert;
  margin: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) h5 {
  font-size: revert;
  font-weight: revert;
  margin: revert;
}
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) h6 {
  font-size: revert;
  font-weight: revert;
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) p {
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) blockquote {
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) figure {
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) dl {
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) dd {
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) pre {
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) fieldset {
  margin: revert;
  padding: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) legend {
  padding: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) dialog {
  padding: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) hr {
  height: revert;
  color: revert;
  border-top-width: revert;
  margin: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) code {
  font-family: revert;
  font-size: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) kbd {
  font-family: revert;
  font-size: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) samp {
  font-family: revert;
  font-size: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) pre {
  font-family: revert;
  font-size: revert;
  font-feature-settings: revert;
  font-variation-settings: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) b {
  font-weight: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) strong {
  font-weight: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) sub {
  font-size: revert;
  line-height: revert;
  position: revert;
  vertical-align: revert;
  top: revert;
  bottom: revert;
}

:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) sup {
  font-size: revert;
  line-height: revert;
  position: revert;
  vertical-align: revert;
  top: revert;
  bottom: revert;
}

/* Ссылки: preflight наследует цвет и убирает подчёркивание. */
:where(#bx-panel, #bx-panel-back, #BX_file_dialog, #bx-admin-prefix,
  [class*='bx-core-'], [class*='bx-panel'], [class*='bx-popup'], [class*='bx-struct'],
  [class*='bx-component-'], [class*='bx-top-panel'], [class*='bx_popup'], [class*='bx_ed_'],
  [class*='bxml-'], [class*='bxlhe-'], [class*='lhe-'], [class*='bxhint'], [class*='bx-tooltip'],
  [class*='bxfd'], [class*='fd_window'], [class*='editor_dialog'], [class*='waitwindow'],
  [class*='panel-tooltip'], [class*='edit-form'], [class*='edit-tabs'],
  [class^='adm-'], [class*=' adm-']) a {
  color: revert;
  -webkit-text-decoration: revert;
          text-decoration: revert;
}

.fd_tabs_0a,
.fd_tabs_ap,
.fd_tabs_p0,
.fd_tabs_0p,
.fd_tabs_pa,
.fd_tabs_a0 {
  height: 100%;
}

.placeholder\:font-semibold::-moz-placeholder{
  font-weight: 600;
}

.placeholder\:font-semibold::placeholder{
  font-weight: 600;
}

.placeholder\:text-blue-50::-moz-placeholder{
  color: rgba(0, 51, 160, 0.5);
  color: var(--color-blue-50);
}

.placeholder\:text-blue-50::placeholder{
  color: rgba(0, 51, 160, 0.5);
  color: var(--color-blue-50);
}

.first\:ml-3\.5:first-child{
  margin-left: 0.875rem;
}

.first\:pl-4:first-child{
  padding-left: 1rem;
}

.first\:pt-0:first-child{
  padding-top: 0px;
}

.last\:mr-3\.5:last-child{
  margin-right: 0.875rem;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.last\:border-none:last-child{
  border-style: none;
}

.checked\:border-blue:checked{
  border-color: #0033a0;
  border-color: var(--color-blue);
}

.checked\:bg-blue:checked{
  background-color: #0033a0;
  background-color: var(--color-blue);
}

@media (hover: hover) and (pointer: fine){

  .hover\:border-blue:hover{
    border-color: #0033a0;
    border-color: var(--color-blue);
  }

  .hover\:border-lightBlue:hover{
    border-color: #f2f7ff;
    border-color: var(--color-light-blue);
  }

  .hover\:border-orange:hover{
    border-color: #f06522;
    border-color: var(--color-orange);
  }

  .hover\:border-white:hover{
    border-color: #ffffff;
    border-color: var(--color-white);
  }

  .hover\:bg-\[var\(--brand-color\2c var\(--color-light-blue\)\)\]:hover{
    background-color: #f2f7ff;
    background-color: var(--brand-color,var(--color-light-blue));
  }

  .hover\:bg-\[var\(--brand-color\2c \2026\)\]:hover{
    background-color: …;
    background-color: var(--brand-color,…);
  }

  .hover\:bg-blue:hover{
    background-color: #0033a0;
    background-color: var(--color-blue);
  }

  .hover\:bg-lightBlue:hover{
    background-color: #f2f7ff;
    background-color: var(--color-light-blue);
  }

  .hover\:bg-lightGray:hover{
    background-color: #f1f3f4;
    background-color: var(--color-light-gray);
  }

  .hover\:bg-white:hover{
    background-color: #ffffff;
    background-color: var(--color-white);
  }

  .hover\:bg-white-16:hover{
    background-color: rgba(255, 255, 255, 0.16);
    background-color: var(--color-white-16);
  }

  .hover\:text-blue:hover{
    color: #0033a0;
    color: var(--color-blue);
  }

  .hover\:text-white:hover{
    color: #ffffff;
    color: var(--color-white);
  }
}

.focus\:border-blue:focus{
  border-color: #0033a0;
  border-color: var(--color-blue);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:text-orange:focus-visible{
  color: #f06522;
  color: var(--color-orange);
}

.disabled\:border-blue-16:disabled{
  border-color: rgba(0, 51, 160, 0.16);
  border-color: var(--color-blue-16);
}

.disabled\:border-white-16:disabled{
  border-color: rgba(255, 255, 255, 0.16);
  border-color: var(--color-white-16);
}

.disabled\:bg-transparent:disabled{
  background-color: transparent;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

@media (hover: hover) and (pointer: fine){

  .disabled\:hover\:border-blue-16:hover:disabled{
    border-color: rgba(0, 51, 160, 0.16);
    border-color: var(--color-blue-16);
  }

  .disabled\:hover\:border-white-16:hover:disabled{
    border-color: rgba(255, 255, 255, 0.16);
    border-color: var(--color-white-16);
  }

  .disabled\:hover\:bg-transparent:hover:disabled{
    background-color: transparent;
  }

  .group:hover .group-hover\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:bg-transparent{
    background-color: transparent;
  }

  .group:hover .group-hover\:fill-white{
    fill: #ffffff;
    fill: var(--color-white);
  }

  .group:hover .group-hover\:stroke-orange{
    stroke: #f06522;
    stroke: var(--color-orange);
  }

  .group:hover .group-hover\:stroke-white{
    stroke: #ffffff;
    stroke: var(--color-white);
  }

  .group:hover .group-hover\:text-white{
    color: #ffffff;
    color: var(--color-white);
  }

  .group:hover .group-hover\:opacity-0{
    opacity: 0;
  }

  .group:hover .group-hover\:opacity-100{
    opacity: 1;
  }

  .group:hover .disabled\:group-hover\:stroke-blue:disabled{
    stroke: #0033a0;
    stroke: var(--color-blue);
  }

  .group:hover .disabled\:group-hover\:stroke-orange:disabled{
    stroke: #f06522;
    stroke: var(--color-orange);
  }

  .group:hover .disabled\:group-hover\:stroke-white:disabled{
    stroke: #ffffff;
    stroke: var(--color-white);
  }
}

.group:disabled .group-disabled\:stroke-blue{
  stroke: #0033a0;
  stroke: var(--color-blue);
}

.group:disabled .group-disabled\:stroke-white{
  stroke: #ffffff;
  stroke: var(--color-white);
}

.group:disabled .group-disabled\:stroke-white-16{
  stroke: rgba(255, 255, 255, 0.16);
  stroke: var(--color-white-16);
}

.group.open .group-\[\.open\]\:-rotate-180{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group.open .group-\[\.open\]\:stroke-white{
  stroke: #ffffff;
  stroke: var(--color-white);
}

.group.is-active .group-\[\.is-active\]\:opacity-0{
  opacity: 0;
}

.group.is-active .group-\[\.is-active\]\:opacity-100{
  opacity: 1;
}

.peer:checked ~ .peer-checked\:border-blue{
  border-color: #0033a0;
  border-color: var(--color-blue);
}

.peer:checked ~ .peer-checked\:bg-blue{
  background-color: #0033a0;
  background-color: var(--color-blue);
}

.peer:checked ~ .peer-checked\:opacity-100{
  opacity: 1;
}

.has-\[\:checked\]\:bg-\[var\(--brand-color\2c var\(--color-light-blue\)\)\]:has(:checked){
  background-color: #f2f7ff;
  background-color: var(--brand-color,var(--color-light-blue));
}

.group[aria-expanded="true"] .group-aria-expanded\:text-orange{
  color: #f06522;
  color: var(--color-orange);
}

@media not all and (min-width: 768px){

  .max-md\:absolute{
    position: absolute;
  }

  .max-md\:bottom-0{
    bottom: 0px;
  }

  .max-md\:left-0{
    left: 0px;
  }

  .max-md\:z-10{
    z-index: 10;
  }

  .max-md\:hidden{
    display: none;
  }

  .max-md\:w-full{
    width: 100%;
  }
}

@media (min-width: 640px){

  .sm\:w-12{
    width: 3rem;
  }

  .sm\:w-\[66\.66\%\]{
    width: 66.66%;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:justify-normal{
    justify-content: normal;
  }
}

@media (min-width: 768px){

  .md\:absolute{
    position: absolute;
  }

  .md\:relative{
    position: relative;
  }

  .md\:\!bottom-5{
    bottom: 1.25rem !important;
  }

  .md\:\!left-5{
    left: 1.25rem !important;
  }

  .md\:-bottom-\[18svh\]{
    bottom: -18svh;
  }

  .md\:bottom-0{
    bottom: 0px;
  }

  .md\:bottom-5{
    bottom: 1.25rem;
  }

  .md\:bottom-7{
    bottom: 1.75rem;
  }

  .md\:left-0{
    left: 0px;
  }

  .md\:left-4{
    left: 1rem;
  }

  .md\:left-5{
    left: 1.25rem;
  }

  .md\:left-8{
    left: 2rem;
  }

  .md\:left-\[calc\(50\%-2\.8125rem\)\]{
    left: calc(50% - 2.8125rem);
  }

  .md\:right-0{
    right: 0px;
  }

  .md\:right-5{
    right: 1.25rem;
  }

  .md\:right-auto{
    right: auto;
  }

  .md\:top-5{
    top: 1.25rem;
  }

  .md\:top-\[17\.5rem\]{
    top: 17.5rem;
  }

  .md\:z-11{
    z-index: 11;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

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

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .md\:col-start-1{
    grid-column-start: 1;
  }

  .md\:col-start-2{
    grid-column-start: 2;
  }

  .md\:col-start-3{
    grid-column-start: 3;
  }

  .md\:col-start-4{
    grid-column-start: 4;
  }

  .md\:col-start-5{
    grid-column-start: 5;
  }

  .md\:col-start-7{
    grid-column-start: 7;
  }

  .md\:row-start-1{
    grid-row-start: 1;
  }

  .md\:row-start-2{
    grid-row-start: 2;
  }

  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:-ml-\[10\%\]{
    margin-left: -10%;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:ml-0{
    margin-left: 0px;
  }

  .md\:mr-0{
    margin-right: 0px;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:contents{
    display: contents;
  }

  .md\:\!hidden{
    display: none !important;
  }

  .md\:hidden{
    display: none;
  }

  .md\:aspect-\[120\/101\]{
    aspect-ratio: 120/101;
  }

  .md\:aspect-\[172\/85\]{
    aspect-ratio: 172/85;
  }

  .md\:aspect-\[176\/234\]{
    aspect-ratio: 176/234;
  }

  .md\:aspect-\[240\/290\]{
    aspect-ratio: 240/290;
  }

  .md\:aspect-\[739\/177\]{
    aspect-ratio: 739/177;
  }

  .md\:aspect-auto{
    aspect-ratio: auto;
  }

  .md\:h-1\/2{
    height: 50%;
  }

  .md\:h-13\.75{
    height: calc(0.25rem * 13.75);
    height: calc(var(--spacing-unit) * 13.75);
  }

  .md\:h-20{
    height: 5rem;
  }

  .md\:h-21\.5{
    height: calc(0.25rem * 21.5);
    height: calc(var(--spacing-unit) * 21.5);
  }

  .md\:h-3\.5{
    height: 0.875rem;
  }

  .md\:h-3\/4{
    height: 75%;
  }

  .md\:h-42{
    height: calc(0.25rem * 42);
    height: calc(var(--spacing-unit) * 42);
  }

  .md\:h-80{
    height: calc(0.25rem * 80);
    height: calc(var(--spacing-unit) * 80);
  }

  .md\:h-\[calc\(100\%-8rem\)\]{
    height: calc(100% - 8rem);
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:min-h-21\.5{
    min-height: calc(0.25rem * 21.5);
    min-height: calc(var(--spacing-unit) * 21.5);
  }

  .md\:min-h-58\.5{
    min-height: calc(0.25rem * 58.5);
    min-height: calc(var(--spacing-unit) * 58.5);
  }

  .md\:w-1\/3{
    width: 33.333333%;
  }

  .md\:w-1\/4{
    width: 25%;
  }

  .md\:w-14{
    width: 3.5rem;
  }

  .md\:w-18{
    width: calc(0.25rem * 18);
    width: calc(var(--spacing-unit) * 18);
  }

  .md\:w-20{
    width: 5rem;
  }

  .md\:w-21\.5{
    width: calc(0.25rem * 21.5);
    width: calc(var(--spacing-unit) * 21.5);
  }

  .md\:w-22{
    width: calc(0.25rem * 22);
    width: calc(var(--spacing-unit) * 22);
  }

  .md\:w-22\.5{
    width: calc(0.25rem * 22.5);
    width: calc(var(--spacing-unit) * 22.5);
  }

  .md\:w-24{
    width: 6rem;
  }

  .md\:w-3\/5{
    width: 60%;
  }

  .md\:w-40{
    width: 10rem;
  }

  .md\:w-42{
    width: calc(0.25rem * 42);
    width: calc(var(--spacing-unit) * 42);
  }

  .md\:w-48{
    width: 12rem;
  }

  .md\:w-5\/12{
    width: 41.666667%;
  }

  .md\:w-55{
    width: calc(0.25rem * 55);
    width: calc(var(--spacing-unit) * 55);
  }

  .md\:w-\[148\%\]{
    width: 148%;
  }

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

  .md\:w-\[8\.25rem\]{
    width: 8.25rem;
  }

  .md\:w-\[calc\(100\%\+3rem\)\]{
    width: calc(100% + 3rem);
  }

  .md\:w-\[calc\(100\%-3rem\)\]{
    width: calc(100% - 3rem);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:min-w-21\.5{
    min-width: calc(0.25rem * 21.5);
    min-width: calc(var(--spacing-unit) * 21.5);
  }

  .md\:min-w-24{
    min-width: 6rem;
  }

  .md\:max-w-83{
    max-width: calc(0.25rem * 83);
    max-width: calc(var(--spacing-unit) * 83);
  }

  .md\:max-w-full{
    max-width: 100%;
  }

  .md\:max-w-none{
    max-width: none;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

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

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

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

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

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

  .md\:grid-cols-\[1fr_auto_1fr\]{
    grid-template-columns: 1fr auto 1fr;
  }

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

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

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

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

  .md\:items-end{
    align-items: flex-end;
  }

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

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

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

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

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

  .md\:gap-0{
    gap: 0px;
  }

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-15{
    gap: calc(0.25rem * 15);
    gap: calc(var(--spacing-unit) * 15);
  }

  .md\:gap-16{
    gap: 4rem;
  }

  .md\:gap-19{
    gap: calc(0.25rem * 19);
    gap: calc(var(--spacing-unit) * 19);
  }

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:gap-20{
    gap: 5rem;
  }

  .md\:gap-22{
    gap: calc(0.25rem * 22);
    gap: calc(var(--spacing-unit) * 22);
  }

  .md\:gap-30{
    gap: calc(0.25rem * 30);
    gap: calc(var(--spacing-unit) * 30);
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-40{
    gap: 10rem;
  }

  .md\:gap-5\.5{
    gap: calc(0.25rem * 5.5);
    gap: calc(var(--spacing-unit) * 5.5);
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-7{
    gap: 1.75rem;
  }

  .md\:gap-7\.5{
    gap: calc(0.25rem * 7.5);
    gap: calc(var(--spacing-unit) * 7.5);
  }

  .md\:gap-8{
    gap: 2rem;
  }

  .md\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .md\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:gap-x-\[var\(--grid-gap\)\]{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    -moz-column-gap: var(--grid-gap);
         column-gap: var(--grid-gap);
  }

  .md\:gap-y-10{
    row-gap: 2.5rem;
  }

  .md\:gap-y-15{
    row-gap: calc(0.25rem * 15);
    row-gap: calc(var(--spacing-unit) * 15);
  }

  .md\:gap-y-2{
    row-gap: 0.5rem;
  }

  .md\:gap-y-20{
    row-gap: 5rem;
  }

  .md\:gap-y-24{
    row-gap: 6rem;
  }

  .md\:gap-y-4{
    row-gap: 1rem;
  }

  .md\:gap-y-40{
    row-gap: 10rem;
  }

  .md\:gap-y-8{
    row-gap: 2rem;
  }

  .md\:justify-self-end{
    justify-self: end;
  }

  .md\:overflow-visible{
    overflow: visible;
  }

  .md\:text-balance{
    text-wrap: balance;
  }

  .md\:rounded-3\.5xl{
    border-radius: calc(0.25rem * 7.5);
    border-radius: calc(var(--spacing-unit) * 7.5);
  }

  .md\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .md\:rounded-\[1\.375rem\]{
    border-radius: 1.375rem;
  }

  .md\:rounded-none{
    border-radius: 0px;
  }

  .md\:rounded-t-3\.5xl{
    border-top-left-radius: calc(0.25rem * 7.5);
    border-top-left-radius: calc(var(--spacing-unit) * 7.5);
    border-top-right-radius: calc(0.25rem * 7.5);
    border-top-right-radius: calc(var(--spacing-unit) * 7.5);
  }

  .md\:rounded-bl-3\.5xl{
    border-bottom-left-radius: calc(0.25rem * 7.5);
    border-bottom-left-radius: calc(var(--spacing-unit) * 7.5);
  }

  .md\:rounded-br-3\.5xl{
    border-bottom-right-radius: calc(0.25rem * 7.5);
    border-bottom-right-radius: calc(var(--spacing-unit) * 7.5);
  }

  .md\:rounded-br-none{
    border-bottom-right-radius: 0px;
  }

  .md\:rounded-tl-none{
    border-top-left-radius: 0px;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:bg-transparent{
    background-color: transparent;
  }

  .md\:bg-white{
    background-color: #ffffff;
    background-color: var(--color-white);
  }

  .md\:p-0{
    padding: 0px;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-6\.5{
    padding: calc(0.25rem * 6.5);
    padding: calc(var(--spacing-unit) * 6.5);
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:pb-15{
    padding-bottom: calc(0.25rem * 15);
    padding-bottom: calc(var(--spacing-unit) * 15);
  }

  .md\:pb-20{
    padding-bottom: 5rem;
  }

  .md\:pb-8{
    padding-bottom: 2rem;
  }

  .md\:pb-96{
    padding-bottom: 24rem;
  }

  .md\:pb-\[10\%\]{
    padding-bottom: 10%;
  }

  .md\:pb-\[38\%\]{
    padding-bottom: 38%;
  }

  .md\:pb-\[56\%\]{
    padding-bottom: 56%;
  }

  .md\:pl-24{
    padding-left: 6rem;
  }

  .md\:pl-4{
    padding-left: 1rem;
  }

  .md\:pl-8{
    padding-left: 2rem;
  }

  .md\:pr-8{
    padding-right: 2rem;
  }

  .md\:pt-0{
    padding-top: 0px;
  }

  .md\:pt-10{
    padding-top: 2.5rem;
  }

  .md\:pt-15{
    padding-top: calc(0.25rem * 15);
    padding-top: calc(var(--spacing-unit) * 15);
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:pt-20{
    padding-top: 5rem;
  }

  .md\:pt-24{
    padding-top: 6rem;
  }

  .md\:pt-28{
    padding-top: 7rem;
  }

  .md\:pt-3{
    padding-top: 0.75rem;
  }

  .md\:pt-30{
    padding-top: calc(0.25rem * 30);
    padding-top: calc(var(--spacing-unit) * 30);
  }

  .md\:pt-33{
    padding-top: calc(0.25rem * 33);
    padding-top: calc(var(--spacing-unit) * 33);
  }

  .md\:pt-36{
    padding-top: 9rem;
  }

  .md\:pt-40{
    padding-top: 10rem;
  }

  .md\:pt-46{
    padding-top: calc(0.25rem * 46);
    padding-top: calc(var(--spacing-unit) * 46);
  }

  .md\:pt-48{
    padding-top: 12rem;
  }

  .md\:pt-52{
    padding-top: 13rem;
  }

  .md\:pt-72{
    padding-top: 18rem;
  }

  .md\:pt-\[31vw\]{
    padding-top: 31vw;
  }

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

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

  .md\:text-end{
    text-align: right;
  }

  .md\:text-\[6rem\]\/\[1\.1em\]{
    font-size: 6rem;
    line-height: 1.1em;
  }

  .md\:font-normal{
    font-weight: 400;
  }

  .md\:text-blue{
    color: #0033a0;
    color: var(--color-blue);
  }

  .md\:wrapper-main{
    padding-left: calc(0.25rem * 3.5);
    padding-left: calc(var(--spacing-unit) * 3.5);
    padding-right: calc(0.25rem * 3.5);
    padding-right: calc(var(--spacing-unit) * 3.5);
  }

  @media (min-width: 768px){

    .md\:wrapper-main{
      padding-left: calc(0.25rem * 4);
      padding-left: calc(var(--spacing-unit) * 4);
      padding-right: calc(0.25rem * 4);
      padding-right: calc(var(--spacing-unit) * 4);
    }
  }

  @media (min-width: 1280px){

    .md\:wrapper-main{
      padding-left: calc(0.25rem * 8);
      padding-left: calc(var(--spacing-unit) * 8);
      padding-right: calc(0.25rem * 8);
      padding-right: calc(var(--spacing-unit) * 8);
    }
  }
  .md\:grid-default{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 0.75rem;
    grid-column-gap: var(--grid-gap);
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    -moz-column-gap: var(--grid-gap);
         column-gap: var(--grid-gap);
  }
  @media (min-width: 1280px){

    .md\:grid-default{
      grid-template-columns: repeat(12, minmax(0, 1fr));
      -moz-column-gap: 1rem;
           column-gap: 1rem;
      -moz-column-gap: var(--grid-gap-lg);
           column-gap: var(--grid-gap-lg);
    }
  }

  .md\:text-h0{
    font-family: Marta, serif;
    font-size: 4rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .md\:text-h1{
    font-family: Marta, serif;
    font-size: 3rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .md\:text-h2{
    font-family: Marta, serif;
    font-size: 2.5rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .md\:text-h2-5{
    font-family: Marta, serif;
    font-size: 2.25rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .md\:text-h3-5{
    font-family: Marta, serif;
    font-size: 2rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .md\:text-h3{
    font-family: Marta, serif;
    font-size: 1.875rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .md\:text-h4{
    font-size: 1.5rem;
    line-height: 1.2em;
    letter-spacing: -0.02em;
  }

  .md\:text-h5{
    font-size: 1.25rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }

  .md\:text-h6{
    font-size: 1.125rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }

  .md\:text-p{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }

  .md\:first\:ml-4:first-child{
    margin-left: 1rem;
  }

  .md\:last\:mr-4:last-child{
    margin-right: 1rem;
  }
}

@media (min-width: 1024px){

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-start-10{
    grid-column-start: 10;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:h-18{
    height: calc(0.25rem * 18);
    height: calc(var(--spacing-unit) * 18);
  }

  .lg\:max-h-\[18rem\]{
    max-height: 18rem;
  }

  .lg\:w-18{
    width: calc(0.25rem * 18);
    width: calc(var(--spacing-unit) * 18);
  }

  .lg\:w-36{
    width: 9rem;
  }

  .lg\:w-52{
    width: 13rem;
  }

  .lg\:max-w-none{
    max-width: none;
  }

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

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

  .lg\:gap-14{
    gap: 3.5rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\:overflow-auto{
    overflow: auto;
  }

  .lg\:no-scrollbar{
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .lg\:no-scrollbar::-webkit-scrollbar{
    display: none;
  }
}

@media (min-width: 1280px){

  .xl\:static{
    position: static;
  }

  .xl\:fixed{
    position: fixed;
  }

  .xl\:absolute{
    position: absolute;
  }

  .xl\:sticky{
    position: sticky;
  }

  .xl\:inset-0{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .xl\:inset-y-2{
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .xl\:-left-8{
    left: -2rem;
  }

  .xl\:-right-8{
    right: -2rem;
  }

  .xl\:bottom-10{
    bottom: 2.5rem;
  }

  .xl\:bottom-36{
    bottom: 9rem;
  }

  .xl\:bottom-5{
    bottom: 1.25rem;
  }

  .xl\:bottom-8{
    bottom: 2rem;
  }

  .xl\:bottom-80{
    bottom: calc(0.25rem * 80);
    bottom: calc(var(--spacing-unit) * 80);
  }

  .xl\:bottom-auto{
    bottom: auto;
  }

  .xl\:left-0{
    left: 0px;
  }

  .xl\:left-1\/2{
    left: 50%;
  }

  .xl\:left-16{
    left: 4rem;
  }

  .xl\:left-8{
    left: 2rem;
  }

  .xl\:left-\[60\%\]{
    left: 60%;
  }

  .xl\:left-\[calc\(50\%-4\.5rem\)\]{
    left: calc(50% - 4.5rem);
  }

  .xl\:left-\[calc\(50\%-5\.5rem\)\]{
    left: calc(50% - 5.5rem);
  }

  .xl\:left-auto{
    left: auto;
  }

  .xl\:right-48{
    right: 12rem;
  }

  .xl\:right-8{
    right: 2rem;
  }

  .xl\:right-\[10svw\]{
    right: 10svw;
  }

  .xl\:top-0{
    top: 0px;
  }

  .xl\:top-1\/2{
    top: 50%;
  }

  .xl\:top-24{
    top: 6rem;
  }

  .xl\:top-8{
    top: 2rem;
  }

  .xl\:top-\[-10\%\]{
    top: -10%;
  }

  .xl\:top-auto{
    top: auto;
  }

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

  .xl\:z-60{
    z-index: 60;
  }

  .xl\:z-auto{
    z-index: auto;
  }

  .xl\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .xl\:col-span-12{
    grid-column: span 12 / span 12;
  }

  .xl\:col-span-18{
    grid-column: span 18 / span 18;
  }

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

  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .xl\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .xl\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .xl\:col-start-1{
    grid-column-start: 1;
  }

  .xl\:col-start-10{
    grid-column-start: 10;
  }

  .xl\:col-start-11{
    grid-column-start: 11;
  }

  .xl\:col-start-2{
    grid-column-start: 2;
  }

  .xl\:col-start-3{
    grid-column-start: 3;
  }

  .xl\:col-start-4{
    grid-column-start: 4;
  }

  .xl\:col-start-5{
    grid-column-start: 5;
  }

  .xl\:col-start-6{
    grid-column-start: 6;
  }

  .xl\:col-start-7{
    grid-column-start: 7;
  }

  .xl\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .xl\:row-start-1{
    grid-row-start: 1;
  }

  .xl\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .xl\:-mr-8{
    margin-right: -2rem;
  }

  .xl\:-mt-48{
    margin-top: -12rem;
  }

  .xl\:-mt-\[100svh\]{
    margin-top: -100svh;
  }

  .xl\:mb-15{
    margin-bottom: calc(0.25rem * 15);
    margin-bottom: calc(var(--spacing-unit) * 15);
  }

  .xl\:mr-0{
    margin-right: 0px;
  }

  .xl\:mt-0{
    margin-top: 0px;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:grid{
    display: grid;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:aspect-\[1376\/421\]{
    aspect-ratio: 1376/421;
  }

  .xl\:aspect-\[185\/126\]{
    aspect-ratio: 185/126;
  }

  .xl\:aspect-\[216\/274\]{
    aspect-ratio: 216/274;
  }

  .xl\:aspect-\[448\/540\]{
    aspect-ratio: 448/540;
  }

  .xl\:aspect-square{
    aspect-ratio: 1 / 1;
  }

  .xl\:h-13\.25{
    height: calc(0.25rem * 13.25);
    height: calc(var(--spacing-unit) * 13.25);
  }

  .xl\:h-14{
    height: 3.5rem;
  }

  .xl\:h-15{
    height: calc(0.25rem * 15);
    height: calc(var(--spacing-unit) * 15);
  }

  .xl\:h-16{
    height: 4rem;
  }

  .xl\:h-16\.5{
    height: calc(0.25rem * 16.5);
    height: calc(var(--spacing-unit) * 16.5);
  }

  .xl\:h-20{
    height: 5rem;
  }

  .xl\:h-21\.5{
    height: calc(0.25rem * 21.5);
    height: calc(var(--spacing-unit) * 21.5);
  }

  .xl\:h-24{
    height: 6rem;
  }

  .xl\:h-3{
    height: 0.75rem;
  }

  .xl\:h-44{
    height: 11rem;
  }

  .xl\:h-52{
    height: 13rem;
  }

  .xl\:h-8{
    height: 2rem;
  }

  .xl\:h-90{
    height: calc(0.25rem * 90);
    height: calc(var(--spacing-unit) * 90);
  }

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

  .xl\:h-\[2\.5625rem\]{
    height: 2.5625rem;
  }

  .xl\:h-\[3\.3125rem\]{
    height: 3.3125rem;
  }

  .xl\:h-\[calc\(100svh-6rem\)\]{
    height: calc(100svh - 6rem);
  }

  .xl\:h-\[calc\(200svh\+1000px\)\]{
    height: calc(200svh + 1000px);
  }

  .xl\:h-auto{
    height: auto;
  }

  .xl\:h-fit{
    height: -moz-fit-content;
    height: fit-content;
  }

  .xl\:h-full{
    height: 100%;
  }

  .xl\:h-svh{
    height: 100svh;
  }

  .xl\:max-h-\[22\.5rem\]{
    max-height: 22.5rem;
  }

  .xl\:max-h-\[calc\(100vh-39rem\)\]{
    max-height: calc(100vh - 39rem);
  }

  .xl\:max-h-none{
    max-height: none;
  }

  .xl\:min-h-0{
    min-height: 0px;
  }

  .xl\:min-h-full{
    min-height: 100%;
  }

  .xl\:w-1\/4{
    width: 25%;
  }

  .xl\:w-1\/5{
    width: 20%;
  }

  .xl\:w-10\.25{
    width: calc(0.25rem * 10.25);
    width: calc(var(--spacing-unit) * 10.25);
  }

  .xl\:w-14{
    width: 3.5rem;
  }

  .xl\:w-15{
    width: calc(0.25rem * 15);
    width: calc(var(--spacing-unit) * 15);
  }

  .xl\:w-16{
    width: 4rem;
  }

  .xl\:w-16\.5{
    width: calc(0.25rem * 16.5);
    width: calc(var(--spacing-unit) * 16.5);
  }

  .xl\:w-20{
    width: 5rem;
  }

  .xl\:w-21\.5{
    width: calc(0.25rem * 21.5);
    width: calc(var(--spacing-unit) * 21.5);
  }

  .xl\:w-24{
    width: 6rem;
  }

  .xl\:w-28{
    width: 7rem;
  }

  .xl\:w-3{
    width: 0.75rem;
  }

  .xl\:w-3\/4{
    width: 75%;
  }

  .xl\:w-36{
    width: 9rem;
  }

  .xl\:w-37{
    width: calc(0.25rem * 37);
    width: calc(var(--spacing-unit) * 37);
  }

  .xl\:w-4\/5{
    width: 80%;
  }

  .xl\:w-44{
    width: 11rem;
  }

  .xl\:w-52{
    width: 13rem;
  }

  .xl\:w-55{
    width: calc(0.25rem * 55);
    width: calc(var(--spacing-unit) * 55);
  }

  .xl\:w-56{
    width: 14rem;
  }

  .xl\:w-72{
    width: 18rem;
  }

  .xl\:w-8{
    width: 2rem;
  }

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

  .xl\:w-\[116\%\]{
    width: 116%;
  }

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

  .xl\:w-\[3\.3125rem\]{
    width: 3.3125rem;
  }

  .xl\:w-\[30\.25rem\]{
    width: 30.25rem;
  }

  .xl\:w-\[calc\(100\%\+4rem\)\]{
    width: calc(100% + 4rem);
  }

  .xl\:w-\[calc\(100\%\+8rem\)\]{
    width: calc(100% + 8rem);
  }

  .xl\:w-\[calc\(100\%-4rem\)\]{
    width: calc(100% - 4rem);
  }

  .xl\:w-\[calc\(100\%-8rem\)\]{
    width: calc(100% - 8rem);
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:min-w-16\.5{
    min-width: calc(0.25rem * 16.5);
    min-width: calc(var(--spacing-unit) * 16.5);
  }

  .xl\:min-w-37{
    min-width: calc(0.25rem * 37);
    min-width: calc(var(--spacing-unit) * 37);
  }

  .xl\:max-w-32{
    max-width: 8rem;
  }

  .xl\:max-w-83{
    max-width: calc(0.25rem * 83);
    max-width: calc(var(--spacing-unit) * 83);
  }

  .xl\:shrink-0{
    flex-shrink: 0;
  }

  .xl\:-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:-translate-x-4{
    --tw-translate-x: -1rem;
    transform: translate(-1rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:-translate-y-\[66\.66\%\]{
    --tw-translate-y: -66.66%;
    transform: translate(var(--tw-translate-x), -66.66%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:-translate-y-\[calc\(100\%\+1\.5rem\+16px\)\]{
    --tw-translate-y: calc(calc(100% + 1.5rem + 16px) * -1);
    transform: translate(var(--tw-translate-x), calc((100% + 1.5rem + 16px) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), calc(calc(100% + 1.5rem + 16px) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:-translate-y-\[calc\(100\%-10rem\)\]{
    --tw-translate-y: calc(calc(100% - 10rem) * -1);
    transform: translate(var(--tw-translate-x), calc((100% - 10rem) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), calc(calc(100% - 10rem) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:translate-y-\[calc\(1\.5rem\+16px\)\]{
    --tw-translate-y: calc(1.5rem + 16px);
    transform: translate(var(--tw-translate-x), calc(1.5rem + 16px)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xl\:flex-col-reverse{
    flex-direction: column-reverse;
  }

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

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

  .xl\:items-end{
    align-items: flex-end;
  }

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

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

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

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

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

  .xl\:gap-0{
    gap: 0px;
  }

  .xl\:gap-10{
    gap: 2.5rem;
  }

  .xl\:gap-12{
    gap: 3rem;
  }

  .xl\:gap-13{
    gap: calc(0.25rem * 13);
    gap: calc(var(--spacing-unit) * 13);
  }

  .xl\:gap-15{
    gap: calc(0.25rem * 15);
    gap: calc(var(--spacing-unit) * 15);
  }

  .xl\:gap-16{
    gap: 4rem;
  }

  .xl\:gap-2{
    gap: 0.5rem;
  }

  .xl\:gap-20{
    gap: 5rem;
  }

  .xl\:gap-3{
    gap: 0.75rem;
  }

  .xl\:gap-36{
    gap: 9rem;
  }

  .xl\:gap-4{
    gap: 1rem;
  }

  .xl\:gap-4\.5{
    gap: calc(0.25rem * 4.5);
    gap: calc(var(--spacing-unit) * 4.5);
  }

  .xl\:gap-40{
    gap: 10rem;
  }

  .xl\:gap-48{
    gap: 12rem;
  }

  .xl\:gap-5{
    gap: 1.25rem;
  }

  .xl\:gap-6{
    gap: 1.5rem;
  }

  .xl\:gap-6\.5{
    gap: calc(0.25rem * 6.5);
    gap: calc(var(--spacing-unit) * 6.5);
  }

  .xl\:gap-7{
    gap: 1.75rem;
  }

  .xl\:gap-7\.5{
    gap: calc(0.25rem * 7.5);
    gap: calc(var(--spacing-unit) * 7.5);
  }

  .xl\:gap-8{
    gap: 2rem;
  }

  .xl\:gap-8\.5{
    gap: calc(0.25rem * 8.5);
    gap: calc(var(--spacing-unit) * 8.5);
  }

  .xl\:gap-x-0{
    -moz-column-gap: 0px;
         column-gap: 0px;
  }

  .xl\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .xl\:gap-x-\[var\(--grid-gap-lg\)\]{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    -moz-column-gap: var(--grid-gap-lg);
         column-gap: var(--grid-gap-lg);
  }

  .xl\:gap-y-0{
    row-gap: 0px;
  }

  .xl\:gap-y-10{
    row-gap: 2.5rem;
  }

  .xl\:gap-y-15{
    row-gap: calc(0.25rem * 15);
    row-gap: calc(var(--spacing-unit) * 15);
  }

  .xl\:gap-y-20{
    row-gap: 5rem;
  }

  .xl\:gap-y-8{
    row-gap: 2rem;
  }

  .xl\:gap-y-\[var\(--grid-gap-lg\)\]{
    row-gap: 1rem;
    row-gap: var(--grid-gap-lg);
  }

  .xl\:self-auto{
    align-self: auto;
  }

  .xl\:self-start{
    align-self: flex-start;
  }

  .xl\:justify-self-end{
    justify-self: end;
  }

  .xl\:overflow-auto{
    overflow: auto;
  }

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

  .xl\:overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .xl\:text-balance{
    text-wrap: balance;
  }

  .xl\:rounded-3\.5xl{
    border-radius: calc(0.25rem * 7.5);
    border-radius: calc(var(--spacing-unit) * 7.5);
  }

  .xl\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .xl\:rounded-4xl{
    border-radius: calc(0.25rem * 8);
    border-radius: calc(var(--spacing-unit) * 8);
  }

  .xl\:rounded-5xl{
    border-radius: calc(0.25rem * 12.5);
    border-radius: calc(var(--spacing-unit) * 12.5);
  }

  .xl\:rounded-7xl{
    border-radius: calc(0.25rem * 20);
    border-radius: calc(var(--spacing-unit) * 20);
  }

  .xl\:rounded-t-3\.5xl{
    border-top-left-radius: calc(0.25rem * 7.5);
    border-top-left-radius: calc(var(--spacing-unit) * 7.5);
    border-top-right-radius: calc(0.25rem * 7.5);
    border-top-right-radius: calc(var(--spacing-unit) * 7.5);
  }

  .xl\:rounded-bl-3\.5xl{
    border-bottom-left-radius: calc(0.25rem * 7.5);
    border-bottom-left-radius: calc(var(--spacing-unit) * 7.5);
  }

  .xl\:rounded-br-none{
    border-bottom-right-radius: 0px;
  }

  .xl\:border-4{
    border-width: 4px;
  }

  .xl\:border-b{
    border-bottom-width: 1px;
  }

  .xl\:border-none{
    border-style: none;
  }

  .xl\:bg-black-20{
    background-color: rgba(8, 5, 22, 0.2);
    background-color: var(--color-black-20);
  }

  .xl\:bg-transparent{
    background-color: transparent;
  }

  .xl\:p-10{
    padding: 2.5rem;
  }

  .xl\:p-16{
    padding: 4rem;
  }

  .xl\:p-2{
    padding: 0.5rem;
  }

  .xl\:p-5{
    padding: 1.25rem;
  }

  .xl\:p-6\.5{
    padding: calc(0.25rem * 6.5);
    padding: calc(var(--spacing-unit) * 6.5);
  }

  .xl\:p-7{
    padding: 1.75rem;
  }

  .xl\:p-8{
    padding: 2rem;
  }

  .xl\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:px-5\.5{
    padding-left: calc(0.25rem * 5.5);
    padding-left: calc(var(--spacing-unit) * 5.5);
    padding-right: calc(0.25rem * 5.5);
    padding-right: calc(var(--spacing-unit) * 5.5);
  }

  .xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .xl\:py-11{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .xl\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .xl\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:py-4\.5{
    padding-top: calc(0.25rem * 4.5);
    padding-top: calc(var(--spacing-unit) * 4.5);
    padding-bottom: calc(0.25rem * 4.5);
    padding-bottom: calc(var(--spacing-unit) * 4.5);
  }

  .xl\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:pb-0{
    padding-bottom: 0px;
  }

  .xl\:pb-10{
    padding-bottom: 2.5rem;
  }

  .xl\:pb-120{
    padding-bottom: calc(0.25rem * 120);
    padding-bottom: calc(var(--spacing-unit) * 120);
  }

  .xl\:pb-15{
    padding-bottom: calc(0.25rem * 15);
    padding-bottom: calc(var(--spacing-unit) * 15);
  }

  .xl\:pb-16{
    padding-bottom: 4rem;
  }

  .xl\:pb-24{
    padding-bottom: 6rem;
  }

  .xl\:pb-25{
    padding-bottom: calc(0.25rem * 25);
    padding-bottom: calc(var(--spacing-unit) * 25);
  }

  .xl\:pb-30{
    padding-bottom: calc(0.25rem * 30);
    padding-bottom: calc(var(--spacing-unit) * 30);
  }

  .xl\:pb-48{
    padding-bottom: 12rem;
  }

  .xl\:pb-52{
    padding-bottom: 13rem;
  }

  .xl\:pb-8{
    padding-bottom: 2rem;
  }

  .xl\:pb-96{
    padding-bottom: 24rem;
  }

  .xl\:pb-\[40\%\]{
    padding-bottom: 40%;
  }

  .xl\:pb-\[42\%\]{
    padding-bottom: 42%;
  }

  .xl\:pb-\[67\.114\%\]{
    padding-bottom: 67.114%;
  }

  .xl\:pl-0{
    padding-left: 0px;
  }

  .xl\:pl-2{
    padding-left: 0.5rem;
  }

  .xl\:pl-8{
    padding-left: 2rem;
  }

  .xl\:pr-0{
    padding-right: 0px;
  }

  .xl\:pr-2{
    padding-right: 0.5rem;
  }

  .xl\:pr-28{
    padding-right: 7rem;
  }

  .xl\:pt-0{
    padding-top: 0px;
  }

  .xl\:pt-16{
    padding-top: 4rem;
  }

  .xl\:pt-24{
    padding-top: 6rem;
  }

  .xl\:pt-25{
    padding-top: calc(0.25rem * 25);
    padding-top: calc(var(--spacing-unit) * 25);
  }

  .xl\:pt-28{
    padding-top: 7rem;
  }

  .xl\:pt-30{
    padding-top: calc(0.25rem * 30);
    padding-top: calc(var(--spacing-unit) * 30);
  }

  .xl\:pt-35{
    padding-top: calc(0.25rem * 35);
    padding-top: calc(var(--spacing-unit) * 35);
  }

  .xl\:pt-36{
    padding-top: 9rem;
  }

  .xl\:pt-40{
    padding-top: 10rem;
  }

  .xl\:pt-42{
    padding-top: calc(0.25rem * 42);
    padding-top: calc(var(--spacing-unit) * 42);
  }

  .xl\:pt-44{
    padding-top: 11rem;
  }

  .xl\:pt-48{
    padding-top: 12rem;
  }

  .xl\:pt-60{
    padding-top: 15rem;
  }

  .xl\:pt-64{
    padding-top: 16rem;
  }

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

  .xl\:text-start{
    text-align: left;
  }

  .xl\:text-\[8rem\]\/\[1\.1em\]{
    font-size: 8rem;
    line-height: 1.1em;
  }

  .xl\:font-medium{
    font-weight: 500;
  }

  .xl\:\!leading-\[1\.45em\]{
    line-height: 1.45em !important;
  }

  .xl\:text-blue{
    color: #0033a0;
    color: var(--color-blue);
  }

  .xl\:text-blue-50{
    color: rgba(0, 51, 160, 0.5);
    color: var(--color-blue-50);
  }

  .xl\:text-transparent{
    color: transparent;
  }

  .xl\:opacity-0{
    opacity: 0;
  }

  .xl\:opacity-40{
    opacity: 0.4;
  }

  .xl\:outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:backdrop-blur{
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .xl\:transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .xl\:duration-300{
    transition-duration: 300ms;
  }

  .xl\:no-scrollbar{
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .xl\:no-scrollbar::-webkit-scrollbar{
    display: none;
  }
  .xl\:grid-default{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 0.75rem;
    grid-column-gap: var(--grid-gap);
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    -moz-column-gap: var(--grid-gap);
         column-gap: var(--grid-gap);
  }
  @media (min-width: 1280px){

    .xl\:grid-default{
      grid-template-columns: repeat(12, minmax(0, 1fr));
      -moz-column-gap: 1rem;
           column-gap: 1rem;
      -moz-column-gap: var(--grid-gap-lg);
           column-gap: var(--grid-gap-lg);
    }
  }

  .xl\:text-round-medium{
    font-family: Marta, serif;
    font-size: 10rem;
    line-height: 0.74em;
    letter-spacing: -0.02em;
  }

  .xl\:text-line{
    font-family: Marta, serif;
    font-size: 5.5rem;
    line-height: 1.1em;
    letter-spacing: -0.03em;
  }

  .xl\:text-h1{
    font-family: Marta, serif;
    font-size: 3rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .xl\:text-h2{
    font-family: Marta, serif;
    font-size: 2.5rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .xl\:text-h3-5-onest{
    font-size: 2rem;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }

  .xl\:text-h4-5-onest{
    font-size: 1.625rem;
    line-height: 1.2em;
    letter-spacing: -0.02em;
  }

  .xl\:text-h4{
    font-size: 1.5rem;
    line-height: 1.2em;
    letter-spacing: -0.02em;
  }

  .xl\:text-h5{
    font-size: 1.25rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }

  .xl\:text-p{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }

  .xl\:text-p2{
    font-size: 0.875rem;
    line-height: 1.2em;
    letter-spacing: -0.02em;
  }

  .xl\:text-btn{
    font-size: 1rem;
    line-height: 1.45em;
    font-weight: 600;
  }

  .xl\:before\:absolute::before{
    content: var(--tw-content);
    position: absolute;
  }

  .xl\:before\:bottom-0::before{
    content: var(--tw-content);
    bottom: 0px;
  }

  .xl\:before\:left-0::before{
    content: var(--tw-content);
    left: 0px;
  }

  .xl\:before\:top-1\/2::before{
    content: var(--tw-content);
    top: 50%;
  }

  .xl\:before\:h-\[1px\]::before{
    content: var(--tw-content);
    height: 1px;
  }

  .xl\:before\:h-px::before{
    content: var(--tw-content);
    height: 1px;
  }

  .xl\:before\:w-2\/3::before{
    content: var(--tw-content);
    width: 66.666667%;
  }

  .xl\:before\:w-\[calc\(50\%-100px\)\]::before{
    content: var(--tw-content);
    width: calc(50% - 100px);
  }

  .xl\:before\:-translate-y-1\/2::before{
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:before\:bg-blue::before{
    content: var(--tw-content);
    background-color: #0033a0;
    background-color: var(--color-blue);
  }

  .xl\:before\:bg-blue-10::before{
    content: var(--tw-content);
    background-color: rgba(0, 51, 160, 0.1);
    background-color: var(--color-blue-10);
  }

  .xl\:before\:content-\[\'\'\]::before{
    --tw-content: '';
    content: '';
    content: var(--tw-content);
  }

  .xl\:after\:absolute::after{
    content: var(--tw-content);
    position: absolute;
  }

  .xl\:after\:right-0::after{
    content: var(--tw-content);
    right: 0px;
  }

  .xl\:after\:top-1\/2::after{
    content: var(--tw-content);
    top: 50%;
  }

  .xl\:after\:h-px::after{
    content: var(--tw-content);
    height: 1px;
  }

  .xl\:after\:w-\[calc\(50\%-100px\)\]::after{
    content: var(--tw-content);
    width: calc(50% - 100px);
  }

  .xl\:after\:-translate-y-1\/2::after{
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:after\:bg-blue-10::after{
    content: var(--tw-content);
    background-color: rgba(0, 51, 160, 0.1);
    background-color: var(--color-blue-10);
  }

  .xl\:after\:content-\[\'\'\]::after{
    --tw-content: '';
    content: '';
    content: var(--tw-content);
  }

  .xl\:first\:ml-0:first-child{
    margin-left: 0px;
  }

  .xl\:first\:ml-10:first-child{
    margin-left: 2.5rem;
  }

  .xl\:first\:ml-8:first-child{
    margin-left: 2rem;
  }

  .xl\:first\:pl-8:first-child{
    padding-left: 2rem;
  }

  .xl\:last\:mr-10:last-child{
    margin-right: 2.5rem;
  }

  .xl\:last\:mr-8:last-child{
    margin-right: 2rem;
  }

  .xl\:last\:before\:h-0:last-child::before{
    content: var(--tw-content);
    height: 0px;
  }

  @media (hover: hover) and (pointer: fine){

    .xl\:hover\:border-blue:hover{
      border-color: #0033a0;
      border-color: var(--color-blue);
    }

    .xl\:hover\:border-white:hover{
      border-color: #ffffff;
      border-color: var(--color-white);
    }
  }
}

@media (hover: hover) and (pointer: fine){

  @media (min-width: 1280px){

    .hover\:xl\:bg-blue:hover{
      background-color: #0033a0;
      background-color: var(--color-blue);
    }

    .hover\:xl\:bg-white:hover{
      background-color: #ffffff;
      background-color: var(--color-white);
    }
  }
}

@media (min-width: 1280px){

  @media (hover: hover) and (pointer: fine){

    .xl\:hover\:bg-blue:hover{
      background-color: #0033a0;
      background-color: var(--color-blue);
    }

    .xl\:hover\:bg-lightBlue:hover{
      background-color: #f2f7ff;
      background-color: var(--color-light-blue);
    }

    .xl\:hover\:bg-lightGray:hover{
      background-color: #f1f3f4;
      background-color: var(--color-light-gray);
    }

    .xl\:hover\:bg-orange:hover{
      background-color: #f06522;
      background-color: var(--color-orange);
    }

    .xl\:hover\:bg-transparent:hover{
      background-color: transparent;
    }

    .xl\:hover\:bg-white:hover{
      background-color: #ffffff;
      background-color: var(--color-white);
    }
  }
}

@media (hover: hover) and (pointer: fine){

  @media (min-width: 1280px){

    .hover\:xl\:text-orange:hover{
      color: #f06522;
      color: var(--color-orange);
    }
  }
}

@media (min-width: 1280px){

  @media (hover: hover) and (pointer: fine){

    .xl\:hover\:text-blue:hover{
      color: #0033a0;
      color: var(--color-blue);
    }

    .xl\:hover\:text-orange:hover{
      color: #f06522;
      color: var(--color-orange);
    }

    .xl\:hover\:text-white:hover{
      color: #ffffff;
      color: var(--color-white);
    }

    .group:hover .xl\:group-hover\:fill-\[\#f06522\]{
      fill: #f06522;
    }

    .group:hover .xl\:group-hover\:fill-blue{
      fill: #0033a0;
      fill: var(--color-blue);
    }
  }
}

@media (hover: hover) and (pointer: fine){

  @media (min-width: 1280px){

    .group:hover .group-hover\:xl\:stroke-orange{
      stroke: #f06522;
      stroke: var(--color-orange);
    }
  }
}

@media (min-width: 1280px){

  @media (hover: hover) and (pointer: fine){

    .group:hover .xl\:group-hover\:stroke-blue{
      stroke: #0033a0;
      stroke: var(--color-blue);
    }

    .group:hover .xl\:group-hover\:stroke-orange{
      stroke: #f06522;
      stroke: var(--color-orange);
    }

    .group:hover .xl\:group-hover\:stroke-white{
      stroke: #ffffff;
      stroke: var(--color-white);
    }

    .group:hover .xl\:group-hover\:text-blue{
      color: #0033a0;
      color: var(--color-blue);
    }

    .group:hover .xl\:group-hover\:text-orange{
      color: #f06522;
      color: var(--color-orange);
    }

    .group:hover .xl\:group-hover\:text-white{
      color: #ffffff;
      color: var(--color-white);
    }

    .group:hover .xl\:group-hover\:text-white-50{
      color: rgba(255, 255, 255, 0.5);
      color: var(--color-white-50);
    }

    .group:hover .xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .group:hover .xl\:group-hover\:opacity-100{
      opacity: 1;
    }
  }
}

@media (min-width: 1440px){

  .\32xl\:gap-10{
    gap: 2.5rem;
  }

  .\32xl\:px-5\.5{
    padding-left: calc(0.25rem * 5.5);
    padding-left: calc(var(--spacing-unit) * 5.5);
    padding-right: calc(0.25rem * 5.5);
    padding-right: calc(var(--spacing-unit) * 5.5);
  }

  .\32xl\:py-33{
    padding-top: calc(0.25rem * 33);
    padding-top: calc(var(--spacing-unit) * 33);
    padding-bottom: calc(0.25rem * 33);
    padding-bottom: calc(var(--spacing-unit) * 33);
  }
}

@media (min-width: 768px){

  @media (orientation: portrait){

    .md\:portrait\:w-\[60\%\]{
      width: 60%;
    }

    .md\:portrait\:w-\[80\%\]{
      width: 80%;
    }
  }
}

@media (orientation: landscape){

  .landscape\:bottom-0{
    bottom: 0px;
  }

  .landscape\:w-\[105\%\]{
    width: 105%;
  }

  .landscape\:w-\[121\.25\%\]{
    width: 121.25%;
  }

  .landscape\:w-\[44\%\]{
    width: 44%;
  }

  .landscape\:w-\[52\%\]{
    width: 52%;
  }

  .landscape\:w-full{
    width: 100%;
  }

  .landscape\:-translate-y-\[26\%\]{
    --tw-translate-y: -26%;
    transform: translate(var(--tw-translate-x), -26%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .landscape\:-translate-y-\[38\%\]{
    --tw-translate-y: -38%;
    transform: translate(var(--tw-translate-x), -38%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .landscape\:-translate-y-\[calc\(24\%\+2rem\)\]{
    --tw-translate-y: calc(calc(24% + 2rem) * -1);
    transform: translate(var(--tw-translate-x), calc((24% + 2rem) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), calc(calc(24% + 2rem) * -1)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .landscape\:translate-y-\[20\%\]{
    --tw-translate-y: 20%;
    transform: translate(var(--tw-translate-x), 20%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .landscape\:translate-y-\[26\%\]{
    --tw-translate-y: 26%;
    transform: translate(var(--tw-translate-x), 26%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .landscape\:translate-y-\[64\%\]{
    --tw-translate-y: 64%;
    transform: translate(var(--tw-translate-x), 64%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .landscape\:scale-\[147\%\]{
    --tw-scale-x: 147%;
    --tw-scale-y: 147%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(147%) scaleY(147%);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.\[\&\.active\]\:bg-blue.active{
  background-color: #0033a0;
  background-color: var(--color-blue);
}

.\[\&\.active\]\:bg-white.active{
  background-color: #ffffff;
  background-color: var(--color-white);
}

.\[\&\.active\]\:text-white.active{
  color: #ffffff;
  color: var(--color-white);
}

.\[\&\.disabled\]\:pointer-events-none.disabled{
  pointer-events: none;
}

.\[\&\.open\]\:border-lightBlue.open{
  border-color: #f2f7ff;
  border-color: var(--color-light-blue);
}

.\[\&\.open\]\:bg-blue.open{
  background-color: #0033a0;
  background-color: var(--color-blue);
}

.\[\&\.open\]\:bg-lightBlue.open{
  background-color: #f2f7ff;
  background-color: var(--color-light-blue);
}

.\[\&\.open\]\:bg-white.open{
  background-color: #ffffff;
  background-color: var(--color-white);
}

.\[\&\.open\]\:text-blue.open{
  color: #0033a0;
  color: var(--color-blue);
}

.\[\&\.preloader-hidden\]\:-translate-y-full.preloader-hidden{
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), -100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\.preloader-hidden\]\:opacity-0.preloader-hidden{
  opacity: 0;
}

.\[\&\>div\>div\>p\]\:text-p2>div>div>p{
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .\[\&\>div\>div\>p\]\:xl\:text-p>div>div>p{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }
}

.\[\&\>div\>div\]\:flex>div>div{
  display: flex;
}

.\[\&\>div\>div\]\:flex-col>div>div{
  flex-direction: column;
}

.\[\&\>div\>div\]\:gap-2>div>div{
  gap: 0.5rem;
}

.\[\&\>div\]\:flex>div{
  display: flex;
}

.\[\&\>div\]\:flex-col>div{
  flex-direction: column;
}

.\[\&\>div\]\:gap-5>div{
  gap: 1.25rem;
}

.\[\&\>h3\]\:text-h5>h3{
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .xl\:\[\&\>h3\]\:text-h4>h3{
    font-size: 1.5rem;
    line-height: 1.2em;
    letter-spacing: -0.02em;
  }
}

.\[\&\>p\]\:text-h6>p{
  font-size: 1.125rem;
  line-height: 1.4em;
  letter-spacing: -0.02em;
}

.\[\&\>p\]\:text-p2>p{
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .\[\&\>p\]\:xl\:text-h5>p{
    font-size: 1.25rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }

  .\[\&\>p\]\:xl\:text-p>p{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }
}

.\[\&_h2\]\:text-h6 h2{
  font-size: 1.125rem;
  line-height: 1.4em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .xl\:\[\&_h2\]\:text-h5 h2{
    font-size: 1.25rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }
}

.\[\&_h3\]\:mt-5 h3{
  margin-top: 1.25rem;
}

.\[\&_h3\]\:text-p2 h3{
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .xl\:\[\&_h3\]\:text-p h3{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }
}

.\[\&_li\]\:text-p2 li{
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .\[\&_li\]\:xl\:text-p li{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }
}

.\[\&_p\]\:mt-2 p{
  margin-top: 0.5rem;
}

.\[\&_p\]\:text-p2 p{
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}

@media (min-width: 1280px){

  .xl\:\[\&_p\]\:text-p p{
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: -0.02em;
  }
}

.\[\&_svg\]\:opacity-0 svg{
  opacity: 0;
}

.\[\&_svg\]\:opacity-100 svg{
  opacity: 1;
}

.peer:checked ~ .peer-checked\:\[\&_svg\]\:opacity-100 svg{
  opacity: 1;
}

.\[\&_ul\]\:mt-2 ul{
  margin-top: 0.5rem;
}

.\[\&_ul\]\:list-disc ul{
  list-style-type: disc;
}

.\[\&_ul\]\:pl-5 ul{
  padding-left: 1.25rem;
}

@media (min-width: 1280px){

  @media(max-height:700px){

    .xl\:\[\@media\(max-height\:700px\)\]\:max-h-\[calc\(100vh-8rem\)\]{
      max-height: calc(100vh - 8rem);
    }

    .xl\:\[\@media\(max-height\:700px\)\]\:no-scrollbar{
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .xl\:\[\@media\(max-height\:700px\)\]\:no-scrollbar::-webkit-scrollbar{
      display: none;
    }
  }
}
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-right: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-bottom: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */


    .swiper-fade.swiper-free-mode .swiper-slide {
      transition-timing-function: ease-out;
    }
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
.swiper-fade .swiper-slide .swiper-slide {
      pointer-events: none;
    }
.swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
.swiper-fade .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: 44px;

  width: var(--swiper-navigation-size);
  height: 44px;
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-disabled.swiper-button-prev,.swiper-button-disabled.swiper-button-next {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
.swiper-button-hidden.swiper-button-prev,.swiper-button-hidden.swiper-button-next {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }
.swiper-button-prev ::slotted(svg) {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
.swiper-button-next ::slotted(svg) {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: 4px;
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
  }
.swiper-button-next {
  right: 4px;
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal  ~ .swiper-button-prev,.swiper-horizontal  ~ .swiper-button-next {
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (44px / 2));
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: 4px;
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
.swiper-horizontal .swiper-button-next,.swiper-horizontal ~ .swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: 4px;
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
.swiper-horizontal .swiper-button-prev:not(.does-not-exist) ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }
.swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }
.swiper-horizontal.swiper-rtl .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }
.swiper-horizontal.swiper-rtl ~ .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(180deg);
    }
.swiper-horizontal .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,.swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
      transform: rotate(180deg);
    }
.swiper-horizontal.swiper-rtl .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(0deg);
    }
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(0deg);
    }
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(0deg);
    }
.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-prev,.swiper-vertical  ~ .swiper-button-next {
    left: 50%;
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (44px / 2));
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
.swiper-vertical .swiper-button-prev,.swiper-vertical  ~ .swiper-button-prev {
    top: 4px;
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
  }
.swiper-vertical .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(-90deg);
    }
.swiper-vertical ~ .swiper-button-prev ::slotted(.swiper-navigation-icon) {
      transform: rotate(-90deg);
    }
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-next {
    bottom: 4px;
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
  }
.swiper-vertical .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(90deg);
    }
.swiper-vertical ~ .swiper-button-next ::slotted(.swiper-navigation-icon) {
      transform: rotate(90deg);
    }
.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
      transform: rotate(90deg);
    }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
.swiper-pagination-bullet:only-child {
    display: none !important;
  }
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform, 200ms top;
    }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      transition:
        200ms transform, 200ms left;
    }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
.swiper-pagination-lock {
  display: none;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}