@charset "UTF-8";
html {
    box-sizing: border-box;
}

*,
*:after,
*:before {
    box-sizing: inherit;
}
:root {
    --ff-roboto: "Roboto", "Helvetica Neue", "Arial", sans-serif;
    --ff-aeroport: "Aeroport", "Helvetica Neue", "Arial";
    --fw-xl: 200;
    --fw-l: 300;
    --fw-n: 400;
    --fw-m: 500;
    --fw-sb: 600;
    --fw-b: 700;
    --fw-xb: 800;
    --fz-xs: 12px;
    --fz-sm: 14px;
    --fz-md: 16px;
    --fz-lg: 18px;
    --fz-xl: 20px;
    --fz-2xl: 30px;
    --fz-3xl: 36px;
    --fz-5xl: 44px;
    --fz-6xl: 48px;
    --fz-7xl: 52px;
    --fz-9xl: 60px;
    --lh-1: 1;
    --lh-2xs: 1.1;
    --lh-xs: 1.25;
    --lh-sm: 1.27;
    --lh-md: 1.34;
    --lh-lg: 1.43;
    --lh-xl: 1.5;
}

:root {
    -moz-tab-size: 4;
    tab-size: 4;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
h1,
h2,
h3,
p {
    margin-top: 0;
    margin-bottom: 0;
}
hr {
    height: 0;
    border: 0;
    color: inherit;
}
button,
input {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}
button {
    text-transform: none;
}
button {
    color: inherit;
    -webkit-appearance: none;
}
button:focus {
    outline: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
a,
button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
a:focus,
button:focus {
    outline: none;
}
.layered-content {
    display: grid;
}
.layered-content__item {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
}
@media print {
    *,
    *:before,
    *:after {
        box-shadow: none;
        text-shadow: none;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: auto;
    }
}

.row {
    --gutter-x: 32px;
    --gutter-y: 0;
    --grid-columns: 12;
    display: grid !important;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--gutter-y) var(--gutter-x);
    height: fit-content;
}
.row .col-1 {
    grid-column-end: span 1;
}
.row .col-2 {
    grid-column-end: span 2;
}
.row .col-3 {
    grid-column-end: span 3;
}
.row .col-4 {
    grid-column-end: span 4;
}
.row .col-5 {
    grid-column-end: span 5;
}
.row .col-6 {
    grid-column-end: span 6;
}
.row .col-7 {
    grid-column-end: span 7;
}
.row .col-8 {
    grid-column-end: span 8;
}
.row .col-9 {
    grid-column-end: span 9;
}
.row .col-10 {
    grid-column-end: span 10;
}
.row .col-11 {
    grid-column-end: span 11;
}
.row .col-12 {
    grid-column-end: span 12;
}
.row .col-start-1 {
    grid-column-start: 1;
}
.row .col-start-2 {
    grid-column-start: 2;
}
.row .col-start-3 {
    grid-column-start: 3;
}
.row .col-start-4 {
    grid-column-start: 4;
}
.row .col-start-5 {
    grid-column-start: 5;
}
.row .col-start-6 {
    grid-column-start: 6;
}
.row .col-start-7 {
    grid-column-start: 7;
}
.row .col-start-8 {
    grid-column-start: 8;
}
.row .col-start-9 {
    grid-column-start: 9;
}
.row .col-start-10 {
    grid-column-start: 10;
}
.row .col-start-11 {
    grid-column-start: 11;
}
@media (min-width: 464px) {
    .row .sm\:col-1 {
        grid-column-end: span 1;
    }
    .row .sm\:col-2 {
        grid-column-end: span 2;
    }
    .row .sm\:col-3 {
        grid-column-end: span 3;
    }
    .row .sm\:col-4 {
        grid-column-end: span 4;
    }
    .row .sm\:col-5 {
        grid-column-end: span 5;
    }
    .row .sm\:col-6 {
        grid-column-end: span 6;
    }
    .row .sm\:col-7 {
        grid-column-end: span 7;
    }
    .row .sm\:col-8 {
        grid-column-end: span 8;
    }
    .row .sm\:col-9 {
        grid-column-end: span 9;
    }
    .row .sm\:col-10 {
        grid-column-end: span 10;
    }
    .row .sm\:col-11 {
        grid-column-end: span 11;
    }
    .row .sm\:col-12 {
        grid-column-end: span 12;
    }
    .row .sm\:col-start-1 {
        grid-column-start: 1;
    }
    .row .sm\:col-start-2 {
        grid-column-start: 2;
    }
    .row .sm\:col-start-3 {
        grid-column-start: 3;
    }
    .row .sm\:col-start-4 {
        grid-column-start: 4;
    }
    .row .sm\:col-start-5 {
        grid-column-start: 5;
    }
    .row .sm\:col-start-6 {
        grid-column-start: 6;
    }
    .row .sm\:col-start-7 {
        grid-column-start: 7;
    }
    .row .sm\:col-start-8 {
        grid-column-start: 8;
    }
    .row .sm\:col-start-9 {
        grid-column-start: 9;
    }
    .row .sm\:col-start-10 {
        grid-column-start: 10;
    }
    .row .sm\:col-start-11 {
        grid-column-start: 11;
    }
}
@media (min-width: 768px) {
    .row .md\:col-1 {
        grid-column-end: span 1;
    }
    .row .md\:col-2 {
        grid-column-end: span 2;
    }
    .row .md\:col-3 {
        grid-column-end: span 3;
    }
    .row .md\:col-4 {
        grid-column-end: span 4;
    }
    .row .md\:col-5 {
        grid-column-end: span 5;
    }
    .row .md\:col-6 {
        grid-column-end: span 6;
    }
    .row .md\:col-7 {
        grid-column-end: span 7;
    }
    .row .md\:col-8 {
        grid-column-end: span 8;
    }
    .row .md\:col-9 {
        grid-column-end: span 9;
    }
    .row .md\:col-10 {
        grid-column-end: span 10;
    }
    .row .md\:col-11 {
        grid-column-end: span 11;
    }
    .row .md\:col-12 {
        grid-column-end: span 12;
    }
    .row .md\:col-start-1 {
        grid-column-start: 1;
    }
    .row .md\:col-start-2 {
        grid-column-start: 2;
    }
    .row .md\:col-start-3 {
        grid-column-start: 3;
    }
    .row .md\:col-start-4 {
        grid-column-start: 4;
    }
    .row .md\:col-start-5 {
        grid-column-start: 5;
    }
    .row .md\:col-start-6 {
        grid-column-start: 6;
    }
    .row .md\:col-start-7 {
        grid-column-start: 7;
    }
    .row .md\:col-start-8 {
        grid-column-start: 8;
    }
    .row .md\:col-start-9 {
        grid-column-start: 9;
    }
    .row .md\:col-start-10 {
        grid-column-start: 10;
    }
    .row .md\:col-start-11 {
        grid-column-start: 11;
    }
}
@media (min-width: 1024px) {
    .row .lg\:col-1 {
        grid-column-end: span 1;
    }
    .row .lg\:col-2 {
        grid-column-end: span 2;
    }
    .row .lg\:col-3 {
        grid-column-end: span 3;
    }
    .row .lg\:col-4 {
        grid-column-end: span 4;
    }
    .row .lg\:col-5 {
        grid-column-end: span 5;
    }
    .row .lg\:col-6 {
        grid-column-end: span 6;
    }
    .row .lg\:col-7 {
        grid-column-end: span 7;
    }
    .row .lg\:col-8 {
        grid-column-end: span 8;
    }
    .row .lg\:col-9 {
        grid-column-end: span 9;
    }
    .row .lg\:col-10 {
        grid-column-end: span 10;
    }
    .row .lg\:col-11 {
        grid-column-end: span 11;
    }
    .row .lg\:col-12 {
        grid-column-end: span 12;
    }
    .row .lg\:col-start-1 {
        grid-column-start: 1;
    }
    .row .lg\:col-start-2 {
        grid-column-start: 2;
    }
    .row .lg\:col-start-3 {
        grid-column-start: 3;
    }
    .row .lg\:col-start-4 {
        grid-column-start: 4;
    }
    .row .lg\:col-start-5 {
        grid-column-start: 5;
    }
    .row .lg\:col-start-6 {
        grid-column-start: 6;
    }
    .row .lg\:col-start-7 {
        grid-column-start: 7;
    }
    .row .lg\:col-start-8 {
        grid-column-start: 8;
    }
    .row .lg\:col-start-9 {
        grid-column-start: 9;
    }
    .row .lg\:col-start-10 {
        grid-column-start: 10;
    }
    .row .lg\:col-start-11 {
        grid-column-start: 11;
    }
}
@media (min-width: 1200px) {
    .row .xl\:col-1 {
        grid-column-end: span 1;
    }
    .row .xl\:col-2 {
        grid-column-end: span 2;
    }
    .row .xl\:col-3 {
        grid-column-end: span 3;
    }
    .row .xl\:col-4 {
        grid-column-end: span 4;
    }
    .row .xl\:col-5 {
        grid-column-end: span 5;
    }
    .row .xl\:col-6 {
        grid-column-end: span 6;
    }
    .row .xl\:col-7 {
        grid-column-end: span 7;
    }
    .row .xl\:col-8 {
        grid-column-end: span 8;
    }
    .row .xl\:col-9 {
        grid-column-end: span 9;
    }
    .row .xl\:col-10 {
        grid-column-end: span 10;
    }
    .row .xl\:col-11 {
        grid-column-end: span 11;
    }
    .row .xl\:col-12 {
        grid-column-end: span 12;
    }
    .row .xl\:col-start-1 {
        grid-column-start: 1;
    }
    .row .xl\:col-start-2 {
        grid-column-start: 2;
    }
    .row .xl\:col-start-3 {
        grid-column-start: 3;
    }
    .row .xl\:col-start-4 {
        grid-column-start: 4;
    }
    .row .xl\:col-start-5 {
        grid-column-start: 5;
    }
    .row .xl\:col-start-6 {
        grid-column-start: 6;
    }
    .row .xl\:col-start-7 {
        grid-column-start: 7;
    }
    .row .xl\:col-start-8 {
        grid-column-start: 8;
    }
    .row .xl\:col-start-9 {
        grid-column-start: 9;
    }
    .row .xl\:col-start-10 {
        grid-column-start: 10;
    }
    .row .xl\:col-start-11 {
        grid-column-start: 11;
    }
}
@media (min-width: 1440px) {
    .row .xxl\:col-1 {
        grid-column-end: span 1;
    }
    .row .xxl\:col-2 {
        grid-column-end: span 2;
    }
    .row .xxl\:col-3 {
        grid-column-end: span 3;
    }
    .row .xxl\:col-4 {
        grid-column-end: span 4;
    }
    .row .xxl\:col-5 {
        grid-column-end: span 5;
    }
    .row .xxl\:col-6 {
        grid-column-end: span 6;
    }
    .row .xxl\:col-7 {
        grid-column-end: span 7;
    }
    .row .xxl\:col-8 {
        grid-column-end: span 8;
    }
    .row .xxl\:col-9 {
        grid-column-end: span 9;
    }
    .row .xxl\:col-10 {
        grid-column-end: span 10;
    }
    .row .xxl\:col-11 {
        grid-column-end: span 11;
    }
    .row .xxl\:col-12 {
        grid-column-end: span 12;
    }
    .row .xxl\:col-start-1 {
        grid-column-start: 1;
    }
    .row .xxl\:col-start-2 {
        grid-column-start: 2;
    }
    .row .xxl\:col-start-3 {
        grid-column-start: 3;
    }
    .row .xxl\:col-start-4 {
        grid-column-start: 4;
    }
    .row .xxl\:col-start-5 {
        grid-column-start: 5;
    }
    .row .xxl\:col-start-6 {
        grid-column-start: 6;
    }
    .row .xxl\:col-start-7 {
        grid-column-start: 7;
    }
    .row .xxl\:col-start-8 {
        grid-column-start: 8;
    }
    .row .xxl\:col-start-9 {
        grid-column-start: 9;
    }
    .row .xxl\:col-start-10 {
        grid-column-start: 10;
    }
    .row .xxl\:col-start-11 {
        grid-column-start: 11;
    }
}
@media (min-width: 1920px) {
    .row .xxxl\:col-1 {
        grid-column-end: span 1;
    }
    .row .xxxl\:col-2 {
        grid-column-end: span 2;
    }
    .row .xxxl\:col-3 {
        grid-column-end: span 3;
    }
    .row .xxxl\:col-4 {
        grid-column-end: span 4;
    }
    .row .xxxl\:col-5 {
        grid-column-end: span 5;
    }
    .row .xxxl\:col-6 {
        grid-column-end: span 6;
    }
    .row .xxxl\:col-7 {
        grid-column-end: span 7;
    }
    .row .xxxl\:col-8 {
        grid-column-end: span 8;
    }
    .row .xxxl\:col-9 {
        grid-column-end: span 9;
    }
    .row .xxxl\:col-10 {
        grid-column-end: span 10;
    }
    .row .xxxl\:col-11 {
        grid-column-end: span 11;
    }
    .row .xxxl\:col-12 {
        grid-column-end: span 12;
    }
    .row .xxxl\:col-start-1 {
        grid-column-start: 1;
    }
    .row .xxxl\:col-start-2 {
        grid-column-start: 2;
    }
    .row .xxxl\:col-start-3 {
        grid-column-start: 3;
    }
    .row .xxxl\:col-start-4 {
        grid-column-start: 4;
    }
    .row .xxxl\:col-start-5 {
        grid-column-start: 5;
    }
    .row .xxxl\:col-start-6 {
        grid-column-start: 6;
    }
    .row .xxxl\:col-start-7 {
        grid-column-start: 7;
    }
    .row .xxxl\:col-start-8 {
        grid-column-start: 8;
    }
    .row .xxxl\:col-start-9 {
        grid-column-start: 9;
    }
    .row .xxxl\:col-start-10 {
        grid-column-start: 10;
    }
    .row .xxxl\:col-start-11 {
        grid-column-start: 11;
    }
}
.row > * {
    grid-column: auto/span var(--grid-columns);
}
.row--auto-cols {
    grid-template-columns: auto;
    grid-auto-flow: column;
    width: fit-content;
}
.row--auto-cols > * {
    grid-column: auto;
}
.row-cols-2 {
    --grid-columns: 2;
}
.row-cols-2 > * {
    grid-column: auto;
}
.row-cols-3 {
    --grid-columns: 3;
}
.row-cols-3 > * {
    grid-column: auto;
}
.row-cols-4 {
    --grid-columns: 4;
}
.row-cols-4 > * {
    grid-column: auto;
}
.row-cols-5 {
    --grid-columns: 5;
}
.row-cols-5 > * {
    grid-column: auto;
}
.row-cols-6 {
    --grid-columns: 6;
}
.row-cols-6 > * {
    grid-column: auto;
}
.row-cols-7 {
    --grid-columns: 7;
}
.row-cols-7 > * {
    grid-column: auto;
}
.row-cols-8 {
    --grid-columns: 8;
}
.row-cols-8 > * {
    grid-column: auto;
}
.row-cols-9 {
    --grid-columns: 9;
}
.row-cols-9 > * {
    grid-column: auto;
}
.row-cols-10 {
    --grid-columns: 10;
}
.row-cols-10 > * {
    grid-column: auto;
}
.row-cols-11 {
    --grid-columns: 11;
}
.row-cols-11 > * {
    grid-column: auto;
}
.row-cols-12 {
    --grid-columns: 12;
}
.row-cols-12 > * {
    grid-column: auto;
}
@media (min-width: 464px) {
    .sm\:row-cols-2 {
        --grid-columns: 2;
    }
    .sm\:row-cols-2 > * {
        grid-column: auto;
    }
    .sm\:row-cols-3 {
        --grid-columns: 3;
    }
    .sm\:row-cols-3 > * {
        grid-column: auto;
    }
    .sm\:row-cols-4 {
        --grid-columns: 4;
    }
    .sm\:row-cols-4 > * {
        grid-column: auto;
    }
    .sm\:row-cols-5 {
        --grid-columns: 5;
    }
    .sm\:row-cols-5 > * {
        grid-column: auto;
    }
    .sm\:row-cols-6 {
        --grid-columns: 6;
    }
    .sm\:row-cols-6 > * {
        grid-column: auto;
    }
    .sm\:row-cols-7 {
        --grid-columns: 7;
    }
    .sm\:row-cols-7 > * {
        grid-column: auto;
    }
    .sm\:row-cols-8 {
        --grid-columns: 8;
    }
    .sm\:row-cols-8 > * {
        grid-column: auto;
    }
    .sm\:row-cols-9 {
        --grid-columns: 9;
    }
    .sm\:row-cols-9 > * {
        grid-column: auto;
    }
    .sm\:row-cols-10 {
        --grid-columns: 10;
    }
    .sm\:row-cols-10 > * {
        grid-column: auto;
    }
    .sm\:row-cols-11 {
        --grid-columns: 11;
    }
    .sm\:row-cols-11 > * {
        grid-column: auto;
    }
    .sm\:row-cols-12 {
        --grid-columns: 12;
    }
    .sm\:row-cols-12 > * {
        grid-column: auto;
    }
}
@media (min-width: 768px) {
    .md\:row-cols-2 {
        --grid-columns: 2;
    }
    .md\:row-cols-2 > * {
        grid-column: auto;
    }
    .md\:row-cols-3 {
        --grid-columns: 3;
    }
    .md\:row-cols-3 > * {
        grid-column: auto;
    }
    .md\:row-cols-4 {
        --grid-columns: 4;
    }
    .md\:row-cols-4 > * {
        grid-column: auto;
    }
    .md\:row-cols-5 {
        --grid-columns: 5;
    }
    .md\:row-cols-5 > * {
        grid-column: auto;
    }
    .md\:row-cols-6 {
        --grid-columns: 6;
    }
    .md\:row-cols-6 > * {
        grid-column: auto;
    }
    .md\:row-cols-7 {
        --grid-columns: 7;
    }
    .md\:row-cols-7 > * {
        grid-column: auto;
    }
    .md\:row-cols-8 {
        --grid-columns: 8;
    }
    .md\:row-cols-8 > * {
        grid-column: auto;
    }
    .md\:row-cols-9 {
        --grid-columns: 9;
    }
    .md\:row-cols-9 > * {
        grid-column: auto;
    }
    .md\:row-cols-10 {
        --grid-columns: 10;
    }
    .md\:row-cols-10 > * {
        grid-column: auto;
    }
    .md\:row-cols-11 {
        --grid-columns: 11;
    }
    .md\:row-cols-11 > * {
        grid-column: auto;
    }
    .md\:row-cols-12 {
        --grid-columns: 12;
    }
    .md\:row-cols-12 > * {
        grid-column: auto;
    }
}
@media (min-width: 1024px) {
    .lg\:row-cols-2 {
        --grid-columns: 2;
    }
    .lg\:row-cols-2 > * {
        grid-column: auto;
    }
    .lg\:row-cols-3 {
        --grid-columns: 3;
    }
    .lg\:row-cols-3 > * {
        grid-column: auto;
    }
    .lg\:row-cols-4 {
        --grid-columns: 4;
    }
    .lg\:row-cols-4 > * {
        grid-column: auto;
    }
    .lg\:row-cols-5 {
        --grid-columns: 5;
    }
    .lg\:row-cols-5 > * {
        grid-column: auto;
    }
    .lg\:row-cols-6 {
        --grid-columns: 6;
    }
    .lg\:row-cols-6 > * {
        grid-column: auto;
    }
    .lg\:row-cols-7 {
        --grid-columns: 7;
    }
    .lg\:row-cols-7 > * {
        grid-column: auto;
    }
    .lg\:row-cols-8 {
        --grid-columns: 8;
    }
    .lg\:row-cols-8 > * {
        grid-column: auto;
    }
    .lg\:row-cols-9 {
        --grid-columns: 9;
    }
    .lg\:row-cols-9 > * {
        grid-column: auto;
    }
    .lg\:row-cols-10 {
        --grid-columns: 10;
    }
    .lg\:row-cols-10 > * {
        grid-column: auto;
    }
    .lg\:row-cols-11 {
        --grid-columns: 11;
    }
    .lg\:row-cols-11 > * {
        grid-column: auto;
    }
    .lg\:row-cols-12 {
        --grid-columns: 12;
    }
    .lg\:row-cols-12 > * {
        grid-column: auto;
    }
}
@media (min-width: 1200px) {
    .xl\:row-cols-2 {
        --grid-columns: 2;
    }
    .xl\:row-cols-2 > * {
        grid-column: auto;
    }
    .xl\:row-cols-3 {
        --grid-columns: 3;
    }
    .xl\:row-cols-3 > * {
        grid-column: auto;
    }
    .xl\:row-cols-4 {
        --grid-columns: 4;
    }
    .xl\:row-cols-4 > * {
        grid-column: auto;
    }
    .xl\:row-cols-5 {
        --grid-columns: 5;
    }
    .xl\:row-cols-5 > * {
        grid-column: auto;
    }
    .xl\:row-cols-6 {
        --grid-columns: 6;
    }
    .xl\:row-cols-6 > * {
        grid-column: auto;
    }
    .xl\:row-cols-7 {
        --grid-columns: 7;
    }
    .xl\:row-cols-7 > * {
        grid-column: auto;
    }
    .xl\:row-cols-8 {
        --grid-columns: 8;
    }
    .xl\:row-cols-8 > * {
        grid-column: auto;
    }
    .xl\:row-cols-9 {
        --grid-columns: 9;
    }
    .xl\:row-cols-9 > * {
        grid-column: auto;
    }
    .xl\:row-cols-10 {
        --grid-columns: 10;
    }
    .xl\:row-cols-10 > * {
        grid-column: auto;
    }
    .xl\:row-cols-11 {
        --grid-columns: 11;
    }
    .xl\:row-cols-11 > * {
        grid-column: auto;
    }
    .xl\:row-cols-12 {
        --grid-columns: 12;
    }
    .xl\:row-cols-12 > * {
        grid-column: auto;
    }
}
@media (min-width: 1440px) {
    .xxl\:row-cols-2 {
        --grid-columns: 2;
    }
    .xxl\:row-cols-2 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-3 {
        --grid-columns: 3;
    }
    .xxl\:row-cols-3 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-4 {
        --grid-columns: 4;
    }
    .xxl\:row-cols-4 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-5 {
        --grid-columns: 5;
    }
    .xxl\:row-cols-5 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-6 {
        --grid-columns: 6;
    }
    .xxl\:row-cols-6 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-7 {
        --grid-columns: 7;
    }
    .xxl\:row-cols-7 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-8 {
        --grid-columns: 8;
    }
    .xxl\:row-cols-8 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-9 {
        --grid-columns: 9;
    }
    .xxl\:row-cols-9 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-10 {
        --grid-columns: 10;
    }
    .xxl\:row-cols-10 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-11 {
        --grid-columns: 11;
    }
    .xxl\:row-cols-11 > * {
        grid-column: auto;
    }
    .xxl\:row-cols-12 {
        --grid-columns: 12;
    }
    .xxl\:row-cols-12 > * {
        grid-column: auto;
    }
}
@media (min-width: 1920px) {
    .xxxl\:row-cols-2 {
        --grid-columns: 2;
    }
    .xxxl\:row-cols-2 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-3 {
        --grid-columns: 3;
    }
    .xxxl\:row-cols-3 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-4 {
        --grid-columns: 4;
    }
    .xxxl\:row-cols-4 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-5 {
        --grid-columns: 5;
    }
    .xxxl\:row-cols-5 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-6 {
        --grid-columns: 6;
    }
    .xxxl\:row-cols-6 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-7 {
        --grid-columns: 7;
    }
    .xxxl\:row-cols-7 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-8 {
        --grid-columns: 8;
    }
    .xxxl\:row-cols-8 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-9 {
        --grid-columns: 9;
    }
    .xxxl\:row-cols-9 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-10 {
        --grid-columns: 10;
    }
    .xxxl\:row-cols-10 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-11 {
        --grid-columns: 11;
    }
    .xxxl\:row-cols-11 > * {
        grid-column: auto;
    }
    .xxxl\:row-cols-12 {
        --grid-columns: 12;
    }
    .xxxl\:row-cols-12 > * {
        grid-column: auto;
    }
}
.va-bl {
    vertical-align: baseline !important;
}
.va-t {
    vertical-align: top !important;
}
.va-m {
    vertical-align: middle !important;
}
.va-b {
    vertical-align: bottom !important;
}
.va-tb {
    vertical-align: text-bottom !important;
}
.va-tt {
    vertical-align: text-top !important;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-none {
    float: none !important;
}
.ov-auto {
    overflow: auto !important;
}
.ov-hidden {
    overflow: hidden !important;
}
.ov-visible {
    overflow: visible !important;
}
.ov-scroll {
    overflow: scroll !important;
}
.ov-x-auto {
    overflow-x: auto !important;
}
.ov-x-hidden {
    overflow-x: hidden !important;
}
.ov-x-visible {
    overflow-x: visible !important;
}
.ov-x-scroll {
    overflow-x: scroll !important;
}
.ov-y-auto {
    overflow-y: auto !important;
}
.ov-y-hidden {
    overflow-y: hidden !important;
}
.ov-y-visible {
    overflow-y: visible !important;
}
.ov-y-scroll {
    overflow-y: scroll !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-grid {
    display: grid !important;
}
.d-inline-grid {
    display: inline-grid !important;
}
.d-contents {
    display: contents !important;
}
.d-none {
    display: none !important;
}
.pos-static {
    position: static !important;
}
.pos-relative {
    position: relative !important;
}
.pos-absolute {
    position: absolute !important;
}
.pos-fixed {
    position: fixed !important;
}
.pos-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.pos-top-n100p {
    top: -100% !important;
}
.pos-top-n50p {
    top: -50% !important;
}
.pos-top-0 {
    top: 0 !important;
}
.pos-top-50p {
    top: 50% !important;
}
.pos-top-100p {
    top: 100% !important;
}
.pos-right-n100p {
    right: -100% !important;
}
.pos-right-n50p {
    right: -50% !important;
}
.pos-right-0 {
    right: 0 !important;
}
.pos-right-50p {
    right: 50% !important;
}
.pos-right-100p {
    right: 100% !important;
}
.pos-bottom-n100p {
    bottom: -100% !important;
}
.pos-bottom-n50p {
    bottom: -50% !important;
}
.pos-bottom-0 {
    bottom: 0 !important;
}
.pos-bottom-50p {
    bottom: 50% !important;
}
.pos-bottom-100p {
    bottom: 100% !important;
}
.pos-left-n100p {
    left: -100% !important;
}
.pos-left-n50p {
    left: -50% !important;
}
.pos-left-0 {
    left: 0 !important;
}
.pos-left-50p {
    left: 50% !important;
}
.pos-left-100p {
    left: 100% !important;
}
.translate-middle {
    transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
    transform: translate(-50%) !important;
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}
.translate-z-0 {
    transform: translateZ(0) !important;
}
.brs-0 {
    border-radius: 0 !important;
}
.brs-4 {
    border-radius: 4px !important;
}
.brs-8 {
    border-radius: 8px !important;
}
.brs-12 {
    border-radius: 12px !important;
}
.brs-16 {
    border-radius: 16px !important;
}
.brs-20 {
    border-radius: 20px !important;
}
.brs-24 {
    border-radius: 24px !important;
}
.brs-28 {
    border-radius: 28px !important;
}
.brs-32 {
    border-radius: 32px !important;
}
.brs-9 {
    border-radius: 9px !important;
}
.brs-tr-0 {
    border-top-right-radius: 0 !important;
}
.brs-tr-4 {
    border-top-right-radius: 4px !important;
}
.brs-tr-8 {
    border-top-right-radius: 8px !important;
}
.brs-tr-12 {
    border-top-right-radius: 12px !important;
}
.brs-tr-16 {
    border-top-right-radius: 16px !important;
}
.brs-tr-20 {
    border-top-right-radius: 20px !important;
}
.brs-tr-24 {
    border-top-right-radius: 24px !important;
}
.brs-tr-28 {
    border-top-right-radius: 28px !important;
}
.brs-tr-32 {
    border-top-right-radius: 32px !important;
}
.brs-br-0 {
    border-bottom-right-radius: 0 !important;
}
.brs-br-4 {
    border-bottom-right-radius: 4px !important;
}
.brs-br-8 {
    border-bottom-right-radius: 8px !important;
}
.brs-br-12 {
    border-bottom-right-radius: 12px !important;
}
.brs-br-16 {
    border-bottom-right-radius: 16px !important;
}
.brs-br-20 {
    border-bottom-right-radius: 20px !important;
}
.brs-br-24 {
    border-bottom-right-radius: 24px !important;
}
.brs-br-28 {
    border-bottom-right-radius: 28px !important;
}
.brs-br-32 {
    border-bottom-right-radius: 32px !important;
}
.brs-bl-0 {
    border-bottom-left-radius: 0 !important;
}
.brs-bl-4 {
    border-bottom-left-radius: 4px !important;
}
.brs-bl-8 {
    border-bottom-left-radius: 8px !important;
}
.brs-bl-12 {
    border-bottom-left-radius: 12px !important;
}
.brs-bl-16 {
    border-bottom-left-radius: 16px !important;
}
.brs-bl-20 {
    border-bottom-left-radius: 20px !important;
}
.brs-bl-24 {
    border-bottom-left-radius: 24px !important;
}
.brs-bl-28 {
    border-bottom-left-radius: 28px !important;
}
.brs-bl-32 {
    border-bottom-left-radius: 32px !important;
}
.brs-tl-0 {
    border-top-left-radius: 0 !important;
}
.brs-tl-4 {
    border-top-left-radius: 4px !important;
}
.brs-tl-8 {
    border-top-left-radius: 8px !important;
}
.brs-tl-12 {
    border-top-left-radius: 12px !important;
}
.brs-tl-16 {
    border-top-left-radius: 16px !important;
}
.brs-tl-20 {
    border-top-left-radius: 20px !important;
}
.brs-tl-24 {
    border-top-left-radius: 24px !important;
}
.brs-tl-28 {
    border-top-left-radius: 28px !important;
}
.brs-tl-32 {
    border-top-left-radius: 32px !important;
}
.border-1 {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-5 {
    border-width: 5px !important;
}
.border-6 {
    border-width: 6px !important;
}
.border-x-1 {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}
.border-x-2 {
    border-left-width: 2px !important;
    border-right-width: 2px !important;
}
.border-x-3 {
    border-left-width: 3px !important;
    border-right-width: 3px !important;
}
.border-x-4 {
    border-left-width: 4px !important;
    border-right-width: 4px !important;
}
.border-x-5 {
    border-left-width: 5px !important;
    border-right-width: 5px !important;
}
.border-x-6 {
    border-left-width: 6px !important;
    border-right-width: 6px !important;
}
.border-y-1 {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}
.border-y-2 {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
}
.border-y-3 {
    border-top-width: 3px !important;
    border-bottom-width: 3px !important;
}
.border-y-4 {
    border-top-width: 4px !important;
    border-bottom-width: 4px !important;
}
.border-y-5 {
    border-top-width: 5px !important;
    border-bottom-width: 5px !important;
}
.border-y-6 {
    border-top-width: 6px !important;
    border-bottom-width: 6px !important;
}
.border-t-1 {
    border-top-width: 1px !important;
}
.border-t-2 {
    border-top-width: 2px !important;
}
.border-t-3 {
    border-top-width: 3px !important;
}
.border-t-4 {
    border-top-width: 4px !important;
}
.border-t-5 {
    border-top-width: 5px !important;
}
.border-t-6 {
    border-top-width: 6px !important;
}
.border-r-1 {
    border-right-width: 1px !important;
}
.border-r-2 {
    border-right-width: 2px !important;
}
.border-r-3 {
    border-right-width: 3px !important;
}
.border-r-4 {
    border-right-width: 4px !important;
}
.border-r-5 {
    border-right-width: 5px !important;
}
.border-r-6 {
    border-right-width: 6px !important;
}
.border-b-1 {
    border-bottom-width: 1px !important;
}
.border-b-2 {
    border-bottom-width: 2px !important;
}
.border-b-3 {
    border-bottom-width: 3px !important;
}
.border-b-4 {
    border-bottom-width: 4px !important;
}
.border-b-5 {
    border-bottom-width: 5px !important;
}
.border-b-6 {
    border-bottom-width: 6px !important;
}
.border-l-1 {
    border-left-width: 1px !important;
}
.border-l-2 {
    border-left-width: 2px !important;
}
.border-l-3 {
    border-left-width: 3px !important;
}
.border-l-4 {
    border-left-width: 4px !important;
}
.border-l-5 {
    border-left-width: 5px !important;
}
.border-l-6 {
    border-left-width: 6px !important;
}
.border-none {
    border-style: none !important;
}
.border-hidden {
    border-style: hidden !important;
}
.border-dotted {
    border-style: dotted !important;
}
.border-dashed {
    border-style: dashed !important;
}
.border-solid {
    border-style: solid !important;
}
.border-double {
    border-style: double !important;
}
.border-groove {
    border-style: groove !important;
}
.border-ridge {
    border-style: ridge !important;
}
.border-inset {
    border-style: inset !important;
}
.border-outset {
    border-style: outset !important;
}
.border-x-none {
    border-left-style: none !important;
    border-right-style: none !important;
}
.border-x-hidden {
    border-left-style: hidden !important;
    border-right-style: hidden !important;
}
.border-x-dotted {
    border-left-style: dotted !important;
    border-right-style: dotted !important;
}
.border-x-dashed {
    border-left-style: dashed !important;
    border-right-style: dashed !important;
}
.border-x-solid {
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.border-x-double {
    border-left-style: double !important;
    border-right-style: double !important;
}
.border-x-groove {
    border-left-style: groove !important;
    border-right-style: groove !important;
}
.border-x-ridge {
    border-left-style: ridge !important;
    border-right-style: ridge !important;
}
.border-x-inset {
    border-left-style: inset !important;
    border-right-style: inset !important;
}
.border-x-outset {
    border-left-style: outset !important;
    border-right-style: outset !important;
}
.border-y-none {
    border-top-style: none !important;
    border-bottom-style: none !important;
}
.border-y-hidden {
    border-top-style: hidden !important;
    border-bottom-style: hidden !important;
}
.border-y-dotted {
    border-top-style: dotted !important;
    border-bottom-style: dotted !important;
}
.border-y-dashed {
    border-top-style: dashed !important;
    border-bottom-style: dashed !important;
}
.border-y-solid {
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.border-y-double {
    border-top-style: double !important;
    border-bottom-style: double !important;
}
.border-y-groove {
    border-top-style: groove !important;
    border-bottom-style: groove !important;
}
.border-y-ridge {
    border-top-style: ridge !important;
    border-bottom-style: ridge !important;
}
.border-y-inset {
    border-top-style: inset !important;
    border-bottom-style: inset !important;
}
.border-y-outset {
    border-top-style: outset !important;
    border-bottom-style: outset !important;
}
.border-t-none {
    border-top-style: none !important;
}
.border-t-hidden {
    border-top-style: hidden !important;
}
.border-t-dotted {
    border-top-style: dotted !important;
}
.border-t-dashed {
    border-top-style: dashed !important;
}
.border-t-solid {
    border-top-style: solid !important;
}
.border-t-double {
    border-top-style: double !important;
}
.border-t-groove {
    border-top-style: groove !important;
}
.border-t-ridge {
    border-top-style: ridge !important;
}
.border-t-inset {
    border-top-style: inset !important;
}
.border-t-outset {
    border-top-style: outset !important;
}
.border-r-none {
    border-right-style: none !important;
}
.border-r-hidden {
    border-right-style: hidden !important;
}
.border-r-dotted {
    border-right-style: dotted !important;
}
.border-r-dashed {
    border-right-style: dashed !important;
}
.border-r-solid {
    border-right-style: solid !important;
}
.border-r-double {
    border-right-style: double !important;
}
.border-r-groove {
    border-right-style: groove !important;
}
.border-r-ridge {
    border-right-style: ridge !important;
}
.border-r-inset {
    border-right-style: inset !important;
}
.border-r-outset {
    border-right-style: outset !important;
}
.border-b-none {
    border-bottom-style: none !important;
}
.border-b-hidden {
    border-bottom-style: hidden !important;
}
.border-b-dotted {
    border-bottom-style: dotted !important;
}
.border-b-dashed {
    border-bottom-style: dashed !important;
}
.border-b-solid {
    border-bottom-style: solid !important;
}
.border-b-double {
    border-bottom-style: double !important;
}
.border-b-groove {
    border-bottom-style: groove !important;
}
.border-b-ridge {
    border-bottom-style: ridge !important;
}
.border-b-inset {
    border-bottom-style: inset !important;
}
.border-b-outset {
    border-bottom-style: outset !important;
}
.border-l-none {
    border-left-style: none !important;
}
.border-l-hidden {
    border-left-style: hidden !important;
}
.border-l-dotted {
    border-left-style: dotted !important;
}
.border-l-dashed {
    border-left-style: dashed !important;
}
.border-l-solid {
    border-left-style: solid !important;
}
.border-l-double {
    border-left-style: double !important;
}
.border-l-groove {
    border-left-style: groove !important;
}
.border-l-ridge {
    border-left-style: ridge !important;
}
.border-l-inset {
    border-left-style: inset !important;
}
.border-l-outset {
    border-left-style: outset !important;
}
.border-white {
    border-color: var(--cl-white) !important;
}
.border-black {
    border-color: var(--cl-black) !important;
}
.border-light {
    border-color: var(--border-light-cl) !important;
}
.border-dark {
    border-color: var(--border-dark-cl) !important;
}
.border-primary {
    border-color: var(--border-primary-cl) !important;
}
.border-success {
    border-color: var(--border-success-cl) !important;
}
.border-warning {
    border-color: var(--border-warning-cl) !important;
}
.border-danger {
    border-color: var(--border-danger-cl) !important;
}
.border-info {
    border-color: var(--border-info-cl) !important;
}
.border-transparent {
    border-color: transparent !important;
}
.border-x-white {
    border-right-color: var(--cl-white) !important;
    border-left-color: var(--cl-white) !important;
}
.border-x-black {
    border-right-color: var(--cl-black) !important;
    border-left-color: var(--cl-black) !important;
}
.border-x-light {
    border-right-color: var(--border-light-cl) !important;
    border-left-color: var(--border-light-cl) !important;
}
.border-x-dark {
    border-right-color: var(--border-dark-cl) !important;
    border-left-color: var(--border-dark-cl) !important;
}
.border-x-primary {
    border-right-color: var(--border-primary-cl) !important;
    border-left-color: var(--border-primary-cl) !important;
}
.border-x-success {
    border-right-color: var(--border-success-cl) !important;
    border-left-color: var(--border-success-cl) !important;
}
.border-x-warning {
    border-right-color: var(--border-warning-cl) !important;
    border-left-color: var(--border-warning-cl) !important;
}
.border-x-danger {
    border-right-color: var(--border-danger-cl) !important;
    border-left-color: var(--border-danger-cl) !important;
}
.border-x-info {
    border-right-color: var(--border-info-cl) !important;
    border-left-color: var(--border-info-cl) !important;
}
.border-x-transparent {
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}
.border-y-white {
    border-top-color: var(--cl-white) !important;
    border-bottom-color: var(--cl-white) !important;
}
.border-y-black {
    border-top-color: var(--cl-black) !important;
    border-bottom-color: var(--cl-black) !important;
}
.border-y-light {
    border-top-color: var(--border-light-cl) !important;
    border-bottom-color: var(--border-light-cl) !important;
}
.border-y-dark {
    border-top-color: var(--border-dark-cl) !important;
    border-bottom-color: var(--border-dark-cl) !important;
}
.border-y-primary {
    border-top-color: var(--border-primary-cl) !important;
    border-bottom-color: var(--border-primary-cl) !important;
}
.border-y-success {
    border-top-color: var(--border-success-cl) !important;
    border-bottom-color: var(--border-success-cl) !important;
}
.border-y-warning {
    border-top-color: var(--border-warning-cl) !important;
    border-bottom-color: var(--border-warning-cl) !important;
}
.border-y-danger {
    border-top-color: var(--border-danger-cl) !important;
    border-bottom-color: var(--border-danger-cl) !important;
}
.border-y-info {
    border-top-color: var(--border-info-cl) !important;
    border-bottom-color: var(--border-info-cl) !important;
}
.border-y-transparent {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
.border-t-white {
    border-top-color: var(--cl-white) !important;
}
.border-t-black {
    border-top-color: var(--cl-black) !important;
}
.border-t-light {
    border-top-color: var(--border-light-cl) !important;
}
.border-t-dark {
    border-top-color: var(--border-dark-cl) !important;
}
.border-t-primary {
    border-top-color: var(--border-primary-cl) !important;
}
.border-t-success {
    border-top-color: var(--border-success-cl) !important;
}
.border-t-warning {
    border-top-color: var(--border-warning-cl) !important;
}
.border-t-danger {
    border-top-color: var(--border-danger-cl) !important;
}
.border-t-info {
    border-top-color: var(--border-info-cl) !important;
}
.border-t-transparent {
    border-top-color: transparent !important;
}
.border-r-white {
    border-right-color: var(--cl-white) !important;
}
.border-r-black {
    border-right-color: var(--cl-black) !important;
}
.border-r-light {
    border-right-color: var(--border-light-cl) !important;
}
.border-r-dark {
    border-right-color: var(--border-dark-cl) !important;
}
.border-r-primary {
    border-right-color: var(--border-primary-cl) !important;
}
.border-r-success {
    border-right-color: var(--border-success-cl) !important;
}
.border-r-warning {
    border-right-color: var(--border-warning-cl) !important;
}
.border-r-danger {
    border-right-color: var(--border-danger-cl) !important;
}
.border-r-info {
    border-right-color: var(--border-info-cl) !important;
}
.border-r-transparent {
    border-right-color: transparent !important;
}
.border-b-white {
    border-bottom-color: var(--cl-white) !important;
}
.border-b-black {
    border-bottom-color: var(--cl-black) !important;
}
.border-b-light {
    border-bottom-color: var(--border-light-cl) !important;
}
.border-b-dark {
    border-bottom-color: var(--border-dark-cl) !important;
}
.border-b-primary {
    border-bottom-color: var(--border-primary-cl) !important;
}
.border-b-success {
    border-bottom-color: var(--border-success-cl) !important;
}
.border-b-warning {
    border-bottom-color: var(--border-warning-cl) !important;
}
.border-b-danger {
    border-bottom-color: var(--border-danger-cl) !important;
}
.border-b-info {
    border-bottom-color: var(--border-info-cl) !important;
}
.border-b-transparent {
    border-bottom-color: transparent !important;
}
.border-l-white {
    border-left-color: var(--cl-white) !important;
}
.border-l-black {
    border-left-color: var(--cl-black) !important;
}
.border-l-light {
    border-left-color: var(--border-light-cl) !important;
}
.border-l-dark {
    border-left-color: var(--border-dark-cl) !important;
}
.border-l-primary {
    border-left-color: var(--border-primary-cl) !important;
}
.border-l-success {
    border-left-color: var(--border-success-cl) !important;
}
.border-l-warning {
    border-left-color: var(--border-warning-cl) !important;
}
.border-l-danger {
    border-left-color: var(--border-danger-cl) !important;
}
.border-l-info {
    border-left-color: var(--border-info-cl) !important;
}
.border-l-transparent {
    border-left-color: transparent !important;
}
.no-border {
    border: 0 !important;
}
.no-border-t {
    border-top: 0 !important;
}
.no-border-r {
    border-right: 0 !important;
}
.no-border-b {
    border-bottom: 0 !important;
}
.no-border-l {
    border-left: 0 !important;
}
.no-border-x {
    border-left: 0 !important;
    border-right: 0 !important;
}
.no-border-y {
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.w-0 {
    width: 0 !important;
}
.w-4 {
    width: 4px !important;
}
.w-8 {
    width: 8px !important;
}
.w-12 {
    width: 12px !important;
}
.w-16 {
    width: 16px !important;
}
.w-20 {
    width: 20px !important;
}
.w-24 {
    width: 24px !important;
}
.w-28 {
    width: 28px !important;
}
.w-32 {
    width: 32px !important;
}
.w-36 {
    width: 36px !important;
}
.w-40 {
    width: 40px !important;
}
.w-44 {
    width: 44px !important;
}
.w-48 {
    width: 48px !important;
}
.w-52 {
    width: 52px !important;
}
.w-56 {
    width: 56px !important;
}
.w-60 {
    width: 60px !important;
}
.w-64 {
    width: 64px !important;
}
.w-68 {
    width: 68px !important;
}
.w-72 {
    width: 72px !important;
}
.w-76 {
    width: 76px !important;
}
.w-80 {
    width: 80px !important;
}
.w-84 {
    width: 84px !important;
}
.w-88 {
    width: 88px !important;
}
.w-92 {
    width: 92px !important;
}
.w-96 {
    width: 96px !important;
}
.w-100 {
    width: 100px !important;
}
.w-104 {
    width: 104px !important;
}
.w-108 {
    width: 108px !important;
}
.w-112 {
    width: 112px !important;
}
.w-116 {
    width: 116px !important;
}
.w-120 {
    width: 120px !important;
}
.w-124 {
    width: 124px !important;
}
.w-128 {
    width: 128px !important;
}
.w-132 {
    width: 132px !important;
}
.w-136 {
    width: 136px !important;
}
.w-auto {
    width: auto !important;
}
.w-140 {
    width: 140px !important;
}
.w-160 {
    width: 160px !important;
}
.w-180 {
    width: 180px !important;
}
.w-200 {
    width: 200px !important;
}
.w-220 {
    width: 220px !important;
}
.w-240 {
    width: 240px !important;
}
.w-260 {
    width: 260px !important;
}
.w-280 {
    width: 280px !important;
}
.w-300 {
    width: 300px !important;
}
.w-320 {
    width: 320px !important;
}
.w-340 {
    width: 340px !important;
}
.w-360 {
    width: 360px !important;
}
.w-380 {
    width: 380px !important;
}
.w-400 {
    width: 400px !important;
}
.w-5p {
    width: 5% !important;
}
.w-10p {
    width: 10% !important;
}
.w-15p {
    width: 15% !important;
}
.w-20p {
    width: 20% !important;
}
.w-25p {
    width: 25% !important;
}
.w-30p {
    width: 30% !important;
}
.w-35p {
    width: 35% !important;
}
.w-40p {
    width: 40% !important;
}
.w-45p {
    width: 45% !important;
}
.w-50p {
    width: 50% !important;
}
.w-55p {
    width: 55% !important;
}
.w-60p {
    width: 60% !important;
}
.w-65p {
    width: 65% !important;
}
.w-70p {
    width: 70% !important;
}
.w-75p {
    width: 75% !important;
}
.w-80p {
    width: 80% !important;
}
.w-85p {
    width: 85% !important;
}
.w-90p {
    width: 90% !important;
}
.w-95p {
    width: 95% !important;
}
.w-100p {
    width: 100% !important;
}
.max-w-0 {
    max-width: 0 !important;
}
.max-w-4 {
    max-width: 4px !important;
}
.max-w-8 {
    max-width: 8px !important;
}
.max-w-12 {
    max-width: 12px !important;
}
.max-w-16 {
    max-width: 16px !important;
}
.max-w-20 {
    max-width: 20px !important;
}
.max-w-24 {
    max-width: 24px !important;
}
.max-w-28 {
    max-width: 28px !important;
}
.max-w-32 {
    max-width: 32px !important;
}
.max-w-36 {
    max-width: 36px !important;
}
.max-w-40 {
    max-width: 40px !important;
}
.max-w-44 {
    max-width: 44px !important;
}
.max-w-48 {
    max-width: 48px !important;
}
.max-w-52 {
    max-width: 52px !important;
}
.max-w-56 {
    max-width: 56px !important;
}
.max-w-60 {
    max-width: 60px !important;
}
.max-w-64 {
    max-width: 64px !important;
}
.max-w-68 {
    max-width: 68px !important;
}
.max-w-72 {
    max-width: 72px !important;
}
.max-w-76 {
    max-width: 76px !important;
}
.max-w-80 {
    max-width: 80px !important;
}
.max-w-84 {
    max-width: 84px !important;
}
.max-w-88 {
    max-width: 88px !important;
}
.max-w-92 {
    max-width: 92px !important;
}
.max-w-96 {
    max-width: 96px !important;
}
.max-w-100 {
    max-width: 100px !important;
}
.max-w-104 {
    max-width: 104px !important;
}
.max-w-108 {
    max-width: 108px !important;
}
.max-w-112 {
    max-width: 112px !important;
}
.max-w-116 {
    max-width: 116px !important;
}
.max-w-120 {
    max-width: 120px !important;
}
.max-w-124 {
    max-width: 124px !important;
}
.max-w-128 {
    max-width: 128px !important;
}
.max-w-132 {
    max-width: 132px !important;
}
.max-w-136 {
    max-width: 136px !important;
}
.max-w-none {
    max-width: none !important;
}
.max-w-140 {
    max-width: 140px !important;
}
.max-w-160 {
    max-width: 160px !important;
}
.max-w-180 {
    max-width: 180px !important;
}
.max-w-200 {
    max-width: 200px !important;
}
.max-w-220 {
    max-width: 220px !important;
}
.max-w-240 {
    max-width: 240px !important;
}
.max-w-260 {
    max-width: 260px !important;
}
.max-w-280 {
    max-width: 280px !important;
}
.max-w-300 {
    max-width: 300px !important;
}
.max-w-320 {
    max-width: 320px !important;
}
.max-w-340 {
    max-width: 340px !important;
}
.max-w-360 {
    max-width: 360px !important;
}
.max-w-380 {
    max-width: 380px !important;
}
.max-w-400 {
    max-width: 400px !important;
}
.max-w-5p {
    max-width: 5% !important;
}
.max-w-10p {
    max-width: 10% !important;
}
.max-w-15p {
    max-width: 15% !important;
}
.max-w-20p {
    max-width: 20% !important;
}
.max-w-25p {
    max-width: 25% !important;
}
.max-w-30p {
    max-width: 30% !important;
}
.max-w-35p {
    max-width: 35% !important;
}
.max-w-40p {
    max-width: 40% !important;
}
.max-w-45p {
    max-width: 45% !important;
}
.max-w-50p {
    max-width: 50% !important;
}
.max-w-55p {
    max-width: 55% !important;
}
.max-w-60p {
    max-width: 60% !important;
}
.max-w-65p {
    max-width: 65% !important;
}
.max-w-70p {
    max-width: 70% !important;
}
.max-w-75p {
    max-width: 75% !important;
}
.max-w-80p {
    max-width: 80% !important;
}
.max-w-85p {
    max-width: 85% !important;
}
.max-w-90p {
    max-width: 90% !important;
}
.max-w-95p {
    max-width: 95% !important;
}
.max-w-100p {
    max-width: 100% !important;
}
.min-w-0 {
    min-width: 0 !important;
}
.min-w-100p {
    min-width: 100% !important;
}
.h-60 {
    height: 60px !important;
}
.h-80 {
    height: 80px !important;
}
.h-100 {
    height: 100px !important;
}
.h-120 {
    height: 120px !important;
}
.h-140 {
    height: 140px !important;
}
.h-160 {
    height: 160px !important;
}
.h-180 {
    height: 180px !important;
}
.h-200 {
    height: 200px !important;
}
.h-auto {
    height: auto !important;
}
.h-0 {
    height: 0 !important;
}
.h-25p {
    height: 25% !important;
}
.h-50p {
    height: 50% !important;
}
.h-75p {
    height: 75% !important;
}
.h-100p {
    height: 100% !important;
}
.min-h-300 {
    min-height: 300px !important;
}
.min-h-320 {
    min-height: 320px !important;
}
.min-h-340 {
    min-height: 340px !important;
}
.min-h-360 {
    min-height: 360px !important;
}
.min-h-380 {
    min-height: 380px !important;
}
.min-h-400 {
    min-height: 400px !important;
}
.min-h-420 {
    min-height: 420px !important;
}
.min-h-440 {
    min-height: 440px !important;
}
.min-h-0 {
    min-height: 0 !important;
}
.max-h-100p {
    max-height: 100% !important;
}
.max-h-none {
    max-height: none !important;
}
.w-100vw {
    width: 100vw !important;
}
.min-w-100vw {
    min-width: 100vw !important;
}
.h-100vh {
    height: 100vh !important;
}
.min-h-100vh {
    min-height: 100vh !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.flex-jc-start {
    justify-content: flex-start !important;
}
.flex-jc-end {
    justify-content: flex-end !important;
}
.flex-jc-center {
    justify-content: center !important;
}
.flex-jc-between {
    justify-content: space-between !important;
}
.flex-jc-around {
    justify-content: space-around !important;
}
.flex-jc-evenly {
    justify-content: space-evenly !important;
}
.flex-ai-start {
    align-items: flex-start !important;
}
.flex-ai-end {
    align-items: flex-end !important;
}
.flex-ai-center {
    align-items: center !important;
}
.flex-ai-baseline {
    align-items: baseline !important;
}
.flex-ai-stretch {
    align-items: stretch !important;
}
.flex-ac-start {
    align-content: flex-start !important;
}
.flex-ac-end {
    align-content: flex-end !important;
}
.flex-ac-center {
    align-content: center !important;
}
.flex-ac-between {
    align-content: space-between !important;
}
.flex-ac-around {
    align-content: space-around !important;
}
.flex-ac-stretch {
    align-content: stretch !important;
}
.flex-as-auto {
    align-self: auto !important;
}
.flex-as-start {
    align-self: flex-start !important;
}
.flex-as-end {
    align-self: flex-end !important;
}
.flex-as-center {
    align-self: center !important;
}
.flex-as-baseline {
    align-self: baseline !important;
}
.flex-as-stretch {
    align-self: stretch !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.order-6 {
    order: 6 !important;
}
.row--g-0 {
    --gutter-x: 0 !important;
    --gutter-y: 0 !important;
}
.row--g-4 {
    --gutter-x: 4px !important;
    --gutter-y: 4px !important;
}
.row--g-8 {
    --gutter-x: 8px !important;
    --gutter-y: 8px !important;
}
.row--g-12 {
    --gutter-x: 12px !important;
    --gutter-y: 12px !important;
}
.row--g-16 {
    --gutter-x: 16px !important;
    --gutter-y: 16px !important;
}
.row--g-20 {
    --gutter-x: 20px !important;
    --gutter-y: 20px !important;
}
.row--g-24 {
    --gutter-x: 24px !important;
    --gutter-y: 24px !important;
}
.row--g-28 {
    --gutter-x: 28px !important;
    --gutter-y: 28px !important;
}
.row--g-32 {
    --gutter-x: 32px !important;
    --gutter-y: 32px !important;
}
.row--gy-0 {
    --gutter-y: 0 !important;
}
.row--gy-4 {
    --gutter-y: 4px !important;
}
.row--gy-8 {
    --gutter-y: 8px !important;
}
.row--gy-12 {
    --gutter-y: 12px !important;
}
.row--gy-16 {
    --gutter-y: 16px !important;
}
.row--gy-20 {
    --gutter-y: 20px !important;
}
.row--gy-24 {
    --gutter-y: 24px !important;
}
.row--gy-28 {
    --gutter-y: 28px !important;
}
.row--gy-32 {
    --gutter-y: 32px !important;
}
.row--gx-0 {
    --gutter-x: 0 !important;
}
.row--gx-4 {
    --gutter-x: 4px !important;
}
.row--gx-8 {
    --gutter-x: 8px !important;
}
.row--gx-12 {
    --gutter-x: 12px !important;
}
.row--gx-16 {
    --gutter-x: 16px !important;
}
.row--gx-20 {
    --gutter-x: 20px !important;
}
.row--gx-24 {
    --gutter-x: 24px !important;
}
.row--gx-28 {
    --gutter-x: 28px !important;
}
.row--gx-32 {
    --gutter-x: 32px !important;
}
.grid-af-row {
    grid-auto-flow: row !important;
}
.grid-af-col {
    grid-auto-flow: column !important;
}
.grid-af-row-dense {
    grid-auto-flow: row dense !important;
}
.grid-af-col-dense {
    grid-auto-flow: column dense !important;
}
.grid-ji-start {
    justify-items: start !important;
}
.grid-ji-end {
    justify-items: end !important;
}
.grid-ji-center {
    justify-items: center !important;
}
.grid-ji-stretch {
    justify-items: stretch !important;
}
.grid-jc-start {
    justify-content: start !important;
}
.grid-jc-end {
    justify-content: end !important;
}
.grid-jc-center {
    justify-content: center !important;
}
.grid-jc-stretch {
    justify-content: stretch !important;
}
.grid-jc-around {
    justify-content: space-around !important;
}
.grid-jc-between {
    justify-content: space-between !important;
}
.grid-jc-evenly {
    justify-content: space-evenly !important;
}
.grid-js-start {
    justify-self: start !important;
}
.grid-js-end {
    justify-self: end !important;
}
.grid-js-center {
    justify-self: center !important;
}
.grid-js-stretch {
    justify-self: stretch !important;
}
.grid-ai-start {
    align-items: start !important;
}
.grid-ai-end {
    align-items: end !important;
}
.grid-ai-center {
    align-items: center !important;
}
.grid-ai-stretch {
    align-items: stretch !important;
}
.grid-ac-start {
    align-content: start !important;
}
.grid-ac-end {
    align-content: end !important;
}
.grid-ac-center {
    align-content: center !important;
}
.grid-ac-stretch {
    align-content: stretch !important;
}
.grid-ac-around {
    align-content: space-around !important;
}
.grid-ac-between {
    align-content: space-between !important;
}
.grid-ac-evenly {
    align-content: space-evenly !important;
}
.grid-as-start {
    align-self: start !important;
}
.grid-as-end {
    align-self: end !important;
}
.grid-as-center {
    align-self: center !important;
}
.grid-as-stretch {
    align-self: stretch !important;
}
.gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important;
}
.gap-4 {
    grid-gap: 4px !important;
    gap: 4px !important;
}
.gap-8 {
    grid-gap: 8px !important;
    gap: 8px !important;
}
.gap-12 {
    grid-gap: 12px !important;
    gap: 12px !important;
}
.gap-16 {
    grid-gap: 16px !important;
    gap: 16px !important;
}
.gap-20 {
    grid-gap: 20px !important;
    gap: 20px !important;
}
.gap-24 {
    grid-gap: 24px !important;
    gap: 24px !important;
}
.gap-28 {
    grid-gap: 28px !important;
    gap: 28px !important;
}
.gap-32 {
    grid-gap: 32px !important;
    gap: 32px !important;
}
.col-gap-0 {
    column-gap: 0 !important;
}
.col-gap-4 {
    column-gap: 4px !important;
}
.col-gap-8 {
    column-gap: 8px !important;
}
.col-gap-12 {
    column-gap: 12px !important;
}
.col-gap-16 {
    column-gap: 16px !important;
}
.col-gap-20 {
    column-gap: 20px !important;
}
.col-gap-24 {
    column-gap: 24px !important;
}
.col-gap-28 {
    column-gap: 28px !important;
}
.col-gap-32 {
    column-gap: 32px !important;
}
.row-gap-0 {
    row-gap: 0 !important;
}
.row-gap-4 {
    row-gap: 4px !important;
}
.row-gap-8 {
    row-gap: 8px !important;
}
.row-gap-12 {
    row-gap: 12px !important;
}
.row-gap-16 {
    row-gap: 16px !important;
}
.row-gap-20 {
    row-gap: 20px !important;
}
.row-gap-24 {
    row-gap: 24px !important;
}
.row-gap-28 {
    row-gap: 28px !important;
}
.row-gap-32 {
    row-gap: 32px !important;
}
.m-n16 {
    margin: -16px !important;
}
.m-n12 {
    margin: -12px !important;
}
.m-n8 {
    margin: -8px !important;
}
.m-n4 {
    margin: -4px !important;
}
.m-0 {
    margin: 0 !important;
}
.m-4 {
    margin: 4px !important;
}
.m-8 {
    margin: 8px !important;
}
.m-12 {
    margin: 12px !important;
}
.m-16 {
    margin: 16px !important;
}
.m-20 {
    margin: 20px !important;
}
.m-24 {
    margin: 24px !important;
}
.m-28 {
    margin: 28px !important;
}
.m-32 {
    margin: 32px !important;
}
.m-36 {
    margin: 36px !important;
}
.m-40 {
    margin: 40px !important;
}
.m-44 {
    margin: 44px !important;
}
.m-48 {
    margin: 48px !important;
}
.m-52 {
    margin: 52px !important;
}
.m-56 {
    margin: 56px !important;
}
.m-60 {
    margin: 60px !important;
}
.m-64 {
    margin: 64px !important;
}
.m-68 {
    margin: 68px !important;
}
.m-72 {
    margin: 72px !important;
}
.m-auto {
    margin: auto !important;
}
.mx-n16 {
    margin-right: -16px !important;
    margin-left: -16px !important;
}
.mx-n12 {
    margin-right: -12px !important;
    margin-left: -12px !important;
}
.mx-n8 {
    margin-right: -8px !important;
    margin-left: -8px !important;
}
.mx-n4 {
    margin-right: -4px !important;
    margin-left: -4px !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
}
.mx-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
}
.mx-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
}
.mx-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
}
.mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}
.mx-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
}
.mx-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
}
.mx-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
}
.mx-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
}
.mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}
.mx-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
}
.mx-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
}
.mx-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
}
.mx-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
}
.mx-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
}
.mx-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
}
.mx-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
}
.mx-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.my-n16 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
}
.my-n12 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
}
.my-n8 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
}
.my-n4 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.my-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}
.my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.my-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}
.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.my-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
}
.my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}
.my-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
}
.my-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}
.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.my-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}
.my-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
}
.my-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-n16 {
    margin-top: -16px !important;
}
.mt-n12 {
    margin-top: -12px !important;
}
.mt-n8 {
    margin-top: -8px !important;
}
.mt-n4 {
    margin-top: -4px !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-28 {
    margin-top: 28px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mt-36 {
    margin-top: 36px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-44 {
    margin-top: 44px !important;
}
.mt-48 {
    margin-top: 48px !important;
}
.mt-52 {
    margin-top: 52px !important;
}
.mt-56 {
    margin-top: 56px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-64 {
    margin-top: 64px !important;
}
.mt-68 {
    margin-top: 68px !important;
}
.mt-72 {
    margin-top: 72px !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mr-n16 {
    margin-right: -16px !important;
}
.mr-n12 {
    margin-right: -12px !important;
}
.mr-n8 {
    margin-right: -8px !important;
}
.mr-n4 {
    margin-right: -4px !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-4 {
    margin-right: 4px !important;
}
.mr-8 {
    margin-right: 8px !important;
}
.mr-12 {
    margin-right: 12px !important;
}
.mr-16 {
    margin-right: 16px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-24 {
    margin-right: 24px !important;
}
.mr-28 {
    margin-right: 28px !important;
}
.mr-32 {
    margin-right: 32px !important;
}
.mr-36 {
    margin-right: 36px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.mr-44 {
    margin-right: 44px !important;
}
.mr-48 {
    margin-right: 48px !important;
}
.mr-52 {
    margin-right: 52px !important;
}
.mr-56 {
    margin-right: 56px !important;
}
.mr-60 {
    margin-right: 60px !important;
}
.mr-64 {
    margin-right: 64px !important;
}
.mr-68 {
    margin-right: 68px !important;
}
.mr-72 {
    margin-right: 72px !important;
}
.mr-auto {
    margin-right: auto !important;
}
.mb-n16 {
    margin-bottom: -16px !important;
}
.mb-n12 {
    margin-bottom: -12px !important;
}
.mb-n8 {
    margin-bottom: -8px !important;
}
.mb-n4 {
    margin-bottom: -4px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-28 {
    margin-bottom: 28px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-36 {
    margin-bottom: 36px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-44 {
    margin-bottom: 44px !important;
}
.mb-48 {
    margin-bottom: 48px !important;
}
.mb-52 {
    margin-bottom: 52px !important;
}
.mb-56 {
    margin-bottom: 56px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-64 {
    margin-bottom: 64px !important;
}
.mb-68 {
    margin-bottom: 68px !important;
}
.mb-72 {
    margin-bottom: 72px !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ml-n16 {
    margin-left: -16px !important;
}
.ml-n12 {
    margin-left: -12px !important;
}
.ml-n8 {
    margin-left: -8px !important;
}
.ml-n4 {
    margin-left: -4px !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-4 {
    margin-left: 4px !important;
}
.ml-8 {
    margin-left: 8px !important;
}
.ml-12 {
    margin-left: 12px !important;
}
.ml-16 {
    margin-left: 16px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.ml-28 {
    margin-left: 28px !important;
}
.ml-32 {
    margin-left: 32px !important;
}
.ml-36 {
    margin-left: 36px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.ml-44 {
    margin-left: 44px !important;
}
.ml-48 {
    margin-left: 48px !important;
}
.ml-52 {
    margin-left: 52px !important;
}
.ml-56 {
    margin-left: 56px !important;
}
.ml-60 {
    margin-left: 60px !important;
}
.ml-64 {
    margin-left: 64px !important;
}
.ml-68 {
    margin-left: 68px !important;
}
.ml-72 {
    margin-left: 72px !important;
}
.ml-auto {
    margin-left: auto !important;
}
.p-0 {
    padding: 0 !important;
}
.p-2 {
    padding: 2px !important;
}
.p-4 {
    padding: 4px !important;
}
.p-6 {
    padding: 6px !important;
}
.p-8 {
    padding: 8px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-12 {
    padding: 12px !important;
}
.p-14 {
    padding: 14px !important;
}
.p-16 {
    padding: 16px !important;
}
.p-18 {
    padding: 18px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-22 {
    padding: 22px !important;
}
.p-24 {
    padding: 24px !important;
}
.p-26 {
    padding: 26px !important;
}
.p-28 {
    padding: 28px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-32 {
    padding: 32px !important;
}
.p-34 {
    padding: 34px !important;
}
.p-36 {
    padding: 36px !important;
}
.p-38 {
    padding: 38px !important;
}
.p-40 {
    padding: 40px !important;
}
.p-42 {
    padding: 42px !important;
}
.p-44 {
    padding: 44px !important;
}
.p-46 {
    padding: 46px !important;
}
.p-48 {
    padding: 48px !important;
}
.p-50 {
    padding: 50px !important;
}
.p-52 {
    padding: 52px !important;
}
.p-54 {
    padding: 54px !important;
}
.p-56 {
    padding: 56px !important;
}
.p-58 {
    padding: 58px !important;
}
.p-60 {
    padding: 60px !important;
}
.p-62 {
    padding: 62px !important;
}
.p-64 {
    padding: 64px !important;
}
.p-66 {
    padding: 66px !important;
}
.p-68 {
    padding: 68px !important;
}
.p-70 {
    padding: 70px !important;
}
.p-72 {
    padding: 72px !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-2 {
    padding-right: 2px !important;
    padding-left: 2px !important;
}
.px-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
}
.px-6 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}
.px-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.px-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
}
.px-14 {
    padding-right: 14px !important;
    padding-left: 14px !important;
}
.px-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.px-18 {
    padding-right: 18px !important;
    padding-left: 18px !important;
}
.px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.px-22 {
    padding-right: 22px !important;
    padding-left: 22px !important;
}
.px-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
}
.px-26 {
    padding-right: 26px !important;
    padding-left: 26px !important;
}
.px-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
}
.px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.px-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
}
.px-34 {
    padding-right: 34px !important;
    padding-left: 34px !important;
}
.px-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
}
.px-38 {
    padding-right: 38px !important;
    padding-left: 38px !important;
}
.px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.px-42 {
    padding-right: 42px !important;
    padding-left: 42px !important;
}
.px-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
}
.px-46 {
    padding-right: 46px !important;
    padding-left: 46px !important;
}
.px-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
}
.px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}
.px-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
}
.px-54 {
    padding-right: 54px !important;
    padding-left: 54px !important;
}
.px-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
}
.px-58 {
    padding-right: 58px !important;
    padding-left: 58px !important;
}
.px-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}
.px-62 {
    padding-right: 62px !important;
    padding-left: 62px !important;
}
.px-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
}
.px-66 {
    padding-right: 66px !important;
    padding-left: 66px !important;
}
.px-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
}
.px-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
}
.px-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.py-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.py-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}
.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.py-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}
.py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.py-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}
.py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}
.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.py-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.py-34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}
.py-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}
.py-38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}
.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.py-42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}
.py-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}
.py-46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}
.py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.py-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}
.py-54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}
.py-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}
.py-58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}
.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.py-62 {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
}
.py-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}
.py-66 {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
}
.py-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}
.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.py-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-2 {
    padding-top: 2px !important;
}
.pt-4 {
    padding-top: 4px !important;
}
.pt-6 {
    padding-top: 6px !important;
}
.pt-8 {
    padding-top: 8px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-12 {
    padding-top: 12px !important;
}
.pt-14 {
    padding-top: 14px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pt-18 {
    padding-top: 18px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-22 {
    padding-top: 22px !important;
}
.pt-24 {
    padding-top: 24px !important;
}
.pt-26 {
    padding-top: 26px !important;
}
.pt-28 {
    padding-top: 28px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-32 {
    padding-top: 32px !important;
}
.pt-34 {
    padding-top: 34px !important;
}
.pt-36 {
    padding-top: 36px !important;
}
.pt-38 {
    padding-top: 38px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-42 {
    padding-top: 42px !important;
}
.pt-44 {
    padding-top: 44px !important;
}
.pt-46 {
    padding-top: 46px !important;
}
.pt-48 {
    padding-top: 48px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-52 {
    padding-top: 52px !important;
}
.pt-54 {
    padding-top: 54px !important;
}
.pt-56 {
    padding-top: 56px !important;
}
.pt-58 {
    padding-top: 58px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-62 {
    padding-top: 62px !important;
}
.pt-64 {
    padding-top: 64px !important;
}
.pt-66 {
    padding-top: 66px !important;
}
.pt-68 {
    padding-top: 68px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pt-72 {
    padding-top: 72px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-2 {
    padding-right: 2px !important;
}
.pr-4 {
    padding-right: 4px !important;
}
.pr-6 {
    padding-right: 6px !important;
}
.pr-8 {
    padding-right: 8px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-12 {
    padding-right: 12px !important;
}
.pr-14 {
    padding-right: 14px !important;
}
.pr-16 {
    padding-right: 16px !important;
}
.pr-18 {
    padding-right: 18px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-22 {
    padding-right: 22px !important;
}
.pr-24 {
    padding-right: 24px !important;
}
.pr-26 {
    padding-right: 26px !important;
}
.pr-28 {
    padding-right: 28px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-32 {
    padding-right: 32px !important;
}
.pr-34 {
    padding-right: 34px !important;
}
.pr-36 {
    padding-right: 36px !important;
}
.pr-38 {
    padding-right: 38px !important;
}
.pr-40 {
    padding-right: 40px !important;
}
.pr-42 {
    padding-right: 42px !important;
}
.pr-44 {
    padding-right: 44px !important;
}
.pr-46 {
    padding-right: 46px !important;
}
.pr-48 {
    padding-right: 48px !important;
}
.pr-50 {
    padding-right: 50px !important;
}
.pr-52 {
    padding-right: 52px !important;
}
.pr-54 {
    padding-right: 54px !important;
}
.pr-56 {
    padding-right: 56px !important;
}
.pr-58 {
    padding-right: 58px !important;
}
.pr-60 {
    padding-right: 60px !important;
}
.pr-62 {
    padding-right: 62px !important;
}
.pr-64 {
    padding-right: 64px !important;
}
.pr-66 {
    padding-right: 66px !important;
}
.pr-68 {
    padding-right: 68px !important;
}
.pr-70 {
    padding-right: 70px !important;
}
.pr-72 {
    padding-right: 72px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-2 {
    padding-bottom: 2px !important;
}
.pb-4 {
    padding-bottom: 4px !important;
}
.pb-6 {
    padding-bottom: 6px !important;
}
.pb-8 {
    padding-bottom: 8px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-12 {
    padding-bottom: 12px !important;
}
.pb-14 {
    padding-bottom: 14px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.pb-18 {
    padding-bottom: 18px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-22 {
    padding-bottom: 22px !important;
}
.pb-24 {
    padding-bottom: 24px !important;
}
.pb-26 {
    padding-bottom: 26px !important;
}
.pb-28 {
    padding-bottom: 28px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-32 {
    padding-bottom: 32px !important;
}
.pb-34 {
    padding-bottom: 34px !important;
}
.pb-36 {
    padding-bottom: 36px !important;
}
.pb-38 {
    padding-bottom: 38px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-42 {
    padding-bottom: 42px !important;
}
.pb-44 {
    padding-bottom: 44px !important;
}
.pb-46 {
    padding-bottom: 46px !important;
}
.pb-48 {
    padding-bottom: 48px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-52 {
    padding-bottom: 52px !important;
}
.pb-54 {
    padding-bottom: 54px !important;
}
.pb-56 {
    padding-bottom: 56px !important;
}
.pb-58 {
    padding-bottom: 58px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-62 {
    padding-bottom: 62px !important;
}
.pb-64 {
    padding-bottom: 64px !important;
}
.pb-66 {
    padding-bottom: 66px !important;
}
.pb-68 {
    padding-bottom: 68px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.pb-72 {
    padding-bottom: 72px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-2 {
    padding-left: 2px !important;
}
.pl-4 {
    padding-left: 4px !important;
}
.pl-6 {
    padding-left: 6px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-12 {
    padding-left: 12px !important;
}
.pl-14 {
    padding-left: 14px !important;
}
.pl-16 {
    padding-left: 16px !important;
}
.pl-18 {
    padding-left: 18px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-22 {
    padding-left: 22px !important;
}
.pl-24 {
    padding-left: 24px !important;
}
.pl-26 {
    padding-left: 26px !important;
}
.pl-28 {
    padding-left: 28px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-32 {
    padding-left: 32px !important;
}
.pl-34 {
    padding-left: 34px !important;
}
.pl-36 {
    padding-left: 36px !important;
}
.pl-38 {
    padding-left: 38px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-42 {
    padding-left: 42px !important;
}
.pl-44 {
    padding-left: 44px !important;
}
.pl-46 {
    padding-left: 46px !important;
}
.pl-48 {
    padding-left: 48px !important;
}
.pl-50 {
    padding-left: 50px !important;
}
.pl-52 {
    padding-left: 52px !important;
}
.pl-54 {
    padding-left: 54px !important;
}
.pl-56 {
    padding-left: 56px !important;
}
.pl-58 {
    padding-left: 58px !important;
}
.pl-60 {
    padding-left: 60px !important;
}
.pl-62 {
    padding-left: 62px !important;
}
.pl-64 {
    padding-left: 64px !important;
}
.pl-66 {
    padding-left: 66px !important;
}
.pl-68 {
    padding-left: 68px !important;
}
.pl-70 {
    padding-left: 70px !important;
}
.pl-72 {
    padding-left: 72px !important;
}
.fz-xs {
    font-size: var(--fz-xs) !important;
}
.fz-sm {
    font-size: var(--fz-sm) !important;
}
.fz-md {
    font-size: var(--fz-md) !important;
}
.fz-lg {
    font-size: var(--fz-lg) !important;
}
.fz-xl {
    font-size: var(--fz-xl) !important;
}
.fz-2xl {
    font-size: var(--fz-2xl) !important;
}
.fz-3xl {
    font-size: var(--fz-3xl) !important;
}
.fz-5xl {
    font-size: var(--fz-5xl) !important;
}
.fz-6xl {
    font-size: var(--fz-6xl) !important;
}
.fz-7xl {
    font-size: var(--fz-7xl) !important;
}
.fz-9xl {
    font-size: var(--fz-9xl) !important;
}
.font-italic {
    font-style: italic !important;
}
.fw-xl {
    font-weight: var(--fw-xl) !important;
}
.fw-l {
    font-weight: var(--fw-l) !important;
}
.fw-n {
    font-weight: var(--fw-n) !important;
}
.fw-m {
    font-weight: var(--fw-m) !important;
}
.fw-sb {
    font-weight: var(--fw-sb) !important;
}
.fw-b {
    font-weight: var(--fw-b) !important;
}
.fw-xb {
    font-weight: var(--fw-xb) !important;
}
.tt-l {
    text-transform: lowercase !important;
}
.tt-u {
    text-transform: uppercase !important;
}
.tt-c {
    text-transform: capitalize !important;
}
.underline {
    text-decoration: underline !important;
}
.line-through {
    text-decoration: line-through !important;
}
.no-underline {
    text-decoration: none !important;
}
.ta-j {
    text-align: justify !important;
}
.ta-l {
    text-align: left !important;
}
.ta-r {
    text-align: right !important;
}
.ta-c {
    text-align: center !important;
}
.lh-1 {
    line-height: var(--lh-1) !important;
}
.lh-2xs {
    line-height: var(--lh-2xs) !important;
}
.lh-xs {
    line-height: var(--lh-xs) !important;
}
.lh-sm {
    line-height: var(--lh-sm) !important;
}
.lh-md {
    line-height: var(--lh-md) !important;
}
.lh-lg {
    line-height: var(--lh-lg) !important;
}
.lh-xl {
    line-height: var(--lh-xl) !important;
}
.text-white {
    color: var(--cl-white) !important;
}
.text-black {
    color: var(--cl-black) !important;
}
.text-light {
    color: var(--text-light-cl) !important;
}
.text-dark {
    color: var(--text-dark-cl) !important;
}
.text-primary {
    color: var(--text-primary-cl) !important;
}
.text-success {
    color: var(--text-success-cl) !important;
}
.text-warning {
    color: var(--text-warning-cl) !important;
}
.text-danger {
    color: var(--text-danger-cl) !important;
}
.text-info {
    color: var(--text-info-cl) !important;
}
.text-muted {
    color: var(--text-muted-cl) !important;
}
.text-disabled {
    color: var(--text-disabled-cl) !important;
}
.text-reset {
    color: inherit !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.bg-none {
    background: none !important;
}
.bg-white {
    background-color: var(--cl-white) !important;
}
.bg-black {
    background-color: var(--cl-black) !important;
}
.bg-body {
    background-color: var(--body-bg-cl) !important;
}
.bg-light {
    background-color: var(--bg-light) !important;
}
.bg-dark {
    background-color: var(--bg-dark) !important;
}
.bg-primary {
    background-color: var(--bg-primary) !important;
}
.bg-success {
    background-color: var(--bg-success) !important;
}
.bg-warning {
    background-color: var(--bg-warning) !important;
}
.bg-danger {
    background-color: var(--bg-danger) !important;
}
.bg-info {
    background-color: var(--bg-info) !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.opacity-0 {
    opacity: 0 !important;
}
.opacity-1 {
    opacity: 1 !important;
}
.obj-contain {
    object-fit: contain !important;
}
.obj-cover {
    object-fit: cover !important;
}
.obj-fill {
    object-fit: fill !important;
}
.obj-none {
    object-fit: none !important;
}
.obj-scale-down {
    object-fit: scale-down !important;
}
.obj-bottom {
    object-position: bottom !important;
}
.obj-center {
    object-position: center !important;
}
.obj-left {
    object-position: left !important;
}
.obj-left-bottom {
    object-position: left bottom !important;
}
.obj-left-top {
    object-position: left top !important;
}
.obj-right {
    object-position: right !important;
}
.obj-right-bottom {
    object-position: right bottom !important;
}
.obj-right-top {
    object-position: right top !important;
}
.obj-top {
    object-position: top !important;
}
.z-0 {
    z-index: 0 !important;
}
.z-10 {
    z-index: 10 !important;
}
.z-20 {
    z-index: 20 !important;
}
.z-30 {
    z-index: 30 !important;
}
.z-40 {
    z-index: 40 !important;
}
.z-50 {
    z-index: 50 !important;
}
.z-60 {
    z-index: 60 !important;
}
.z-70 {
    z-index: 70 !important;
}
.z-80 {
    z-index: 80 !important;
}
.z-90 {
    z-index: 90 !important;
}
.z-100 {
    z-index: 100 !important;
}
.us-all {
    -webkit-user-select: all !important;
    user-select: all !important;
}
.us-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important;
}
.us-none {
    -webkit-user-select: none !important;
    user-select: none !important;
}
.pe-auto {
    pointer-events: auto !important;
}
.pe-none {
    pointer-events: none !important;
}
.cursor-default {
    cursor: default !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.cursor-wait {
    cursor: wait !important;
}
.cursor-text {
    cursor: text !important;
}
.cursor-move {
    cursor: move !important;
}
.cursor-not-allowed {
    cursor: not-allowed !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
.dir-rtl {
    direction: rtl !important;
}
.dir-ltr {
    direction: ltr !important;
}
.shadow-none {
    box-shadow: none !important;
}
.shadow-wide {
    box-shadow: var(--shadow-wide) !important;
}
.shadow-wide-top {
    box-shadow: var(--shadow-wide-top) !important;
}
.shadow-short {
    box-shadow: var(--shadow-short) !important;
}
.shadow-line {
    box-shadow: var(--shadow-line) !important;
}
@media (min-width: 464px) {
    .sm\:float-left {
        float: left !important;
    }
    .sm\:float-right {
        float: right !important;
    }
    .sm\:float-none {
        float: none !important;
    }
    .sm\:ov-auto {
        overflow: auto !important;
    }
    .sm\:ov-hidden {
        overflow: hidden !important;
    }
    .sm\:ov-visible {
        overflow: visible !important;
    }
    .sm\:ov-scroll {
        overflow: scroll !important;
    }
    .sm\:ov-x-auto {
        overflow-x: auto !important;
    }
    .sm\:ov-x-hidden {
        overflow-x: hidden !important;
    }
    .sm\:ov-x-visible {
        overflow-x: visible !important;
    }
    .sm\:ov-x-scroll {
        overflow-x: scroll !important;
    }
    .sm\:ov-y-auto {
        overflow-y: auto !important;
    }
    .sm\:ov-y-hidden {
        overflow-y: hidden !important;
    }
    .sm\:ov-y-visible {
        overflow-y: visible !important;
    }
    .sm\:ov-y-scroll {
        overflow-y: scroll !important;
    }
    .sm\:d-inline {
        display: inline !important;
    }
    .sm\:d-inline-block {
        display: inline-block !important;
    }
    .sm\:d-block {
        display: block !important;
    }
    .sm\:d-table {
        display: table !important;
    }
    .sm\:d-table-row {
        display: table-row !important;
    }
    .sm\:d-table-cell {
        display: table-cell !important;
    }
    .sm\:d-flex {
        display: flex !important;
    }
    .sm\:d-inline-flex {
        display: inline-flex !important;
    }
    .sm\:d-grid {
        display: grid !important;
    }
    .sm\:d-inline-grid {
        display: inline-grid !important;
    }
    .sm\:d-contents {
        display: contents !important;
    }
    .sm\:d-none {
        display: none !important;
    }
    .sm\:pos-static {
        position: static !important;
    }
    .sm\:pos-relative {
        position: relative !important;
    }
    .sm\:pos-absolute {
        position: absolute !important;
    }
    .sm\:pos-fixed {
        position: fixed !important;
    }
    .sm\:pos-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
    .sm\:pos-top-n100p {
        top: -100% !important;
    }
    .sm\:pos-top-n50p {
        top: -50% !important;
    }
    .sm\:pos-top-0 {
        top: 0 !important;
    }
    .sm\:pos-top-50p {
        top: 50% !important;
    }
    .sm\:pos-top-100p {
        top: 100% !important;
    }
    .sm\:pos-right-n100p {
        right: -100% !important;
    }
    .sm\:pos-right-n50p {
        right: -50% !important;
    }
    .sm\:pos-right-0 {
        right: 0 !important;
    }
    .sm\:pos-right-50p {
        right: 50% !important;
    }
    .sm\:pos-right-100p {
        right: 100% !important;
    }
    .sm\:pos-bottom-n100p {
        bottom: -100% !important;
    }
    .sm\:pos-bottom-n50p {
        bottom: -50% !important;
    }
    .sm\:pos-bottom-0 {
        bottom: 0 !important;
    }
    .sm\:pos-bottom-50p {
        bottom: 50% !important;
    }
    .sm\:pos-bottom-100p {
        bottom: 100% !important;
    }
    .sm\:pos-left-n100p {
        left: -100% !important;
    }
    .sm\:pos-left-n50p {
        left: -50% !important;
    }
    .sm\:pos-left-0 {
        left: 0 !important;
    }
    .sm\:pos-left-50p {
        left: 50% !important;
    }
    .sm\:pos-left-100p {
        left: 100% !important;
    }
    .sm\:translate-middle {
        transform: translate(-50%, -50%) !important;
    }
    .sm\:translate-middle-x {
        transform: translate(-50%) !important;
    }
    .sm\:translate-middle-y {
        transform: translateY(-50%) !important;
    }
    .sm\:brs-0 {
        border-radius: 0 !important;
    }
    .sm\:brs-4 {
        border-radius: 4px !important;
    }
    .sm\:brs-8 {
        border-radius: 8px !important;
    }
    .sm\:brs-12 {
        border-radius: 12px !important;
    }
    .sm\:brs-16 {
        border-radius: 16px !important;
    }
    .sm\:brs-20 {
        border-radius: 20px !important;
    }
    .sm\:brs-24 {
        border-radius: 24px !important;
    }
    .sm\:brs-28 {
        border-radius: 28px !important;
    }
    .sm\:brs-32 {
        border-radius: 32px !important;
    }
    .sm\:brs-9 {
        border-radius: 9px !important;
    }
    .sm\:brs-tr-0 {
        border-top-right-radius: 0 !important;
    }
    .sm\:brs-tr-4 {
        border-top-right-radius: 4px !important;
    }
    .sm\:brs-tr-8 {
        border-top-right-radius: 8px !important;
    }
    .sm\:brs-tr-12 {
        border-top-right-radius: 12px !important;
    }
    .sm\:brs-tr-16 {
        border-top-right-radius: 16px !important;
    }
    .sm\:brs-tr-20 {
        border-top-right-radius: 20px !important;
    }
    .sm\:brs-tr-24 {
        border-top-right-radius: 24px !important;
    }
    .sm\:brs-tr-28 {
        border-top-right-radius: 28px !important;
    }
    .sm\:brs-tr-32 {
        border-top-right-radius: 32px !important;
    }
    .sm\:brs-br-0 {
        border-bottom-right-radius: 0 !important;
    }
    .sm\:brs-br-4 {
        border-bottom-right-radius: 4px !important;
    }
    .sm\:brs-br-8 {
        border-bottom-right-radius: 8px !important;
    }
    .sm\:brs-br-12 {
        border-bottom-right-radius: 12px !important;
    }
    .sm\:brs-br-16 {
        border-bottom-right-radius: 16px !important;
    }
    .sm\:brs-br-20 {
        border-bottom-right-radius: 20px !important;
    }
    .sm\:brs-br-24 {
        border-bottom-right-radius: 24px !important;
    }
    .sm\:brs-br-28 {
        border-bottom-right-radius: 28px !important;
    }
    .sm\:brs-br-32 {
        border-bottom-right-radius: 32px !important;
    }
    .sm\:brs-bl-0 {
        border-bottom-left-radius: 0 !important;
    }
    .sm\:brs-bl-4 {
        border-bottom-left-radius: 4px !important;
    }
    .sm\:brs-bl-8 {
        border-bottom-left-radius: 8px !important;
    }
    .sm\:brs-bl-12 {
        border-bottom-left-radius: 12px !important;
    }
    .sm\:brs-bl-16 {
        border-bottom-left-radius: 16px !important;
    }
    .sm\:brs-bl-20 {
        border-bottom-left-radius: 20px !important;
    }
    .sm\:brs-bl-24 {
        border-bottom-left-radius: 24px !important;
    }
    .sm\:brs-bl-28 {
        border-bottom-left-radius: 28px !important;
    }
    .sm\:brs-bl-32 {
        border-bottom-left-radius: 32px !important;
    }
    .sm\:brs-tl-0 {
        border-top-left-radius: 0 !important;
    }
    .sm\:brs-tl-4 {
        border-top-left-radius: 4px !important;
    }
    .sm\:brs-tl-8 {
        border-top-left-radius: 8px !important;
    }
    .sm\:brs-tl-12 {
        border-top-left-radius: 12px !important;
    }
    .sm\:brs-tl-16 {
        border-top-left-radius: 16px !important;
    }
    .sm\:brs-tl-20 {
        border-top-left-radius: 20px !important;
    }
    .sm\:brs-tl-24 {
        border-top-left-radius: 24px !important;
    }
    .sm\:brs-tl-28 {
        border-top-left-radius: 28px !important;
    }
    .sm\:brs-tl-32 {
        border-top-left-radius: 32px !important;
    }
    .sm\:w-0 {
        width: 0 !important;
    }
    .sm\:w-4 {
        width: 4px !important;
    }
    .sm\:w-8 {
        width: 8px !important;
    }
    .sm\:w-12 {
        width: 12px !important;
    }
    .sm\:w-16 {
        width: 16px !important;
    }
    .sm\:w-20 {
        width: 20px !important;
    }
    .sm\:w-24 {
        width: 24px !important;
    }
    .sm\:w-28 {
        width: 28px !important;
    }
    .sm\:w-32 {
        width: 32px !important;
    }
    .sm\:w-36 {
        width: 36px !important;
    }
    .sm\:w-40 {
        width: 40px !important;
    }
    .sm\:w-44 {
        width: 44px !important;
    }
    .sm\:w-48 {
        width: 48px !important;
    }
    .sm\:w-52 {
        width: 52px !important;
    }
    .sm\:w-56 {
        width: 56px !important;
    }
    .sm\:w-60 {
        width: 60px !important;
    }
    .sm\:w-64 {
        width: 64px !important;
    }
    .sm\:w-68 {
        width: 68px !important;
    }
    .sm\:w-72 {
        width: 72px !important;
    }
    .sm\:w-76 {
        width: 76px !important;
    }
    .sm\:w-80 {
        width: 80px !important;
    }
    .sm\:w-84 {
        width: 84px !important;
    }
    .sm\:w-88 {
        width: 88px !important;
    }
    .sm\:w-92 {
        width: 92px !important;
    }
    .sm\:w-96 {
        width: 96px !important;
    }
    .sm\:w-100 {
        width: 100px !important;
    }
    .sm\:w-104 {
        width: 104px !important;
    }
    .sm\:w-108 {
        width: 108px !important;
    }
    .sm\:w-112 {
        width: 112px !important;
    }
    .sm\:w-116 {
        width: 116px !important;
    }
    .sm\:w-120 {
        width: 120px !important;
    }
    .sm\:w-124 {
        width: 124px !important;
    }
    .sm\:w-128 {
        width: 128px !important;
    }
    .sm\:w-132 {
        width: 132px !important;
    }
    .sm\:w-136 {
        width: 136px !important;
    }
    .sm\:w-auto {
        width: auto !important;
    }
    .sm\:w-140 {
        width: 140px !important;
    }
    .sm\:w-160 {
        width: 160px !important;
    }
    .sm\:w-180 {
        width: 180px !important;
    }
    .sm\:w-200 {
        width: 200px !important;
    }
    .sm\:w-220 {
        width: 220px !important;
    }
    .sm\:w-240 {
        width: 240px !important;
    }
    .sm\:w-260 {
        width: 260px !important;
    }
    .sm\:w-280 {
        width: 280px !important;
    }
    .sm\:w-300 {
        width: 300px !important;
    }
    .sm\:w-320 {
        width: 320px !important;
    }
    .sm\:w-340 {
        width: 340px !important;
    }
    .sm\:w-360 {
        width: 360px !important;
    }
    .sm\:w-380 {
        width: 380px !important;
    }
    .sm\:w-400 {
        width: 400px !important;
    }
    .sm\:w-5p {
        width: 5% !important;
    }
    .sm\:w-10p {
        width: 10% !important;
    }
    .sm\:w-15p {
        width: 15% !important;
    }
    .sm\:w-20p {
        width: 20% !important;
    }
    .sm\:w-25p {
        width: 25% !important;
    }
    .sm\:w-30p {
        width: 30% !important;
    }
    .sm\:w-35p {
        width: 35% !important;
    }
    .sm\:w-40p {
        width: 40% !important;
    }
    .sm\:w-45p {
        width: 45% !important;
    }
    .sm\:w-50p {
        width: 50% !important;
    }
    .sm\:w-55p {
        width: 55% !important;
    }
    .sm\:w-60p {
        width: 60% !important;
    }
    .sm\:w-65p {
        width: 65% !important;
    }
    .sm\:w-70p {
        width: 70% !important;
    }
    .sm\:w-75p {
        width: 75% !important;
    }
    .sm\:w-80p {
        width: 80% !important;
    }
    .sm\:w-85p {
        width: 85% !important;
    }
    .sm\:w-90p {
        width: 90% !important;
    }
    .sm\:w-95p {
        width: 95% !important;
    }
    .sm\:w-100p {
        width: 100% !important;
    }
    .sm\:max-w-0 {
        max-width: 0 !important;
    }
    .sm\:max-w-4 {
        max-width: 4px !important;
    }
    .sm\:max-w-8 {
        max-width: 8px !important;
    }
    .sm\:max-w-12 {
        max-width: 12px !important;
    }
    .sm\:max-w-16 {
        max-width: 16px !important;
    }
    .sm\:max-w-20 {
        max-width: 20px !important;
    }
    .sm\:max-w-24 {
        max-width: 24px !important;
    }
    .sm\:max-w-28 {
        max-width: 28px !important;
    }
    .sm\:max-w-32 {
        max-width: 32px !important;
    }
    .sm\:max-w-36 {
        max-width: 36px !important;
    }
    .sm\:max-w-40 {
        max-width: 40px !important;
    }
    .sm\:max-w-44 {
        max-width: 44px !important;
    }
    .sm\:max-w-48 {
        max-width: 48px !important;
    }
    .sm\:max-w-52 {
        max-width: 52px !important;
    }
    .sm\:max-w-56 {
        max-width: 56px !important;
    }
    .sm\:max-w-60 {
        max-width: 60px !important;
    }
    .sm\:max-w-64 {
        max-width: 64px !important;
    }
    .sm\:max-w-68 {
        max-width: 68px !important;
    }
    .sm\:max-w-72 {
        max-width: 72px !important;
    }
    .sm\:max-w-76 {
        max-width: 76px !important;
    }
    .sm\:max-w-80 {
        max-width: 80px !important;
    }
    .sm\:max-w-84 {
        max-width: 84px !important;
    }
    .sm\:max-w-88 {
        max-width: 88px !important;
    }
    .sm\:max-w-92 {
        max-width: 92px !important;
    }
    .sm\:max-w-96 {
        max-width: 96px !important;
    }
    .sm\:max-w-100 {
        max-width: 100px !important;
    }
    .sm\:max-w-104 {
        max-width: 104px !important;
    }
    .sm\:max-w-108 {
        max-width: 108px !important;
    }
    .sm\:max-w-112 {
        max-width: 112px !important;
    }
    .sm\:max-w-116 {
        max-width: 116px !important;
    }
    .sm\:max-w-120 {
        max-width: 120px !important;
    }
    .sm\:max-w-124 {
        max-width: 124px !important;
    }
    .sm\:max-w-128 {
        max-width: 128px !important;
    }
    .sm\:max-w-132 {
        max-width: 132px !important;
    }
    .sm\:max-w-136 {
        max-width: 136px !important;
    }
    .sm\:max-w-none {
        max-width: none !important;
    }
    .sm\:max-w-140 {
        max-width: 140px !important;
    }
    .sm\:max-w-160 {
        max-width: 160px !important;
    }
    .sm\:max-w-180 {
        max-width: 180px !important;
    }
    .sm\:max-w-200 {
        max-width: 200px !important;
    }
    .sm\:max-w-220 {
        max-width: 220px !important;
    }
    .sm\:max-w-240 {
        max-width: 240px !important;
    }
    .sm\:max-w-260 {
        max-width: 260px !important;
    }
    .sm\:max-w-280 {
        max-width: 280px !important;
    }
    .sm\:max-w-300 {
        max-width: 300px !important;
    }
    .sm\:max-w-320 {
        max-width: 320px !important;
    }
    .sm\:max-w-340 {
        max-width: 340px !important;
    }
    .sm\:max-w-360 {
        max-width: 360px !important;
    }
    .sm\:max-w-380 {
        max-width: 380px !important;
    }
    .sm\:max-w-400 {
        max-width: 400px !important;
    }
    .sm\:max-w-5p {
        max-width: 5% !important;
    }
    .sm\:max-w-10p {
        max-width: 10% !important;
    }
    .sm\:max-w-15p {
        max-width: 15% !important;
    }
    .sm\:max-w-20p {
        max-width: 20% !important;
    }
    .sm\:max-w-25p {
        max-width: 25% !important;
    }
    .sm\:max-w-30p {
        max-width: 30% !important;
    }
    .sm\:max-w-35p {
        max-width: 35% !important;
    }
    .sm\:max-w-40p {
        max-width: 40% !important;
    }
    .sm\:max-w-45p {
        max-width: 45% !important;
    }
    .sm\:max-w-50p {
        max-width: 50% !important;
    }
    .sm\:max-w-55p {
        max-width: 55% !important;
    }
    .sm\:max-w-60p {
        max-width: 60% !important;
    }
    .sm\:max-w-65p {
        max-width: 65% !important;
    }
    .sm\:max-w-70p {
        max-width: 70% !important;
    }
    .sm\:max-w-75p {
        max-width: 75% !important;
    }
    .sm\:max-w-80p {
        max-width: 80% !important;
    }
    .sm\:max-w-85p {
        max-width: 85% !important;
    }
    .sm\:max-w-90p {
        max-width: 90% !important;
    }
    .sm\:max-w-95p {
        max-width: 95% !important;
    }
    .sm\:max-w-100p {
        max-width: 100% !important;
    }
    .sm\:min-w-0 {
        min-width: 0 !important;
    }
    .sm\:min-w-100p {
        min-width: 100% !important;
    }
    .sm\:h-60 {
        height: 60px !important;
    }
    .sm\:h-80 {
        height: 80px !important;
    }
    .sm\:h-100 {
        height: 100px !important;
    }
    .sm\:h-120 {
        height: 120px !important;
    }
    .sm\:h-140 {
        height: 140px !important;
    }
    .sm\:h-160 {
        height: 160px !important;
    }
    .sm\:h-180 {
        height: 180px !important;
    }
    .sm\:h-200 {
        height: 200px !important;
    }
    .sm\:h-auto {
        height: auto !important;
    }
    .sm\:h-0 {
        height: 0 !important;
    }
    .sm\:h-25p {
        height: 25% !important;
    }
    .sm\:h-50p {
        height: 50% !important;
    }
    .sm\:h-75p {
        height: 75% !important;
    }
    .sm\:h-100p {
        height: 100% !important;
    }
    .sm\:min-h-300 {
        min-height: 300px !important;
    }
    .sm\:min-h-320 {
        min-height: 320px !important;
    }
    .sm\:min-h-340 {
        min-height: 340px !important;
    }
    .sm\:min-h-360 {
        min-height: 360px !important;
    }
    .sm\:min-h-380 {
        min-height: 380px !important;
    }
    .sm\:min-h-400 {
        min-height: 400px !important;
    }
    .sm\:min-h-420 {
        min-height: 420px !important;
    }
    .sm\:min-h-440 {
        min-height: 440px !important;
    }
    .sm\:min-h-0 {
        min-height: 0 !important;
    }
    .sm\:max-h-100p {
        max-height: 100% !important;
    }
    .sm\:max-h-none {
        max-height: none !important;
    }
    .sm\:w-100vw {
        width: 100vw !important;
    }
    .sm\:min-w-100vw {
        min-width: 100vw !important;
    }
    .sm\:h-100vh {
        height: 100vh !important;
    }
    .sm\:min-h-100vh {
        min-height: 100vh !important;
    }
    .sm\:flex-row {
        flex-direction: row !important;
    }
    .sm\:flex-column {
        flex-direction: column !important;
    }
    .sm\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .sm\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }
    .sm\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .sm\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .sm\:flex-grow-0 {
        flex-grow: 0 !important;
    }
    .sm\:flex-grow-1 {
        flex-grow: 1 !important;
    }
    .sm\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .sm\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }
    .sm\:flex-jc-start {
        justify-content: flex-start !important;
    }
    .sm\:flex-jc-end {
        justify-content: flex-end !important;
    }
    .sm\:flex-jc-center {
        justify-content: center !important;
    }
    .sm\:flex-jc-between {
        justify-content: space-between !important;
    }
    .sm\:flex-jc-around {
        justify-content: space-around !important;
    }
    .sm\:flex-jc-evenly {
        justify-content: space-evenly !important;
    }
    .sm\:flex-ai-start {
        align-items: flex-start !important;
    }
    .sm\:flex-ai-end {
        align-items: flex-end !important;
    }
    .sm\:flex-ai-center {
        align-items: center !important;
    }
    .sm\:flex-ai-baseline {
        align-items: baseline !important;
    }
    .sm\:flex-ai-stretch {
        align-items: stretch !important;
    }
    .sm\:flex-ac-start {
        align-content: flex-start !important;
    }
    .sm\:flex-ac-end {
        align-content: flex-end !important;
    }
    .sm\:flex-ac-center {
        align-content: center !important;
    }
    .sm\:flex-ac-between {
        align-content: space-between !important;
    }
    .sm\:flex-ac-around {
        align-content: space-around !important;
    }
    .sm\:flex-ac-stretch {
        align-content: stretch !important;
    }
    .sm\:flex-as-auto {
        align-self: auto !important;
    }
    .sm\:flex-as-start {
        align-self: flex-start !important;
    }
    .sm\:flex-as-end {
        align-self: flex-end !important;
    }
    .sm\:flex-as-center {
        align-self: center !important;
    }
    .sm\:flex-as-baseline {
        align-self: baseline !important;
    }
    .sm\:flex-as-stretch {
        align-self: stretch !important;
    }
    .sm\:order-first {
        order: -1 !important;
    }
    .sm\:order-0 {
        order: 0 !important;
    }
    .sm\:order-1 {
        order: 1 !important;
    }
    .sm\:order-2 {
        order: 2 !important;
    }
    .sm\:order-3 {
        order: 3 !important;
    }
    .sm\:order-4 {
        order: 4 !important;
    }
    .sm\:order-5 {
        order: 5 !important;
    }
    .sm\:order-6 {
        order: 6 !important;
    }
    .sm\:row--g-0 {
        --gutter-x: 0 !important;
        --gutter-y: 0 !important;
    }
    .sm\:row--g-4 {
        --gutter-x: 4px !important;
        --gutter-y: 4px !important;
    }
    .sm\:row--g-8 {
        --gutter-x: 8px !important;
        --gutter-y: 8px !important;
    }
    .sm\:row--g-12 {
        --gutter-x: 12px !important;
        --gutter-y: 12px !important;
    }
    .sm\:row--g-16 {
        --gutter-x: 16px !important;
        --gutter-y: 16px !important;
    }
    .sm\:row--g-20 {
        --gutter-x: 20px !important;
        --gutter-y: 20px !important;
    }
    .sm\:row--g-24 {
        --gutter-x: 24px !important;
        --gutter-y: 24px !important;
    }
    .sm\:row--g-28 {
        --gutter-x: 28px !important;
        --gutter-y: 28px !important;
    }
    .sm\:row--g-32 {
        --gutter-x: 32px !important;
        --gutter-y: 32px !important;
    }
    .sm\:row--gy-0 {
        --gutter-y: 0 !important;
    }
    .sm\:row--gy-4 {
        --gutter-y: 4px !important;
    }
    .sm\:row--gy-8 {
        --gutter-y: 8px !important;
    }
    .sm\:row--gy-12 {
        --gutter-y: 12px !important;
    }
    .sm\:row--gy-16 {
        --gutter-y: 16px !important;
    }
    .sm\:row--gy-20 {
        --gutter-y: 20px !important;
    }
    .sm\:row--gy-24 {
        --gutter-y: 24px !important;
    }
    .sm\:row--gy-28 {
        --gutter-y: 28px !important;
    }
    .sm\:row--gy-32 {
        --gutter-y: 32px !important;
    }
    .sm\:row--gx-0 {
        --gutter-x: 0 !important;
    }
    .sm\:row--gx-4 {
        --gutter-x: 4px !important;
    }
    .sm\:row--gx-8 {
        --gutter-x: 8px !important;
    }
    .sm\:row--gx-12 {
        --gutter-x: 12px !important;
    }
    .sm\:row--gx-16 {
        --gutter-x: 16px !important;
    }
    .sm\:row--gx-20 {
        --gutter-x: 20px !important;
    }
    .sm\:row--gx-24 {
        --gutter-x: 24px !important;
    }
    .sm\:row--gx-28 {
        --gutter-x: 28px !important;
    }
    .sm\:row--gx-32 {
        --gutter-x: 32px !important;
    }
    .sm\:grid-af-row {
        grid-auto-flow: row !important;
    }
    .sm\:grid-af-col {
        grid-auto-flow: column !important;
    }
    .sm\:grid-af-row-dense {
        grid-auto-flow: row dense !important;
    }
    .sm\:grid-af-col-dense {
        grid-auto-flow: column dense !important;
    }
    .sm\:grid-ji-start {
        justify-items: start !important;
    }
    .sm\:grid-ji-end {
        justify-items: end !important;
    }
    .sm\:grid-ji-center {
        justify-items: center !important;
    }
    .sm\:grid-ji-stretch {
        justify-items: stretch !important;
    }
    .sm\:grid-jc-start {
        justify-content: start !important;
    }
    .sm\:grid-jc-end {
        justify-content: end !important;
    }
    .sm\:grid-jc-center {
        justify-content: center !important;
    }
    .sm\:grid-jc-stretch {
        justify-content: stretch !important;
    }
    .sm\:grid-jc-around {
        justify-content: space-around !important;
    }
    .sm\:grid-jc-between {
        justify-content: space-between !important;
    }
    .sm\:grid-jc-evenly {
        justify-content: space-evenly !important;
    }
    .sm\:grid-js-start {
        justify-self: start !important;
    }
    .sm\:grid-js-end {
        justify-self: end !important;
    }
    .sm\:grid-js-center {
        justify-self: center !important;
    }
    .sm\:grid-js-stretch {
        justify-self: stretch !important;
    }
    .sm\:grid-ai-start {
        align-items: start !important;
    }
    .sm\:grid-ai-end {
        align-items: end !important;
    }
    .sm\:grid-ai-center {
        align-items: center !important;
    }
    .sm\:grid-ai-stretch {
        align-items: stretch !important;
    }
    .sm\:grid-ac-start {
        align-content: start !important;
    }
    .sm\:grid-ac-end {
        align-content: end !important;
    }
    .sm\:grid-ac-center {
        align-content: center !important;
    }
    .sm\:grid-ac-stretch {
        align-content: stretch !important;
    }
    .sm\:grid-ac-around {
        align-content: space-around !important;
    }
    .sm\:grid-ac-between {
        align-content: space-between !important;
    }
    .sm\:grid-ac-evenly {
        align-content: space-evenly !important;
    }
    .sm\:grid-as-start {
        align-self: start !important;
    }
    .sm\:grid-as-end {
        align-self: end !important;
    }
    .sm\:grid-as-center {
        align-self: center !important;
    }
    .sm\:grid-as-stretch {
        align-self: stretch !important;
    }
    .sm\:gap-0 {
        grid-gap: 0 !important;
        gap: 0 !important;
    }
    .sm\:gap-4 {
        grid-gap: 4px !important;
        gap: 4px !important;
    }
    .sm\:gap-8 {
        grid-gap: 8px !important;
        gap: 8px !important;
    }
    .sm\:gap-12 {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .sm\:gap-16 {
        grid-gap: 16px !important;
        gap: 16px !important;
    }
    .sm\:gap-20 {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .sm\:gap-24 {
        grid-gap: 24px !important;
        gap: 24px !important;
    }
    .sm\:gap-28 {
        grid-gap: 28px !important;
        gap: 28px !important;
    }
    .sm\:gap-32 {
        grid-gap: 32px !important;
        gap: 32px !important;
    }
    .sm\:col-gap-0 {
        column-gap: 0 !important;
    }
    .sm\:col-gap-4 {
        column-gap: 4px !important;
    }
    .sm\:col-gap-8 {
        column-gap: 8px !important;
    }
    .sm\:col-gap-12 {
        column-gap: 12px !important;
    }
    .sm\:col-gap-16 {
        column-gap: 16px !important;
    }
    .sm\:col-gap-20 {
        column-gap: 20px !important;
    }
    .sm\:col-gap-24 {
        column-gap: 24px !important;
    }
    .sm\:col-gap-28 {
        column-gap: 28px !important;
    }
    .sm\:col-gap-32 {
        column-gap: 32px !important;
    }
    .sm\:row-gap-0 {
        row-gap: 0 !important;
    }
    .sm\:row-gap-4 {
        row-gap: 4px !important;
    }
    .sm\:row-gap-8 {
        row-gap: 8px !important;
    }
    .sm\:row-gap-12 {
        row-gap: 12px !important;
    }
    .sm\:row-gap-16 {
        row-gap: 16px !important;
    }
    .sm\:row-gap-20 {
        row-gap: 20px !important;
    }
    .sm\:row-gap-24 {
        row-gap: 24px !important;
    }
    .sm\:row-gap-28 {
        row-gap: 28px !important;
    }
    .sm\:row-gap-32 {
        row-gap: 32px !important;
    }
    .sm\:m-n16 {
        margin: -16px !important;
    }
    .sm\:m-n12 {
        margin: -12px !important;
    }
    .sm\:m-n8 {
        margin: -8px !important;
    }
    .sm\:m-n4 {
        margin: -4px !important;
    }
    .sm\:m-0 {
        margin: 0 !important;
    }
    .sm\:m-4 {
        margin: 4px !important;
    }
    .sm\:m-8 {
        margin: 8px !important;
    }
    .sm\:m-12 {
        margin: 12px !important;
    }
    .sm\:m-16 {
        margin: 16px !important;
    }
    .sm\:m-20 {
        margin: 20px !important;
    }
    .sm\:m-24 {
        margin: 24px !important;
    }
    .sm\:m-28 {
        margin: 28px !important;
    }
    .sm\:m-32 {
        margin: 32px !important;
    }
    .sm\:m-36 {
        margin: 36px !important;
    }
    .sm\:m-40 {
        margin: 40px !important;
    }
    .sm\:m-44 {
        margin: 44px !important;
    }
    .sm\:m-48 {
        margin: 48px !important;
    }
    .sm\:m-52 {
        margin: 52px !important;
    }
    .sm\:m-56 {
        margin: 56px !important;
    }
    .sm\:m-60 {
        margin: 60px !important;
    }
    .sm\:m-64 {
        margin: 64px !important;
    }
    .sm\:m-68 {
        margin: 68px !important;
    }
    .sm\:m-72 {
        margin: 72px !important;
    }
    .sm\:m-auto {
        margin: auto !important;
    }
    .sm\:mx-n16 {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }
    .sm\:mx-n12 {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
    .sm\:mx-n8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }
    .sm\:mx-n4 {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }
    .sm\:mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .sm\:mx-4 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .sm\:mx-8 {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .sm\:mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .sm\:mx-16 {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .sm\:mx-20 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .sm\:mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }
    .sm\:mx-28 {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }
    .sm\:mx-32 {
        margin-right: 32px !important;
        margin-left: 32px !important;
    }
    .sm\:mx-36 {
        margin-right: 36px !important;
        margin-left: 36px !important;
    }
    .sm\:mx-40 {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .sm\:mx-44 {
        margin-right: 44px !important;
        margin-left: 44px !important;
    }
    .sm\:mx-48 {
        margin-right: 48px !important;
        margin-left: 48px !important;
    }
    .sm\:mx-52 {
        margin-right: 52px !important;
        margin-left: 52px !important;
    }
    .sm\:mx-56 {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }
    .sm\:mx-60 {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
    .sm\:mx-64 {
        margin-right: 64px !important;
        margin-left: 64px !important;
    }
    .sm\:mx-68 {
        margin-right: 68px !important;
        margin-left: 68px !important;
    }
    .sm\:mx-72 {
        margin-right: 72px !important;
        margin-left: 72px !important;
    }
    .sm\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .sm\:my-n16 {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
    }
    .sm\:my-n12 {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    .sm\:my-n8 {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }
    .sm\:my-n4 {
        margin-top: -4px !important;
        margin-bottom: -4px !important;
    }
    .sm\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .sm\:my-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .sm\:my-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .sm\:my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .sm\:my-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .sm\:my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .sm\:my-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .sm\:my-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .sm\:my-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .sm\:my-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .sm\:my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .sm\:my-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .sm\:my-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .sm\:my-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .sm\:my-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .sm\:my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .sm\:my-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .sm\:my-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .sm\:my-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .sm\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .sm\:mt-n16 {
        margin-top: -16px !important;
    }
    .sm\:mt-n12 {
        margin-top: -12px !important;
    }
    .sm\:mt-n8 {
        margin-top: -8px !important;
    }
    .sm\:mt-n4 {
        margin-top: -4px !important;
    }
    .sm\:mt-0 {
        margin-top: 0 !important;
    }
    .sm\:mt-4 {
        margin-top: 4px !important;
    }
    .sm\:mt-8 {
        margin-top: 8px !important;
    }
    .sm\:mt-12 {
        margin-top: 12px !important;
    }
    .sm\:mt-16 {
        margin-top: 16px !important;
    }
    .sm\:mt-20 {
        margin-top: 20px !important;
    }
    .sm\:mt-24 {
        margin-top: 24px !important;
    }
    .sm\:mt-28 {
        margin-top: 28px !important;
    }
    .sm\:mt-32 {
        margin-top: 32px !important;
    }
    .sm\:mt-36 {
        margin-top: 36px !important;
    }
    .sm\:mt-40 {
        margin-top: 40px !important;
    }
    .sm\:mt-44 {
        margin-top: 44px !important;
    }
    .sm\:mt-48 {
        margin-top: 48px !important;
    }
    .sm\:mt-52 {
        margin-top: 52px !important;
    }
    .sm\:mt-56 {
        margin-top: 56px !important;
    }
    .sm\:mt-60 {
        margin-top: 60px !important;
    }
    .sm\:mt-64 {
        margin-top: 64px !important;
    }
    .sm\:mt-68 {
        margin-top: 68px !important;
    }
    .sm\:mt-72 {
        margin-top: 72px !important;
    }
    .sm\:mt-auto {
        margin-top: auto !important;
    }
    .sm\:mr-n16 {
        margin-right: -16px !important;
    }
    .sm\:mr-n12 {
        margin-right: -12px !important;
    }
    .sm\:mr-n8 {
        margin-right: -8px !important;
    }
    .sm\:mr-n4 {
        margin-right: -4px !important;
    }
    .sm\:mr-0 {
        margin-right: 0 !important;
    }
    .sm\:mr-4 {
        margin-right: 4px !important;
    }
    .sm\:mr-8 {
        margin-right: 8px !important;
    }
    .sm\:mr-12 {
        margin-right: 12px !important;
    }
    .sm\:mr-16 {
        margin-right: 16px !important;
    }
    .sm\:mr-20 {
        margin-right: 20px !important;
    }
    .sm\:mr-24 {
        margin-right: 24px !important;
    }
    .sm\:mr-28 {
        margin-right: 28px !important;
    }
    .sm\:mr-32 {
        margin-right: 32px !important;
    }
    .sm\:mr-36 {
        margin-right: 36px !important;
    }
    .sm\:mr-40 {
        margin-right: 40px !important;
    }
    .sm\:mr-44 {
        margin-right: 44px !important;
    }
    .sm\:mr-48 {
        margin-right: 48px !important;
    }
    .sm\:mr-52 {
        margin-right: 52px !important;
    }
    .sm\:mr-56 {
        margin-right: 56px !important;
    }
    .sm\:mr-60 {
        margin-right: 60px !important;
    }
    .sm\:mr-64 {
        margin-right: 64px !important;
    }
    .sm\:mr-68 {
        margin-right: 68px !important;
    }
    .sm\:mr-72 {
        margin-right: 72px !important;
    }
    .sm\:mr-auto {
        margin-right: auto !important;
    }
    .sm\:mb-n16 {
        margin-bottom: -16px !important;
    }
    .sm\:mb-n12 {
        margin-bottom: -12px !important;
    }
    .sm\:mb-n8 {
        margin-bottom: -8px !important;
    }
    .sm\:mb-n4 {
        margin-bottom: -4px !important;
    }
    .sm\:mb-0 {
        margin-bottom: 0 !important;
    }
    .sm\:mb-4 {
        margin-bottom: 4px !important;
    }
    .sm\:mb-8 {
        margin-bottom: 8px !important;
    }
    .sm\:mb-12 {
        margin-bottom: 12px !important;
    }
    .sm\:mb-16 {
        margin-bottom: 16px !important;
    }
    .sm\:mb-20 {
        margin-bottom: 20px !important;
    }
    .sm\:mb-24 {
        margin-bottom: 24px !important;
    }
    .sm\:mb-28 {
        margin-bottom: 28px !important;
    }
    .sm\:mb-32 {
        margin-bottom: 32px !important;
    }
    .sm\:mb-36 {
        margin-bottom: 36px !important;
    }
    .sm\:mb-40 {
        margin-bottom: 40px !important;
    }
    .sm\:mb-44 {
        margin-bottom: 44px !important;
    }
    .sm\:mb-48 {
        margin-bottom: 48px !important;
    }
    .sm\:mb-52 {
        margin-bottom: 52px !important;
    }
    .sm\:mb-56 {
        margin-bottom: 56px !important;
    }
    .sm\:mb-60 {
        margin-bottom: 60px !important;
    }
    .sm\:mb-64 {
        margin-bottom: 64px !important;
    }
    .sm\:mb-68 {
        margin-bottom: 68px !important;
    }
    .sm\:mb-72 {
        margin-bottom: 72px !important;
    }
    .sm\:mb-auto {
        margin-bottom: auto !important;
    }
    .sm\:ml-n16 {
        margin-left: -16px !important;
    }
    .sm\:ml-n12 {
        margin-left: -12px !important;
    }
    .sm\:ml-n8 {
        margin-left: -8px !important;
    }
    .sm\:ml-n4 {
        margin-left: -4px !important;
    }
    .sm\:ml-0 {
        margin-left: 0 !important;
    }
    .sm\:ml-4 {
        margin-left: 4px !important;
    }
    .sm\:ml-8 {
        margin-left: 8px !important;
    }
    .sm\:ml-12 {
        margin-left: 12px !important;
    }
    .sm\:ml-16 {
        margin-left: 16px !important;
    }
    .sm\:ml-20 {
        margin-left: 20px !important;
    }
    .sm\:ml-24 {
        margin-left: 24px !important;
    }
    .sm\:ml-28 {
        margin-left: 28px !important;
    }
    .sm\:ml-32 {
        margin-left: 32px !important;
    }
    .sm\:ml-36 {
        margin-left: 36px !important;
    }
    .sm\:ml-40 {
        margin-left: 40px !important;
    }
    .sm\:ml-44 {
        margin-left: 44px !important;
    }
    .sm\:ml-48 {
        margin-left: 48px !important;
    }
    .sm\:ml-52 {
        margin-left: 52px !important;
    }
    .sm\:ml-56 {
        margin-left: 56px !important;
    }
    .sm\:ml-60 {
        margin-left: 60px !important;
    }
    .sm\:ml-64 {
        margin-left: 64px !important;
    }
    .sm\:ml-68 {
        margin-left: 68px !important;
    }
    .sm\:ml-72 {
        margin-left: 72px !important;
    }
    .sm\:ml-auto {
        margin-left: auto !important;
    }
    .sm\:p-0 {
        padding: 0 !important;
    }
    .sm\:p-2 {
        padding: 2px !important;
    }
    .sm\:p-4 {
        padding: 4px !important;
    }
    .sm\:p-6 {
        padding: 6px !important;
    }
    .sm\:p-8 {
        padding: 8px !important;
    }
    .sm\:p-10 {
        padding: 10px !important;
    }
    .sm\:p-12 {
        padding: 12px !important;
    }
    .sm\:p-14 {
        padding: 14px !important;
    }
    .sm\:p-16 {
        padding: 16px !important;
    }
    .sm\:p-18 {
        padding: 18px !important;
    }
    .sm\:p-20 {
        padding: 20px !important;
    }
    .sm\:p-22 {
        padding: 22px !important;
    }
    .sm\:p-24 {
        padding: 24px !important;
    }
    .sm\:p-26 {
        padding: 26px !important;
    }
    .sm\:p-28 {
        padding: 28px !important;
    }
    .sm\:p-30 {
        padding: 30px !important;
    }
    .sm\:p-32 {
        padding: 32px !important;
    }
    .sm\:p-34 {
        padding: 34px !important;
    }
    .sm\:p-36 {
        padding: 36px !important;
    }
    .sm\:p-38 {
        padding: 38px !important;
    }
    .sm\:p-40 {
        padding: 40px !important;
    }
    .sm\:p-42 {
        padding: 42px !important;
    }
    .sm\:p-44 {
        padding: 44px !important;
    }
    .sm\:p-46 {
        padding: 46px !important;
    }
    .sm\:p-48 {
        padding: 48px !important;
    }
    .sm\:p-50 {
        padding: 50px !important;
    }
    .sm\:p-52 {
        padding: 52px !important;
    }
    .sm\:p-54 {
        padding: 54px !important;
    }
    .sm\:p-56 {
        padding: 56px !important;
    }
    .sm\:p-58 {
        padding: 58px !important;
    }
    .sm\:p-60 {
        padding: 60px !important;
    }
    .sm\:p-62 {
        padding: 62px !important;
    }
    .sm\:p-64 {
        padding: 64px !important;
    }
    .sm\:p-66 {
        padding: 66px !important;
    }
    .sm\:p-68 {
        padding: 68px !important;
    }
    .sm\:p-70 {
        padding: 70px !important;
    }
    .sm\:p-72 {
        padding: 72px !important;
    }
    .sm\:px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .sm\:px-2 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .sm\:px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .sm\:px-6 {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .sm\:px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .sm\:px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .sm\:px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .sm\:px-14 {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
    .sm\:px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .sm\:px-18 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .sm\:px-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .sm\:px-22 {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .sm\:px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .sm\:px-26 {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
    .sm\:px-28 {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }
    .sm\:px-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .sm\:px-32 {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .sm\:px-34 {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }
    .sm\:px-36 {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .sm\:px-38 {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
    .sm\:px-40 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .sm\:px-42 {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }
    .sm\:px-44 {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
    .sm\:px-46 {
        padding-right: 46px !important;
        padding-left: 46px !important;
    }
    .sm\:px-48 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .sm\:px-50 {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .sm\:px-52 {
        padding-right: 52px !important;
        padding-left: 52px !important;
    }
    .sm\:px-54 {
        padding-right: 54px !important;
        padding-left: 54px !important;
    }
    .sm\:px-56 {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }
    .sm\:px-58 {
        padding-right: 58px !important;
        padding-left: 58px !important;
    }
    .sm\:px-60 {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .sm\:px-62 {
        padding-right: 62px !important;
        padding-left: 62px !important;
    }
    .sm\:px-64 {
        padding-right: 64px !important;
        padding-left: 64px !important;
    }
    .sm\:px-66 {
        padding-right: 66px !important;
        padding-left: 66px !important;
    }
    .sm\:px-68 {
        padding-right: 68px !important;
        padding-left: 68px !important;
    }
    .sm\:px-70 {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
    .sm\:px-72 {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }
    .sm\:py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .sm\:py-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .sm\:py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .sm\:py-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .sm\:py-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .sm\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .sm\:py-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .sm\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .sm\:py-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .sm\:py-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .sm\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .sm\:py-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .sm\:py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .sm\:py-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .sm\:py-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .sm\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .sm\:py-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .sm\:py-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .sm\:py-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .sm\:py-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .sm\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .sm\:py-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .sm\:py-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .sm\:py-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .sm\:py-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .sm\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .sm\:py-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .sm\:py-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .sm\:py-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .sm\:py-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .sm\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .sm\:py-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .sm\:py-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .sm\:py-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .sm\:py-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .sm\:py-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .sm\:py-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .sm\:pt-0 {
        padding-top: 0 !important;
    }
    .sm\:pt-2 {
        padding-top: 2px !important;
    }
    .sm\:pt-4 {
        padding-top: 4px !important;
    }
    .sm\:pt-6 {
        padding-top: 6px !important;
    }
    .sm\:pt-8 {
        padding-top: 8px !important;
    }
    .sm\:pt-10 {
        padding-top: 10px !important;
    }
    .sm\:pt-12 {
        padding-top: 12px !important;
    }
    .sm\:pt-14 {
        padding-top: 14px !important;
    }
    .sm\:pt-16 {
        padding-top: 16px !important;
    }
    .sm\:pt-18 {
        padding-top: 18px !important;
    }
    .sm\:pt-20 {
        padding-top: 20px !important;
    }
    .sm\:pt-22 {
        padding-top: 22px !important;
    }
    .sm\:pt-24 {
        padding-top: 24px !important;
    }
    .sm\:pt-26 {
        padding-top: 26px !important;
    }
    .sm\:pt-28 {
        padding-top: 28px !important;
    }
    .sm\:pt-30 {
        padding-top: 30px !important;
    }
    .sm\:pt-32 {
        padding-top: 32px !important;
    }
    .sm\:pt-34 {
        padding-top: 34px !important;
    }
    .sm\:pt-36 {
        padding-top: 36px !important;
    }
    .sm\:pt-38 {
        padding-top: 38px !important;
    }
    .sm\:pt-40 {
        padding-top: 40px !important;
    }
    .sm\:pt-42 {
        padding-top: 42px !important;
    }
    .sm\:pt-44 {
        padding-top: 44px !important;
    }
    .sm\:pt-46 {
        padding-top: 46px !important;
    }
    .sm\:pt-48 {
        padding-top: 48px !important;
    }
    .sm\:pt-50 {
        padding-top: 50px !important;
    }
    .sm\:pt-52 {
        padding-top: 52px !important;
    }
    .sm\:pt-54 {
        padding-top: 54px !important;
    }
    .sm\:pt-56 {
        padding-top: 56px !important;
    }
    .sm\:pt-58 {
        padding-top: 58px !important;
    }
    .sm\:pt-60 {
        padding-top: 60px !important;
    }
    .sm\:pt-62 {
        padding-top: 62px !important;
    }
    .sm\:pt-64 {
        padding-top: 64px !important;
    }
    .sm\:pt-66 {
        padding-top: 66px !important;
    }
    .sm\:pt-68 {
        padding-top: 68px !important;
    }
    .sm\:pt-70 {
        padding-top: 70px !important;
    }
    .sm\:pt-72 {
        padding-top: 72px !important;
    }
    .sm\:pr-0 {
        padding-right: 0 !important;
    }
    .sm\:pr-2 {
        padding-right: 2px !important;
    }
    .sm\:pr-4 {
        padding-right: 4px !important;
    }
    .sm\:pr-6 {
        padding-right: 6px !important;
    }
    .sm\:pr-8 {
        padding-right: 8px !important;
    }
    .sm\:pr-10 {
        padding-right: 10px !important;
    }
    .sm\:pr-12 {
        padding-right: 12px !important;
    }
    .sm\:pr-14 {
        padding-right: 14px !important;
    }
    .sm\:pr-16 {
        padding-right: 16px !important;
    }
    .sm\:pr-18 {
        padding-right: 18px !important;
    }
    .sm\:pr-20 {
        padding-right: 20px !important;
    }
    .sm\:pr-22 {
        padding-right: 22px !important;
    }
    .sm\:pr-24 {
        padding-right: 24px !important;
    }
    .sm\:pr-26 {
        padding-right: 26px !important;
    }
    .sm\:pr-28 {
        padding-right: 28px !important;
    }
    .sm\:pr-30 {
        padding-right: 30px !important;
    }
    .sm\:pr-32 {
        padding-right: 32px !important;
    }
    .sm\:pr-34 {
        padding-right: 34px !important;
    }
    .sm\:pr-36 {
        padding-right: 36px !important;
    }
    .sm\:pr-38 {
        padding-right: 38px !important;
    }
    .sm\:pr-40 {
        padding-right: 40px !important;
    }
    .sm\:pr-42 {
        padding-right: 42px !important;
    }
    .sm\:pr-44 {
        padding-right: 44px !important;
    }
    .sm\:pr-46 {
        padding-right: 46px !important;
    }
    .sm\:pr-48 {
        padding-right: 48px !important;
    }
    .sm\:pr-50 {
        padding-right: 50px !important;
    }
    .sm\:pr-52 {
        padding-right: 52px !important;
    }
    .sm\:pr-54 {
        padding-right: 54px !important;
    }
    .sm\:pr-56 {
        padding-right: 56px !important;
    }
    .sm\:pr-58 {
        padding-right: 58px !important;
    }
    .sm\:pr-60 {
        padding-right: 60px !important;
    }
    .sm\:pr-62 {
        padding-right: 62px !important;
    }
    .sm\:pr-64 {
        padding-right: 64px !important;
    }
    .sm\:pr-66 {
        padding-right: 66px !important;
    }
    .sm\:pr-68 {
        padding-right: 68px !important;
    }
    .sm\:pr-70 {
        padding-right: 70px !important;
    }
    .sm\:pr-72 {
        padding-right: 72px !important;
    }
    .sm\:pb-0 {
        padding-bottom: 0 !important;
    }
    .sm\:pb-2 {
        padding-bottom: 2px !important;
    }
    .sm\:pb-4 {
        padding-bottom: 4px !important;
    }
    .sm\:pb-6 {
        padding-bottom: 6px !important;
    }
    .sm\:pb-8 {
        padding-bottom: 8px !important;
    }
    .sm\:pb-10 {
        padding-bottom: 10px !important;
    }
    .sm\:pb-12 {
        padding-bottom: 12px !important;
    }
    .sm\:pb-14 {
        padding-bottom: 14px !important;
    }
    .sm\:pb-16 {
        padding-bottom: 16px !important;
    }
    .sm\:pb-18 {
        padding-bottom: 18px !important;
    }
    .sm\:pb-20 {
        padding-bottom: 20px !important;
    }
    .sm\:pb-22 {
        padding-bottom: 22px !important;
    }
    .sm\:pb-24 {
        padding-bottom: 24px !important;
    }
    .sm\:pb-26 {
        padding-bottom: 26px !important;
    }
    .sm\:pb-28 {
        padding-bottom: 28px !important;
    }
    .sm\:pb-30 {
        padding-bottom: 30px !important;
    }
    .sm\:pb-32 {
        padding-bottom: 32px !important;
    }
    .sm\:pb-34 {
        padding-bottom: 34px !important;
    }
    .sm\:pb-36 {
        padding-bottom: 36px !important;
    }
    .sm\:pb-38 {
        padding-bottom: 38px !important;
    }
    .sm\:pb-40 {
        padding-bottom: 40px !important;
    }
    .sm\:pb-42 {
        padding-bottom: 42px !important;
    }
    .sm\:pb-44 {
        padding-bottom: 44px !important;
    }
    .sm\:pb-46 {
        padding-bottom: 46px !important;
    }
    .sm\:pb-48 {
        padding-bottom: 48px !important;
    }
    .sm\:pb-50 {
        padding-bottom: 50px !important;
    }
    .sm\:pb-52 {
        padding-bottom: 52px !important;
    }
    .sm\:pb-54 {
        padding-bottom: 54px !important;
    }
    .sm\:pb-56 {
        padding-bottom: 56px !important;
    }
    .sm\:pb-58 {
        padding-bottom: 58px !important;
    }
    .sm\:pb-60 {
        padding-bottom: 60px !important;
    }
    .sm\:pb-62 {
        padding-bottom: 62px !important;
    }
    .sm\:pb-64 {
        padding-bottom: 64px !important;
    }
    .sm\:pb-66 {
        padding-bottom: 66px !important;
    }
    .sm\:pb-68 {
        padding-bottom: 68px !important;
    }
    .sm\:pb-70 {
        padding-bottom: 70px !important;
    }
    .sm\:pb-72 {
        padding-bottom: 72px !important;
    }
    .sm\:pl-0 {
        padding-left: 0 !important;
    }
    .sm\:pl-2 {
        padding-left: 2px !important;
    }
    .sm\:pl-4 {
        padding-left: 4px !important;
    }
    .sm\:pl-6 {
        padding-left: 6px !important;
    }
    .sm\:pl-8 {
        padding-left: 8px !important;
    }
    .sm\:pl-10 {
        padding-left: 10px !important;
    }
    .sm\:pl-12 {
        padding-left: 12px !important;
    }
    .sm\:pl-14 {
        padding-left: 14px !important;
    }
    .sm\:pl-16 {
        padding-left: 16px !important;
    }
    .sm\:pl-18 {
        padding-left: 18px !important;
    }
    .sm\:pl-20 {
        padding-left: 20px !important;
    }
    .sm\:pl-22 {
        padding-left: 22px !important;
    }
    .sm\:pl-24 {
        padding-left: 24px !important;
    }
    .sm\:pl-26 {
        padding-left: 26px !important;
    }
    .sm\:pl-28 {
        padding-left: 28px !important;
    }
    .sm\:pl-30 {
        padding-left: 30px !important;
    }
    .sm\:pl-32 {
        padding-left: 32px !important;
    }
    .sm\:pl-34 {
        padding-left: 34px !important;
    }
    .sm\:pl-36 {
        padding-left: 36px !important;
    }
    .sm\:pl-38 {
        padding-left: 38px !important;
    }
    .sm\:pl-40 {
        padding-left: 40px !important;
    }
    .sm\:pl-42 {
        padding-left: 42px !important;
    }
    .sm\:pl-44 {
        padding-left: 44px !important;
    }
    .sm\:pl-46 {
        padding-left: 46px !important;
    }
    .sm\:pl-48 {
        padding-left: 48px !important;
    }
    .sm\:pl-50 {
        padding-left: 50px !important;
    }
    .sm\:pl-52 {
        padding-left: 52px !important;
    }
    .sm\:pl-54 {
        padding-left: 54px !important;
    }
    .sm\:pl-56 {
        padding-left: 56px !important;
    }
    .sm\:pl-58 {
        padding-left: 58px !important;
    }
    .sm\:pl-60 {
        padding-left: 60px !important;
    }
    .sm\:pl-62 {
        padding-left: 62px !important;
    }
    .sm\:pl-64 {
        padding-left: 64px !important;
    }
    .sm\:pl-66 {
        padding-left: 66px !important;
    }
    .sm\:pl-68 {
        padding-left: 68px !important;
    }
    .sm\:pl-70 {
        padding-left: 70px !important;
    }
    .sm\:pl-72 {
        padding-left: 72px !important;
    }
    .sm\:fz-xs {
        font-size: var(--fz-xs) !important;
    }
    .sm\:fz-sm {
        font-size: var(--fz-sm) !important;
    }
    .sm\:fz-md {
        font-size: var(--fz-md) !important;
    }
    .sm\:fz-lg {
        font-size: var(--fz-lg) !important;
    }
    .sm\:fz-xl {
        font-size: var(--fz-xl) !important;
    }
    .sm\:fz-2xl {
        font-size: var(--fz-2xl) !important;
    }
    .sm\:fz-3xl {
        font-size: var(--fz-3xl) !important;
    }
    .sm\:fz-5xl {
        font-size: var(--fz-5xl) !important;
    }
    .sm\:fz-6xl {
        font-size: var(--fz-6xl) !important;
    }
    .sm\:fz-7xl {
        font-size: var(--fz-7xl) !important;
    }
    .sm\:fz-9xl {
        font-size: var(--fz-9xl) !important;
    }
    .sm\:fw-xl {
        font-weight: var(--fw-xl) !important;
    }
    .sm\:fw-l {
        font-weight: var(--fw-l) !important;
    }
    .sm\:fw-n {
        font-weight: var(--fw-n) !important;
    }
    .sm\:fw-m {
        font-weight: var(--fw-m) !important;
    }
    .sm\:fw-sb {
        font-weight: var(--fw-sb) !important;
    }
    .sm\:fw-b {
        font-weight: var(--fw-b) !important;
    }
    .sm\:fw-xb {
        font-weight: var(--fw-xb) !important;
    }
    .sm\:ta-j {
        text-align: justify !important;
    }
    .sm\:ta-l {
        text-align: left !important;
    }
    .sm\:ta-r {
        text-align: right !important;
    }
    .sm\:ta-c {
        text-align: center !important;
    }
    .sm\:lh-1 {
        line-height: var(--lh-1) !important;
    }
    .sm\:lh-2xs {
        line-height: var(--lh-2xs) !important;
    }
    .sm\:lh-xs {
        line-height: var(--lh-xs) !important;
    }
    .sm\:lh-sm {
        line-height: var(--lh-sm) !important;
    }
    .sm\:lh-md {
        line-height: var(--lh-md) !important;
    }
    .sm\:lh-lg {
        line-height: var(--lh-lg) !important;
    }
    .sm\:lh-xl {
        line-height: var(--lh-xl) !important;
    }
    .sm\:bg-white {
        background-color: var(--cl-white) !important;
    }
    .sm\:bg-black {
        background-color: var(--cl-black) !important;
    }
    .sm\:bg-body {
        background-color: var(--body-bg-cl) !important;
    }
    .sm\:bg-light {
        background-color: var(--bg-light) !important;
    }
    .sm\:bg-dark {
        background-color: var(--bg-dark) !important;
    }
    .sm\:bg-primary {
        background-color: var(--bg-primary) !important;
    }
    .sm\:bg-success {
        background-color: var(--bg-success) !important;
    }
    .sm\:bg-warning {
        background-color: var(--bg-warning) !important;
    }
    .sm\:bg-danger {
        background-color: var(--bg-danger) !important;
    }
    .sm\:bg-info {
        background-color: var(--bg-info) !important;
    }
    .sm\:bg-transparent {
        background-color: transparent !important;
    }
    .sm\:opacity-0 {
        opacity: 0 !important;
    }
    .sm\:opacity-1 {
        opacity: 1 !important;
    }
    .sm\:z-0 {
        z-index: 0 !important;
    }
    .sm\:z-10 {
        z-index: 10 !important;
    }
    .sm\:z-20 {
        z-index: 20 !important;
    }
    .sm\:z-30 {
        z-index: 30 !important;
    }
    .sm\:z-40 {
        z-index: 40 !important;
    }
    .sm\:z-50 {
        z-index: 50 !important;
    }
    .sm\:z-60 {
        z-index: 60 !important;
    }
    .sm\:z-70 {
        z-index: 70 !important;
    }
    .sm\:z-80 {
        z-index: 80 !important;
    }
    .sm\:z-90 {
        z-index: 90 !important;
    }
    .sm\:z-100 {
        z-index: 100 !important;
    }
    .sm\:pe-auto {
        pointer-events: auto !important;
    }
    .sm\:pe-none {
        pointer-events: none !important;
    }
    .sm\:shadow-none {
        box-shadow: none !important;
    }
    .sm\:shadow-wide {
        box-shadow: var(--shadow-wide) !important;
    }
    .sm\:shadow-wide-top {
        box-shadow: var(--shadow-wide-top) !important;
    }
    .sm\:shadow-short {
        box-shadow: var(--shadow-short) !important;
    }
    .sm\:shadow-line {
        box-shadow: var(--shadow-line) !important;
    }
}
@media (min-width: 768px) {
    .md\:float-left {
        float: left !important;
    }
    .md\:float-right {
        float: right !important;
    }
    .md\:float-none {
        float: none !important;
    }
    .md\:ov-auto {
        overflow: auto !important;
    }
    .md\:ov-hidden {
        overflow: hidden !important;
    }
    .md\:ov-visible {
        overflow: visible !important;
    }
    .md\:ov-scroll {
        overflow: scroll !important;
    }
    .md\:ov-x-auto {
        overflow-x: auto !important;
    }
    .md\:ov-x-hidden {
        overflow-x: hidden !important;
    }
    .md\:ov-x-visible {
        overflow-x: visible !important;
    }
    .md\:ov-x-scroll {
        overflow-x: scroll !important;
    }
    .md\:ov-y-auto {
        overflow-y: auto !important;
    }
    .md\:ov-y-hidden {
        overflow-y: hidden !important;
    }
    .md\:ov-y-visible {
        overflow-y: visible !important;
    }
    .md\:ov-y-scroll {
        overflow-y: scroll !important;
    }
    .md\:d-inline {
        display: inline !important;
    }
    .md\:d-inline-block {
        display: inline-block !important;
    }
    .md\:d-block {
        display: block !important;
    }
    .md\:d-table {
        display: table !important;
    }
    .md\:d-table-row {
        display: table-row !important;
    }
    .md\:d-table-cell {
        display: table-cell !important;
    }
    .md\:d-flex {
        display: flex !important;
    }
    .md\:d-inline-flex {
        display: inline-flex !important;
    }
    .md\:d-grid {
        display: grid !important;
    }
    .md\:d-inline-grid {
        display: inline-grid !important;
    }
    .md\:d-contents {
        display: contents !important;
    }
    .md\:d-none {
        display: none !important;
    }
    .md\:pos-static {
        position: static !important;
    }
    .md\:pos-relative {
        position: relative !important;
    }
    .md\:pos-absolute {
        position: absolute !important;
    }
    .md\:pos-fixed {
        position: fixed !important;
    }
    .md\:pos-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
    .md\:pos-top-n100p {
        top: -100% !important;
    }
    .md\:pos-top-n50p {
        top: -50% !important;
    }
    .md\:pos-top-0 {
        top: 0 !important;
    }
    .md\:pos-top-50p {
        top: 50% !important;
    }
    .md\:pos-top-100p {
        top: 100% !important;
    }
    .md\:pos-right-n100p {
        right: -100% !important;
    }
    .md\:pos-right-n50p {
        right: -50% !important;
    }
    .md\:pos-right-0 {
        right: 0 !important;
    }
    .md\:pos-right-50p {
        right: 50% !important;
    }
    .md\:pos-right-100p {
        right: 100% !important;
    }
    .md\:pos-bottom-n100p {
        bottom: -100% !important;
    }
    .md\:pos-bottom-n50p {
        bottom: -50% !important;
    }
    .md\:pos-bottom-0 {
        bottom: 0 !important;
    }
    .md\:pos-bottom-50p {
        bottom: 50% !important;
    }
    .md\:pos-bottom-100p {
        bottom: 100% !important;
    }
    .md\:pos-left-n100p {
        left: -100% !important;
    }
    .md\:pos-left-n50p {
        left: -50% !important;
    }
    .md\:pos-left-0 {
        left: 0 !important;
    }
    .md\:pos-left-50p {
        left: 50% !important;
    }
    .md\:pos-left-100p {
        left: 100% !important;
    }
    .md\:translate-middle {
        transform: translate(-50%, -50%) !important;
    }
    .md\:translate-middle-x {
        transform: translate(-50%) !important;
    }
    .md\:translate-middle-y {
        transform: translateY(-50%) !important;
    }
    .md\:brs-0 {
        border-radius: 0 !important;
    }
    .md\:brs-4 {
        border-radius: 4px !important;
    }
    .md\:brs-8 {
        border-radius: 8px !important;
    }
    .md\:brs-12 {
        border-radius: 12px !important;
    }
    .md\:brs-16 {
        border-radius: 16px !important;
    }
    .md\:brs-20 {
        border-radius: 20px !important;
    }
    .md\:brs-24 {
        border-radius: 24px !important;
    }
    .md\:brs-28 {
        border-radius: 28px !important;
    }
    .md\:brs-32 {
        border-radius: 32px !important;
    }
    .md\:brs-9 {
        border-radius: 9px !important;
    }
    .md\:brs-tr-0 {
        border-top-right-radius: 0 !important;
    }
    .md\:brs-tr-4 {
        border-top-right-radius: 4px !important;
    }
    .md\:brs-tr-8 {
        border-top-right-radius: 8px !important;
    }
    .md\:brs-tr-12 {
        border-top-right-radius: 12px !important;
    }
    .md\:brs-tr-16 {
        border-top-right-radius: 16px !important;
    }
    .md\:brs-tr-20 {
        border-top-right-radius: 20px !important;
    }
    .md\:brs-tr-24 {
        border-top-right-radius: 24px !important;
    }
    .md\:brs-tr-28 {
        border-top-right-radius: 28px !important;
    }
    .md\:brs-tr-32 {
        border-top-right-radius: 32px !important;
    }
    .md\:brs-br-0 {
        border-bottom-right-radius: 0 !important;
    }
    .md\:brs-br-4 {
        border-bottom-right-radius: 4px !important;
    }
    .md\:brs-br-8 {
        border-bottom-right-radius: 8px !important;
    }
    .md\:brs-br-12 {
        border-bottom-right-radius: 12px !important;
    }
    .md\:brs-br-16 {
        border-bottom-right-radius: 16px !important;
    }
    .md\:brs-br-20 {
        border-bottom-right-radius: 20px !important;
    }
    .md\:brs-br-24 {
        border-bottom-right-radius: 24px !important;
    }
    .md\:brs-br-28 {
        border-bottom-right-radius: 28px !important;
    }
    .md\:brs-br-32 {
        border-bottom-right-radius: 32px !important;
    }
    .md\:brs-bl-0 {
        border-bottom-left-radius: 0 !important;
    }
    .md\:brs-bl-4 {
        border-bottom-left-radius: 4px !important;
    }
    .md\:brs-bl-8 {
        border-bottom-left-radius: 8px !important;
    }
    .md\:brs-bl-12 {
        border-bottom-left-radius: 12px !important;
    }
    .md\:brs-bl-16 {
        border-bottom-left-radius: 16px !important;
    }
    .md\:brs-bl-20 {
        border-bottom-left-radius: 20px !important;
    }
    .md\:brs-bl-24 {
        border-bottom-left-radius: 24px !important;
    }
    .md\:brs-bl-28 {
        border-bottom-left-radius: 28px !important;
    }
    .md\:brs-bl-32 {
        border-bottom-left-radius: 32px !important;
    }
    .md\:brs-tl-0 {
        border-top-left-radius: 0 !important;
    }
    .md\:brs-tl-4 {
        border-top-left-radius: 4px !important;
    }
    .md\:brs-tl-8 {
        border-top-left-radius: 8px !important;
    }
    .md\:brs-tl-12 {
        border-top-left-radius: 12px !important;
    }
    .md\:brs-tl-16 {
        border-top-left-radius: 16px !important;
    }
    .md\:brs-tl-20 {
        border-top-left-radius: 20px !important;
    }
    .md\:brs-tl-24 {
        border-top-left-radius: 24px !important;
    }
    .md\:brs-tl-28 {
        border-top-left-radius: 28px !important;
    }
    .md\:brs-tl-32 {
        border-top-left-radius: 32px !important;
    }
    .md\:w-0 {
        width: 0 !important;
    }
    .md\:w-4 {
        width: 4px !important;
    }
    .md\:w-8 {
        width: 8px !important;
    }
    .md\:w-12 {
        width: 12px !important;
    }
    .md\:w-16 {
        width: 16px !important;
    }
    .md\:w-20 {
        width: 20px !important;
    }
    .md\:w-24 {
        width: 24px !important;
    }
    .md\:w-28 {
        width: 28px !important;
    }
    .md\:w-32 {
        width: 32px !important;
    }
    .md\:w-36 {
        width: 36px !important;
    }
    .md\:w-40 {
        width: 40px !important;
    }
    .md\:w-44 {
        width: 44px !important;
    }
    .md\:w-48 {
        width: 48px !important;
    }
    .md\:w-52 {
        width: 52px !important;
    }
    .md\:w-56 {
        width: 56px !important;
    }
    .md\:w-60 {
        width: 60px !important;
    }
    .md\:w-64 {
        width: 64px !important;
    }
    .md\:w-68 {
        width: 68px !important;
    }
    .md\:w-72 {
        width: 72px !important;
    }
    .md\:w-76 {
        width: 76px !important;
    }
    .md\:w-80 {
        width: 80px !important;
    }
    .md\:w-84 {
        width: 84px !important;
    }
    .md\:w-88 {
        width: 88px !important;
    }
    .md\:w-92 {
        width: 92px !important;
    }
    .md\:w-96 {
        width: 96px !important;
    }
    .md\:w-100 {
        width: 100px !important;
    }
    .md\:w-104 {
        width: 104px !important;
    }
    .md\:w-108 {
        width: 108px !important;
    }
    .md\:w-112 {
        width: 112px !important;
    }
    .md\:w-116 {
        width: 116px !important;
    }
    .md\:w-120 {
        width: 120px !important;
    }
    .md\:w-124 {
        width: 124px !important;
    }
    .md\:w-128 {
        width: 128px !important;
    }
    .md\:w-132 {
        width: 132px !important;
    }
    .md\:w-136 {
        width: 136px !important;
    }
    .md\:w-auto {
        width: auto !important;
    }
    .md\:w-140 {
        width: 140px !important;
    }
    .md\:w-160 {
        width: 160px !important;
    }
    .md\:w-180 {
        width: 180px !important;
    }
    .md\:w-200 {
        width: 200px !important;
    }
    .md\:w-220 {
        width: 220px !important;
    }
    .md\:w-240 {
        width: 240px !important;
    }
    .md\:w-260 {
        width: 260px !important;
    }
    .md\:w-280 {
        width: 280px !important;
    }
    .md\:w-300 {
        width: 300px !important;
    }
    .md\:w-320 {
        width: 320px !important;
    }
    .md\:w-340 {
        width: 340px !important;
    }
    .md\:w-360 {
        width: 360px !important;
    }
    .md\:w-380 {
        width: 380px !important;
    }
    .md\:w-400 {
        width: 400px !important;
    }
    .md\:w-5p {
        width: 5% !important;
    }
    .md\:w-10p {
        width: 10% !important;
    }
    .md\:w-15p {
        width: 15% !important;
    }
    .md\:w-20p {
        width: 20% !important;
    }
    .md\:w-25p {
        width: 25% !important;
    }
    .md\:w-30p {
        width: 30% !important;
    }
    .md\:w-35p {
        width: 35% !important;
    }
    .md\:w-40p {
        width: 40% !important;
    }
    .md\:w-45p {
        width: 45% !important;
    }
    .md\:w-50p {
        width: 50% !important;
    }
    .md\:w-55p {
        width: 55% !important;
    }
    .md\:w-60p {
        width: 60% !important;
    }
    .md\:w-65p {
        width: 65% !important;
    }
    .md\:w-70p {
        width: 70% !important;
    }
    .md\:w-75p {
        width: 75% !important;
    }
    .md\:w-80p {
        width: 80% !important;
    }
    .md\:w-85p {
        width: 85% !important;
    }
    .md\:w-90p {
        width: 90% !important;
    }
    .md\:w-95p {
        width: 95% !important;
    }
    .md\:w-100p {
        width: 100% !important;
    }
    .md\:max-w-0 {
        max-width: 0 !important;
    }
    .md\:max-w-4 {
        max-width: 4px !important;
    }
    .md\:max-w-8 {
        max-width: 8px !important;
    }
    .md\:max-w-12 {
        max-width: 12px !important;
    }
    .md\:max-w-16 {
        max-width: 16px !important;
    }
    .md\:max-w-20 {
        max-width: 20px !important;
    }
    .md\:max-w-24 {
        max-width: 24px !important;
    }
    .md\:max-w-28 {
        max-width: 28px !important;
    }
    .md\:max-w-32 {
        max-width: 32px !important;
    }
    .md\:max-w-36 {
        max-width: 36px !important;
    }
    .md\:max-w-40 {
        max-width: 40px !important;
    }
    .md\:max-w-44 {
        max-width: 44px !important;
    }
    .md\:max-w-48 {
        max-width: 48px !important;
    }
    .md\:max-w-52 {
        max-width: 52px !important;
    }
    .md\:max-w-56 {
        max-width: 56px !important;
    }
    .md\:max-w-60 {
        max-width: 60px !important;
    }
    .md\:max-w-64 {
        max-width: 64px !important;
    }
    .md\:max-w-68 {
        max-width: 68px !important;
    }
    .md\:max-w-72 {
        max-width: 72px !important;
    }
    .md\:max-w-76 {
        max-width: 76px !important;
    }
    .md\:max-w-80 {
        max-width: 80px !important;
    }
    .md\:max-w-84 {
        max-width: 84px !important;
    }
    .md\:max-w-88 {
        max-width: 88px !important;
    }
    .md\:max-w-92 {
        max-width: 92px !important;
    }
    .md\:max-w-96 {
        max-width: 96px !important;
    }
    .md\:max-w-100 {
        max-width: 100px !important;
    }
    .md\:max-w-104 {
        max-width: 104px !important;
    }
    .md\:max-w-108 {
        max-width: 108px !important;
    }
    .md\:max-w-112 {
        max-width: 112px !important;
    }
    .md\:max-w-116 {
        max-width: 116px !important;
    }
    .md\:max-w-120 {
        max-width: 120px !important;
    }
    .md\:max-w-124 {
        max-width: 124px !important;
    }
    .md\:max-w-128 {
        max-width: 128px !important;
    }
    .md\:max-w-132 {
        max-width: 132px !important;
    }
    .md\:max-w-136 {
        max-width: 136px !important;
    }
    .md\:max-w-none {
        max-width: none !important;
    }
    .md\:max-w-140 {
        max-width: 140px !important;
    }
    .md\:max-w-160 {
        max-width: 160px !important;
    }
    .md\:max-w-180 {
        max-width: 180px !important;
    }
    .md\:max-w-200 {
        max-width: 200px !important;
    }
    .md\:max-w-220 {
        max-width: 220px !important;
    }
    .md\:max-w-240 {
        max-width: 240px !important;
    }
    .md\:max-w-260 {
        max-width: 260px !important;
    }
    .md\:max-w-280 {
        max-width: 280px !important;
    }
    .md\:max-w-300 {
        max-width: 300px !important;
    }
    .md\:max-w-320 {
        max-width: 320px !important;
    }
    .md\:max-w-340 {
        max-width: 340px !important;
    }
    .md\:max-w-360 {
        max-width: 360px !important;
    }
    .md\:max-w-380 {
        max-width: 380px !important;
    }
    .md\:max-w-400 {
        max-width: 400px !important;
    }
    .md\:max-w-5p {
        max-width: 5% !important;
    }
    .md\:max-w-10p {
        max-width: 10% !important;
    }
    .md\:max-w-15p {
        max-width: 15% !important;
    }
    .md\:max-w-20p {
        max-width: 20% !important;
    }
    .md\:max-w-25p {
        max-width: 25% !important;
    }
    .md\:max-w-30p {
        max-width: 30% !important;
    }
    .md\:max-w-35p {
        max-width: 35% !important;
    }
    .md\:max-w-40p {
        max-width: 40% !important;
    }
    .md\:max-w-45p {
        max-width: 45% !important;
    }
    .md\:max-w-50p {
        max-width: 50% !important;
    }
    .md\:max-w-55p {
        max-width: 55% !important;
    }
    .md\:max-w-60p {
        max-width: 60% !important;
    }
    .md\:max-w-65p {
        max-width: 65% !important;
    }
    .md\:max-w-70p {
        max-width: 70% !important;
    }
    .md\:max-w-75p {
        max-width: 75% !important;
    }
    .md\:max-w-80p {
        max-width: 80% !important;
    }
    .md\:max-w-85p {
        max-width: 85% !important;
    }
    .md\:max-w-90p {
        max-width: 90% !important;
    }
    .md\:max-w-95p {
        max-width: 95% !important;
    }
    .md\:max-w-100p {
        max-width: 100% !important;
    }
    .md\:min-w-0 {
        min-width: 0 !important;
    }
    .md\:min-w-100p {
        min-width: 100% !important;
    }
    .md\:h-60 {
        height: 60px !important;
    }
    .md\:h-80 {
        height: 80px !important;
    }
    .md\:h-100 {
        height: 100px !important;
    }
    .md\:h-120 {
        height: 120px !important;
    }
    .md\:h-140 {
        height: 140px !important;
    }
    .md\:h-160 {
        height: 160px !important;
    }
    .md\:h-180 {
        height: 180px !important;
    }
    .md\:h-200 {
        height: 200px !important;
    }
    .md\:h-auto {
        height: auto !important;
    }
    .md\:h-0 {
        height: 0 !important;
    }
    .md\:h-25p {
        height: 25% !important;
    }
    .md\:h-50p {
        height: 50% !important;
    }
    .md\:h-75p {
        height: 75% !important;
    }
    .md\:h-100p {
        height: 100% !important;
    }
    .md\:min-h-300 {
        min-height: 300px !important;
    }
    .md\:min-h-320 {
        min-height: 320px !important;
    }
    .md\:min-h-340 {
        min-height: 340px !important;
    }
    .md\:min-h-360 {
        min-height: 360px !important;
    }
    .md\:min-h-380 {
        min-height: 380px !important;
    }
    .md\:min-h-400 {
        min-height: 400px !important;
    }
    .md\:min-h-420 {
        min-height: 420px !important;
    }
    .md\:min-h-440 {
        min-height: 440px !important;
    }
    .md\:min-h-0 {
        min-height: 0 !important;
    }
    .md\:max-h-100p {
        max-height: 100% !important;
    }
    .md\:max-h-none {
        max-height: none !important;
    }
    .md\:w-100vw {
        width: 100vw !important;
    }
    .md\:min-w-100vw {
        min-width: 100vw !important;
    }
    .md\:h-100vh {
        height: 100vh !important;
    }
    .md\:min-h-100vh {
        min-height: 100vh !important;
    }
    .md\:flex-row {
        flex-direction: row !important;
    }
    .md\:flex-column {
        flex-direction: column !important;
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .md\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }
    .md\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .md\:flex-grow-0 {
        flex-grow: 0 !important;
    }
    .md\:flex-grow-1 {
        flex-grow: 1 !important;
    }
    .md\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .md\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }
    .md\:flex-jc-start {
        justify-content: flex-start !important;
    }
    .md\:flex-jc-end {
        justify-content: flex-end !important;
    }
    .md\:flex-jc-center {
        justify-content: center !important;
    }
    .md\:flex-jc-between {
        justify-content: space-between !important;
    }
    .md\:flex-jc-around {
        justify-content: space-around !important;
    }
    .md\:flex-jc-evenly {
        justify-content: space-evenly !important;
    }
    .md\:flex-ai-start {
        align-items: flex-start !important;
    }
    .md\:flex-ai-end {
        align-items: flex-end !important;
    }
    .md\:flex-ai-center {
        align-items: center !important;
    }
    .md\:flex-ai-baseline {
        align-items: baseline !important;
    }
    .md\:flex-ai-stretch {
        align-items: stretch !important;
    }
    .md\:flex-ac-start {
        align-content: flex-start !important;
    }
    .md\:flex-ac-end {
        align-content: flex-end !important;
    }
    .md\:flex-ac-center {
        align-content: center !important;
    }
    .md\:flex-ac-between {
        align-content: space-between !important;
    }
    .md\:flex-ac-around {
        align-content: space-around !important;
    }
    .md\:flex-ac-stretch {
        align-content: stretch !important;
    }
    .md\:flex-as-auto {
        align-self: auto !important;
    }
    .md\:flex-as-start {
        align-self: flex-start !important;
    }
    .md\:flex-as-end {
        align-self: flex-end !important;
    }
    .md\:flex-as-center {
        align-self: center !important;
    }
    .md\:flex-as-baseline {
        align-self: baseline !important;
    }
    .md\:flex-as-stretch {
        align-self: stretch !important;
    }
    .md\:order-first {
        order: -1 !important;
    }
    .md\:order-0 {
        order: 0 !important;
    }
    .md\:order-1 {
        order: 1 !important;
    }
    .md\:order-2 {
        order: 2 !important;
    }
    .md\:order-3 {
        order: 3 !important;
    }
    .md\:order-4 {
        order: 4 !important;
    }
    .md\:order-5 {
        order: 5 !important;
    }
    .md\:order-6 {
        order: 6 !important;
    }
    .md\:row--g-0 {
        --gutter-x: 0 !important;
        --gutter-y: 0 !important;
    }
    .md\:row--g-4 {
        --gutter-x: 4px !important;
        --gutter-y: 4px !important;
    }
    .md\:row--g-8 {
        --gutter-x: 8px !important;
        --gutter-y: 8px !important;
    }
    .md\:row--g-12 {
        --gutter-x: 12px !important;
        --gutter-y: 12px !important;
    }
    .md\:row--g-16 {
        --gutter-x: 16px !important;
        --gutter-y: 16px !important;
    }
    .md\:row--g-20 {
        --gutter-x: 20px !important;
        --gutter-y: 20px !important;
    }
    .md\:row--g-24 {
        --gutter-x: 24px !important;
        --gutter-y: 24px !important;
    }
    .md\:row--g-28 {
        --gutter-x: 28px !important;
        --gutter-y: 28px !important;
    }
    .md\:row--g-32 {
        --gutter-x: 32px !important;
        --gutter-y: 32px !important;
    }
    .md\:row--gy-0 {
        --gutter-y: 0 !important;
    }
    .md\:row--gy-4 {
        --gutter-y: 4px !important;
    }
    .md\:row--gy-8 {
        --gutter-y: 8px !important;
    }
    .md\:row--gy-12 {
        --gutter-y: 12px !important;
    }
    .md\:row--gy-16 {
        --gutter-y: 16px !important;
    }
    .md\:row--gy-20 {
        --gutter-y: 20px !important;
    }
    .md\:row--gy-24 {
        --gutter-y: 24px !important;
    }
    .md\:row--gy-28 {
        --gutter-y: 28px !important;
    }
    .md\:row--gy-32 {
        --gutter-y: 32px !important;
    }
    .md\:row--gx-0 {
        --gutter-x: 0 !important;
    }
    .md\:row--gx-4 {
        --gutter-x: 4px !important;
    }
    .md\:row--gx-8 {
        --gutter-x: 8px !important;
    }
    .md\:row--gx-12 {
        --gutter-x: 12px !important;
    }
    .md\:row--gx-16 {
        --gutter-x: 16px !important;
    }
    .md\:row--gx-20 {
        --gutter-x: 20px !important;
    }
    .md\:row--gx-24 {
        --gutter-x: 24px !important;
    }
    .md\:row--gx-28 {
        --gutter-x: 28px !important;
    }
    .md\:row--gx-32 {
        --gutter-x: 32px !important;
    }
    .md\:grid-af-row {
        grid-auto-flow: row !important;
    }
    .md\:grid-af-col {
        grid-auto-flow: column !important;
    }
    .md\:grid-af-row-dense {
        grid-auto-flow: row dense !important;
    }
    .md\:grid-af-col-dense {
        grid-auto-flow: column dense !important;
    }
    .md\:grid-ji-start {
        justify-items: start !important;
    }
    .md\:grid-ji-end {
        justify-items: end !important;
    }
    .md\:grid-ji-center {
        justify-items: center !important;
    }
    .md\:grid-ji-stretch {
        justify-items: stretch !important;
    }
    .md\:grid-jc-start {
        justify-content: start !important;
    }
    .md\:grid-jc-end {
        justify-content: end !important;
    }
    .md\:grid-jc-center {
        justify-content: center !important;
    }
    .md\:grid-jc-stretch {
        justify-content: stretch !important;
    }
    .md\:grid-jc-around {
        justify-content: space-around !important;
    }
    .md\:grid-jc-between {
        justify-content: space-between !important;
    }
    .md\:grid-jc-evenly {
        justify-content: space-evenly !important;
    }
    .md\:grid-js-start {
        justify-self: start !important;
    }
    .md\:grid-js-end {
        justify-self: end !important;
    }
    .md\:grid-js-center {
        justify-self: center !important;
    }
    .md\:grid-js-stretch {
        justify-self: stretch !important;
    }
    .md\:grid-ai-start {
        align-items: start !important;
    }
    .md\:grid-ai-end {
        align-items: end !important;
    }
    .md\:grid-ai-center {
        align-items: center !important;
    }
    .md\:grid-ai-stretch {
        align-items: stretch !important;
    }
    .md\:grid-ac-start {
        align-content: start !important;
    }
    .md\:grid-ac-end {
        align-content: end !important;
    }
    .md\:grid-ac-center {
        align-content: center !important;
    }
    .md\:grid-ac-stretch {
        align-content: stretch !important;
    }
    .md\:grid-ac-around {
        align-content: space-around !important;
    }
    .md\:grid-ac-between {
        align-content: space-between !important;
    }
    .md\:grid-ac-evenly {
        align-content: space-evenly !important;
    }
    .md\:grid-as-start {
        align-self: start !important;
    }
    .md\:grid-as-end {
        align-self: end !important;
    }
    .md\:grid-as-center {
        align-self: center !important;
    }
    .md\:grid-as-stretch {
        align-self: stretch !important;
    }
    .md\:gap-0 {
        grid-gap: 0 !important;
        gap: 0 !important;
    }
    .md\:gap-4 {
        grid-gap: 4px !important;
        gap: 4px !important;
    }
    .md\:gap-8 {
        grid-gap: 8px !important;
        gap: 8px !important;
    }
    .md\:gap-12 {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .md\:gap-16 {
        grid-gap: 16px !important;
        gap: 16px !important;
    }
    .md\:gap-20 {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .md\:gap-24 {
        grid-gap: 24px !important;
        gap: 24px !important;
    }
    .md\:gap-28 {
        grid-gap: 28px !important;
        gap: 28px !important;
    }
    .md\:gap-32 {
        grid-gap: 32px !important;
        gap: 32px !important;
    }
    .md\:col-gap-0 {
        column-gap: 0 !important;
    }
    .md\:col-gap-4 {
        column-gap: 4px !important;
    }
    .md\:col-gap-8 {
        column-gap: 8px !important;
    }
    .md\:col-gap-12 {
        column-gap: 12px !important;
    }
    .md\:col-gap-16 {
        column-gap: 16px !important;
    }
    .md\:col-gap-20 {
        column-gap: 20px !important;
    }
    .md\:col-gap-24 {
        column-gap: 24px !important;
    }
    .md\:col-gap-28 {
        column-gap: 28px !important;
    }
    .md\:col-gap-32 {
        column-gap: 32px !important;
    }
    .md\:row-gap-0 {
        row-gap: 0 !important;
    }
    .md\:row-gap-4 {
        row-gap: 4px !important;
    }
    .md\:row-gap-8 {
        row-gap: 8px !important;
    }
    .md\:row-gap-12 {
        row-gap: 12px !important;
    }
    .md\:row-gap-16 {
        row-gap: 16px !important;
    }
    .md\:row-gap-20 {
        row-gap: 20px !important;
    }
    .md\:row-gap-24 {
        row-gap: 24px !important;
    }
    .md\:row-gap-28 {
        row-gap: 28px !important;
    }
    .md\:row-gap-32 {
        row-gap: 32px !important;
    }
    .md\:m-n16 {
        margin: -16px !important;
    }
    .md\:m-n12 {
        margin: -12px !important;
    }
    .md\:m-n8 {
        margin: -8px !important;
    }
    .md\:m-n4 {
        margin: -4px !important;
    }
    .md\:m-0 {
        margin: 0 !important;
    }
    .md\:m-4 {
        margin: 4px !important;
    }
    .md\:m-8 {
        margin: 8px !important;
    }
    .md\:m-12 {
        margin: 12px !important;
    }
    .md\:m-16 {
        margin: 16px !important;
    }
    .md\:m-20 {
        margin: 20px !important;
    }
    .md\:m-24 {
        margin: 24px !important;
    }
    .md\:m-28 {
        margin: 28px !important;
    }
    .md\:m-32 {
        margin: 32px !important;
    }
    .md\:m-36 {
        margin: 36px !important;
    }
    .md\:m-40 {
        margin: 40px !important;
    }
    .md\:m-44 {
        margin: 44px !important;
    }
    .md\:m-48 {
        margin: 48px !important;
    }
    .md\:m-52 {
        margin: 52px !important;
    }
    .md\:m-56 {
        margin: 56px !important;
    }
    .md\:m-60 {
        margin: 60px !important;
    }
    .md\:m-64 {
        margin: 64px !important;
    }
    .md\:m-68 {
        margin: 68px !important;
    }
    .md\:m-72 {
        margin: 72px !important;
    }
    .md\:m-auto {
        margin: auto !important;
    }
    .md\:mx-n16 {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }
    .md\:mx-n12 {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
    .md\:mx-n8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }
    .md\:mx-n4 {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }
    .md\:mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .md\:mx-4 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .md\:mx-8 {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .md\:mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .md\:mx-16 {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .md\:mx-20 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .md\:mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }
    .md\:mx-28 {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }
    .md\:mx-32 {
        margin-right: 32px !important;
        margin-left: 32px !important;
    }
    .md\:mx-36 {
        margin-right: 36px !important;
        margin-left: 36px !important;
    }
    .md\:mx-40 {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .md\:mx-44 {
        margin-right: 44px !important;
        margin-left: 44px !important;
    }
    .md\:mx-48 {
        margin-right: 48px !important;
        margin-left: 48px !important;
    }
    .md\:mx-52 {
        margin-right: 52px !important;
        margin-left: 52px !important;
    }
    .md\:mx-56 {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }
    .md\:mx-60 {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
    .md\:mx-64 {
        margin-right: 64px !important;
        margin-left: 64px !important;
    }
    .md\:mx-68 {
        margin-right: 68px !important;
        margin-left: 68px !important;
    }
    .md\:mx-72 {
        margin-right: 72px !important;
        margin-left: 72px !important;
    }
    .md\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .md\:my-n16 {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
    }
    .md\:my-n12 {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    .md\:my-n8 {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }
    .md\:my-n4 {
        margin-top: -4px !important;
        margin-bottom: -4px !important;
    }
    .md\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .md\:my-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .md\:my-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .md\:my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .md\:my-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .md\:my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .md\:my-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .md\:my-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .md\:my-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .md\:my-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .md\:my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .md\:my-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .md\:my-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .md\:my-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .md\:my-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .md\:my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .md\:my-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .md\:my-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .md\:my-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .md\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .md\:mt-n16 {
        margin-top: -16px !important;
    }
    .md\:mt-n12 {
        margin-top: -12px !important;
    }
    .md\:mt-n8 {
        margin-top: -8px !important;
    }
    .md\:mt-n4 {
        margin-top: -4px !important;
    }
    .md\:mt-0 {
        margin-top: 0 !important;
    }
    .md\:mt-4 {
        margin-top: 4px !important;
    }
    .md\:mt-8 {
        margin-top: 8px !important;
    }
    .md\:mt-12 {
        margin-top: 12px !important;
    }
    .md\:mt-16 {
        margin-top: 16px !important;
    }
    .md\:mt-20 {
        margin-top: 20px !important;
    }
    .md\:mt-24 {
        margin-top: 24px !important;
    }
    .md\:mt-28 {
        margin-top: 28px !important;
    }
    .md\:mt-32 {
        margin-top: 32px !important;
    }
    .md\:mt-36 {
        margin-top: 36px !important;
    }
    .md\:mt-40 {
        margin-top: 40px !important;
    }
    .md\:mt-44 {
        margin-top: 44px !important;
    }
    .md\:mt-48 {
        margin-top: 48px !important;
    }
    .md\:mt-52 {
        margin-top: 52px !important;
    }
    .md\:mt-56 {
        margin-top: 56px !important;
    }
    .md\:mt-60 {
        margin-top: 60px !important;
    }
    .md\:mt-64 {
        margin-top: 64px !important;
    }
    .md\:mt-68 {
        margin-top: 68px !important;
    }
    .md\:mt-72 {
        margin-top: 72px !important;
    }
    .md\:mt-auto {
        margin-top: auto !important;
    }
    .md\:mr-n16 {
        margin-right: -16px !important;
    }
    .md\:mr-n12 {
        margin-right: -12px !important;
    }
    .md\:mr-n8 {
        margin-right: -8px !important;
    }
    .md\:mr-n4 {
        margin-right: -4px !important;
    }
    .md\:mr-0 {
        margin-right: 0 !important;
    }
    .md\:mr-4 {
        margin-right: 4px !important;
    }
    .md\:mr-8 {
        margin-right: 8px !important;
    }
    .md\:mr-12 {
        margin-right: 12px !important;
    }
    .md\:mr-16 {
        margin-right: 16px !important;
    }
    .md\:mr-20 {
        margin-right: 20px !important;
    }
    .md\:mr-24 {
        margin-right: 24px !important;
    }
    .md\:mr-28 {
        margin-right: 28px !important;
    }
    .md\:mr-32 {
        margin-right: 32px !important;
    }
    .md\:mr-36 {
        margin-right: 36px !important;
    }
    .md\:mr-40 {
        margin-right: 40px !important;
    }
    .md\:mr-44 {
        margin-right: 44px !important;
    }
    .md\:mr-48 {
        margin-right: 48px !important;
    }
    .md\:mr-52 {
        margin-right: 52px !important;
    }
    .md\:mr-56 {
        margin-right: 56px !important;
    }
    .md\:mr-60 {
        margin-right: 60px !important;
    }
    .md\:mr-64 {
        margin-right: 64px !important;
    }
    .md\:mr-68 {
        margin-right: 68px !important;
    }
    .md\:mr-72 {
        margin-right: 72px !important;
    }
    .md\:mr-auto {
        margin-right: auto !important;
    }
    .md\:mb-n16 {
        margin-bottom: -16px !important;
    }
    .md\:mb-n12 {
        margin-bottom: -12px !important;
    }
    .md\:mb-n8 {
        margin-bottom: -8px !important;
    }
    .md\:mb-n4 {
        margin-bottom: -4px !important;
    }
    .md\:mb-0 {
        margin-bottom: 0 !important;
    }
    .md\:mb-4 {
        margin-bottom: 4px !important;
    }
    .md\:mb-8 {
        margin-bottom: 8px !important;
    }
    .md\:mb-12 {
        margin-bottom: 12px !important;
    }
    .md\:mb-16 {
        margin-bottom: 16px !important;
    }
    .md\:mb-20 {
        margin-bottom: 20px !important;
    }
    .md\:mb-24 {
        margin-bottom: 24px !important;
    }
    .md\:mb-28 {
        margin-bottom: 28px !important;
    }
    .md\:mb-32 {
        margin-bottom: 32px !important;
    }
    .md\:mb-36 {
        margin-bottom: 36px !important;
    }
    .md\:mb-40 {
        margin-bottom: 40px !important;
    }
    .md\:mb-44 {
        margin-bottom: 44px !important;
    }
    .md\:mb-48 {
        margin-bottom: 48px !important;
    }
    .md\:mb-52 {
        margin-bottom: 52px !important;
    }
    .md\:mb-56 {
        margin-bottom: 56px !important;
    }
    .md\:mb-60 {
        margin-bottom: 60px !important;
    }
    .md\:mb-64 {
        margin-bottom: 64px !important;
    }
    .md\:mb-68 {
        margin-bottom: 68px !important;
    }
    .md\:mb-72 {
        margin-bottom: 72px !important;
    }
    .md\:mb-auto {
        margin-bottom: auto !important;
    }
    .md\:ml-n16 {
        margin-left: -16px !important;
    }
    .md\:ml-n12 {
        margin-left: -12px !important;
    }
    .md\:ml-n8 {
        margin-left: -8px !important;
    }
    .md\:ml-n4 {
        margin-left: -4px !important;
    }
    .md\:ml-0 {
        margin-left: 0 !important;
    }
    .md\:ml-4 {
        margin-left: 4px !important;
    }
    .md\:ml-8 {
        margin-left: 8px !important;
    }
    .md\:ml-12 {
        margin-left: 12px !important;
    }
    .md\:ml-16 {
        margin-left: 16px !important;
    }
    .md\:ml-20 {
        margin-left: 20px !important;
    }
    .md\:ml-24 {
        margin-left: 24px !important;
    }
    .md\:ml-28 {
        margin-left: 28px !important;
    }
    .md\:ml-32 {
        margin-left: 32px !important;
    }
    .md\:ml-36 {
        margin-left: 36px !important;
    }
    .md\:ml-40 {
        margin-left: 40px !important;
    }
    .md\:ml-44 {
        margin-left: 44px !important;
    }
    .md\:ml-48 {
        margin-left: 48px !important;
    }
    .md\:ml-52 {
        margin-left: 52px !important;
    }
    .md\:ml-56 {
        margin-left: 56px !important;
    }
    .md\:ml-60 {
        margin-left: 60px !important;
    }
    .md\:ml-64 {
        margin-left: 64px !important;
    }
    .md\:ml-68 {
        margin-left: 68px !important;
    }
    .md\:ml-72 {
        margin-left: 72px !important;
    }
    .md\:ml-auto {
        margin-left: auto !important;
    }
    .md\:p-0 {
        padding: 0 !important;
    }
    .md\:p-2 {
        padding: 2px !important;
    }
    .md\:p-4 {
        padding: 4px !important;
    }
    .md\:p-6 {
        padding: 6px !important;
    }
    .md\:p-8 {
        padding: 8px !important;
    }
    .md\:p-10 {
        padding: 10px !important;
    }
    .md\:p-12 {
        padding: 12px !important;
    }
    .md\:p-14 {
        padding: 14px !important;
    }
    .md\:p-16 {
        padding: 16px !important;
    }
    .md\:p-18 {
        padding: 18px !important;
    }
    .md\:p-20 {
        padding: 20px !important;
    }
    .md\:p-22 {
        padding: 22px !important;
    }
    .md\:p-24 {
        padding: 24px !important;
    }
    .md\:p-26 {
        padding: 26px !important;
    }
    .md\:p-28 {
        padding: 28px !important;
    }
    .md\:p-30 {
        padding: 30px !important;
    }
    .md\:p-32 {
        padding: 32px !important;
    }
    .md\:p-34 {
        padding: 34px !important;
    }
    .md\:p-36 {
        padding: 36px !important;
    }
    .md\:p-38 {
        padding: 38px !important;
    }
    .md\:p-40 {
        padding: 40px !important;
    }
    .md\:p-42 {
        padding: 42px !important;
    }
    .md\:p-44 {
        padding: 44px !important;
    }
    .md\:p-46 {
        padding: 46px !important;
    }
    .md\:p-48 {
        padding: 48px !important;
    }
    .md\:p-50 {
        padding: 50px !important;
    }
    .md\:p-52 {
        padding: 52px !important;
    }
    .md\:p-54 {
        padding: 54px !important;
    }
    .md\:p-56 {
        padding: 56px !important;
    }
    .md\:p-58 {
        padding: 58px !important;
    }
    .md\:p-60 {
        padding: 60px !important;
    }
    .md\:p-62 {
        padding: 62px !important;
    }
    .md\:p-64 {
        padding: 64px !important;
    }
    .md\:p-66 {
        padding: 66px !important;
    }
    .md\:p-68 {
        padding: 68px !important;
    }
    .md\:p-70 {
        padding: 70px !important;
    }
    .md\:p-72 {
        padding: 72px !important;
    }
    .md\:px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .md\:px-2 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .md\:px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .md\:px-6 {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .md\:px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .md\:px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .md\:px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .md\:px-14 {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
    .md\:px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .md\:px-18 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .md\:px-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .md\:px-22 {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .md\:px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .md\:px-26 {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
    .md\:px-28 {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }
    .md\:px-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .md\:px-32 {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .md\:px-34 {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }
    .md\:px-36 {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .md\:px-38 {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
    .md\:px-40 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .md\:px-42 {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }
    .md\:px-44 {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
    .md\:px-46 {
        padding-right: 46px !important;
        padding-left: 46px !important;
    }
    .md\:px-48 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .md\:px-50 {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .md\:px-52 {
        padding-right: 52px !important;
        padding-left: 52px !important;
    }
    .md\:px-54 {
        padding-right: 54px !important;
        padding-left: 54px !important;
    }
    .md\:px-56 {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }
    .md\:px-58 {
        padding-right: 58px !important;
        padding-left: 58px !important;
    }
    .md\:px-60 {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .md\:px-62 {
        padding-right: 62px !important;
        padding-left: 62px !important;
    }
    .md\:px-64 {
        padding-right: 64px !important;
        padding-left: 64px !important;
    }
    .md\:px-66 {
        padding-right: 66px !important;
        padding-left: 66px !important;
    }
    .md\:px-68 {
        padding-right: 68px !important;
        padding-left: 68px !important;
    }
    .md\:px-70 {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
    .md\:px-72 {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }
    .md\:py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .md\:py-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .md\:py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .md\:py-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .md\:py-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .md\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .md\:py-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .md\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .md\:py-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .md\:py-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .md\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .md\:py-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .md\:py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .md\:py-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .md\:py-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .md\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .md\:py-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .md\:py-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .md\:py-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .md\:py-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .md\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .md\:py-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .md\:py-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .md\:py-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .md\:py-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .md\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .md\:py-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .md\:py-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .md\:py-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .md\:py-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .md\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .md\:py-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .md\:py-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .md\:py-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .md\:py-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .md\:py-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .md\:py-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .md\:pt-0 {
        padding-top: 0 !important;
    }
    .md\:pt-2 {
        padding-top: 2px !important;
    }
    .md\:pt-4 {
        padding-top: 4px !important;
    }
    .md\:pt-6 {
        padding-top: 6px !important;
    }
    .md\:pt-8 {
        padding-top: 8px !important;
    }
    .md\:pt-10 {
        padding-top: 10px !important;
    }
    .md\:pt-12 {
        padding-top: 12px !important;
    }
    .md\:pt-14 {
        padding-top: 14px !important;
    }
    .md\:pt-16 {
        padding-top: 16px !important;
    }
    .md\:pt-18 {
        padding-top: 18px !important;
    }
    .md\:pt-20 {
        padding-top: 20px !important;
    }
    .md\:pt-22 {
        padding-top: 22px !important;
    }
    .md\:pt-24 {
        padding-top: 24px !important;
    }
    .md\:pt-26 {
        padding-top: 26px !important;
    }
    .md\:pt-28 {
        padding-top: 28px !important;
    }
    .md\:pt-30 {
        padding-top: 30px !important;
    }
    .md\:pt-32 {
        padding-top: 32px !important;
    }
    .md\:pt-34 {
        padding-top: 34px !important;
    }
    .md\:pt-36 {
        padding-top: 36px !important;
    }
    .md\:pt-38 {
        padding-top: 38px !important;
    }
    .md\:pt-40 {
        padding-top: 40px !important;
    }
    .md\:pt-42 {
        padding-top: 42px !important;
    }
    .md\:pt-44 {
        padding-top: 44px !important;
    }
    .md\:pt-46 {
        padding-top: 46px !important;
    }
    .md\:pt-48 {
        padding-top: 48px !important;
    }
    .md\:pt-50 {
        padding-top: 50px !important;
    }
    .md\:pt-52 {
        padding-top: 52px !important;
    }
    .md\:pt-54 {
        padding-top: 54px !important;
    }
    .md\:pt-56 {
        padding-top: 56px !important;
    }
    .md\:pt-58 {
        padding-top: 58px !important;
    }
    .md\:pt-60 {
        padding-top: 60px !important;
    }
    .md\:pt-62 {
        padding-top: 62px !important;
    }
    .md\:pt-64 {
        padding-top: 64px !important;
    }
    .md\:pt-66 {
        padding-top: 66px !important;
    }
    .md\:pt-68 {
        padding-top: 68px !important;
    }
    .md\:pt-70 {
        padding-top: 70px !important;
    }
    .md\:pt-72 {
        padding-top: 72px !important;
    }
    .md\:pr-0 {
        padding-right: 0 !important;
    }
    .md\:pr-2 {
        padding-right: 2px !important;
    }
    .md\:pr-4 {
        padding-right: 4px !important;
    }
    .md\:pr-6 {
        padding-right: 6px !important;
    }
    .md\:pr-8 {
        padding-right: 8px !important;
    }
    .md\:pr-10 {
        padding-right: 10px !important;
    }
    .md\:pr-12 {
        padding-right: 12px !important;
    }
    .md\:pr-14 {
        padding-right: 14px !important;
    }
    .md\:pr-16 {
        padding-right: 16px !important;
    }
    .md\:pr-18 {
        padding-right: 18px !important;
    }
    .md\:pr-20 {
        padding-right: 20px !important;
    }
    .md\:pr-22 {
        padding-right: 22px !important;
    }
    .md\:pr-24 {
        padding-right: 24px !important;
    }
    .md\:pr-26 {
        padding-right: 26px !important;
    }
    .md\:pr-28 {
        padding-right: 28px !important;
    }
    .md\:pr-30 {
        padding-right: 30px !important;
    }
    .md\:pr-32 {
        padding-right: 32px !important;
    }
    .md\:pr-34 {
        padding-right: 34px !important;
    }
    .md\:pr-36 {
        padding-right: 36px !important;
    }
    .md\:pr-38 {
        padding-right: 38px !important;
    }
    .md\:pr-40 {
        padding-right: 40px !important;
    }
    .md\:pr-42 {
        padding-right: 42px !important;
    }
    .md\:pr-44 {
        padding-right: 44px !important;
    }
    .md\:pr-46 {
        padding-right: 46px !important;
    }
    .md\:pr-48 {
        padding-right: 48px !important;
    }
    .md\:pr-50 {
        padding-right: 50px !important;
    }
    .md\:pr-52 {
        padding-right: 52px !important;
    }
    .md\:pr-54 {
        padding-right: 54px !important;
    }
    .md\:pr-56 {
        padding-right: 56px !important;
    }
    .md\:pr-58 {
        padding-right: 58px !important;
    }
    .md\:pr-60 {
        padding-right: 60px !important;
    }
    .md\:pr-62 {
        padding-right: 62px !important;
    }
    .md\:pr-64 {
        padding-right: 64px !important;
    }
    .md\:pr-66 {
        padding-right: 66px !important;
    }
    .md\:pr-68 {
        padding-right: 68px !important;
    }
    .md\:pr-70 {
        padding-right: 70px !important;
    }
    .md\:pr-72 {
        padding-right: 72px !important;
    }
    .md\:pb-0 {
        padding-bottom: 0 !important;
    }
    .md\:pb-2 {
        padding-bottom: 2px !important;
    }
    .md\:pb-4 {
        padding-bottom: 4px !important;
    }
    .md\:pb-6 {
        padding-bottom: 6px !important;
    }
    .md\:pb-8 {
        padding-bottom: 8px !important;
    }
    .md\:pb-10 {
        padding-bottom: 10px !important;
    }
    .md\:pb-12 {
        padding-bottom: 12px !important;
    }
    .md\:pb-14 {
        padding-bottom: 14px !important;
    }
    .md\:pb-16 {
        padding-bottom: 16px !important;
    }
    .md\:pb-18 {
        padding-bottom: 18px !important;
    }
    .md\:pb-20 {
        padding-bottom: 20px !important;
    }
    .md\:pb-22 {
        padding-bottom: 22px !important;
    }
    .md\:pb-24 {
        padding-bottom: 24px !important;
    }
    .md\:pb-26 {
        padding-bottom: 26px !important;
    }
    .md\:pb-28 {
        padding-bottom: 28px !important;
    }
    .md\:pb-30 {
        padding-bottom: 30px !important;
    }
    .md\:pb-32 {
        padding-bottom: 32px !important;
    }
    .md\:pb-34 {
        padding-bottom: 34px !important;
    }
    .md\:pb-36 {
        padding-bottom: 36px !important;
    }
    .md\:pb-38 {
        padding-bottom: 38px !important;
    }
    .md\:pb-40 {
        padding-bottom: 40px !important;
    }
    .md\:pb-42 {
        padding-bottom: 42px !important;
    }
    .md\:pb-44 {
        padding-bottom: 44px !important;
    }
    .md\:pb-46 {
        padding-bottom: 46px !important;
    }
    .md\:pb-48 {
        padding-bottom: 48px !important;
    }
    .md\:pb-50 {
        padding-bottom: 50px !important;
    }
    .md\:pb-52 {
        padding-bottom: 52px !important;
    }
    .md\:pb-54 {
        padding-bottom: 54px !important;
    }
    .md\:pb-56 {
        padding-bottom: 56px !important;
    }
    .md\:pb-58 {
        padding-bottom: 58px !important;
    }
    .md\:pb-60 {
        padding-bottom: 60px !important;
    }
    .md\:pb-62 {
        padding-bottom: 62px !important;
    }
    .md\:pb-64 {
        padding-bottom: 64px !important;
    }
    .md\:pb-66 {
        padding-bottom: 66px !important;
    }
    .md\:pb-68 {
        padding-bottom: 68px !important;
    }
    .md\:pb-70 {
        padding-bottom: 70px !important;
    }
    .md\:pb-72 {
        padding-bottom: 72px !important;
    }
    .md\:pl-0 {
        padding-left: 0 !important;
    }
    .md\:pl-2 {
        padding-left: 2px !important;
    }
    .md\:pl-4 {
        padding-left: 4px !important;
    }
    .md\:pl-6 {
        padding-left: 6px !important;
    }
    .md\:pl-8 {
        padding-left: 8px !important;
    }
    .md\:pl-10 {
        padding-left: 10px !important;
    }
    .md\:pl-12 {
        padding-left: 12px !important;
    }
    .md\:pl-14 {
        padding-left: 14px !important;
    }
    .md\:pl-16 {
        padding-left: 16px !important;
    }
    .md\:pl-18 {
        padding-left: 18px !important;
    }
    .md\:pl-20 {
        padding-left: 20px !important;
    }
    .md\:pl-22 {
        padding-left: 22px !important;
    }
    .md\:pl-24 {
        padding-left: 24px !important;
    }
    .md\:pl-26 {
        padding-left: 26px !important;
    }
    .md\:pl-28 {
        padding-left: 28px !important;
    }
    .md\:pl-30 {
        padding-left: 30px !important;
    }
    .md\:pl-32 {
        padding-left: 32px !important;
    }
    .md\:pl-34 {
        padding-left: 34px !important;
    }
    .md\:pl-36 {
        padding-left: 36px !important;
    }
    .md\:pl-38 {
        padding-left: 38px !important;
    }
    .md\:pl-40 {
        padding-left: 40px !important;
    }
    .md\:pl-42 {
        padding-left: 42px !important;
    }
    .md\:pl-44 {
        padding-left: 44px !important;
    }
    .md\:pl-46 {
        padding-left: 46px !important;
    }
    .md\:pl-48 {
        padding-left: 48px !important;
    }
    .md\:pl-50 {
        padding-left: 50px !important;
    }
    .md\:pl-52 {
        padding-left: 52px !important;
    }
    .md\:pl-54 {
        padding-left: 54px !important;
    }
    .md\:pl-56 {
        padding-left: 56px !important;
    }
    .md\:pl-58 {
        padding-left: 58px !important;
    }
    .md\:pl-60 {
        padding-left: 60px !important;
    }
    .md\:pl-62 {
        padding-left: 62px !important;
    }
    .md\:pl-64 {
        padding-left: 64px !important;
    }
    .md\:pl-66 {
        padding-left: 66px !important;
    }
    .md\:pl-68 {
        padding-left: 68px !important;
    }
    .md\:pl-70 {
        padding-left: 70px !important;
    }
    .md\:pl-72 {
        padding-left: 72px !important;
    }
    .md\:fz-xs {
        font-size: var(--fz-xs) !important;
    }
    .md\:fz-sm {
        font-size: var(--fz-sm) !important;
    }
    .md\:fz-md {
        font-size: var(--fz-md) !important;
    }
    .md\:fz-lg {
        font-size: var(--fz-lg) !important;
    }
    .md\:fz-xl {
        font-size: var(--fz-xl) !important;
    }
    .md\:fz-2xl {
        font-size: var(--fz-2xl) !important;
    }
    .md\:fz-3xl {
        font-size: var(--fz-3xl) !important;
    }
    .md\:fz-5xl {
        font-size: var(--fz-5xl) !important;
    }
    .md\:fz-6xl {
        font-size: var(--fz-6xl) !important;
    }
    .md\:fz-7xl {
        font-size: var(--fz-7xl) !important;
    }
    .md\:fz-9xl {
        font-size: var(--fz-9xl) !important;
    }
    .md\:fw-xl {
        font-weight: var(--fw-xl) !important;
    }
    .md\:fw-l {
        font-weight: var(--fw-l) !important;
    }
    .md\:fw-n {
        font-weight: var(--fw-n) !important;
    }
    .md\:fw-m {
        font-weight: var(--fw-m) !important;
    }
    .md\:fw-sb {
        font-weight: var(--fw-sb) !important;
    }
    .md\:fw-b {
        font-weight: var(--fw-b) !important;
    }
    .md\:fw-xb {
        font-weight: var(--fw-xb) !important;
    }
    .md\:ta-j {
        text-align: justify !important;
    }
    .md\:ta-l {
        text-align: left !important;
    }
    .md\:ta-r {
        text-align: right !important;
    }
    .md\:ta-c {
        text-align: center !important;
    }
    .md\:lh-1 {
        line-height: var(--lh-1) !important;
    }
    .md\:lh-2xs {
        line-height: var(--lh-2xs) !important;
    }
    .md\:lh-xs {
        line-height: var(--lh-xs) !important;
    }
    .md\:lh-sm {
        line-height: var(--lh-sm) !important;
    }
    .md\:lh-md {
        line-height: var(--lh-md) !important;
    }
    .md\:lh-lg {
        line-height: var(--lh-lg) !important;
    }
    .md\:lh-xl {
        line-height: var(--lh-xl) !important;
    }
    .md\:bg-white {
        background-color: var(--cl-white) !important;
    }
    .md\:bg-black {
        background-color: var(--cl-black) !important;
    }
    .md\:bg-body {
        background-color: var(--body-bg-cl) !important;
    }
    .md\:bg-light {
        background-color: var(--bg-light) !important;
    }
    .md\:bg-dark {
        background-color: var(--bg-dark) !important;
    }
    .md\:bg-primary {
        background-color: var(--bg-primary) !important;
    }
    .md\:bg-success {
        background-color: var(--bg-success) !important;
    }
    .md\:bg-warning {
        background-color: var(--bg-warning) !important;
    }
    .md\:bg-danger {
        background-color: var(--bg-danger) !important;
    }
    .md\:bg-info {
        background-color: var(--bg-info) !important;
    }
    .md\:bg-transparent {
        background-color: transparent !important;
    }
    .md\:opacity-0 {
        opacity: 0 !important;
    }
    .md\:opacity-1 {
        opacity: 1 !important;
    }
    .md\:z-0 {
        z-index: 0 !important;
    }
    .md\:z-10 {
        z-index: 10 !important;
    }
    .md\:z-20 {
        z-index: 20 !important;
    }
    .md\:z-30 {
        z-index: 30 !important;
    }
    .md\:z-40 {
        z-index: 40 !important;
    }
    .md\:z-50 {
        z-index: 50 !important;
    }
    .md\:z-60 {
        z-index: 60 !important;
    }
    .md\:z-70 {
        z-index: 70 !important;
    }
    .md\:z-80 {
        z-index: 80 !important;
    }
    .md\:z-90 {
        z-index: 90 !important;
    }
    .md\:z-100 {
        z-index: 100 !important;
    }
    .md\:pe-auto {
        pointer-events: auto !important;
    }
    .md\:pe-none {
        pointer-events: none !important;
    }
    .md\:shadow-none {
        box-shadow: none !important;
    }
    .md\:shadow-wide {
        box-shadow: var(--shadow-wide) !important;
    }
    .md\:shadow-wide-top {
        box-shadow: var(--shadow-wide-top) !important;
    }
    .md\:shadow-short {
        box-shadow: var(--shadow-short) !important;
    }
    .md\:shadow-line {
        box-shadow: var(--shadow-line) !important;
    }
}
@media (min-width: 1024px) {
    .lg\:float-left {
        float: left !important;
    }
    .lg\:float-right {
        float: right !important;
    }
    .lg\:float-none {
        float: none !important;
    }
    .lg\:ov-auto {
        overflow: auto !important;
    }
    .lg\:ov-hidden {
        overflow: hidden !important;
    }
    .lg\:ov-visible {
        overflow: visible !important;
    }
    .lg\:ov-scroll {
        overflow: scroll !important;
    }
    .lg\:ov-x-auto {
        overflow-x: auto !important;
    }
    .lg\:ov-x-hidden {
        overflow-x: hidden !important;
    }
    .lg\:ov-x-visible {
        overflow-x: visible !important;
    }
    .lg\:ov-x-scroll {
        overflow-x: scroll !important;
    }
    .lg\:ov-y-auto {
        overflow-y: auto !important;
    }
    .lg\:ov-y-hidden {
        overflow-y: hidden !important;
    }
    .lg\:ov-y-visible {
        overflow-y: visible !important;
    }
    .lg\:ov-y-scroll {
        overflow-y: scroll !important;
    }
    .lg\:d-inline {
        display: inline !important;
    }
    .lg\:d-inline-block {
        display: inline-block !important;
    }
    .lg\:d-block {
        display: block !important;
    }
    .lg\:d-table {
        display: table !important;
    }
    .lg\:d-table-row {
        display: table-row !important;
    }
    .lg\:d-table-cell {
        display: table-cell !important;
    }
    .lg\:d-flex {
        display: flex !important;
    }
    .lg\:d-inline-flex {
        display: inline-flex !important;
    }
    .lg\:d-grid {
        display: grid !important;
    }
    .lg\:d-inline-grid {
        display: inline-grid !important;
    }
    .lg\:d-contents {
        display: contents !important;
    }
    .lg\:d-none {
        display: none !important;
    }
    .lg\:pos-static {
        position: static !important;
    }
    .lg\:pos-relative {
        position: relative !important;
    }
    .lg\:pos-absolute {
        position: absolute !important;
    }
    .lg\:pos-fixed {
        position: fixed !important;
    }
    .lg\:pos-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
    .lg\:pos-top-n100p {
        top: -100% !important;
    }
    .lg\:pos-top-n50p {
        top: -50% !important;
    }
    .lg\:pos-top-0 {
        top: 0 !important;
    }
    .lg\:pos-top-50p {
        top: 50% !important;
    }
    .lg\:pos-top-100p {
        top: 100% !important;
    }
    .lg\:pos-right-n100p {
        right: -100% !important;
    }
    .lg\:pos-right-n50p {
        right: -50% !important;
    }
    .lg\:pos-right-0 {
        right: 0 !important;
    }
    .lg\:pos-right-50p {
        right: 50% !important;
    }
    .lg\:pos-right-100p {
        right: 100% !important;
    }
    .lg\:pos-bottom-n100p {
        bottom: -100% !important;
    }
    .lg\:pos-bottom-n50p {
        bottom: -50% !important;
    }
    .lg\:pos-bottom-0 {
        bottom: 0 !important;
    }
    .lg\:pos-bottom-50p {
        bottom: 50% !important;
    }
    .lg\:pos-bottom-100p {
        bottom: 100% !important;
    }
    .lg\:pos-left-n100p {
        left: -100% !important;
    }
    .lg\:pos-left-n50p {
        left: -50% !important;
    }
    .lg\:pos-left-0 {
        left: 0 !important;
    }
    .lg\:pos-left-50p {
        left: 50% !important;
    }
    .lg\:pos-left-100p {
        left: 100% !important;
    }
    .lg\:translate-middle {
        transform: translate(-50%, -50%) !important;
    }
    .lg\:translate-middle-x {
        transform: translate(-50%) !important;
    }
    .lg\:translate-middle-y {
        transform: translateY(-50%) !important;
    }
    .lg\:brs-0 {
        border-radius: 0 !important;
    }
    .lg\:brs-4 {
        border-radius: 4px !important;
    }
    .lg\:brs-8 {
        border-radius: 8px !important;
    }
    .lg\:brs-12 {
        border-radius: 12px !important;
    }
    .lg\:brs-16 {
        border-radius: 16px !important;
    }
    .lg\:brs-20 {
        border-radius: 20px !important;
    }
    .lg\:brs-24 {
        border-radius: 24px !important;
    }
    .lg\:brs-28 {
        border-radius: 28px !important;
    }
    .lg\:brs-32 {
        border-radius: 32px !important;
    }
    .lg\:brs-9 {
        border-radius: 9px !important;
    }
    .lg\:brs-tr-0 {
        border-top-right-radius: 0 !important;
    }
    .lg\:brs-tr-4 {
        border-top-right-radius: 4px !important;
    }
    .lg\:brs-tr-8 {
        border-top-right-radius: 8px !important;
    }
    .lg\:brs-tr-12 {
        border-top-right-radius: 12px !important;
    }
    .lg\:brs-tr-16 {
        border-top-right-radius: 16px !important;
    }
    .lg\:brs-tr-20 {
        border-top-right-radius: 20px !important;
    }
    .lg\:brs-tr-24 {
        border-top-right-radius: 24px !important;
    }
    .lg\:brs-tr-28 {
        border-top-right-radius: 28px !important;
    }
    .lg\:brs-tr-32 {
        border-top-right-radius: 32px !important;
    }
    .lg\:brs-br-0 {
        border-bottom-right-radius: 0 !important;
    }
    .lg\:brs-br-4 {
        border-bottom-right-radius: 4px !important;
    }
    .lg\:brs-br-8 {
        border-bottom-right-radius: 8px !important;
    }
    .lg\:brs-br-12 {
        border-bottom-right-radius: 12px !important;
    }
    .lg\:brs-br-16 {
        border-bottom-right-radius: 16px !important;
    }
    .lg\:brs-br-20 {
        border-bottom-right-radius: 20px !important;
    }
    .lg\:brs-br-24 {
        border-bottom-right-radius: 24px !important;
    }
    .lg\:brs-br-28 {
        border-bottom-right-radius: 28px !important;
    }
    .lg\:brs-br-32 {
        border-bottom-right-radius: 32px !important;
    }
    .lg\:brs-bl-0 {
        border-bottom-left-radius: 0 !important;
    }
    .lg\:brs-bl-4 {
        border-bottom-left-radius: 4px !important;
    }
    .lg\:brs-bl-8 {
        border-bottom-left-radius: 8px !important;
    }
    .lg\:brs-bl-12 {
        border-bottom-left-radius: 12px !important;
    }
    .lg\:brs-bl-16 {
        border-bottom-left-radius: 16px !important;
    }
    .lg\:brs-bl-20 {
        border-bottom-left-radius: 20px !important;
    }
    .lg\:brs-bl-24 {
        border-bottom-left-radius: 24px !important;
    }
    .lg\:brs-bl-28 {
        border-bottom-left-radius: 28px !important;
    }
    .lg\:brs-bl-32 {
        border-bottom-left-radius: 32px !important;
    }
    .lg\:brs-tl-0 {
        border-top-left-radius: 0 !important;
    }
    .lg\:brs-tl-4 {
        border-top-left-radius: 4px !important;
    }
    .lg\:brs-tl-8 {
        border-top-left-radius: 8px !important;
    }
    .lg\:brs-tl-12 {
        border-top-left-radius: 12px !important;
    }
    .lg\:brs-tl-16 {
        border-top-left-radius: 16px !important;
    }
    .lg\:brs-tl-20 {
        border-top-left-radius: 20px !important;
    }
    .lg\:brs-tl-24 {
        border-top-left-radius: 24px !important;
    }
    .lg\:brs-tl-28 {
        border-top-left-radius: 28px !important;
    }
    .lg\:brs-tl-32 {
        border-top-left-radius: 32px !important;
    }
    .lg\:w-0 {
        width: 0 !important;
    }
    .lg\:w-4 {
        width: 4px !important;
    }
    .lg\:w-8 {
        width: 8px !important;
    }
    .lg\:w-12 {
        width: 12px !important;
    }
    .lg\:w-16 {
        width: 16px !important;
    }
    .lg\:w-20 {
        width: 20px !important;
    }
    .lg\:w-24 {
        width: 24px !important;
    }
    .lg\:w-28 {
        width: 28px !important;
    }
    .lg\:w-32 {
        width: 32px !important;
    }
    .lg\:w-36 {
        width: 36px !important;
    }
    .lg\:w-40 {
        width: 40px !important;
    }
    .lg\:w-44 {
        width: 44px !important;
    }
    .lg\:w-48 {
        width: 48px !important;
    }
    .lg\:w-52 {
        width: 52px !important;
    }
    .lg\:w-56 {
        width: 56px !important;
    }
    .lg\:w-60 {
        width: 60px !important;
    }
    .lg\:w-64 {
        width: 64px !important;
    }
    .lg\:w-68 {
        width: 68px !important;
    }
    .lg\:w-72 {
        width: 72px !important;
    }
    .lg\:w-76 {
        width: 76px !important;
    }
    .lg\:w-80 {
        width: 80px !important;
    }
    .lg\:w-84 {
        width: 84px !important;
    }
    .lg\:w-88 {
        width: 88px !important;
    }
    .lg\:w-92 {
        width: 92px !important;
    }
    .lg\:w-96 {
        width: 96px !important;
    }
    .lg\:w-100 {
        width: 100px !important;
    }
    .lg\:w-104 {
        width: 104px !important;
    }
    .lg\:w-108 {
        width: 108px !important;
    }
    .lg\:w-112 {
        width: 112px !important;
    }
    .lg\:w-116 {
        width: 116px !important;
    }
    .lg\:w-120 {
        width: 120px !important;
    }
    .lg\:w-124 {
        width: 124px !important;
    }
    .lg\:w-128 {
        width: 128px !important;
    }
    .lg\:w-132 {
        width: 132px !important;
    }
    .lg\:w-136 {
        width: 136px !important;
    }
    .lg\:w-auto {
        width: auto !important;
    }
    .lg\:w-140 {
        width: 140px !important;
    }
    .lg\:w-160 {
        width: 160px !important;
    }
    .lg\:w-180 {
        width: 180px !important;
    }
    .lg\:w-200 {
        width: 200px !important;
    }
    .lg\:w-220 {
        width: 220px !important;
    }
    .lg\:w-240 {
        width: 240px !important;
    }
    .lg\:w-260 {
        width: 260px !important;
    }
    .lg\:w-280 {
        width: 280px !important;
    }
    .lg\:w-300 {
        width: 300px !important;
    }
    .lg\:w-320 {
        width: 320px !important;
    }
    .lg\:w-340 {
        width: 340px !important;
    }
    .lg\:w-360 {
        width: 360px !important;
    }
    .lg\:w-380 {
        width: 380px !important;
    }
    .lg\:w-400 {
        width: 400px !important;
    }
    .lg\:w-5p {
        width: 5% !important;
    }
    .lg\:w-10p {
        width: 10% !important;
    }
    .lg\:w-15p {
        width: 15% !important;
    }
    .lg\:w-20p {
        width: 20% !important;
    }
    .lg\:w-25p {
        width: 25% !important;
    }
    .lg\:w-30p {
        width: 30% !important;
    }
    .lg\:w-35p {
        width: 35% !important;
    }
    .lg\:w-40p {
        width: 40% !important;
    }
    .lg\:w-45p {
        width: 45% !important;
    }
    .lg\:w-50p {
        width: 50% !important;
    }
    .lg\:w-55p {
        width: 55% !important;
    }
    .lg\:w-60p {
        width: 60% !important;
    }
    .lg\:w-65p {
        width: 65% !important;
    }
    .lg\:w-70p {
        width: 70% !important;
    }
    .lg\:w-75p {
        width: 75% !important;
    }
    .lg\:w-80p {
        width: 80% !important;
    }
    .lg\:w-85p {
        width: 85% !important;
    }
    .lg\:w-90p {
        width: 90% !important;
    }
    .lg\:w-95p {
        width: 95% !important;
    }
    .lg\:w-100p {
        width: 100% !important;
    }
    .lg\:max-w-0 {
        max-width: 0 !important;
    }
    .lg\:max-w-4 {
        max-width: 4px !important;
    }
    .lg\:max-w-8 {
        max-width: 8px !important;
    }
    .lg\:max-w-12 {
        max-width: 12px !important;
    }
    .lg\:max-w-16 {
        max-width: 16px !important;
    }
    .lg\:max-w-20 {
        max-width: 20px !important;
    }
    .lg\:max-w-24 {
        max-width: 24px !important;
    }
    .lg\:max-w-28 {
        max-width: 28px !important;
    }
    .lg\:max-w-32 {
        max-width: 32px !important;
    }
    .lg\:max-w-36 {
        max-width: 36px !important;
    }
    .lg\:max-w-40 {
        max-width: 40px !important;
    }
    .lg\:max-w-44 {
        max-width: 44px !important;
    }
    .lg\:max-w-48 {
        max-width: 48px !important;
    }
    .lg\:max-w-52 {
        max-width: 52px !important;
    }
    .lg\:max-w-56 {
        max-width: 56px !important;
    }
    .lg\:max-w-60 {
        max-width: 60px !important;
    }
    .lg\:max-w-64 {
        max-width: 64px !important;
    }
    .lg\:max-w-68 {
        max-width: 68px !important;
    }
    .lg\:max-w-72 {
        max-width: 72px !important;
    }
    .lg\:max-w-76 {
        max-width: 76px !important;
    }
    .lg\:max-w-80 {
        max-width: 80px !important;
    }
    .lg\:max-w-84 {
        max-width: 84px !important;
    }
    .lg\:max-w-88 {
        max-width: 88px !important;
    }
    .lg\:max-w-92 {
        max-width: 92px !important;
    }
    .lg\:max-w-96 {
        max-width: 96px !important;
    }
    .lg\:max-w-100 {
        max-width: 100px !important;
    }
    .lg\:max-w-104 {
        max-width: 104px !important;
    }
    .lg\:max-w-108 {
        max-width: 108px !important;
    }
    .lg\:max-w-112 {
        max-width: 112px !important;
    }
    .lg\:max-w-116 {
        max-width: 116px !important;
    }
    .lg\:max-w-120 {
        max-width: 120px !important;
    }
    .lg\:max-w-124 {
        max-width: 124px !important;
    }
    .lg\:max-w-128 {
        max-width: 128px !important;
    }
    .lg\:max-w-132 {
        max-width: 132px !important;
    }
    .lg\:max-w-136 {
        max-width: 136px !important;
    }
    .lg\:max-w-none {
        max-width: none !important;
    }
    .lg\:max-w-140 {
        max-width: 140px !important;
    }
    .lg\:max-w-160 {
        max-width: 160px !important;
    }
    .lg\:max-w-180 {
        max-width: 180px !important;
    }
    .lg\:max-w-200 {
        max-width: 200px !important;
    }
    .lg\:max-w-220 {
        max-width: 220px !important;
    }
    .lg\:max-w-240 {
        max-width: 240px !important;
    }
    .lg\:max-w-260 {
        max-width: 260px !important;
    }
    .lg\:max-w-280 {
        max-width: 280px !important;
    }
    .lg\:max-w-300 {
        max-width: 300px !important;
    }
    .lg\:max-w-320 {
        max-width: 320px !important;
    }
    .lg\:max-w-340 {
        max-width: 340px !important;
    }
    .lg\:max-w-360 {
        max-width: 360px !important;
    }
    .lg\:max-w-380 {
        max-width: 380px !important;
    }
    .lg\:max-w-400 {
        max-width: 400px !important;
    }
    .lg\:max-w-5p {
        max-width: 5% !important;
    }
    .lg\:max-w-10p {
        max-width: 10% !important;
    }
    .lg\:max-w-15p {
        max-width: 15% !important;
    }
    .lg\:max-w-20p {
        max-width: 20% !important;
    }
    .lg\:max-w-25p {
        max-width: 25% !important;
    }
    .lg\:max-w-30p {
        max-width: 30% !important;
    }
    .lg\:max-w-35p {
        max-width: 35% !important;
    }
    .lg\:max-w-40p {
        max-width: 40% !important;
    }
    .lg\:max-w-45p {
        max-width: 45% !important;
    }
    .lg\:max-w-50p {
        max-width: 50% !important;
    }
    .lg\:max-w-55p {
        max-width: 55% !important;
    }
    .lg\:max-w-60p {
        max-width: 60% !important;
    }
    .lg\:max-w-65p {
        max-width: 65% !important;
    }
    .lg\:max-w-70p {
        max-width: 70% !important;
    }
    .lg\:max-w-75p {
        max-width: 75% !important;
    }
    .lg\:max-w-80p {
        max-width: 80% !important;
    }
    .lg\:max-w-85p {
        max-width: 85% !important;
    }
    .lg\:max-w-90p {
        max-width: 90% !important;
    }
    .lg\:max-w-95p {
        max-width: 95% !important;
    }
    .lg\:max-w-100p {
        max-width: 100% !important;
    }
    .lg\:min-w-0 {
        min-width: 0 !important;
    }
    .lg\:min-w-100p {
        min-width: 100% !important;
    }
    .lg\:h-60 {
        height: 60px !important;
    }
    .lg\:h-80 {
        height: 80px !important;
    }
    .lg\:h-100 {
        height: 100px !important;
    }
    .lg\:h-120 {
        height: 120px !important;
    }
    .lg\:h-140 {
        height: 140px !important;
    }
    .lg\:h-160 {
        height: 160px !important;
    }
    .lg\:h-180 {
        height: 180px !important;
    }
    .lg\:h-200 {
        height: 200px !important;
    }
    .lg\:h-auto {
        height: auto !important;
    }
    .lg\:h-0 {
        height: 0 !important;
    }
    .lg\:h-25p {
        height: 25% !important;
    }
    .lg\:h-50p {
        height: 50% !important;
    }
    .lg\:h-75p {
        height: 75% !important;
    }
    .lg\:h-100p {
        height: 100% !important;
    }
    .lg\:min-h-300 {
        min-height: 300px !important;
    }
    .lg\:min-h-320 {
        min-height: 320px !important;
    }
    .lg\:min-h-340 {
        min-height: 340px !important;
    }
    .lg\:min-h-360 {
        min-height: 360px !important;
    }
    .lg\:min-h-380 {
        min-height: 380px !important;
    }
    .lg\:min-h-400 {
        min-height: 400px !important;
    }
    .lg\:min-h-420 {
        min-height: 420px !important;
    }
    .lg\:min-h-440 {
        min-height: 440px !important;
    }
    .lg\:min-h-0 {
        min-height: 0 !important;
    }
    .lg\:max-h-100p {
        max-height: 100% !important;
    }
    .lg\:max-h-none {
        max-height: none !important;
    }
    .lg\:w-100vw {
        width: 100vw !important;
    }
    .lg\:min-w-100vw {
        min-width: 100vw !important;
    }
    .lg\:h-100vh {
        height: 100vh !important;
    }
    .lg\:min-h-100vh {
        min-height: 100vh !important;
    }
    .lg\:flex-row {
        flex-direction: row !important;
    }
    .lg\:flex-column {
        flex-direction: column !important;
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .lg\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }
    .lg\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .lg\:flex-grow-0 {
        flex-grow: 0 !important;
    }
    .lg\:flex-grow-1 {
        flex-grow: 1 !important;
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .lg\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }
    .lg\:flex-jc-start {
        justify-content: flex-start !important;
    }
    .lg\:flex-jc-end {
        justify-content: flex-end !important;
    }
    .lg\:flex-jc-center {
        justify-content: center !important;
    }
    .lg\:flex-jc-between {
        justify-content: space-between !important;
    }
    .lg\:flex-jc-around {
        justify-content: space-around !important;
    }
    .lg\:flex-jc-evenly {
        justify-content: space-evenly !important;
    }
    .lg\:flex-ai-start {
        align-items: flex-start !important;
    }
    .lg\:flex-ai-end {
        align-items: flex-end !important;
    }
    .lg\:flex-ai-center {
        align-items: center !important;
    }
    .lg\:flex-ai-baseline {
        align-items: baseline !important;
    }
    .lg\:flex-ai-stretch {
        align-items: stretch !important;
    }
    .lg\:flex-ac-start {
        align-content: flex-start !important;
    }
    .lg\:flex-ac-end {
        align-content: flex-end !important;
    }
    .lg\:flex-ac-center {
        align-content: center !important;
    }
    .lg\:flex-ac-between {
        align-content: space-between !important;
    }
    .lg\:flex-ac-around {
        align-content: space-around !important;
    }
    .lg\:flex-ac-stretch {
        align-content: stretch !important;
    }
    .lg\:flex-as-auto {
        align-self: auto !important;
    }
    .lg\:flex-as-start {
        align-self: flex-start !important;
    }
    .lg\:flex-as-end {
        align-self: flex-end !important;
    }
    .lg\:flex-as-center {
        align-self: center !important;
    }
    .lg\:flex-as-baseline {
        align-self: baseline !important;
    }
    .lg\:flex-as-stretch {
        align-self: stretch !important;
    }
    .lg\:order-first {
        order: -1 !important;
    }
    .lg\:order-0 {
        order: 0 !important;
    }
    .lg\:order-1 {
        order: 1 !important;
    }
    .lg\:order-2 {
        order: 2 !important;
    }
    .lg\:order-3 {
        order: 3 !important;
    }
    .lg\:order-4 {
        order: 4 !important;
    }
    .lg\:order-5 {
        order: 5 !important;
    }
    .lg\:order-6 {
        order: 6 !important;
    }
    .lg\:row--g-0 {
        --gutter-x: 0 !important;
        --gutter-y: 0 !important;
    }
    .lg\:row--g-4 {
        --gutter-x: 4px !important;
        --gutter-y: 4px !important;
    }
    .lg\:row--g-8 {
        --gutter-x: 8px !important;
        --gutter-y: 8px !important;
    }
    .lg\:row--g-12 {
        --gutter-x: 12px !important;
        --gutter-y: 12px !important;
    }
    .lg\:row--g-16 {
        --gutter-x: 16px !important;
        --gutter-y: 16px !important;
    }
    .lg\:row--g-20 {
        --gutter-x: 20px !important;
        --gutter-y: 20px !important;
    }
    .lg\:row--g-24 {
        --gutter-x: 24px !important;
        --gutter-y: 24px !important;
    }
    .lg\:row--g-28 {
        --gutter-x: 28px !important;
        --gutter-y: 28px !important;
    }
    .lg\:row--g-32 {
        --gutter-x: 32px !important;
        --gutter-y: 32px !important;
    }
    .lg\:row--gy-0 {
        --gutter-y: 0 !important;
    }
    .lg\:row--gy-4 {
        --gutter-y: 4px !important;
    }
    .lg\:row--gy-8 {
        --gutter-y: 8px !important;
    }
    .lg\:row--gy-12 {
        --gutter-y: 12px !important;
    }
    .lg\:row--gy-16 {
        --gutter-y: 16px !important;
    }
    .lg\:row--gy-20 {
        --gutter-y: 20px !important;
    }
    .lg\:row--gy-24 {
        --gutter-y: 24px !important;
    }
    .lg\:row--gy-28 {
        --gutter-y: 28px !important;
    }
    .lg\:row--gy-32 {
        --gutter-y: 32px !important;
    }
    .lg\:row--gx-0 {
        --gutter-x: 0 !important;
    }
    .lg\:row--gx-4 {
        --gutter-x: 4px !important;
    }
    .lg\:row--gx-8 {
        --gutter-x: 8px !important;
    }
    .lg\:row--gx-12 {
        --gutter-x: 12px !important;
    }
    .lg\:row--gx-16 {
        --gutter-x: 16px !important;
    }
    .lg\:row--gx-20 {
        --gutter-x: 20px !important;
    }
    .lg\:row--gx-24 {
        --gutter-x: 24px !important;
    }
    .lg\:row--gx-28 {
        --gutter-x: 28px !important;
    }
    .lg\:row--gx-32 {
        --gutter-x: 32px !important;
    }
    .lg\:grid-af-row {
        grid-auto-flow: row !important;
    }
    .lg\:grid-af-col {
        grid-auto-flow: column !important;
    }
    .lg\:grid-af-row-dense {
        grid-auto-flow: row dense !important;
    }
    .lg\:grid-af-col-dense {
        grid-auto-flow: column dense !important;
    }
    .lg\:grid-ji-start {
        justify-items: start !important;
    }
    .lg\:grid-ji-end {
        justify-items: end !important;
    }
    .lg\:grid-ji-center {
        justify-items: center !important;
    }
    .lg\:grid-ji-stretch {
        justify-items: stretch !important;
    }
    .lg\:grid-jc-start {
        justify-content: start !important;
    }
    .lg\:grid-jc-end {
        justify-content: end !important;
    }
    .lg\:grid-jc-center {
        justify-content: center !important;
    }
    .lg\:grid-jc-stretch {
        justify-content: stretch !important;
    }
    .lg\:grid-jc-around {
        justify-content: space-around !important;
    }
    .lg\:grid-jc-between {
        justify-content: space-between !important;
    }
    .lg\:grid-jc-evenly {
        justify-content: space-evenly !important;
    }
    .lg\:grid-js-start {
        justify-self: start !important;
    }
    .lg\:grid-js-end {
        justify-self: end !important;
    }
    .lg\:grid-js-center {
        justify-self: center !important;
    }
    .lg\:grid-js-stretch {
        justify-self: stretch !important;
    }
    .lg\:grid-ai-start {
        align-items: start !important;
    }
    .lg\:grid-ai-end {
        align-items: end !important;
    }
    .lg\:grid-ai-center {
        align-items: center !important;
    }
    .lg\:grid-ai-stretch {
        align-items: stretch !important;
    }
    .lg\:grid-ac-start {
        align-content: start !important;
    }
    .lg\:grid-ac-end {
        align-content: end !important;
    }
    .lg\:grid-ac-center {
        align-content: center !important;
    }
    .lg\:grid-ac-stretch {
        align-content: stretch !important;
    }
    .lg\:grid-ac-around {
        align-content: space-around !important;
    }
    .lg\:grid-ac-between {
        align-content: space-between !important;
    }
    .lg\:grid-ac-evenly {
        align-content: space-evenly !important;
    }
    .lg\:grid-as-start {
        align-self: start !important;
    }
    .lg\:grid-as-end {
        align-self: end !important;
    }
    .lg\:grid-as-center {
        align-self: center !important;
    }
    .lg\:grid-as-stretch {
        align-self: stretch !important;
    }
    .lg\:gap-0 {
        grid-gap: 0 !important;
        gap: 0 !important;
    }
    .lg\:gap-4 {
        grid-gap: 4px !important;
        gap: 4px !important;
    }
    .lg\:gap-8 {
        grid-gap: 8px !important;
        gap: 8px !important;
    }
    .lg\:gap-12 {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .lg\:gap-16 {
        grid-gap: 16px !important;
        gap: 16px !important;
    }
    .lg\:gap-20 {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .lg\:gap-24 {
        grid-gap: 24px !important;
        gap: 24px !important;
    }
    .lg\:gap-28 {
        grid-gap: 28px !important;
        gap: 28px !important;
    }
    .lg\:gap-32 {
        grid-gap: 32px !important;
        gap: 32px !important;
    }
    .lg\:col-gap-0 {
        column-gap: 0 !important;
    }
    .lg\:col-gap-4 {
        column-gap: 4px !important;
    }
    .lg\:col-gap-8 {
        column-gap: 8px !important;
    }
    .lg\:col-gap-12 {
        column-gap: 12px !important;
    }
    .lg\:col-gap-16 {
        column-gap: 16px !important;
    }
    .lg\:col-gap-20 {
        column-gap: 20px !important;
    }
    .lg\:col-gap-24 {
        column-gap: 24px !important;
    }
    .lg\:col-gap-28 {
        column-gap: 28px !important;
    }
    .lg\:col-gap-32 {
        column-gap: 32px !important;
    }
    .lg\:row-gap-0 {
        row-gap: 0 !important;
    }
    .lg\:row-gap-4 {
        row-gap: 4px !important;
    }
    .lg\:row-gap-8 {
        row-gap: 8px !important;
    }
    .lg\:row-gap-12 {
        row-gap: 12px !important;
    }
    .lg\:row-gap-16 {
        row-gap: 16px !important;
    }
    .lg\:row-gap-20 {
        row-gap: 20px !important;
    }
    .lg\:row-gap-24 {
        row-gap: 24px !important;
    }
    .lg\:row-gap-28 {
        row-gap: 28px !important;
    }
    .lg\:row-gap-32 {
        row-gap: 32px !important;
    }
    .lg\:m-n16 {
        margin: -16px !important;
    }
    .lg\:m-n12 {
        margin: -12px !important;
    }
    .lg\:m-n8 {
        margin: -8px !important;
    }
    .lg\:m-n4 {
        margin: -4px !important;
    }
    .lg\:m-0 {
        margin: 0 !important;
    }
    .lg\:m-4 {
        margin: 4px !important;
    }
    .lg\:m-8 {
        margin: 8px !important;
    }
    .lg\:m-12 {
        margin: 12px !important;
    }
    .lg\:m-16 {
        margin: 16px !important;
    }
    .lg\:m-20 {
        margin: 20px !important;
    }
    .lg\:m-24 {
        margin: 24px !important;
    }
    .lg\:m-28 {
        margin: 28px !important;
    }
    .lg\:m-32 {
        margin: 32px !important;
    }
    .lg\:m-36 {
        margin: 36px !important;
    }
    .lg\:m-40 {
        margin: 40px !important;
    }
    .lg\:m-44 {
        margin: 44px !important;
    }
    .lg\:m-48 {
        margin: 48px !important;
    }
    .lg\:m-52 {
        margin: 52px !important;
    }
    .lg\:m-56 {
        margin: 56px !important;
    }
    .lg\:m-60 {
        margin: 60px !important;
    }
    .lg\:m-64 {
        margin: 64px !important;
    }
    .lg\:m-68 {
        margin: 68px !important;
    }
    .lg\:m-72 {
        margin: 72px !important;
    }
    .lg\:m-auto {
        margin: auto !important;
    }
    .lg\:mx-n16 {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }
    .lg\:mx-n12 {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
    .lg\:mx-n8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }
    .lg\:mx-n4 {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }
    .lg\:mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .lg\:mx-4 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .lg\:mx-8 {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .lg\:mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .lg\:mx-16 {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .lg\:mx-20 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .lg\:mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }
    .lg\:mx-28 {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }
    .lg\:mx-32 {
        margin-right: 32px !important;
        margin-left: 32px !important;
    }
    .lg\:mx-36 {
        margin-right: 36px !important;
        margin-left: 36px !important;
    }
    .lg\:mx-40 {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .lg\:mx-44 {
        margin-right: 44px !important;
        margin-left: 44px !important;
    }
    .lg\:mx-48 {
        margin-right: 48px !important;
        margin-left: 48px !important;
    }
    .lg\:mx-52 {
        margin-right: 52px !important;
        margin-left: 52px !important;
    }
    .lg\:mx-56 {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }
    .lg\:mx-60 {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
    .lg\:mx-64 {
        margin-right: 64px !important;
        margin-left: 64px !important;
    }
    .lg\:mx-68 {
        margin-right: 68px !important;
        margin-left: 68px !important;
    }
    .lg\:mx-72 {
        margin-right: 72px !important;
        margin-left: 72px !important;
    }
    .lg\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .lg\:my-n16 {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
    }
    .lg\:my-n12 {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    .lg\:my-n8 {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }
    .lg\:my-n4 {
        margin-top: -4px !important;
        margin-bottom: -4px !important;
    }
    .lg\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .lg\:my-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .lg\:my-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .lg\:my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .lg\:my-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .lg\:my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .lg\:my-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .lg\:my-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .lg\:my-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .lg\:my-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .lg\:my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .lg\:my-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .lg\:my-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .lg\:my-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .lg\:my-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .lg\:my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .lg\:my-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .lg\:my-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .lg\:my-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .lg\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .lg\:mt-n16 {
        margin-top: -16px !important;
    }
    .lg\:mt-n12 {
        margin-top: -12px !important;
    }
    .lg\:mt-n8 {
        margin-top: -8px !important;
    }
    .lg\:mt-n4 {
        margin-top: -4px !important;
    }
    .lg\:mt-0 {
        margin-top: 0 !important;
    }
    .lg\:mt-4 {
        margin-top: 4px !important;
    }
    .lg\:mt-8 {
        margin-top: 8px !important;
    }
    .lg\:mt-12 {
        margin-top: 12px !important;
    }
    .lg\:mt-16 {
        margin-top: 16px !important;
    }
    .lg\:mt-20 {
        margin-top: 20px !important;
    }
    .lg\:mt-24 {
        margin-top: 24px !important;
    }
    .lg\:mt-28 {
        margin-top: 28px !important;
    }
    .lg\:mt-32 {
        margin-top: 32px !important;
    }
    .lg\:mt-36 {
        margin-top: 36px !important;
    }
    .lg\:mt-40 {
        margin-top: 40px !important;
    }
    .lg\:mt-44 {
        margin-top: 44px !important;
    }
    .lg\:mt-48 {
        margin-top: 48px !important;
    }
    .lg\:mt-52 {
        margin-top: 52px !important;
    }
    .lg\:mt-56 {
        margin-top: 56px !important;
    }
    .lg\:mt-60 {
        margin-top: 60px !important;
    }
    .lg\:mt-64 {
        margin-top: 64px !important;
    }
    .lg\:mt-68 {
        margin-top: 68px !important;
    }
    .lg\:mt-72 {
        margin-top: 72px !important;
    }
    .lg\:mt-auto {
        margin-top: auto !important;
    }
    .lg\:mr-n16 {
        margin-right: -16px !important;
    }
    .lg\:mr-n12 {
        margin-right: -12px !important;
    }
    .lg\:mr-n8 {
        margin-right: -8px !important;
    }
    .lg\:mr-n4 {
        margin-right: -4px !important;
    }
    .lg\:mr-0 {
        margin-right: 0 !important;
    }
    .lg\:mr-4 {
        margin-right: 4px !important;
    }
    .lg\:mr-8 {
        margin-right: 8px !important;
    }
    .lg\:mr-12 {
        margin-right: 12px !important;
    }
    .lg\:mr-16 {
        margin-right: 16px !important;
    }
    .lg\:mr-20 {
        margin-right: 20px !important;
    }
    .lg\:mr-24 {
        margin-right: 24px !important;
    }
    .lg\:mr-28 {
        margin-right: 28px !important;
    }
    .lg\:mr-32 {
        margin-right: 32px !important;
    }
    .lg\:mr-36 {
        margin-right: 36px !important;
    }
    .lg\:mr-40 {
        margin-right: 40px !important;
    }
    .lg\:mr-44 {
        margin-right: 44px !important;
    }
    .lg\:mr-48 {
        margin-right: 48px !important;
    }
    .lg\:mr-52 {
        margin-right: 52px !important;
    }
    .lg\:mr-56 {
        margin-right: 56px !important;
    }
    .lg\:mr-60 {
        margin-right: 60px !important;
    }
    .lg\:mr-64 {
        margin-right: 64px !important;
    }
    .lg\:mr-68 {
        margin-right: 68px !important;
    }
    .lg\:mr-72 {
        margin-right: 72px !important;
    }
    .lg\:mr-auto {
        margin-right: auto !important;
    }
    .lg\:mb-n16 {
        margin-bottom: -16px !important;
    }
    .lg\:mb-n12 {
        margin-bottom: -12px !important;
    }
    .lg\:mb-n8 {
        margin-bottom: -8px !important;
    }
    .lg\:mb-n4 {
        margin-bottom: -4px !important;
    }
    .lg\:mb-0 {
        margin-bottom: 0 !important;
    }
    .lg\:mb-4 {
        margin-bottom: 4px !important;
    }
    .lg\:mb-8 {
        margin-bottom: 8px !important;
    }
    .lg\:mb-12 {
        margin-bottom: 12px !important;
    }
    .lg\:mb-16 {
        margin-bottom: 16px !important;
    }
    .lg\:mb-20 {
        margin-bottom: 20px !important;
    }
    .lg\:mb-24 {
        margin-bottom: 24px !important;
    }
    .lg\:mb-28 {
        margin-bottom: 28px !important;
    }
    .lg\:mb-32 {
        margin-bottom: 32px !important;
    }
    .lg\:mb-36 {
        margin-bottom: 36px !important;
    }
    .lg\:mb-40 {
        margin-bottom: 40px !important;
    }
    .lg\:mb-44 {
        margin-bottom: 44px !important;
    }
    .lg\:mb-48 {
        margin-bottom: 48px !important;
    }
    .lg\:mb-52 {
        margin-bottom: 52px !important;
    }
    .lg\:mb-56 {
        margin-bottom: 56px !important;
    }
    .lg\:mb-60 {
        margin-bottom: 60px !important;
    }
    .lg\:mb-64 {
        margin-bottom: 64px !important;
    }
    .lg\:mb-68 {
        margin-bottom: 68px !important;
    }
    .lg\:mb-72 {
        margin-bottom: 72px !important;
    }
    .lg\:mb-auto {
        margin-bottom: auto !important;
    }
    .lg\:ml-n16 {
        margin-left: -16px !important;
    }
    .lg\:ml-n12 {
        margin-left: -12px !important;
    }
    .lg\:ml-n8 {
        margin-left: -8px !important;
    }
    .lg\:ml-n4 {
        margin-left: -4px !important;
    }
    .lg\:ml-0 {
        margin-left: 0 !important;
    }
    .lg\:ml-4 {
        margin-left: 4px !important;
    }
    .lg\:ml-8 {
        margin-left: 8px !important;
    }
    .lg\:ml-12 {
        margin-left: 12px !important;
    }
    .lg\:ml-16 {
        margin-left: 16px !important;
    }
    .lg\:ml-20 {
        margin-left: 20px !important;
    }
    .lg\:ml-24 {
        margin-left: 24px !important;
    }
    .lg\:ml-28 {
        margin-left: 28px !important;
    }
    .lg\:ml-32 {
        margin-left: 32px !important;
    }
    .lg\:ml-36 {
        margin-left: 36px !important;
    }
    .lg\:ml-40 {
        margin-left: 40px !important;
    }
    .lg\:ml-44 {
        margin-left: 44px !important;
    }
    .lg\:ml-48 {
        margin-left: 48px !important;
    }
    .lg\:ml-52 {
        margin-left: 52px !important;
    }
    .lg\:ml-56 {
        margin-left: 56px !important;
    }
    .lg\:ml-60 {
        margin-left: 60px !important;
    }
    .lg\:ml-64 {
        margin-left: 64px !important;
    }
    .lg\:ml-68 {
        margin-left: 68px !important;
    }
    .lg\:ml-72 {
        margin-left: 72px !important;
    }
    .lg\:ml-auto {
        margin-left: auto !important;
    }
    .lg\:p-0 {
        padding: 0 !important;
    }
    .lg\:p-2 {
        padding: 2px !important;
    }
    .lg\:p-4 {
        padding: 4px !important;
    }
    .lg\:p-6 {
        padding: 6px !important;
    }
    .lg\:p-8 {
        padding: 8px !important;
    }
    .lg\:p-10 {
        padding: 10px !important;
    }
    .lg\:p-12 {
        padding: 12px !important;
    }
    .lg\:p-14 {
        padding: 14px !important;
    }
    .lg\:p-16 {
        padding: 16px !important;
    }
    .lg\:p-18 {
        padding: 18px !important;
    }
    .lg\:p-20 {
        padding: 20px !important;
    }
    .lg\:p-22 {
        padding: 22px !important;
    }
    .lg\:p-24 {
        padding: 24px !important;
    }
    .lg\:p-26 {
        padding: 26px !important;
    }
    .lg\:p-28 {
        padding: 28px !important;
    }
    .lg\:p-30 {
        padding: 30px !important;
    }
    .lg\:p-32 {
        padding: 32px !important;
    }
    .lg\:p-34 {
        padding: 34px !important;
    }
    .lg\:p-36 {
        padding: 36px !important;
    }
    .lg\:p-38 {
        padding: 38px !important;
    }
    .lg\:p-40 {
        padding: 40px !important;
    }
    .lg\:p-42 {
        padding: 42px !important;
    }
    .lg\:p-44 {
        padding: 44px !important;
    }
    .lg\:p-46 {
        padding: 46px !important;
    }
    .lg\:p-48 {
        padding: 48px !important;
    }
    .lg\:p-50 {
        padding: 50px !important;
    }
    .lg\:p-52 {
        padding: 52px !important;
    }
    .lg\:p-54 {
        padding: 54px !important;
    }
    .lg\:p-56 {
        padding: 56px !important;
    }
    .lg\:p-58 {
        padding: 58px !important;
    }
    .lg\:p-60 {
        padding: 60px !important;
    }
    .lg\:p-62 {
        padding: 62px !important;
    }
    .lg\:p-64 {
        padding: 64px !important;
    }
    .lg\:p-66 {
        padding: 66px !important;
    }
    .lg\:p-68 {
        padding: 68px !important;
    }
    .lg\:p-70 {
        padding: 70px !important;
    }
    .lg\:p-72 {
        padding: 72px !important;
    }
    .lg\:px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .lg\:px-2 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .lg\:px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .lg\:px-6 {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .lg\:px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .lg\:px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .lg\:px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .lg\:px-14 {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
    .lg\:px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .lg\:px-18 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .lg\:px-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .lg\:px-22 {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .lg\:px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .lg\:px-26 {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
    .lg\:px-28 {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }
    .lg\:px-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .lg\:px-32 {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .lg\:px-34 {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }
    .lg\:px-36 {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .lg\:px-38 {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
    .lg\:px-40 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .lg\:px-42 {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }
    .lg\:px-44 {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
    .lg\:px-46 {
        padding-right: 46px !important;
        padding-left: 46px !important;
    }
    .lg\:px-48 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .lg\:px-50 {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .lg\:px-52 {
        padding-right: 52px !important;
        padding-left: 52px !important;
    }
    .lg\:px-54 {
        padding-right: 54px !important;
        padding-left: 54px !important;
    }
    .lg\:px-56 {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }
    .lg\:px-58 {
        padding-right: 58px !important;
        padding-left: 58px !important;
    }
    .lg\:px-60 {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .lg\:px-62 {
        padding-right: 62px !important;
        padding-left: 62px !important;
    }
    .lg\:px-64 {
        padding-right: 64px !important;
        padding-left: 64px !important;
    }
    .lg\:px-66 {
        padding-right: 66px !important;
        padding-left: 66px !important;
    }
    .lg\:px-68 {
        padding-right: 68px !important;
        padding-left: 68px !important;
    }
    .lg\:px-70 {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
    .lg\:px-72 {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }
    .lg\:py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .lg\:py-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .lg\:py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .lg\:py-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .lg\:py-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .lg\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .lg\:py-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .lg\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .lg\:py-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .lg\:py-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .lg\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .lg\:py-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .lg\:py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .lg\:py-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .lg\:py-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .lg\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .lg\:py-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .lg\:py-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .lg\:py-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .lg\:py-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .lg\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .lg\:py-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .lg\:py-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .lg\:py-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .lg\:py-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .lg\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .lg\:py-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .lg\:py-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .lg\:py-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .lg\:py-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .lg\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .lg\:py-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .lg\:py-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .lg\:py-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .lg\:py-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .lg\:py-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .lg\:py-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .lg\:pt-0 {
        padding-top: 0 !important;
    }
    .lg\:pt-2 {
        padding-top: 2px !important;
    }
    .lg\:pt-4 {
        padding-top: 4px !important;
    }
    .lg\:pt-6 {
        padding-top: 6px !important;
    }
    .lg\:pt-8 {
        padding-top: 8px !important;
    }
    .lg\:pt-10 {
        padding-top: 10px !important;
    }
    .lg\:pt-12 {
        padding-top: 12px !important;
    }
    .lg\:pt-14 {
        padding-top: 14px !important;
    }
    .lg\:pt-16 {
        padding-top: 16px !important;
    }
    .lg\:pt-18 {
        padding-top: 18px !important;
    }
    .lg\:pt-20 {
        padding-top: 20px !important;
    }
    .lg\:pt-22 {
        padding-top: 22px !important;
    }
    .lg\:pt-24 {
        padding-top: 24px !important;
    }
    .lg\:pt-26 {
        padding-top: 26px !important;
    }
    .lg\:pt-28 {
        padding-top: 28px !important;
    }
    .lg\:pt-30 {
        padding-top: 30px !important;
    }
    .lg\:pt-32 {
        padding-top: 32px !important;
    }
    .lg\:pt-34 {
        padding-top: 34px !important;
    }
    .lg\:pt-36 {
        padding-top: 36px !important;
    }
    .lg\:pt-38 {
        padding-top: 38px !important;
    }
    .lg\:pt-40 {
        padding-top: 40px !important;
    }
    .lg\:pt-42 {
        padding-top: 42px !important;
    }
    .lg\:pt-44 {
        padding-top: 44px !important;
    }
    .lg\:pt-46 {
        padding-top: 46px !important;
    }
    .lg\:pt-48 {
        padding-top: 48px !important;
    }
    .lg\:pt-50 {
        padding-top: 50px !important;
    }
    .lg\:pt-52 {
        padding-top: 52px !important;
    }
    .lg\:pt-54 {
        padding-top: 54px !important;
    }
    .lg\:pt-56 {
        padding-top: 56px !important;
    }
    .lg\:pt-58 {
        padding-top: 58px !important;
    }
    .lg\:pt-60 {
        padding-top: 60px !important;
    }
    .lg\:pt-62 {
        padding-top: 62px !important;
    }
    .lg\:pt-64 {
        padding-top: 64px !important;
    }
    .lg\:pt-66 {
        padding-top: 66px !important;
    }
    .lg\:pt-68 {
        padding-top: 68px !important;
    }
    .lg\:pt-70 {
        padding-top: 70px !important;
    }
    .lg\:pt-72 {
        padding-top: 72px !important;
    }
    .lg\:pr-0 {
        padding-right: 0 !important;
    }
    .lg\:pr-2 {
        padding-right: 2px !important;
    }
    .lg\:pr-4 {
        padding-right: 4px !important;
    }
    .lg\:pr-6 {
        padding-right: 6px !important;
    }
    .lg\:pr-8 {
        padding-right: 8px !important;
    }
    .lg\:pr-10 {
        padding-right: 10px !important;
    }
    .lg\:pr-12 {
        padding-right: 12px !important;
    }
    .lg\:pr-14 {
        padding-right: 14px !important;
    }
    .lg\:pr-16 {
        padding-right: 16px !important;
    }
    .lg\:pr-18 {
        padding-right: 18px !important;
    }
    .lg\:pr-20 {
        padding-right: 20px !important;
    }
    .lg\:pr-22 {
        padding-right: 22px !important;
    }
    .lg\:pr-24 {
        padding-right: 24px !important;
    }
    .lg\:pr-26 {
        padding-right: 26px !important;
    }
    .lg\:pr-28 {
        padding-right: 28px !important;
    }
    .lg\:pr-30 {
        padding-right: 30px !important;
    }
    .lg\:pr-32 {
        padding-right: 32px !important;
    }
    .lg\:pr-34 {
        padding-right: 34px !important;
    }
    .lg\:pr-36 {
        padding-right: 36px !important;
    }
    .lg\:pr-38 {
        padding-right: 38px !important;
    }
    .lg\:pr-40 {
        padding-right: 40px !important;
    }
    .lg\:pr-42 {
        padding-right: 42px !important;
    }
    .lg\:pr-44 {
        padding-right: 44px !important;
    }
    .lg\:pr-46 {
        padding-right: 46px !important;
    }
    .lg\:pr-48 {
        padding-right: 48px !important;
    }
    .lg\:pr-50 {
        padding-right: 50px !important;
    }
    .lg\:pr-52 {
        padding-right: 52px !important;
    }
    .lg\:pr-54 {
        padding-right: 54px !important;
    }
    .lg\:pr-56 {
        padding-right: 56px !important;
    }
    .lg\:pr-58 {
        padding-right: 58px !important;
    }
    .lg\:pr-60 {
        padding-right: 60px !important;
    }
    .lg\:pr-62 {
        padding-right: 62px !important;
    }
    .lg\:pr-64 {
        padding-right: 64px !important;
    }
    .lg\:pr-66 {
        padding-right: 66px !important;
    }
    .lg\:pr-68 {
        padding-right: 68px !important;
    }
    .lg\:pr-70 {
        padding-right: 70px !important;
    }
    .lg\:pr-72 {
        padding-right: 72px !important;
    }
    .lg\:pb-0 {
        padding-bottom: 0 !important;
    }
    .lg\:pb-2 {
        padding-bottom: 2px !important;
    }
    .lg\:pb-4 {
        padding-bottom: 4px !important;
    }
    .lg\:pb-6 {
        padding-bottom: 6px !important;
    }
    .lg\:pb-8 {
        padding-bottom: 8px !important;
    }
    .lg\:pb-10 {
        padding-bottom: 10px !important;
    }
    .lg\:pb-12 {
        padding-bottom: 12px !important;
    }
    .lg\:pb-14 {
        padding-bottom: 14px !important;
    }
    .lg\:pb-16 {
        padding-bottom: 16px !important;
    }
    .lg\:pb-18 {
        padding-bottom: 18px !important;
    }
    .lg\:pb-20 {
        padding-bottom: 20px !important;
    }
    .lg\:pb-22 {
        padding-bottom: 22px !important;
    }
    .lg\:pb-24 {
        padding-bottom: 24px !important;
    }
    .lg\:pb-26 {
        padding-bottom: 26px !important;
    }
    .lg\:pb-28 {
        padding-bottom: 28px !important;
    }
    .lg\:pb-30 {
        padding-bottom: 30px !important;
    }
    .lg\:pb-32 {
        padding-bottom: 32px !important;
    }
    .lg\:pb-34 {
        padding-bottom: 34px !important;
    }
    .lg\:pb-36 {
        padding-bottom: 36px !important;
    }
    .lg\:pb-38 {
        padding-bottom: 38px !important;
    }
    .lg\:pb-40 {
        padding-bottom: 40px !important;
    }
    .lg\:pb-42 {
        padding-bottom: 42px !important;
    }
    .lg\:pb-44 {
        padding-bottom: 44px !important;
    }
    .lg\:pb-46 {
        padding-bottom: 46px !important;
    }
    .lg\:pb-48 {
        padding-bottom: 48px !important;
    }
    .lg\:pb-50 {
        padding-bottom: 50px !important;
    }
    .lg\:pb-52 {
        padding-bottom: 52px !important;
    }
    .lg\:pb-54 {
        padding-bottom: 54px !important;
    }
    .lg\:pb-56 {
        padding-bottom: 56px !important;
    }
    .lg\:pb-58 {
        padding-bottom: 58px !important;
    }
    .lg\:pb-60 {
        padding-bottom: 60px !important;
    }
    .lg\:pb-62 {
        padding-bottom: 62px !important;
    }
    .lg\:pb-64 {
        padding-bottom: 64px !important;
    }
    .lg\:pb-66 {
        padding-bottom: 66px !important;
    }
    .lg\:pb-68 {
        padding-bottom: 68px !important;
    }
    .lg\:pb-70 {
        padding-bottom: 70px !important;
    }
    .lg\:pb-72 {
        padding-bottom: 72px !important;
    }
    .lg\:pl-0 {
        padding-left: 0 !important;
    }
    .lg\:pl-2 {
        padding-left: 2px !important;
    }
    .lg\:pl-4 {
        padding-left: 4px !important;
    }
    .lg\:pl-6 {
        padding-left: 6px !important;
    }
    .lg\:pl-8 {
        padding-left: 8px !important;
    }
    .lg\:pl-10 {
        padding-left: 10px !important;
    }
    .lg\:pl-12 {
        padding-left: 12px !important;
    }
    .lg\:pl-14 {
        padding-left: 14px !important;
    }
    .lg\:pl-16 {
        padding-left: 16px !important;
    }
    .lg\:pl-18 {
        padding-left: 18px !important;
    }
    .lg\:pl-20 {
        padding-left: 20px !important;
    }
    .lg\:pl-22 {
        padding-left: 22px !important;
    }
    .lg\:pl-24 {
        padding-left: 24px !important;
    }
    .lg\:pl-26 {
        padding-left: 26px !important;
    }
    .lg\:pl-28 {
        padding-left: 28px !important;
    }
    .lg\:pl-30 {
        padding-left: 30px !important;
    }
    .lg\:pl-32 {
        padding-left: 32px !important;
    }
    .lg\:pl-34 {
        padding-left: 34px !important;
    }
    .lg\:pl-36 {
        padding-left: 36px !important;
    }
    .lg\:pl-38 {
        padding-left: 38px !important;
    }
    .lg\:pl-40 {
        padding-left: 40px !important;
    }
    .lg\:pl-42 {
        padding-left: 42px !important;
    }
    .lg\:pl-44 {
        padding-left: 44px !important;
    }
    .lg\:pl-46 {
        padding-left: 46px !important;
    }
    .lg\:pl-48 {
        padding-left: 48px !important;
    }
    .lg\:pl-50 {
        padding-left: 50px !important;
    }
    .lg\:pl-52 {
        padding-left: 52px !important;
    }
    .lg\:pl-54 {
        padding-left: 54px !important;
    }
    .lg\:pl-56 {
        padding-left: 56px !important;
    }
    .lg\:pl-58 {
        padding-left: 58px !important;
    }
    .lg\:pl-60 {
        padding-left: 60px !important;
    }
    .lg\:pl-62 {
        padding-left: 62px !important;
    }
    .lg\:pl-64 {
        padding-left: 64px !important;
    }
    .lg\:pl-66 {
        padding-left: 66px !important;
    }
    .lg\:pl-68 {
        padding-left: 68px !important;
    }
    .lg\:pl-70 {
        padding-left: 70px !important;
    }
    .lg\:pl-72 {
        padding-left: 72px !important;
    }
    .lg\:fz-xs {
        font-size: var(--fz-xs) !important;
    }
    .lg\:fz-sm {
        font-size: var(--fz-sm) !important;
    }
    .lg\:fz-md {
        font-size: var(--fz-md) !important;
    }
    .lg\:fz-lg {
        font-size: var(--fz-lg) !important;
    }
    .lg\:fz-xl {
        font-size: var(--fz-xl) !important;
    }
    .lg\:fz-2xl {
        font-size: var(--fz-2xl) !important;
    }
    .lg\:fz-3xl {
        font-size: var(--fz-3xl) !important;
    }
    .lg\:fz-5xl {
        font-size: var(--fz-5xl) !important;
    }
    .lg\:fz-6xl {
        font-size: var(--fz-6xl) !important;
    }
    .lg\:fz-7xl {
        font-size: var(--fz-7xl) !important;
    }
    .lg\:fz-9xl {
        font-size: var(--fz-9xl) !important;
    }
    .lg\:fw-xl {
        font-weight: var(--fw-xl) !important;
    }
    .lg\:fw-l {
        font-weight: var(--fw-l) !important;
    }
    .lg\:fw-n {
        font-weight: var(--fw-n) !important;
    }
    .lg\:fw-m {
        font-weight: var(--fw-m) !important;
    }
    .lg\:fw-sb {
        font-weight: var(--fw-sb) !important;
    }
    .lg\:fw-b {
        font-weight: var(--fw-b) !important;
    }
    .lg\:fw-xb {
        font-weight: var(--fw-xb) !important;
    }
    .lg\:ta-j {
        text-align: justify !important;
    }
    .lg\:ta-l {
        text-align: left !important;
    }
    .lg\:ta-r {
        text-align: right !important;
    }
    .lg\:ta-c {
        text-align: center !important;
    }
    .lg\:lh-1 {
        line-height: var(--lh-1) !important;
    }
    .lg\:lh-2xs {
        line-height: var(--lh-2xs) !important;
    }
    .lg\:lh-xs {
        line-height: var(--lh-xs) !important;
    }
    .lg\:lh-sm {
        line-height: var(--lh-sm) !important;
    }
    .lg\:lh-md {
        line-height: var(--lh-md) !important;
    }
    .lg\:lh-lg {
        line-height: var(--lh-lg) !important;
    }
    .lg\:lh-xl {
        line-height: var(--lh-xl) !important;
    }
    .lg\:bg-white {
        background-color: var(--cl-white) !important;
    }
    .lg\:bg-black {
        background-color: var(--cl-black) !important;
    }
    .lg\:bg-body {
        background-color: var(--body-bg-cl) !important;
    }
    .lg\:bg-light {
        background-color: var(--bg-light) !important;
    }
    .lg\:bg-dark {
        background-color: var(--bg-dark) !important;
    }
    .lg\:bg-primary {
        background-color: var(--bg-primary) !important;
    }
    .lg\:bg-success {
        background-color: var(--bg-success) !important;
    }
    .lg\:bg-warning {
        background-color: var(--bg-warning) !important;
    }
    .lg\:bg-danger {
        background-color: var(--bg-danger) !important;
    }
    .lg\:bg-info {
        background-color: var(--bg-info) !important;
    }
    .lg\:bg-transparent {
        background-color: transparent !important;
    }
    .lg\:opacity-0 {
        opacity: 0 !important;
    }
    .lg\:opacity-1 {
        opacity: 1 !important;
    }
    .lg\:z-0 {
        z-index: 0 !important;
    }
    .lg\:z-10 {
        z-index: 10 !important;
    }
    .lg\:z-20 {
        z-index: 20 !important;
    }
    .lg\:z-30 {
        z-index: 30 !important;
    }
    .lg\:z-40 {
        z-index: 40 !important;
    }
    .lg\:z-50 {
        z-index: 50 !important;
    }
    .lg\:z-60 {
        z-index: 60 !important;
    }
    .lg\:z-70 {
        z-index: 70 !important;
    }
    .lg\:z-80 {
        z-index: 80 !important;
    }
    .lg\:z-90 {
        z-index: 90 !important;
    }
    .lg\:z-100 {
        z-index: 100 !important;
    }
    .lg\:pe-auto {
        pointer-events: auto !important;
    }
    .lg\:pe-none {
        pointer-events: none !important;
    }
    .lg\:shadow-none {
        box-shadow: none !important;
    }
    .lg\:shadow-wide {
        box-shadow: var(--shadow-wide) !important;
    }
    .lg\:shadow-wide-top {
        box-shadow: var(--shadow-wide-top) !important;
    }
    .lg\:shadow-short {
        box-shadow: var(--shadow-short) !important;
    }
    .lg\:shadow-line {
        box-shadow: var(--shadow-line) !important;
    }
}
@media (min-width: 1200px) {
    .xl\:float-left {
        float: left !important;
    }
    .xl\:float-right {
        float: right !important;
    }
    .xl\:float-none {
        float: none !important;
    }
    .xl\:ov-auto {
        overflow: auto !important;
    }
    .xl\:ov-hidden {
        overflow: hidden !important;
    }
    .xl\:ov-visible {
        overflow: visible !important;
    }
    .xl\:ov-scroll {
        overflow: scroll !important;
    }
    .xl\:ov-x-auto {
        overflow-x: auto !important;
    }
    .xl\:ov-x-hidden {
        overflow-x: hidden !important;
    }
    .xl\:ov-x-visible {
        overflow-x: visible !important;
    }
    .xl\:ov-x-scroll {
        overflow-x: scroll !important;
    }
    .xl\:ov-y-auto {
        overflow-y: auto !important;
    }
    .xl\:ov-y-hidden {
        overflow-y: hidden !important;
    }
    .xl\:ov-y-visible {
        overflow-y: visible !important;
    }
    .xl\:ov-y-scroll {
        overflow-y: scroll !important;
    }
    .xl\:d-inline {
        display: inline !important;
    }
    .xl\:d-inline-block {
        display: inline-block !important;
    }
    .xl\:d-block {
        display: block !important;
    }
    .xl\:d-table {
        display: table !important;
    }
    .xl\:d-table-row {
        display: table-row !important;
    }
    .xl\:d-table-cell {
        display: table-cell !important;
    }
    .xl\:d-flex {
        display: flex !important;
    }
    .xl\:d-inline-flex {
        display: inline-flex !important;
    }
    .xl\:d-grid {
        display: grid !important;
    }
    .xl\:d-inline-grid {
        display: inline-grid !important;
    }
    .xl\:d-contents {
        display: contents !important;
    }
    .xl\:d-none {
        display: none !important;
    }
    .xl\:pos-static {
        position: static !important;
    }
    .xl\:pos-relative {
        position: relative !important;
    }
    .xl\:pos-absolute {
        position: absolute !important;
    }
    .xl\:pos-fixed {
        position: fixed !important;
    }
    .xl\:pos-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
    .xl\:pos-top-n100p {
        top: -100% !important;
    }
    .xl\:pos-top-n50p {
        top: -50% !important;
    }
    .xl\:pos-top-0 {
        top: 0 !important;
    }
    .xl\:pos-top-50p {
        top: 50% !important;
    }
    .xl\:pos-top-100p {
        top: 100% !important;
    }
    .xl\:pos-right-n100p {
        right: -100% !important;
    }
    .xl\:pos-right-n50p {
        right: -50% !important;
    }
    .xl\:pos-right-0 {
        right: 0 !important;
    }
    .xl\:pos-right-50p {
        right: 50% !important;
    }
    .xl\:pos-right-100p {
        right: 100% !important;
    }
    .xl\:pos-bottom-n100p {
        bottom: -100% !important;
    }
    .xl\:pos-bottom-n50p {
        bottom: -50% !important;
    }
    .xl\:pos-bottom-0 {
        bottom: 0 !important;
    }
    .xl\:pos-bottom-50p {
        bottom: 50% !important;
    }
    .xl\:pos-bottom-100p {
        bottom: 100% !important;
    }
    .xl\:pos-left-n100p {
        left: -100% !important;
    }
    .xl\:pos-left-n50p {
        left: -50% !important;
    }
    .xl\:pos-left-0 {
        left: 0 !important;
    }
    .xl\:pos-left-50p {
        left: 50% !important;
    }
    .xl\:pos-left-100p {
        left: 100% !important;
    }
    .xl\:translate-middle {
        transform: translate(-50%, -50%) !important;
    }
    .xl\:translate-middle-x {
        transform: translate(-50%) !important;
    }
    .xl\:translate-middle-y {
        transform: translateY(-50%) !important;
    }
    .xl\:brs-0 {
        border-radius: 0 !important;
    }
    .xl\:brs-4 {
        border-radius: 4px !important;
    }
    .xl\:brs-8 {
        border-radius: 8px !important;
    }
    .xl\:brs-12 {
        border-radius: 12px !important;
    }
    .xl\:brs-16 {
        border-radius: 16px !important;
    }
    .xl\:brs-20 {
        border-radius: 20px !important;
    }
    .xl\:brs-24 {
        border-radius: 24px !important;
    }
    .xl\:brs-28 {
        border-radius: 28px !important;
    }
    .xl\:brs-32 {
        border-radius: 32px !important;
    }
    .xl\:brs-9 {
        border-radius: 9px !important;
    }
    .xl\:brs-tr-0 {
        border-top-right-radius: 0 !important;
    }
    .xl\:brs-tr-4 {
        border-top-right-radius: 4px !important;
    }
    .xl\:brs-tr-8 {
        border-top-right-radius: 8px !important;
    }
    .xl\:brs-tr-12 {
        border-top-right-radius: 12px !important;
    }
    .xl\:brs-tr-16 {
        border-top-right-radius: 16px !important;
    }
    .xl\:brs-tr-20 {
        border-top-right-radius: 20px !important;
    }
    .xl\:brs-tr-24 {
        border-top-right-radius: 24px !important;
    }
    .xl\:brs-tr-28 {
        border-top-right-radius: 28px !important;
    }
    .xl\:brs-tr-32 {
        border-top-right-radius: 32px !important;
    }
    .xl\:brs-br-0 {
        border-bottom-right-radius: 0 !important;
    }
    .xl\:brs-br-4 {
        border-bottom-right-radius: 4px !important;
    }
    .xl\:brs-br-8 {
        border-bottom-right-radius: 8px !important;
    }
    .xl\:brs-br-12 {
        border-bottom-right-radius: 12px !important;
    }
    .xl\:brs-br-16 {
        border-bottom-right-radius: 16px !important;
    }
    .xl\:brs-br-20 {
        border-bottom-right-radius: 20px !important;
    }
    .xl\:brs-br-24 {
        border-bottom-right-radius: 24px !important;
    }
    .xl\:brs-br-28 {
        border-bottom-right-radius: 28px !important;
    }
    .xl\:brs-br-32 {
        border-bottom-right-radius: 32px !important;
    }
    .xl\:brs-bl-0 {
        border-bottom-left-radius: 0 !important;
    }
    .xl\:brs-bl-4 {
        border-bottom-left-radius: 4px !important;
    }
    .xl\:brs-bl-8 {
        border-bottom-left-radius: 8px !important;
    }
    .xl\:brs-bl-12 {
        border-bottom-left-radius: 12px !important;
    }
    .xl\:brs-bl-16 {
        border-bottom-left-radius: 16px !important;
    }
    .xl\:brs-bl-20 {
        border-bottom-left-radius: 20px !important;
    }
    .xl\:brs-bl-24 {
        border-bottom-left-radius: 24px !important;
    }
    .xl\:brs-bl-28 {
        border-bottom-left-radius: 28px !important;
    }
    .xl\:brs-bl-32 {
        border-bottom-left-radius: 32px !important;
    }
    .xl\:brs-tl-0 {
        border-top-left-radius: 0 !important;
    }
    .xl\:brs-tl-4 {
        border-top-left-radius: 4px !important;
    }
    .xl\:brs-tl-8 {
        border-top-left-radius: 8px !important;
    }
    .xl\:brs-tl-12 {
        border-top-left-radius: 12px !important;
    }
    .xl\:brs-tl-16 {
        border-top-left-radius: 16px !important;
    }
    .xl\:brs-tl-20 {
        border-top-left-radius: 20px !important;
    }
    .xl\:brs-tl-24 {
        border-top-left-radius: 24px !important;
    }
    .xl\:brs-tl-28 {
        border-top-left-radius: 28px !important;
    }
    .xl\:brs-tl-32 {
        border-top-left-radius: 32px !important;
    }
    .xl\:w-0 {
        width: 0 !important;
    }
    .xl\:w-4 {
        width: 4px !important;
    }
    .xl\:w-8 {
        width: 8px !important;
    }
    .xl\:w-12 {
        width: 12px !important;
    }
    .xl\:w-16 {
        width: 16px !important;
    }
    .xl\:w-20 {
        width: 20px !important;
    }
    .xl\:w-24 {
        width: 24px !important;
    }
    .xl\:w-28 {
        width: 28px !important;
    }
    .xl\:w-32 {
        width: 32px !important;
    }
    .xl\:w-36 {
        width: 36px !important;
    }
    .xl\:w-40 {
        width: 40px !important;
    }
    .xl\:w-44 {
        width: 44px !important;
    }
    .xl\:w-48 {
        width: 48px !important;
    }
    .xl\:w-52 {
        width: 52px !important;
    }
    .xl\:w-56 {
        width: 56px !important;
    }
    .xl\:w-60 {
        width: 60px !important;
    }
    .xl\:w-64 {
        width: 64px !important;
    }
    .xl\:w-68 {
        width: 68px !important;
    }
    .xl\:w-72 {
        width: 72px !important;
    }
    .xl\:w-76 {
        width: 76px !important;
    }
    .xl\:w-80 {
        width: 80px !important;
    }
    .xl\:w-84 {
        width: 84px !important;
    }
    .xl\:w-88 {
        width: 88px !important;
    }
    .xl\:w-92 {
        width: 92px !important;
    }
    .xl\:w-96 {
        width: 96px !important;
    }
    .xl\:w-100 {
        width: 100px !important;
    }
    .xl\:w-104 {
        width: 104px !important;
    }
    .xl\:w-108 {
        width: 108px !important;
    }
    .xl\:w-112 {
        width: 112px !important;
    }
    .xl\:w-116 {
        width: 116px !important;
    }
    .xl\:w-120 {
        width: 120px !important;
    }
    .xl\:w-124 {
        width: 124px !important;
    }
    .xl\:w-128 {
        width: 128px !important;
    }
    .xl\:w-132 {
        width: 132px !important;
    }
    .xl\:w-136 {
        width: 136px !important;
    }
    .xl\:w-auto {
        width: auto !important;
    }
    .xl\:w-140 {
        width: 140px !important;
    }
    .xl\:w-160 {
        width: 160px !important;
    }
    .xl\:w-180 {
        width: 180px !important;
    }
    .xl\:w-200 {
        width: 200px !important;
    }
    .xl\:w-220 {
        width: 220px !important;
    }
    .xl\:w-240 {
        width: 240px !important;
    }
    .xl\:w-260 {
        width: 260px !important;
    }
    .xl\:w-280 {
        width: 280px !important;
    }
    .xl\:w-300 {
        width: 300px !important;
    }
    .xl\:w-320 {
        width: 320px !important;
    }
    .xl\:w-340 {
        width: 340px !important;
    }
    .xl\:w-360 {
        width: 360px !important;
    }
    .xl\:w-380 {
        width: 380px !important;
    }
    .xl\:w-400 {
        width: 400px !important;
    }
    .xl\:w-5p {
        width: 5% !important;
    }
    .xl\:w-10p {
        width: 10% !important;
    }
    .xl\:w-15p {
        width: 15% !important;
    }
    .xl\:w-20p {
        width: 20% !important;
    }
    .xl\:w-25p {
        width: 25% !important;
    }
    .xl\:w-30p {
        width: 30% !important;
    }
    .xl\:w-35p {
        width: 35% !important;
    }
    .xl\:w-40p {
        width: 40% !important;
    }
    .xl\:w-45p {
        width: 45% !important;
    }
    .xl\:w-50p {
        width: 50% !important;
    }
    .xl\:w-55p {
        width: 55% !important;
    }
    .xl\:w-60p {
        width: 60% !important;
    }
    .xl\:w-65p {
        width: 65% !important;
    }
    .xl\:w-70p {
        width: 70% !important;
    }
    .xl\:w-75p {
        width: 75% !important;
    }
    .xl\:w-80p {
        width: 80% !important;
    }
    .xl\:w-85p {
        width: 85% !important;
    }
    .xl\:w-90p {
        width: 90% !important;
    }
    .xl\:w-95p {
        width: 95% !important;
    }
    .xl\:w-100p {
        width: 100% !important;
    }
    .xl\:max-w-0 {
        max-width: 0 !important;
    }
    .xl\:max-w-4 {
        max-width: 4px !important;
    }
    .xl\:max-w-8 {
        max-width: 8px !important;
    }
    .xl\:max-w-12 {
        max-width: 12px !important;
    }
    .xl\:max-w-16 {
        max-width: 16px !important;
    }
    .xl\:max-w-20 {
        max-width: 20px !important;
    }
    .xl\:max-w-24 {
        max-width: 24px !important;
    }
    .xl\:max-w-28 {
        max-width: 28px !important;
    }
    .xl\:max-w-32 {
        max-width: 32px !important;
    }
    .xl\:max-w-36 {
        max-width: 36px !important;
    }
    .xl\:max-w-40 {
        max-width: 40px !important;
    }
    .xl\:max-w-44 {
        max-width: 44px !important;
    }
    .xl\:max-w-48 {
        max-width: 48px !important;
    }
    .xl\:max-w-52 {
        max-width: 52px !important;
    }
    .xl\:max-w-56 {
        max-width: 56px !important;
    }
    .xl\:max-w-60 {
        max-width: 60px !important;
    }
    .xl\:max-w-64 {
        max-width: 64px !important;
    }
    .xl\:max-w-68 {
        max-width: 68px !important;
    }
    .xl\:max-w-72 {
        max-width: 72px !important;
    }
    .xl\:max-w-76 {
        max-width: 76px !important;
    }
    .xl\:max-w-80 {
        max-width: 80px !important;
    }
    .xl\:max-w-84 {
        max-width: 84px !important;
    }
    .xl\:max-w-88 {
        max-width: 88px !important;
    }
    .xl\:max-w-92 {
        max-width: 92px !important;
    }
    .xl\:max-w-96 {
        max-width: 96px !important;
    }
    .xl\:max-w-100 {
        max-width: 100px !important;
    }
    .xl\:max-w-104 {
        max-width: 104px !important;
    }
    .xl\:max-w-108 {
        max-width: 108px !important;
    }
    .xl\:max-w-112 {
        max-width: 112px !important;
    }
    .xl\:max-w-116 {
        max-width: 116px !important;
    }
    .xl\:max-w-120 {
        max-width: 120px !important;
    }
    .xl\:max-w-124 {
        max-width: 124px !important;
    }
    .xl\:max-w-128 {
        max-width: 128px !important;
    }
    .xl\:max-w-132 {
        max-width: 132px !important;
    }
    .xl\:max-w-136 {
        max-width: 136px !important;
    }
    .xl\:max-w-none {
        max-width: none !important;
    }
    .xl\:max-w-140 {
        max-width: 140px !important;
    }
    .xl\:max-w-160 {
        max-width: 160px !important;
    }
    .xl\:max-w-180 {
        max-width: 180px !important;
    }
    .xl\:max-w-200 {
        max-width: 200px !important;
    }
    .xl\:max-w-220 {
        max-width: 220px !important;
    }
    .xl\:max-w-240 {
        max-width: 240px !important;
    }
    .xl\:max-w-260 {
        max-width: 260px !important;
    }
    .xl\:max-w-280 {
        max-width: 280px !important;
    }
    .xl\:max-w-300 {
        max-width: 300px !important;
    }
    .xl\:max-w-320 {
        max-width: 320px !important;
    }
    .xl\:max-w-340 {
        max-width: 340px !important;
    }
    .xl\:max-w-360 {
        max-width: 360px !important;
    }
    .xl\:max-w-380 {
        max-width: 380px !important;
    }
    .xl\:max-w-400 {
        max-width: 400px !important;
    }
    .xl\:max-w-5p {
        max-width: 5% !important;
    }
    .xl\:max-w-10p {
        max-width: 10% !important;
    }
    .xl\:max-w-15p {
        max-width: 15% !important;
    }
    .xl\:max-w-20p {
        max-width: 20% !important;
    }
    .xl\:max-w-25p {
        max-width: 25% !important;
    }
    .xl\:max-w-30p {
        max-width: 30% !important;
    }
    .xl\:max-w-35p {
        max-width: 35% !important;
    }
    .xl\:max-w-40p {
        max-width: 40% !important;
    }
    .xl\:max-w-45p {
        max-width: 45% !important;
    }
    .xl\:max-w-50p {
        max-width: 50% !important;
    }
    .xl\:max-w-55p {
        max-width: 55% !important;
    }
    .xl\:max-w-60p {
        max-width: 60% !important;
    }
    .xl\:max-w-65p {
        max-width: 65% !important;
    }
    .xl\:max-w-70p {
        max-width: 70% !important;
    }
    .xl\:max-w-75p {
        max-width: 75% !important;
    }
    .xl\:max-w-80p {
        max-width: 80% !important;
    }
    .xl\:max-w-85p {
        max-width: 85% !important;
    }
    .xl\:max-w-90p {
        max-width: 90% !important;
    }
    .xl\:max-w-95p {
        max-width: 95% !important;
    }
    .xl\:max-w-100p {
        max-width: 100% !important;
    }
    .xl\:min-w-0 {
        min-width: 0 !important;
    }
    .xl\:min-w-100p {
        min-width: 100% !important;
    }
    .xl\:h-60 {
        height: 60px !important;
    }
    .xl\:h-80 {
        height: 80px !important;
    }
    .xl\:h-100 {
        height: 100px !important;
    }
    .xl\:h-120 {
        height: 120px !important;
    }
    .xl\:h-140 {
        height: 140px !important;
    }
    .xl\:h-160 {
        height: 160px !important;
    }
    .xl\:h-180 {
        height: 180px !important;
    }
    .xl\:h-200 {
        height: 200px !important;
    }
    .xl\:h-auto {
        height: auto !important;
    }
    .xl\:h-0 {
        height: 0 !important;
    }
    .xl\:h-25p {
        height: 25% !important;
    }
    .xl\:h-50p {
        height: 50% !important;
    }
    .xl\:h-75p {
        height: 75% !important;
    }
    .xl\:h-100p {
        height: 100% !important;
    }
    .xl\:min-h-300 {
        min-height: 300px !important;
    }
    .xl\:min-h-320 {
        min-height: 320px !important;
    }
    .xl\:min-h-340 {
        min-height: 340px !important;
    }
    .xl\:min-h-360 {
        min-height: 360px !important;
    }
    .xl\:min-h-380 {
        min-height: 380px !important;
    }
    .xl\:min-h-400 {
        min-height: 400px !important;
    }
    .xl\:min-h-420 {
        min-height: 420px !important;
    }
    .xl\:min-h-440 {
        min-height: 440px !important;
    }
    .xl\:min-h-0 {
        min-height: 0 !important;
    }
    .xl\:max-h-100p {
        max-height: 100% !important;
    }
    .xl\:max-h-none {
        max-height: none !important;
    }
    .xl\:w-100vw {
        width: 100vw !important;
    }
    .xl\:min-w-100vw {
        min-width: 100vw !important;
    }
    .xl\:h-100vh {
        height: 100vh !important;
    }
    .xl\:min-h-100vh {
        min-height: 100vh !important;
    }
    .xl\:flex-row {
        flex-direction: row !important;
    }
    .xl\:flex-column {
        flex-direction: column !important;
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .xl\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }
    .xl\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .xl\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .xl\:flex-grow-0 {
        flex-grow: 0 !important;
    }
    .xl\:flex-grow-1 {
        flex-grow: 1 !important;
    }
    .xl\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .xl\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }
    .xl\:flex-jc-start {
        justify-content: flex-start !important;
    }
    .xl\:flex-jc-end {
        justify-content: flex-end !important;
    }
    .xl\:flex-jc-center {
        justify-content: center !important;
    }
    .xl\:flex-jc-between {
        justify-content: space-between !important;
    }
    .xl\:flex-jc-around {
        justify-content: space-around !important;
    }
    .xl\:flex-jc-evenly {
        justify-content: space-evenly !important;
    }
    .xl\:flex-ai-start {
        align-items: flex-start !important;
    }
    .xl\:flex-ai-end {
        align-items: flex-end !important;
    }
    .xl\:flex-ai-center {
        align-items: center !important;
    }
    .xl\:flex-ai-baseline {
        align-items: baseline !important;
    }
    .xl\:flex-ai-stretch {
        align-items: stretch !important;
    }
    .xl\:flex-ac-start {
        align-content: flex-start !important;
    }
    .xl\:flex-ac-end {
        align-content: flex-end !important;
    }
    .xl\:flex-ac-center {
        align-content: center !important;
    }
    .xl\:flex-ac-between {
        align-content: space-between !important;
    }
    .xl\:flex-ac-around {
        align-content: space-around !important;
    }
    .xl\:flex-ac-stretch {
        align-content: stretch !important;
    }
    .xl\:flex-as-auto {
        align-self: auto !important;
    }
    .xl\:flex-as-start {
        align-self: flex-start !important;
    }
    .xl\:flex-as-end {
        align-self: flex-end !important;
    }
    .xl\:flex-as-center {
        align-self: center !important;
    }
    .xl\:flex-as-baseline {
        align-self: baseline !important;
    }
    .xl\:flex-as-stretch {
        align-self: stretch !important;
    }
    .xl\:order-first {
        order: -1 !important;
    }
    .xl\:order-0 {
        order: 0 !important;
    }
    .xl\:order-1 {
        order: 1 !important;
    }
    .xl\:order-2 {
        order: 2 !important;
    }
    .xl\:order-3 {
        order: 3 !important;
    }
    .xl\:order-4 {
        order: 4 !important;
    }
    .xl\:order-5 {
        order: 5 !important;
    }
    .xl\:order-6 {
        order: 6 !important;
    }
    .xl\:row--g-0 {
        --gutter-x: 0 !important;
        --gutter-y: 0 !important;
    }
    .xl\:row--g-4 {
        --gutter-x: 4px !important;
        --gutter-y: 4px !important;
    }
    .xl\:row--g-8 {
        --gutter-x: 8px !important;
        --gutter-y: 8px !important;
    }
    .xl\:row--g-12 {
        --gutter-x: 12px !important;
        --gutter-y: 12px !important;
    }
    .xl\:row--g-16 {
        --gutter-x: 16px !important;
        --gutter-y: 16px !important;
    }
    .xl\:row--g-20 {
        --gutter-x: 20px !important;
        --gutter-y: 20px !important;
    }
    .xl\:row--g-24 {
        --gutter-x: 24px !important;
        --gutter-y: 24px !important;
    }
    .xl\:row--g-28 {
        --gutter-x: 28px !important;
        --gutter-y: 28px !important;
    }
    .xl\:row--g-32 {
        --gutter-x: 32px !important;
        --gutter-y: 32px !important;
    }
    .xl\:row--gy-0 {
        --gutter-y: 0 !important;
    }
    .xl\:row--gy-4 {
        --gutter-y: 4px !important;
    }
    .xl\:row--gy-8 {
        --gutter-y: 8px !important;
    }
    .xl\:row--gy-12 {
        --gutter-y: 12px !important;
    }
    .xl\:row--gy-16 {
        --gutter-y: 16px !important;
    }
    .xl\:row--gy-20 {
        --gutter-y: 20px !important;
    }
    .xl\:row--gy-24 {
        --gutter-y: 24px !important;
    }
    .xl\:row--gy-28 {
        --gutter-y: 28px !important;
    }
    .xl\:row--gy-32 {
        --gutter-y: 32px !important;
    }
    .xl\:row--gx-0 {
        --gutter-x: 0 !important;
    }
    .xl\:row--gx-4 {
        --gutter-x: 4px !important;
    }
    .xl\:row--gx-8 {
        --gutter-x: 8px !important;
    }
    .xl\:row--gx-12 {
        --gutter-x: 12px !important;
    }
    .xl\:row--gx-16 {
        --gutter-x: 16px !important;
    }
    .xl\:row--gx-20 {
        --gutter-x: 20px !important;
    }
    .xl\:row--gx-24 {
        --gutter-x: 24px !important;
    }
    .xl\:row--gx-28 {
        --gutter-x: 28px !important;
    }
    .xl\:row--gx-32 {
        --gutter-x: 32px !important;
    }
    .xl\:grid-af-row {
        grid-auto-flow: row !important;
    }
    .xl\:grid-af-col {
        grid-auto-flow: column !important;
    }
    .xl\:grid-af-row-dense {
        grid-auto-flow: row dense !important;
    }
    .xl\:grid-af-col-dense {
        grid-auto-flow: column dense !important;
    }
    .xl\:grid-ji-start {
        justify-items: start !important;
    }
    .xl\:grid-ji-end {
        justify-items: end !important;
    }
    .xl\:grid-ji-center {
        justify-items: center !important;
    }
    .xl\:grid-ji-stretch {
        justify-items: stretch !important;
    }
    .xl\:grid-jc-start {
        justify-content: start !important;
    }
    .xl\:grid-jc-end {
        justify-content: end !important;
    }
    .xl\:grid-jc-center {
        justify-content: center !important;
    }
    .xl\:grid-jc-stretch {
        justify-content: stretch !important;
    }
    .xl\:grid-jc-around {
        justify-content: space-around !important;
    }
    .xl\:grid-jc-between {
        justify-content: space-between !important;
    }
    .xl\:grid-jc-evenly {
        justify-content: space-evenly !important;
    }
    .xl\:grid-js-start {
        justify-self: start !important;
    }
    .xl\:grid-js-end {
        justify-self: end !important;
    }
    .xl\:grid-js-center {
        justify-self: center !important;
    }
    .xl\:grid-js-stretch {
        justify-self: stretch !important;
    }
    .xl\:grid-ai-start {
        align-items: start !important;
    }
    .xl\:grid-ai-end {
        align-items: end !important;
    }
    .xl\:grid-ai-center {
        align-items: center !important;
    }
    .xl\:grid-ai-stretch {
        align-items: stretch !important;
    }
    .xl\:grid-ac-start {
        align-content: start !important;
    }
    .xl\:grid-ac-end {
        align-content: end !important;
    }
    .xl\:grid-ac-center {
        align-content: center !important;
    }
    .xl\:grid-ac-stretch {
        align-content: stretch !important;
    }
    .xl\:grid-ac-around {
        align-content: space-around !important;
    }
    .xl\:grid-ac-between {
        align-content: space-between !important;
    }
    .xl\:grid-ac-evenly {
        align-content: space-evenly !important;
    }
    .xl\:grid-as-start {
        align-self: start !important;
    }
    .xl\:grid-as-end {
        align-self: end !important;
    }
    .xl\:grid-as-center {
        align-self: center !important;
    }
    .xl\:grid-as-stretch {
        align-self: stretch !important;
    }
    .xl\:gap-0 {
        grid-gap: 0 !important;
        gap: 0 !important;
    }
    .xl\:gap-4 {
        grid-gap: 4px !important;
        gap: 4px !important;
    }
    .xl\:gap-8 {
        grid-gap: 8px !important;
        gap: 8px !important;
    }
    .xl\:gap-12 {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .xl\:gap-16 {
        grid-gap: 16px !important;
        gap: 16px !important;
    }
    .xl\:gap-20 {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .xl\:gap-24 {
        grid-gap: 24px !important;
        gap: 24px !important;
    }
    .xl\:gap-28 {
        grid-gap: 28px !important;
        gap: 28px !important;
    }
    .xl\:gap-32 {
        grid-gap: 32px !important;
        gap: 32px !important;
    }
    .xl\:col-gap-0 {
        column-gap: 0 !important;
    }
    .xl\:col-gap-4 {
        column-gap: 4px !important;
    }
    .xl\:col-gap-8 {
        column-gap: 8px !important;
    }
    .xl\:col-gap-12 {
        column-gap: 12px !important;
    }
    .xl\:col-gap-16 {
        column-gap: 16px !important;
    }
    .xl\:col-gap-20 {
        column-gap: 20px !important;
    }
    .xl\:col-gap-24 {
        column-gap: 24px !important;
    }
    .xl\:col-gap-28 {
        column-gap: 28px !important;
    }
    .xl\:col-gap-32 {
        column-gap: 32px !important;
    }
    .xl\:row-gap-0 {
        row-gap: 0 !important;
    }
    .xl\:row-gap-4 {
        row-gap: 4px !important;
    }
    .xl\:row-gap-8 {
        row-gap: 8px !important;
    }
    .xl\:row-gap-12 {
        row-gap: 12px !important;
    }
    .xl\:row-gap-16 {
        row-gap: 16px !important;
    }
    .xl\:row-gap-20 {
        row-gap: 20px !important;
    }
    .xl\:row-gap-24 {
        row-gap: 24px !important;
    }
    .xl\:row-gap-28 {
        row-gap: 28px !important;
    }
    .xl\:row-gap-32 {
        row-gap: 32px !important;
    }
    .xl\:m-n16 {
        margin: -16px !important;
    }
    .xl\:m-n12 {
        margin: -12px !important;
    }
    .xl\:m-n8 {
        margin: -8px !important;
    }
    .xl\:m-n4 {
        margin: -4px !important;
    }
    .xl\:m-0 {
        margin: 0 !important;
    }
    .xl\:m-4 {
        margin: 4px !important;
    }
    .xl\:m-8 {
        margin: 8px !important;
    }
    .xl\:m-12 {
        margin: 12px !important;
    }
    .xl\:m-16 {
        margin: 16px !important;
    }
    .xl\:m-20 {
        margin: 20px !important;
    }
    .xl\:m-24 {
        margin: 24px !important;
    }
    .xl\:m-28 {
        margin: 28px !important;
    }
    .xl\:m-32 {
        margin: 32px !important;
    }
    .xl\:m-36 {
        margin: 36px !important;
    }
    .xl\:m-40 {
        margin: 40px !important;
    }
    .xl\:m-44 {
        margin: 44px !important;
    }
    .xl\:m-48 {
        margin: 48px !important;
    }
    .xl\:m-52 {
        margin: 52px !important;
    }
    .xl\:m-56 {
        margin: 56px !important;
    }
    .xl\:m-60 {
        margin: 60px !important;
    }
    .xl\:m-64 {
        margin: 64px !important;
    }
    .xl\:m-68 {
        margin: 68px !important;
    }
    .xl\:m-72 {
        margin: 72px !important;
    }
    .xl\:m-auto {
        margin: auto !important;
    }
    .xl\:mx-n16 {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }
    .xl\:mx-n12 {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
    .xl\:mx-n8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }
    .xl\:mx-n4 {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }
    .xl\:mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .xl\:mx-4 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .xl\:mx-8 {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .xl\:mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .xl\:mx-16 {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .xl\:mx-20 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .xl\:mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }
    .xl\:mx-28 {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }
    .xl\:mx-32 {
        margin-right: 32px !important;
        margin-left: 32px !important;
    }
    .xl\:mx-36 {
        margin-right: 36px !important;
        margin-left: 36px !important;
    }
    .xl\:mx-40 {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .xl\:mx-44 {
        margin-right: 44px !important;
        margin-left: 44px !important;
    }
    .xl\:mx-48 {
        margin-right: 48px !important;
        margin-left: 48px !important;
    }
    .xl\:mx-52 {
        margin-right: 52px !important;
        margin-left: 52px !important;
    }
    .xl\:mx-56 {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }
    .xl\:mx-60 {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
    .xl\:mx-64 {
        margin-right: 64px !important;
        margin-left: 64px !important;
    }
    .xl\:mx-68 {
        margin-right: 68px !important;
        margin-left: 68px !important;
    }
    .xl\:mx-72 {
        margin-right: 72px !important;
        margin-left: 72px !important;
    }
    .xl\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .xl\:my-n16 {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
    }
    .xl\:my-n12 {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    .xl\:my-n8 {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }
    .xl\:my-n4 {
        margin-top: -4px !important;
        margin-bottom: -4px !important;
    }
    .xl\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .xl\:my-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .xl\:my-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .xl\:my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .xl\:my-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .xl\:my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .xl\:my-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .xl\:my-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .xl\:my-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .xl\:my-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .xl\:my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .xl\:my-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .xl\:my-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .xl\:my-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .xl\:my-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .xl\:my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .xl\:my-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .xl\:my-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .xl\:my-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .xl\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .xl\:mt-n16 {
        margin-top: -16px !important;
    }
    .xl\:mt-n12 {
        margin-top: -12px !important;
    }
    .xl\:mt-n8 {
        margin-top: -8px !important;
    }
    .xl\:mt-n4 {
        margin-top: -4px !important;
    }
    .xl\:mt-0 {
        margin-top: 0 !important;
    }
    .xl\:mt-4 {
        margin-top: 4px !important;
    }
    .xl\:mt-8 {
        margin-top: 8px !important;
    }
    .xl\:mt-12 {
        margin-top: 12px !important;
    }
    .xl\:mt-16 {
        margin-top: 16px !important;
    }
    .xl\:mt-20 {
        margin-top: 20px !important;
    }
    .xl\:mt-24 {
        margin-top: 24px !important;
    }
    .xl\:mt-28 {
        margin-top: 28px !important;
    }
    .xl\:mt-32 {
        margin-top: 32px !important;
    }
    .xl\:mt-36 {
        margin-top: 36px !important;
    }
    .xl\:mt-40 {
        margin-top: 40px !important;
    }
    .xl\:mt-44 {
        margin-top: 44px !important;
    }
    .xl\:mt-48 {
        margin-top: 48px !important;
    }
    .xl\:mt-52 {
        margin-top: 52px !important;
    }
    .xl\:mt-56 {
        margin-top: 56px !important;
    }
    .xl\:mt-60 {
        margin-top: 60px !important;
    }
    .xl\:mt-64 {
        margin-top: 64px !important;
    }
    .xl\:mt-68 {
        margin-top: 68px !important;
    }
    .xl\:mt-72 {
        margin-top: 72px !important;
    }
    .xl\:mt-auto {
        margin-top: auto !important;
    }
    .xl\:mr-n16 {
        margin-right: -16px !important;
    }
    .xl\:mr-n12 {
        margin-right: -12px !important;
    }
    .xl\:mr-n8 {
        margin-right: -8px !important;
    }
    .xl\:mr-n4 {
        margin-right: -4px !important;
    }
    .xl\:mr-0 {
        margin-right: 0 !important;
    }
    .xl\:mr-4 {
        margin-right: 4px !important;
    }
    .xl\:mr-8 {
        margin-right: 8px !important;
    }
    .xl\:mr-12 {
        margin-right: 12px !important;
    }
    .xl\:mr-16 {
        margin-right: 16px !important;
    }
    .xl\:mr-20 {
        margin-right: 20px !important;
    }
    .xl\:mr-24 {
        margin-right: 24px !important;
    }
    .xl\:mr-28 {
        margin-right: 28px !important;
    }
    .xl\:mr-32 {
        margin-right: 32px !important;
    }
    .xl\:mr-36 {
        margin-right: 36px !important;
    }
    .xl\:mr-40 {
        margin-right: 40px !important;
    }
    .xl\:mr-44 {
        margin-right: 44px !important;
    }
    .xl\:mr-48 {
        margin-right: 48px !important;
    }
    .xl\:mr-52 {
        margin-right: 52px !important;
    }
    .xl\:mr-56 {
        margin-right: 56px !important;
    }
    .xl\:mr-60 {
        margin-right: 60px !important;
    }
    .xl\:mr-64 {
        margin-right: 64px !important;
    }
    .xl\:mr-68 {
        margin-right: 68px !important;
    }
    .xl\:mr-72 {
        margin-right: 72px !important;
    }
    .xl\:mr-auto {
        margin-right: auto !important;
    }
    .xl\:mb-n16 {
        margin-bottom: -16px !important;
    }
    .xl\:mb-n12 {
        margin-bottom: -12px !important;
    }
    .xl\:mb-n8 {
        margin-bottom: -8px !important;
    }
    .xl\:mb-n4 {
        margin-bottom: -4px !important;
    }
    .xl\:mb-0 {
        margin-bottom: 0 !important;
    }
    .xl\:mb-4 {
        margin-bottom: 4px !important;
    }
    .xl\:mb-8 {
        margin-bottom: 8px !important;
    }
    .xl\:mb-12 {
        margin-bottom: 12px !important;
    }
    .xl\:mb-16 {
        margin-bottom: 16px !important;
    }
    .xl\:mb-20 {
        margin-bottom: 20px !important;
    }
    .xl\:mb-24 {
        margin-bottom: 24px !important;
    }
    .xl\:mb-28 {
        margin-bottom: 28px !important;
    }
    .xl\:mb-32 {
        margin-bottom: 32px !important;
    }
    .xl\:mb-36 {
        margin-bottom: 36px !important;
    }
    .xl\:mb-40 {
        margin-bottom: 40px !important;
    }
    .xl\:mb-44 {
        margin-bottom: 44px !important;
    }
    .xl\:mb-48 {
        margin-bottom: 48px !important;
    }
    .xl\:mb-52 {
        margin-bottom: 52px !important;
    }
    .xl\:mb-56 {
        margin-bottom: 56px !important;
    }
    .xl\:mb-60 {
        margin-bottom: 60px !important;
    }
    .xl\:mb-64 {
        margin-bottom: 64px !important;
    }
    .xl\:mb-68 {
        margin-bottom: 68px !important;
    }
    .xl\:mb-72 {
        margin-bottom: 72px !important;
    }
    .xl\:mb-auto {
        margin-bottom: auto !important;
    }
    .xl\:ml-n16 {
        margin-left: -16px !important;
    }
    .xl\:ml-n12 {
        margin-left: -12px !important;
    }
    .xl\:ml-n8 {
        margin-left: -8px !important;
    }
    .xl\:ml-n4 {
        margin-left: -4px !important;
    }
    .xl\:ml-0 {
        margin-left: 0 !important;
    }
    .xl\:ml-4 {
        margin-left: 4px !important;
    }
    .xl\:ml-8 {
        margin-left: 8px !important;
    }
    .xl\:ml-12 {
        margin-left: 12px !important;
    }
    .xl\:ml-16 {
        margin-left: 16px !important;
    }
    .xl\:ml-20 {
        margin-left: 20px !important;
    }
    .xl\:ml-24 {
        margin-left: 24px !important;
    }
    .xl\:ml-28 {
        margin-left: 28px !important;
    }
    .xl\:ml-32 {
        margin-left: 32px !important;
    }
    .xl\:ml-36 {
        margin-left: 36px !important;
    }
    .xl\:ml-40 {
        margin-left: 40px !important;
    }
    .xl\:ml-44 {
        margin-left: 44px !important;
    }
    .xl\:ml-48 {
        margin-left: 48px !important;
    }
    .xl\:ml-52 {
        margin-left: 52px !important;
    }
    .xl\:ml-56 {
        margin-left: 56px !important;
    }
    .xl\:ml-60 {
        margin-left: 60px !important;
    }
    .xl\:ml-64 {
        margin-left: 64px !important;
    }
    .xl\:ml-68 {
        margin-left: 68px !important;
    }
    .xl\:ml-72 {
        margin-left: 72px !important;
    }
    .xl\:ml-auto {
        margin-left: auto !important;
    }
    .xl\:p-0 {
        padding: 0 !important;
    }
    .xl\:p-2 {
        padding: 2px !important;
    }
    .xl\:p-4 {
        padding: 4px !important;
    }
    .xl\:p-6 {
        padding: 6px !important;
    }
    .xl\:p-8 {
        padding: 8px !important;
    }
    .xl\:p-10 {
        padding: 10px !important;
    }
    .xl\:p-12 {
        padding: 12px !important;
    }
    .xl\:p-14 {
        padding: 14px !important;
    }
    .xl\:p-16 {
        padding: 16px !important;
    }
    .xl\:p-18 {
        padding: 18px !important;
    }
    .xl\:p-20 {
        padding: 20px !important;
    }
    .xl\:p-22 {
        padding: 22px !important;
    }
    .xl\:p-24 {
        padding: 24px !important;
    }
    .xl\:p-26 {
        padding: 26px !important;
    }
    .xl\:p-28 {
        padding: 28px !important;
    }
    .xl\:p-30 {
        padding: 30px !important;
    }
    .xl\:p-32 {
        padding: 32px !important;
    }
    .xl\:p-34 {
        padding: 34px !important;
    }
    .xl\:p-36 {
        padding: 36px !important;
    }
    .xl\:p-38 {
        padding: 38px !important;
    }
    .xl\:p-40 {
        padding: 40px !important;
    }
    .xl\:p-42 {
        padding: 42px !important;
    }
    .xl\:p-44 {
        padding: 44px !important;
    }
    .xl\:p-46 {
        padding: 46px !important;
    }
    .xl\:p-48 {
        padding: 48px !important;
    }
    .xl\:p-50 {
        padding: 50px !important;
    }
    .xl\:p-52 {
        padding: 52px !important;
    }
    .xl\:p-54 {
        padding: 54px !important;
    }
    .xl\:p-56 {
        padding: 56px !important;
    }
    .xl\:p-58 {
        padding: 58px !important;
    }
    .xl\:p-60 {
        padding: 60px !important;
    }
    .xl\:p-62 {
        padding: 62px !important;
    }
    .xl\:p-64 {
        padding: 64px !important;
    }
    .xl\:p-66 {
        padding: 66px !important;
    }
    .xl\:p-68 {
        padding: 68px !important;
    }
    .xl\:p-70 {
        padding: 70px !important;
    }
    .xl\:p-72 {
        padding: 72px !important;
    }
    .xl\:px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .xl\:px-2 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .xl\:px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .xl\:px-6 {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .xl\:px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .xl\:px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .xl\:px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .xl\:px-14 {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
    .xl\:px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .xl\:px-18 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .xl\:px-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .xl\:px-22 {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .xl\:px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .xl\:px-26 {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
    .xl\:px-28 {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }
    .xl\:px-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .xl\:px-32 {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .xl\:px-34 {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }
    .xl\:px-36 {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .xl\:px-38 {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
    .xl\:px-40 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .xl\:px-42 {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }
    .xl\:px-44 {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
    .xl\:px-46 {
        padding-right: 46px !important;
        padding-left: 46px !important;
    }
    .xl\:px-48 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .xl\:px-50 {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .xl\:px-52 {
        padding-right: 52px !important;
        padding-left: 52px !important;
    }
    .xl\:px-54 {
        padding-right: 54px !important;
        padding-left: 54px !important;
    }
    .xl\:px-56 {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }
    .xl\:px-58 {
        padding-right: 58px !important;
        padding-left: 58px !important;
    }
    .xl\:px-60 {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .xl\:px-62 {
        padding-right: 62px !important;
        padding-left: 62px !important;
    }
    .xl\:px-64 {
        padding-right: 64px !important;
        padding-left: 64px !important;
    }
    .xl\:px-66 {
        padding-right: 66px !important;
        padding-left: 66px !important;
    }
    .xl\:px-68 {
        padding-right: 68px !important;
        padding-left: 68px !important;
    }
    .xl\:px-70 {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
    .xl\:px-72 {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }
    .xl\:py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .xl\:py-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .xl\:py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .xl\:py-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .xl\:py-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .xl\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .xl\:py-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .xl\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .xl\:py-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .xl\:py-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .xl\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .xl\:py-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .xl\:py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .xl\:py-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .xl\:py-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .xl\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .xl\:py-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .xl\:py-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .xl\:py-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .xl\:py-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .xl\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .xl\:py-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .xl\:py-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .xl\:py-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .xl\:py-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .xl\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .xl\:py-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .xl\:py-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .xl\:py-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .xl\:py-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .xl\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .xl\:py-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .xl\:py-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .xl\:py-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .xl\:py-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .xl\:py-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .xl\:py-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .xl\:pt-0 {
        padding-top: 0 !important;
    }
    .xl\:pt-2 {
        padding-top: 2px !important;
    }
    .xl\:pt-4 {
        padding-top: 4px !important;
    }
    .xl\:pt-6 {
        padding-top: 6px !important;
    }
    .xl\:pt-8 {
        padding-top: 8px !important;
    }
    .xl\:pt-10 {
        padding-top: 10px !important;
    }
    .xl\:pt-12 {
        padding-top: 12px !important;
    }
    .xl\:pt-14 {
        padding-top: 14px !important;
    }
    .xl\:pt-16 {
        padding-top: 16px !important;
    }
    .xl\:pt-18 {
        padding-top: 18px !important;
    }
    .xl\:pt-20 {
        padding-top: 20px !important;
    }
    .xl\:pt-22 {
        padding-top: 22px !important;
    }
    .xl\:pt-24 {
        padding-top: 24px !important;
    }
    .xl\:pt-26 {
        padding-top: 26px !important;
    }
    .xl\:pt-28 {
        padding-top: 28px !important;
    }
    .xl\:pt-30 {
        padding-top: 30px !important;
    }
    .xl\:pt-32 {
        padding-top: 32px !important;
    }
    .xl\:pt-34 {
        padding-top: 34px !important;
    }
    .xl\:pt-36 {
        padding-top: 36px !important;
    }
    .xl\:pt-38 {
        padding-top: 38px !important;
    }
    .xl\:pt-40 {
        padding-top: 40px !important;
    }
    .xl\:pt-42 {
        padding-top: 42px !important;
    }
    .xl\:pt-44 {
        padding-top: 44px !important;
    }
    .xl\:pt-46 {
        padding-top: 46px !important;
    }
    .xl\:pt-48 {
        padding-top: 48px !important;
    }
    .xl\:pt-50 {
        padding-top: 50px !important;
    }
    .xl\:pt-52 {
        padding-top: 52px !important;
    }
    .xl\:pt-54 {
        padding-top: 54px !important;
    }
    .xl\:pt-56 {
        padding-top: 56px !important;
    }
    .xl\:pt-58 {
        padding-top: 58px !important;
    }
    .xl\:pt-60 {
        padding-top: 60px !important;
    }
    .xl\:pt-62 {
        padding-top: 62px !important;
    }
    .xl\:pt-64 {
        padding-top: 64px !important;
    }
    .xl\:pt-66 {
        padding-top: 66px !important;
    }
    .xl\:pt-68 {
        padding-top: 68px !important;
    }
    .xl\:pt-70 {
        padding-top: 70px !important;
    }
    .xl\:pt-72 {
        padding-top: 72px !important;
    }
    .xl\:pr-0 {
        padding-right: 0 !important;
    }
    .xl\:pr-2 {
        padding-right: 2px !important;
    }
    .xl\:pr-4 {
        padding-right: 4px !important;
    }
    .xl\:pr-6 {
        padding-right: 6px !important;
    }
    .xl\:pr-8 {
        padding-right: 8px !important;
    }
    .xl\:pr-10 {
        padding-right: 10px !important;
    }
    .xl\:pr-12 {
        padding-right: 12px !important;
    }
    .xl\:pr-14 {
        padding-right: 14px !important;
    }
    .xl\:pr-16 {
        padding-right: 16px !important;
    }
    .xl\:pr-18 {
        padding-right: 18px !important;
    }
    .xl\:pr-20 {
        padding-right: 20px !important;
    }
    .xl\:pr-22 {
        padding-right: 22px !important;
    }
    .xl\:pr-24 {
        padding-right: 24px !important;
    }
    .xl\:pr-26 {
        padding-right: 26px !important;
    }
    .xl\:pr-28 {
        padding-right: 28px !important;
    }
    .xl\:pr-30 {
        padding-right: 30px !important;
    }
    .xl\:pr-32 {
        padding-right: 32px !important;
    }
    .xl\:pr-34 {
        padding-right: 34px !important;
    }
    .xl\:pr-36 {
        padding-right: 36px !important;
    }
    .xl\:pr-38 {
        padding-right: 38px !important;
    }
    .xl\:pr-40 {
        padding-right: 40px !important;
    }
    .xl\:pr-42 {
        padding-right: 42px !important;
    }
    .xl\:pr-44 {
        padding-right: 44px !important;
    }
    .xl\:pr-46 {
        padding-right: 46px !important;
    }
    .xl\:pr-48 {
        padding-right: 48px !important;
    }
    .xl\:pr-50 {
        padding-right: 50px !important;
    }
    .xl\:pr-52 {
        padding-right: 52px !important;
    }
    .xl\:pr-54 {
        padding-right: 54px !important;
    }
    .xl\:pr-56 {
        padding-right: 56px !important;
    }
    .xl\:pr-58 {
        padding-right: 58px !important;
    }
    .xl\:pr-60 {
        padding-right: 60px !important;
    }
    .xl\:pr-62 {
        padding-right: 62px !important;
    }
    .xl\:pr-64 {
        padding-right: 64px !important;
    }
    .xl\:pr-66 {
        padding-right: 66px !important;
    }
    .xl\:pr-68 {
        padding-right: 68px !important;
    }
    .xl\:pr-70 {
        padding-right: 70px !important;
    }
    .xl\:pr-72 {
        padding-right: 72px !important;
    }
    .xl\:pb-0 {
        padding-bottom: 0 !important;
    }
    .xl\:pb-2 {
        padding-bottom: 2px !important;
    }
    .xl\:pb-4 {
        padding-bottom: 4px !important;
    }
    .xl\:pb-6 {
        padding-bottom: 6px !important;
    }
    .xl\:pb-8 {
        padding-bottom: 8px !important;
    }
    .xl\:pb-10 {
        padding-bottom: 10px !important;
    }
    .xl\:pb-12 {
        padding-bottom: 12px !important;
    }
    .xl\:pb-14 {
        padding-bottom: 14px !important;
    }
    .xl\:pb-16 {
        padding-bottom: 16px !important;
    }
    .xl\:pb-18 {
        padding-bottom: 18px !important;
    }
    .xl\:pb-20 {
        padding-bottom: 20px !important;
    }
    .xl\:pb-22 {
        padding-bottom: 22px !important;
    }
    .xl\:pb-24 {
        padding-bottom: 24px !important;
    }
    .xl\:pb-26 {
        padding-bottom: 26px !important;
    }
    .xl\:pb-28 {
        padding-bottom: 28px !important;
    }
    .xl\:pb-30 {
        padding-bottom: 30px !important;
    }
    .xl\:pb-32 {
        padding-bottom: 32px !important;
    }
    .xl\:pb-34 {
        padding-bottom: 34px !important;
    }
    .xl\:pb-36 {
        padding-bottom: 36px !important;
    }
    .xl\:pb-38 {
        padding-bottom: 38px !important;
    }
    .xl\:pb-40 {
        padding-bottom: 40px !important;
    }
    .xl\:pb-42 {
        padding-bottom: 42px !important;
    }
    .xl\:pb-44 {
        padding-bottom: 44px !important;
    }
    .xl\:pb-46 {
        padding-bottom: 46px !important;
    }
    .xl\:pb-48 {
        padding-bottom: 48px !important;
    }
    .xl\:pb-50 {
        padding-bottom: 50px !important;
    }
    .xl\:pb-52 {
        padding-bottom: 52px !important;
    }
    .xl\:pb-54 {
        padding-bottom: 54px !important;
    }
    .xl\:pb-56 {
        padding-bottom: 56px !important;
    }
    .xl\:pb-58 {
        padding-bottom: 58px !important;
    }
    .xl\:pb-60 {
        padding-bottom: 60px !important;
    }
    .xl\:pb-62 {
        padding-bottom: 62px !important;
    }
    .xl\:pb-64 {
        padding-bottom: 64px !important;
    }
    .xl\:pb-66 {
        padding-bottom: 66px !important;
    }
    .xl\:pb-68 {
        padding-bottom: 68px !important;
    }
    .xl\:pb-70 {
        padding-bottom: 70px !important;
    }
    .xl\:pb-72 {
        padding-bottom: 72px !important;
    }
    .xl\:pl-0 {
        padding-left: 0 !important;
    }
    .xl\:pl-2 {
        padding-left: 2px !important;
    }
    .xl\:pl-4 {
        padding-left: 4px !important;
    }
    .xl\:pl-6 {
        padding-left: 6px !important;
    }
    .xl\:pl-8 {
        padding-left: 8px !important;
    }
    .xl\:pl-10 {
        padding-left: 10px !important;
    }
    .xl\:pl-12 {
        padding-left: 12px !important;
    }
    .xl\:pl-14 {
        padding-left: 14px !important;
    }
    .xl\:pl-16 {
        padding-left: 16px !important;
    }
    .xl\:pl-18 {
        padding-left: 18px !important;
    }
    .xl\:pl-20 {
        padding-left: 20px !important;
    }
    .xl\:pl-22 {
        padding-left: 22px !important;
    }
    .xl\:pl-24 {
        padding-left: 24px !important;
    }
    .xl\:pl-26 {
        padding-left: 26px !important;
    }
    .xl\:pl-28 {
        padding-left: 28px !important;
    }
    .xl\:pl-30 {
        padding-left: 30px !important;
    }
    .xl\:pl-32 {
        padding-left: 32px !important;
    }
    .xl\:pl-34 {
        padding-left: 34px !important;
    }
    .xl\:pl-36 {
        padding-left: 36px !important;
    }
    .xl\:pl-38 {
        padding-left: 38px !important;
    }
    .xl\:pl-40 {
        padding-left: 40px !important;
    }
    .xl\:pl-42 {
        padding-left: 42px !important;
    }
    .xl\:pl-44 {
        padding-left: 44px !important;
    }
    .xl\:pl-46 {
        padding-left: 46px !important;
    }
    .xl\:pl-48 {
        padding-left: 48px !important;
    }
    .xl\:pl-50 {
        padding-left: 50px !important;
    }
    .xl\:pl-52 {
        padding-left: 52px !important;
    }
    .xl\:pl-54 {
        padding-left: 54px !important;
    }
    .xl\:pl-56 {
        padding-left: 56px !important;
    }
    .xl\:pl-58 {
        padding-left: 58px !important;
    }
    .xl\:pl-60 {
        padding-left: 60px !important;
    }
    .xl\:pl-62 {
        padding-left: 62px !important;
    }
    .xl\:pl-64 {
        padding-left: 64px !important;
    }
    .xl\:pl-66 {
        padding-left: 66px !important;
    }
    .xl\:pl-68 {
        padding-left: 68px !important;
    }
    .xl\:pl-70 {
        padding-left: 70px !important;
    }
    .xl\:pl-72 {
        padding-left: 72px !important;
    }
    .xl\:fz-xs {
        font-size: var(--fz-xs) !important;
    }
    .xl\:fz-sm {
        font-size: var(--fz-sm) !important;
    }
    .xl\:fz-md {
        font-size: var(--fz-md) !important;
    }
    .xl\:fz-lg {
        font-size: var(--fz-lg) !important;
    }
    .xl\:fz-xl {
        font-size: var(--fz-xl) !important;
    }
    .xl\:fz-2xl {
        font-size: var(--fz-2xl) !important;
    }
    .xl\:fz-3xl {
        font-size: var(--fz-3xl) !important;
    }
    .xl\:fz-5xl {
        font-size: var(--fz-5xl) !important;
    }
    .xl\:fz-6xl {
        font-size: var(--fz-6xl) !important;
    }
    .xl\:fz-7xl {
        font-size: var(--fz-7xl) !important;
    }
    .xl\:fz-9xl {
        font-size: var(--fz-9xl) !important;
    }
    .xl\:fw-xl {
        font-weight: var(--fw-xl) !important;
    }
    .xl\:fw-l {
        font-weight: var(--fw-l) !important;
    }
    .xl\:fw-n {
        font-weight: var(--fw-n) !important;
    }
    .xl\:fw-m {
        font-weight: var(--fw-m) !important;
    }
    .xl\:fw-sb {
        font-weight: var(--fw-sb) !important;
    }
    .xl\:fw-b {
        font-weight: var(--fw-b) !important;
    }
    .xl\:fw-xb {
        font-weight: var(--fw-xb) !important;
    }
    .xl\:ta-j {
        text-align: justify !important;
    }
    .xl\:ta-l {
        text-align: left !important;
    }
    .xl\:ta-r {
        text-align: right !important;
    }
    .xl\:ta-c {
        text-align: center !important;
    }
    .xl\:lh-1 {
        line-height: var(--lh-1) !important;
    }
    .xl\:lh-2xs {
        line-height: var(--lh-2xs) !important;
    }
    .xl\:lh-xs {
        line-height: var(--lh-xs) !important;
    }
    .xl\:lh-sm {
        line-height: var(--lh-sm) !important;
    }
    .xl\:lh-md {
        line-height: var(--lh-md) !important;
    }
    .xl\:lh-lg {
        line-height: var(--lh-lg) !important;
    }
    .xl\:lh-xl {
        line-height: var(--lh-xl) !important;
    }
    .xl\:bg-white {
        background-color: var(--cl-white) !important;
    }
    .xl\:bg-black {
        background-color: var(--cl-black) !important;
    }
    .xl\:bg-body {
        background-color: var(--body-bg-cl) !important;
    }
    .xl\:bg-light {
        background-color: var(--bg-light) !important;
    }
    .xl\:bg-dark {
        background-color: var(--bg-dark) !important;
    }
    .xl\:bg-primary {
        background-color: var(--bg-primary) !important;
    }
    .xl\:bg-success {
        background-color: var(--bg-success) !important;
    }
    .xl\:bg-warning {
        background-color: var(--bg-warning) !important;
    }
    .xl\:bg-danger {
        background-color: var(--bg-danger) !important;
    }
    .xl\:bg-info {
        background-color: var(--bg-info) !important;
    }
    .xl\:bg-transparent {
        background-color: transparent !important;
    }
    .xl\:opacity-0 {
        opacity: 0 !important;
    }
    .xl\:opacity-1 {
        opacity: 1 !important;
    }
    .xl\:z-0 {
        z-index: 0 !important;
    }
    .xl\:z-10 {
        z-index: 10 !important;
    }
    .xl\:z-20 {
        z-index: 20 !important;
    }
    .xl\:z-30 {
        z-index: 30 !important;
    }
    .xl\:z-40 {
        z-index: 40 !important;
    }
    .xl\:z-50 {
        z-index: 50 !important;
    }
    .xl\:z-60 {
        z-index: 60 !important;
    }
    .xl\:z-70 {
        z-index: 70 !important;
    }
    .xl\:z-80 {
        z-index: 80 !important;
    }
    .xl\:z-90 {
        z-index: 90 !important;
    }
    .xl\:z-100 {
        z-index: 100 !important;
    }
    .xl\:pe-auto {
        pointer-events: auto !important;
    }
    .xl\:pe-none {
        pointer-events: none !important;
    }
    .xl\:shadow-none {
        box-shadow: none !important;
    }
    .xl\:shadow-wide {
        box-shadow: var(--shadow-wide) !important;
    }
    .xl\:shadow-wide-top {
        box-shadow: var(--shadow-wide-top) !important;
    }
    .xl\:shadow-short {
        box-shadow: var(--shadow-short) !important;
    }
    .xl\:shadow-line {
        box-shadow: var(--shadow-line) !important;
    }
}
@media (min-width: 1440px) {
    .xxl\:float-left {
        float: left !important;
    }
    .xxl\:float-right {
        float: right !important;
    }
    .xxl\:float-none {
        float: none !important;
    }
    .xxl\:ov-auto {
        overflow: auto !important;
    }
    .xxl\:ov-hidden {
        overflow: hidden !important;
    }
    .xxl\:ov-visible {
        overflow: visible !important;
    }
    .xxl\:ov-scroll {
        overflow: scroll !important;
    }
    .xxl\:ov-x-auto {
        overflow-x: auto !important;
    }
    .xxl\:ov-x-hidden {
        overflow-x: hidden !important;
    }
    .xxl\:ov-x-visible {
        overflow-x: visible !important;
    }
    .xxl\:ov-x-scroll {
        overflow-x: scroll !important;
    }
    .xxl\:ov-y-auto {
        overflow-y: auto !important;
    }
    .xxl\:ov-y-hidden {
        overflow-y: hidden !important;
    }
    .xxl\:ov-y-visible {
        overflow-y: visible !important;
    }
    .xxl\:ov-y-scroll {
        overflow-y: scroll !important;
    }
    .xxl\:d-inline {
        display: inline !important;
    }
    .xxl\:d-inline-block {
        display: inline-block !important;
    }
    .xxl\:d-block {
        display: block !important;
    }
    .xxl\:d-table {
        display: table !important;
    }
    .xxl\:d-table-row {
        display: table-row !important;
    }
    .xxl\:d-table-cell {
        display: table-cell !important;
    }
    .xxl\:d-flex {
        display: flex !important;
    }
    .xxl\:d-inline-flex {
        display: inline-flex !important;
    }
    .xxl\:d-grid {
        display: grid !important;
    }
    .xxl\:d-inline-grid {
        display: inline-grid !important;
    }
    .xxl\:d-contents {
        display: contents !important;
    }
    .xxl\:d-none {
        display: none !important;
    }
    .xxl\:pos-static {
        position: static !important;
    }
    .xxl\:pos-relative {
        position: relative !important;
    }
    .xxl\:pos-absolute {
        position: absolute !important;
    }
    .xxl\:pos-fixed {
        position: fixed !important;
    }
    .xxl\:pos-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
    .xxl\:pos-top-n100p {
        top: -100% !important;
    }
    .xxl\:pos-top-n50p {
        top: -50% !important;
    }
    .xxl\:pos-top-0 {
        top: 0 !important;
    }
    .xxl\:pos-top-50p {
        top: 50% !important;
    }
    .xxl\:pos-top-100p {
        top: 100% !important;
    }
    .xxl\:pos-right-n100p {
        right: -100% !important;
    }
    .xxl\:pos-right-n50p {
        right: -50% !important;
    }
    .xxl\:pos-right-0 {
        right: 0 !important;
    }
    .xxl\:pos-right-50p {
        right: 50% !important;
    }
    .xxl\:pos-right-100p {
        right: 100% !important;
    }
    .xxl\:pos-bottom-n100p {
        bottom: -100% !important;
    }
    .xxl\:pos-bottom-n50p {
        bottom: -50% !important;
    }
    .xxl\:pos-bottom-0 {
        bottom: 0 !important;
    }
    .xxl\:pos-bottom-50p {
        bottom: 50% !important;
    }
    .xxl\:pos-bottom-100p {
        bottom: 100% !important;
    }
    .xxl\:pos-left-n100p {
        left: -100% !important;
    }
    .xxl\:pos-left-n50p {
        left: -50% !important;
    }
    .xxl\:pos-left-0 {
        left: 0 !important;
    }
    .xxl\:pos-left-50p {
        left: 50% !important;
    }
    .xxl\:pos-left-100p {
        left: 100% !important;
    }
    .xxl\:translate-middle {
        transform: translate(-50%, -50%) !important;
    }
    .xxl\:translate-middle-x {
        transform: translate(-50%) !important;
    }
    .xxl\:translate-middle-y {
        transform: translateY(-50%) !important;
    }
    .xxl\:brs-0 {
        border-radius: 0 !important;
    }
    .xxl\:brs-4 {
        border-radius: 4px !important;
    }
    .xxl\:brs-8 {
        border-radius: 8px !important;
    }
    .xxl\:brs-12 {
        border-radius: 12px !important;
    }
    .xxl\:brs-16 {
        border-radius: 16px !important;
    }
    .xxl\:brs-20 {
        border-radius: 20px !important;
    }
    .xxl\:brs-24 {
        border-radius: 24px !important;
    }
    .xxl\:brs-28 {
        border-radius: 28px !important;
    }
    .xxl\:brs-32 {
        border-radius: 32px !important;
    }
    .xxl\:brs-9 {
        border-radius: 9px !important;
    }
    .xxl\:brs-tr-0 {
        border-top-right-radius: 0 !important;
    }
    .xxl\:brs-tr-4 {
        border-top-right-radius: 4px !important;
    }
    .xxl\:brs-tr-8 {
        border-top-right-radius: 8px !important;
    }
    .xxl\:brs-tr-12 {
        border-top-right-radius: 12px !important;
    }
    .xxl\:brs-tr-16 {
        border-top-right-radius: 16px !important;
    }
    .xxl\:brs-tr-20 {
        border-top-right-radius: 20px !important;
    }
    .xxl\:brs-tr-24 {
        border-top-right-radius: 24px !important;
    }
    .xxl\:brs-tr-28 {
        border-top-right-radius: 28px !important;
    }
    .xxl\:brs-tr-32 {
        border-top-right-radius: 32px !important;
    }
    .xxl\:brs-br-0 {
        border-bottom-right-radius: 0 !important;
    }
    .xxl\:brs-br-4 {
        border-bottom-right-radius: 4px !important;
    }
    .xxl\:brs-br-8 {
        border-bottom-right-radius: 8px !important;
    }
    .xxl\:brs-br-12 {
        border-bottom-right-radius: 12px !important;
    }
    .xxl\:brs-br-16 {
        border-bottom-right-radius: 16px !important;
    }
    .xxl\:brs-br-20 {
        border-bottom-right-radius: 20px !important;
    }
    .xxl\:brs-br-24 {
        border-bottom-right-radius: 24px !important;
    }
    .xxl\:brs-br-28 {
        border-bottom-right-radius: 28px !important;
    }
    .xxl\:brs-br-32 {
        border-bottom-right-radius: 32px !important;
    }
    .xxl\:brs-bl-0 {
        border-bottom-left-radius: 0 !important;
    }
    .xxl\:brs-bl-4 {
        border-bottom-left-radius: 4px !important;
    }
    .xxl\:brs-bl-8 {
        border-bottom-left-radius: 8px !important;
    }
    .xxl\:brs-bl-12 {
        border-bottom-left-radius: 12px !important;
    }
    .xxl\:brs-bl-16 {
        border-bottom-left-radius: 16px !important;
    }
    .xxl\:brs-bl-20 {
        border-bottom-left-radius: 20px !important;
    }
    .xxl\:brs-bl-24 {
        border-bottom-left-radius: 24px !important;
    }
    .xxl\:brs-bl-28 {
        border-bottom-left-radius: 28px !important;
    }
    .xxl\:brs-bl-32 {
        border-bottom-left-radius: 32px !important;
    }
    .xxl\:brs-tl-0 {
        border-top-left-radius: 0 !important;
    }
    .xxl\:brs-tl-4 {
        border-top-left-radius: 4px !important;
    }
    .xxl\:brs-tl-8 {
        border-top-left-radius: 8px !important;
    }
    .xxl\:brs-tl-12 {
        border-top-left-radius: 12px !important;
    }
    .xxl\:brs-tl-16 {
        border-top-left-radius: 16px !important;
    }
    .xxl\:brs-tl-20 {
        border-top-left-radius: 20px !important;
    }
    .xxl\:brs-tl-24 {
        border-top-left-radius: 24px !important;
    }
    .xxl\:brs-tl-28 {
        border-top-left-radius: 28px !important;
    }
    .xxl\:brs-tl-32 {
        border-top-left-radius: 32px !important;
    }
    .xxl\:w-0 {
        width: 0 !important;
    }
    .xxl\:w-4 {
        width: 4px !important;
    }
    .xxl\:w-8 {
        width: 8px !important;
    }
    .xxl\:w-12 {
        width: 12px !important;
    }
    .xxl\:w-16 {
        width: 16px !important;
    }
    .xxl\:w-20 {
        width: 20px !important;
    }
    .xxl\:w-24 {
        width: 24px !important;
    }
    .xxl\:w-28 {
        width: 28px !important;
    }
    .xxl\:w-32 {
        width: 32px !important;
    }
    .xxl\:w-36 {
        width: 36px !important;
    }
    .xxl\:w-40 {
        width: 40px !important;
    }
    .xxl\:w-44 {
        width: 44px !important;
    }
    .xxl\:w-48 {
        width: 48px !important;
    }
    .xxl\:w-52 {
        width: 52px !important;
    }
    .xxl\:w-56 {
        width: 56px !important;
    }
    .xxl\:w-60 {
        width: 60px !important;
    }
    .xxl\:w-64 {
        width: 64px !important;
    }
    .xxl\:w-68 {
        width: 68px !important;
    }
    .xxl\:w-72 {
        width: 72px !important;
    }
    .xxl\:w-76 {
        width: 76px !important;
    }
    .xxl\:w-80 {
        width: 80px !important;
    }
    .xxl\:w-84 {
        width: 84px !important;
    }
    .xxl\:w-88 {
        width: 88px !important;
    }
    .xxl\:w-92 {
        width: 92px !important;
    }
    .xxl\:w-96 {
        width: 96px !important;
    }
    .xxl\:w-100 {
        width: 100px !important;
    }
    .xxl\:w-104 {
        width: 104px !important;
    }
    .xxl\:w-108 {
        width: 108px !important;
    }
    .xxl\:w-112 {
        width: 112px !important;
    }
    .xxl\:w-116 {
        width: 116px !important;
    }
    .xxl\:w-120 {
        width: 120px !important;
    }
    .xxl\:w-124 {
        width: 124px !important;
    }
    .xxl\:w-128 {
        width: 128px !important;
    }
    .xxl\:w-132 {
        width: 132px !important;
    }
    .xxl\:w-136 {
        width: 136px !important;
    }
    .xxl\:w-auto {
        width: auto !important;
    }
    .xxl\:w-140 {
        width: 140px !important;
    }
    .xxl\:w-160 {
        width: 160px !important;
    }
    .xxl\:w-180 {
        width: 180px !important;
    }
    .xxl\:w-200 {
        width: 200px !important;
    }
    .xxl\:w-220 {
        width: 220px !important;
    }
    .xxl\:w-240 {
        width: 240px !important;
    }
    .xxl\:w-260 {
        width: 260px !important;
    }
    .xxl\:w-280 {
        width: 280px !important;
    }
    .xxl\:w-300 {
        width: 300px !important;
    }
    .xxl\:w-320 {
        width: 320px !important;
    }
    .xxl\:w-340 {
        width: 340px !important;
    }
    .xxl\:w-360 {
        width: 360px !important;
    }
    .xxl\:w-380 {
        width: 380px !important;
    }
    .xxl\:w-400 {
        width: 400px !important;
    }
    .xxl\:w-5p {
        width: 5% !important;
    }
    .xxl\:w-10p {
        width: 10% !important;
    }
    .xxl\:w-15p {
        width: 15% !important;
    }
    .xxl\:w-20p {
        width: 20% !important;
    }
    .xxl\:w-25p {
        width: 25% !important;
    }
    .xxl\:w-30p {
        width: 30% !important;
    }
    .xxl\:w-35p {
        width: 35% !important;
    }
    .xxl\:w-40p {
        width: 40% !important;
    }
    .xxl\:w-45p {
        width: 45% !important;
    }
    .xxl\:w-50p {
        width: 50% !important;
    }
    .xxl\:w-55p {
        width: 55% !important;
    }
    .xxl\:w-60p {
        width: 60% !important;
    }
    .xxl\:w-65p {
        width: 65% !important;
    }
    .xxl\:w-70p {
        width: 70% !important;
    }
    .xxl\:w-75p {
        width: 75% !important;
    }
    .xxl\:w-80p {
        width: 80% !important;
    }
    .xxl\:w-85p {
        width: 85% !important;
    }
    .xxl\:w-90p {
        width: 90% !important;
    }
    .xxl\:w-95p {
        width: 95% !important;
    }
    .xxl\:w-100p {
        width: 100% !important;
    }
    .xxl\:max-w-0 {
        max-width: 0 !important;
    }
    .xxl\:max-w-4 {
        max-width: 4px !important;
    }
    .xxl\:max-w-8 {
        max-width: 8px !important;
    }
    .xxl\:max-w-12 {
        max-width: 12px !important;
    }
    .xxl\:max-w-16 {
        max-width: 16px !important;
    }
    .xxl\:max-w-20 {
        max-width: 20px !important;
    }
    .xxl\:max-w-24 {
        max-width: 24px !important;
    }
    .xxl\:max-w-28 {
        max-width: 28px !important;
    }
    .xxl\:max-w-32 {
        max-width: 32px !important;
    }
    .xxl\:max-w-36 {
        max-width: 36px !important;
    }
    .xxl\:max-w-40 {
        max-width: 40px !important;
    }
    .xxl\:max-w-44 {
        max-width: 44px !important;
    }
    .xxl\:max-w-48 {
        max-width: 48px !important;
    }
    .xxl\:max-w-52 {
        max-width: 52px !important;
    }
    .xxl\:max-w-56 {
        max-width: 56px !important;
    }
    .xxl\:max-w-60 {
        max-width: 60px !important;
    }
    .xxl\:max-w-64 {
        max-width: 64px !important;
    }
    .xxl\:max-w-68 {
        max-width: 68px !important;
    }
    .xxl\:max-w-72 {
        max-width: 72px !important;
    }
    .xxl\:max-w-76 {
        max-width: 76px !important;
    }
    .xxl\:max-w-80 {
        max-width: 80px !important;
    }
    .xxl\:max-w-84 {
        max-width: 84px !important;
    }
    .xxl\:max-w-88 {
        max-width: 88px !important;
    }
    .xxl\:max-w-92 {
        max-width: 92px !important;
    }
    .xxl\:max-w-96 {
        max-width: 96px !important;
    }
    .xxl\:max-w-100 {
        max-width: 100px !important;
    }
    .xxl\:max-w-104 {
        max-width: 104px !important;
    }
    .xxl\:max-w-108 {
        max-width: 108px !important;
    }
    .xxl\:max-w-112 {
        max-width: 112px !important;
    }
    .xxl\:max-w-116 {
        max-width: 116px !important;
    }
    .xxl\:max-w-120 {
        max-width: 120px !important;
    }
    .xxl\:max-w-124 {
        max-width: 124px !important;
    }
    .xxl\:max-w-128 {
        max-width: 128px !important;
    }
    .xxl\:max-w-132 {
        max-width: 132px !important;
    }
    .xxl\:max-w-136 {
        max-width: 136px !important;
    }
    .xxl\:max-w-none {
        max-width: none !important;
    }
    .xxl\:max-w-140 {
        max-width: 140px !important;
    }
    .xxl\:max-w-160 {
        max-width: 160px !important;
    }
    .xxl\:max-w-180 {
        max-width: 180px !important;
    }
    .xxl\:max-w-200 {
        max-width: 200px !important;
    }
    .xxl\:max-w-220 {
        max-width: 220px !important;
    }
    .xxl\:max-w-240 {
        max-width: 240px !important;
    }
    .xxl\:max-w-260 {
        max-width: 260px !important;
    }
    .xxl\:max-w-280 {
        max-width: 280px !important;
    }
    .xxl\:max-w-300 {
        max-width: 300px !important;
    }
    .xxl\:max-w-320 {
        max-width: 320px !important;
    }
    .xxl\:max-w-340 {
        max-width: 340px !important;
    }
    .xxl\:max-w-360 {
        max-width: 360px !important;
    }
    .xxl\:max-w-380 {
        max-width: 380px !important;
    }
    .xxl\:max-w-400 {
        max-width: 400px !important;
    }
    .xxl\:max-w-5p {
        max-width: 5% !important;
    }
    .xxl\:max-w-10p {
        max-width: 10% !important;
    }
    .xxl\:max-w-15p {
        max-width: 15% !important;
    }
    .xxl\:max-w-20p {
        max-width: 20% !important;
    }
    .xxl\:max-w-25p {
        max-width: 25% !important;
    }
    .xxl\:max-w-30p {
        max-width: 30% !important;
    }
    .xxl\:max-w-35p {
        max-width: 35% !important;
    }
    .xxl\:max-w-40p {
        max-width: 40% !important;
    }
    .xxl\:max-w-45p {
        max-width: 45% !important;
    }
    .xxl\:max-w-50p {
        max-width: 50% !important;
    }
    .xxl\:max-w-55p {
        max-width: 55% !important;
    }
    .xxl\:max-w-60p {
        max-width: 60% !important;
    }
    .xxl\:max-w-65p {
        max-width: 65% !important;
    }
    .xxl\:max-w-70p {
        max-width: 70% !important;
    }
    .xxl\:max-w-75p {
        max-width: 75% !important;
    }
    .xxl\:max-w-80p {
        max-width: 80% !important;
    }
    .xxl\:max-w-85p {
        max-width: 85% !important;
    }
    .xxl\:max-w-90p {
        max-width: 90% !important;
    }
    .xxl\:max-w-95p {
        max-width: 95% !important;
    }
    .xxl\:max-w-100p {
        max-width: 100% !important;
    }
    .xxl\:min-w-0 {
        min-width: 0 !important;
    }
    .xxl\:min-w-100p {
        min-width: 100% !important;
    }
    .xxl\:h-60 {
        height: 60px !important;
    }
    .xxl\:h-80 {
        height: 80px !important;
    }
    .xxl\:h-100 {
        height: 100px !important;
    }
    .xxl\:h-120 {
        height: 120px !important;
    }
    .xxl\:h-140 {
        height: 140px !important;
    }
    .xxl\:h-160 {
        height: 160px !important;
    }
    .xxl\:h-180 {
        height: 180px !important;
    }
    .xxl\:h-200 {
        height: 200px !important;
    }
    .xxl\:h-auto {
        height: auto !important;
    }
    .xxl\:h-0 {
        height: 0 !important;
    }
    .xxl\:h-25p {
        height: 25% !important;
    }
    .xxl\:h-50p {
        height: 50% !important;
    }
    .xxl\:h-75p {
        height: 75% !important;
    }
    .xxl\:h-100p {
        height: 100% !important;
    }
    .xxl\:min-h-300 {
        min-height: 300px !important;
    }
    .xxl\:min-h-320 {
        min-height: 320px !important;
    }
    .xxl\:min-h-340 {
        min-height: 340px !important;
    }
    .xxl\:min-h-360 {
        min-height: 360px !important;
    }
    .xxl\:min-h-380 {
        min-height: 380px !important;
    }
    .xxl\:min-h-400 {
        min-height: 400px !important;
    }
    .xxl\:min-h-420 {
        min-height: 420px !important;
    }
    .xxl\:min-h-440 {
        min-height: 440px !important;
    }
    .xxl\:min-h-0 {
        min-height: 0 !important;
    }
    .xxl\:max-h-100p {
        max-height: 100% !important;
    }
    .xxl\:max-h-none {
        max-height: none !important;
    }
    .xxl\:w-100vw {
        width: 100vw !important;
    }
    .xxl\:min-w-100vw {
        min-width: 100vw !important;
    }
    .xxl\:h-100vh {
        height: 100vh !important;
    }
    .xxl\:min-h-100vh {
        min-height: 100vh !important;
    }
    .xxl\:flex-row {
        flex-direction: row !important;
    }
    .xxl\:flex-column {
        flex-direction: column !important;
    }
    .xxl\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .xxl\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }
    .xxl\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .xxl\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .xxl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .xxl\:flex-grow-0 {
        flex-grow: 0 !important;
    }
    .xxl\:flex-grow-1 {
        flex-grow: 1 !important;
    }
    .xxl\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .xxl\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }
    .xxl\:flex-jc-start {
        justify-content: flex-start !important;
    }
    .xxl\:flex-jc-end {
        justify-content: flex-end !important;
    }
    .xxl\:flex-jc-center {
        justify-content: center !important;
    }
    .xxl\:flex-jc-between {
        justify-content: space-between !important;
    }
    .xxl\:flex-jc-around {
        justify-content: space-around !important;
    }
    .xxl\:flex-jc-evenly {
        justify-content: space-evenly !important;
    }
    .xxl\:flex-ai-start {
        align-items: flex-start !important;
    }
    .xxl\:flex-ai-end {
        align-items: flex-end !important;
    }
    .xxl\:flex-ai-center {
        align-items: center !important;
    }
    .xxl\:flex-ai-baseline {
        align-items: baseline !important;
    }
    .xxl\:flex-ai-stretch {
        align-items: stretch !important;
    }
    .xxl\:flex-ac-start {
        align-content: flex-start !important;
    }
    .xxl\:flex-ac-end {
        align-content: flex-end !important;
    }
    .xxl\:flex-ac-center {
        align-content: center !important;
    }
    .xxl\:flex-ac-between {
        align-content: space-between !important;
    }
    .xxl\:flex-ac-around {
        align-content: space-around !important;
    }
    .xxl\:flex-ac-stretch {
        align-content: stretch !important;
    }
    .xxl\:flex-as-auto {
        align-self: auto !important;
    }
    .xxl\:flex-as-start {
        align-self: flex-start !important;
    }
    .xxl\:flex-as-end {
        align-self: flex-end !important;
    }
    .xxl\:flex-as-center {
        align-self: center !important;
    }
    .xxl\:flex-as-baseline {
        align-self: baseline !important;
    }
    .xxl\:flex-as-stretch {
        align-self: stretch !important;
    }
    .xxl\:order-first {
        order: -1 !important;
    }
    .xxl\:order-0 {
        order: 0 !important;
    }
    .xxl\:order-1 {
        order: 1 !important;
    }
    .xxl\:order-2 {
        order: 2 !important;
    }
    .xxl\:order-3 {
        order: 3 !important;
    }
    .xxl\:order-4 {
        order: 4 !important;
    }
    .xxl\:order-5 {
        order: 5 !important;
    }
    .xxl\:order-6 {
        order: 6 !important;
    }
    .xxl\:row--g-0 {
        --gutter-x: 0 !important;
        --gutter-y: 0 !important;
    }
    .xxl\:row--g-4 {
        --gutter-x: 4px !important;
        --gutter-y: 4px !important;
    }
    .xxl\:row--g-8 {
        --gutter-x: 8px !important;
        --gutter-y: 8px !important;
    }
    .xxl\:row--g-12 {
        --gutter-x: 12px !important;
        --gutter-y: 12px !important;
    }
    .xxl\:row--g-16 {
        --gutter-x: 16px !important;
        --gutter-y: 16px !important;
    }
    .xxl\:row--g-20 {
        --gutter-x: 20px !important;
        --gutter-y: 20px !important;
    }
    .xxl\:row--g-24 {
        --gutter-x: 24px !important;
        --gutter-y: 24px !important;
    }
    .xxl\:row--g-28 {
        --gutter-x: 28px !important;
        --gutter-y: 28px !important;
    }
    .xxl\:row--g-32 {
        --gutter-x: 32px !important;
        --gutter-y: 32px !important;
    }
    .xxl\:row--gy-0 {
        --gutter-y: 0 !important;
    }
    .xxl\:row--gy-4 {
        --gutter-y: 4px !important;
    }
    .xxl\:row--gy-8 {
        --gutter-y: 8px !important;
    }
    .xxl\:row--gy-12 {
        --gutter-y: 12px !important;
    }
    .xxl\:row--gy-16 {
        --gutter-y: 16px !important;
    }
    .xxl\:row--gy-20 {
        --gutter-y: 20px !important;
    }
    .xxl\:row--gy-24 {
        --gutter-y: 24px !important;
    }
    .xxl\:row--gy-28 {
        --gutter-y: 28px !important;
    }
    .xxl\:row--gy-32 {
        --gutter-y: 32px !important;
    }
    .xxl\:row--gx-0 {
        --gutter-x: 0 !important;
    }
    .xxl\:row--gx-4 {
        --gutter-x: 4px !important;
    }
    .xxl\:row--gx-8 {
        --gutter-x: 8px !important;
    }
    .xxl\:row--gx-12 {
        --gutter-x: 12px !important;
    }
    .xxl\:row--gx-16 {
        --gutter-x: 16px !important;
    }
    .xxl\:row--gx-20 {
        --gutter-x: 20px !important;
    }
    .xxl\:row--gx-24 {
        --gutter-x: 24px !important;
    }
    .xxl\:row--gx-28 {
        --gutter-x: 28px !important;
    }
    .xxl\:row--gx-32 {
        --gutter-x: 32px !important;
    }
    .xxl\:grid-af-row {
        grid-auto-flow: row !important;
    }
    .xxl\:grid-af-col {
        grid-auto-flow: column !important;
    }
    .xxl\:grid-af-row-dense {
        grid-auto-flow: row dense !important;
    }
    .xxl\:grid-af-col-dense {
        grid-auto-flow: column dense !important;
    }
    .xxl\:grid-ji-start {
        justify-items: start !important;
    }
    .xxl\:grid-ji-end {
        justify-items: end !important;
    }
    .xxl\:grid-ji-center {
        justify-items: center !important;
    }
    .xxl\:grid-ji-stretch {
        justify-items: stretch !important;
    }
    .xxl\:grid-jc-start {
        justify-content: start !important;
    }
    .xxl\:grid-jc-end {
        justify-content: end !important;
    }
    .xxl\:grid-jc-center {
        justify-content: center !important;
    }
    .xxl\:grid-jc-stretch {
        justify-content: stretch !important;
    }
    .xxl\:grid-jc-around {
        justify-content: space-around !important;
    }
    .xxl\:grid-jc-between {
        justify-content: space-between !important;
    }
    .xxl\:grid-jc-evenly {
        justify-content: space-evenly !important;
    }
    .xxl\:grid-js-start {
        justify-self: start !important;
    }
    .xxl\:grid-js-end {
        justify-self: end !important;
    }
    .xxl\:grid-js-center {
        justify-self: center !important;
    }
    .xxl\:grid-js-stretch {
        justify-self: stretch !important;
    }
    .xxl\:grid-ai-start {
        align-items: start !important;
    }
    .xxl\:grid-ai-end {
        align-items: end !important;
    }
    .xxl\:grid-ai-center {
        align-items: center !important;
    }
    .xxl\:grid-ai-stretch {
        align-items: stretch !important;
    }
    .xxl\:grid-ac-start {
        align-content: start !important;
    }
    .xxl\:grid-ac-end {
        align-content: end !important;
    }
    .xxl\:grid-ac-center {
        align-content: center !important;
    }
    .xxl\:grid-ac-stretch {
        align-content: stretch !important;
    }
    .xxl\:grid-ac-around {
        align-content: space-around !important;
    }
    .xxl\:grid-ac-between {
        align-content: space-between !important;
    }
    .xxl\:grid-ac-evenly {
        align-content: space-evenly !important;
    }
    .xxl\:grid-as-start {
        align-self: start !important;
    }
    .xxl\:grid-as-end {
        align-self: end !important;
    }
    .xxl\:grid-as-center {
        align-self: center !important;
    }
    .xxl\:grid-as-stretch {
        align-self: stretch !important;
    }
    .xxl\:gap-0 {
        grid-gap: 0 !important;
        gap: 0 !important;
    }
    .xxl\:gap-4 {
        grid-gap: 4px !important;
        gap: 4px !important;
    }
    .xxl\:gap-8 {
        grid-gap: 8px !important;
        gap: 8px !important;
    }
    .xxl\:gap-12 {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .xxl\:gap-16 {
        grid-gap: 16px !important;
        gap: 16px !important;
    }
    .xxl\:gap-20 {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .xxl\:gap-24 {
        grid-gap: 24px !important;
        gap: 24px !important;
    }
    .xxl\:gap-28 {
        grid-gap: 28px !important;
        gap: 28px !important;
    }
    .xxl\:gap-32 {
        grid-gap: 32px !important;
        gap: 32px !important;
    }
    .xxl\:col-gap-0 {
        column-gap: 0 !important;
    }
    .xxl\:col-gap-4 {
        column-gap: 4px !important;
    }
    .xxl\:col-gap-8 {
        column-gap: 8px !important;
    }
    .xxl\:col-gap-12 {
        column-gap: 12px !important;
    }
    .xxl\:col-gap-16 {
        column-gap: 16px !important;
    }
    .xxl\:col-gap-20 {
        column-gap: 20px !important;
    }
    .xxl\:col-gap-24 {
        column-gap: 24px !important;
    }
    .xxl\:col-gap-28 {
        column-gap: 28px !important;
    }
    .xxl\:col-gap-32 {
        column-gap: 32px !important;
    }
    .xxl\:row-gap-0 {
        row-gap: 0 !important;
    }
    .xxl\:row-gap-4 {
        row-gap: 4px !important;
    }
    .xxl\:row-gap-8 {
        row-gap: 8px !important;
    }
    .xxl\:row-gap-12 {
        row-gap: 12px !important;
    }
    .xxl\:row-gap-16 {
        row-gap: 16px !important;
    }
    .xxl\:row-gap-20 {
        row-gap: 20px !important;
    }
    .xxl\:row-gap-24 {
        row-gap: 24px !important;
    }
    .xxl\:row-gap-28 {
        row-gap: 28px !important;
    }
    .xxl\:row-gap-32 {
        row-gap: 32px !important;
    }
    .xxl\:m-n16 {
        margin: -16px !important;
    }
    .xxl\:m-n12 {
        margin: -12px !important;
    }
    .xxl\:m-n8 {
        margin: -8px !important;
    }
    .xxl\:m-n4 {
        margin: -4px !important;
    }
    .xxl\:m-0 {
        margin: 0 !important;
    }
    .xxl\:m-4 {
        margin: 4px !important;
    }
    .xxl\:m-8 {
        margin: 8px !important;
    }
    .xxl\:m-12 {
        margin: 12px !important;
    }
    .xxl\:m-16 {
        margin: 16px !important;
    }
    .xxl\:m-20 {
        margin: 20px !important;
    }
    .xxl\:m-24 {
        margin: 24px !important;
    }
    .xxl\:m-28 {
        margin: 28px !important;
    }
    .xxl\:m-32 {
        margin: 32px !important;
    }
    .xxl\:m-36 {
        margin: 36px !important;
    }
    .xxl\:m-40 {
        margin: 40px !important;
    }
    .xxl\:m-44 {
        margin: 44px !important;
    }
    .xxl\:m-48 {
        margin: 48px !important;
    }
    .xxl\:m-52 {
        margin: 52px !important;
    }
    .xxl\:m-56 {
        margin: 56px !important;
    }
    .xxl\:m-60 {
        margin: 60px !important;
    }
    .xxl\:m-64 {
        margin: 64px !important;
    }
    .xxl\:m-68 {
        margin: 68px !important;
    }
    .xxl\:m-72 {
        margin: 72px !important;
    }
    .xxl\:m-auto {
        margin: auto !important;
    }
    .xxl\:mx-n16 {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }
    .xxl\:mx-n12 {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
    .xxl\:mx-n8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }
    .xxl\:mx-n4 {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }
    .xxl\:mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .xxl\:mx-4 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .xxl\:mx-8 {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .xxl\:mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .xxl\:mx-16 {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .xxl\:mx-20 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .xxl\:mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }
    .xxl\:mx-28 {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }
    .xxl\:mx-32 {
        margin-right: 32px !important;
        margin-left: 32px !important;
    }
    .xxl\:mx-36 {
        margin-right: 36px !important;
        margin-left: 36px !important;
    }
    .xxl\:mx-40 {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .xxl\:mx-44 {
        margin-right: 44px !important;
        margin-left: 44px !important;
    }
    .xxl\:mx-48 {
        margin-right: 48px !important;
        margin-left: 48px !important;
    }
    .xxl\:mx-52 {
        margin-right: 52px !important;
        margin-left: 52px !important;
    }
    .xxl\:mx-56 {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }
    .xxl\:mx-60 {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
    .xxl\:mx-64 {
        margin-right: 64px !important;
        margin-left: 64px !important;
    }
    .xxl\:mx-68 {
        margin-right: 68px !important;
        margin-left: 68px !important;
    }
    .xxl\:mx-72 {
        margin-right: 72px !important;
        margin-left: 72px !important;
    }
    .xxl\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .xxl\:my-n16 {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
    }
    .xxl\:my-n12 {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    .xxl\:my-n8 {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }
    .xxl\:my-n4 {
        margin-top: -4px !important;
        margin-bottom: -4px !important;
    }
    .xxl\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .xxl\:my-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .xxl\:my-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .xxl\:my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .xxl\:my-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .xxl\:my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .xxl\:my-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .xxl\:my-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .xxl\:my-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .xxl\:my-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .xxl\:my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .xxl\:my-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .xxl\:my-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .xxl\:my-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .xxl\:my-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .xxl\:my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .xxl\:my-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .xxl\:my-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .xxl\:my-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .xxl\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .xxl\:mt-n16 {
        margin-top: -16px !important;
    }
    .xxl\:mt-n12 {
        margin-top: -12px !important;
    }
    .xxl\:mt-n8 {
        margin-top: -8px !important;
    }
    .xxl\:mt-n4 {
        margin-top: -4px !important;
    }
    .xxl\:mt-0 {
        margin-top: 0 !important;
    }
    .xxl\:mt-4 {
        margin-top: 4px !important;
    }
    .xxl\:mt-8 {
        margin-top: 8px !important;
    }
    .xxl\:mt-12 {
        margin-top: 12px !important;
    }
    .xxl\:mt-16 {
        margin-top: 16px !important;
    }
    .xxl\:mt-20 {
        margin-top: 20px !important;
    }
    .xxl\:mt-24 {
        margin-top: 24px !important;
    }
    .xxl\:mt-28 {
        margin-top: 28px !important;
    }
    .xxl\:mt-32 {
        margin-top: 32px !important;
    }
    .xxl\:mt-36 {
        margin-top: 36px !important;
    }
    .xxl\:mt-40 {
        margin-top: 40px !important;
    }
    .xxl\:mt-44 {
        margin-top: 44px !important;
    }
    .xxl\:mt-48 {
        margin-top: 48px !important;
    }
    .xxl\:mt-52 {
        margin-top: 52px !important;
    }
    .xxl\:mt-56 {
        margin-top: 56px !important;
    }
    .xxl\:mt-60 {
        margin-top: 60px !important;
    }
    .xxl\:mt-64 {
        margin-top: 64px !important;
    }
    .xxl\:mt-68 {
        margin-top: 68px !important;
    }
    .xxl\:mt-72 {
        margin-top: 72px !important;
    }
    .xxl\:mt-auto {
        margin-top: auto !important;
    }
    .xxl\:mr-n16 {
        margin-right: -16px !important;
    }
    .xxl\:mr-n12 {
        margin-right: -12px !important;
    }
    .xxl\:mr-n8 {
        margin-right: -8px !important;
    }
    .xxl\:mr-n4 {
        margin-right: -4px !important;
    }
    .xxl\:mr-0 {
        margin-right: 0 !important;
    }
    .xxl\:mr-4 {
        margin-right: 4px !important;
    }
    .xxl\:mr-8 {
        margin-right: 8px !important;
    }
    .xxl\:mr-12 {
        margin-right: 12px !important;
    }
    .xxl\:mr-16 {
        margin-right: 16px !important;
    }
    .xxl\:mr-20 {
        margin-right: 20px !important;
    }
    .xxl\:mr-24 {
        margin-right: 24px !important;
    }
    .xxl\:mr-28 {
        margin-right: 28px !important;
    }
    .xxl\:mr-32 {
        margin-right: 32px !important;
    }
    .xxl\:mr-36 {
        margin-right: 36px !important;
    }
    .xxl\:mr-40 {
        margin-right: 40px !important;
    }
    .xxl\:mr-44 {
        margin-right: 44px !important;
    }
    .xxl\:mr-48 {
        margin-right: 48px !important;
    }
    .xxl\:mr-52 {
        margin-right: 52px !important;
    }
    .xxl\:mr-56 {
        margin-right: 56px !important;
    }
    .xxl\:mr-60 {
        margin-right: 60px !important;
    }
    .xxl\:mr-64 {
        margin-right: 64px !important;
    }
    .xxl\:mr-68 {
        margin-right: 68px !important;
    }
    .xxl\:mr-72 {
        margin-right: 72px !important;
    }
    .xxl\:mr-auto {
        margin-right: auto !important;
    }
    .xxl\:mb-n16 {
        margin-bottom: -16px !important;
    }
    .xxl\:mb-n12 {
        margin-bottom: -12px !important;
    }
    .xxl\:mb-n8 {
        margin-bottom: -8px !important;
    }
    .xxl\:mb-n4 {
        margin-bottom: -4px !important;
    }
    .xxl\:mb-0 {
        margin-bottom: 0 !important;
    }
    .xxl\:mb-4 {
        margin-bottom: 4px !important;
    }
    .xxl\:mb-8 {
        margin-bottom: 8px !important;
    }
    .xxl\:mb-12 {
        margin-bottom: 12px !important;
    }
    .xxl\:mb-16 {
        margin-bottom: 16px !important;
    }
    .xxl\:mb-20 {
        margin-bottom: 20px !important;
    }
    .xxl\:mb-24 {
        margin-bottom: 24px !important;
    }
    .xxl\:mb-28 {
        margin-bottom: 28px !important;
    }
    .xxl\:mb-32 {
        margin-bottom: 32px !important;
    }
    .xxl\:mb-36 {
        margin-bottom: 36px !important;
    }
    .xxl\:mb-40 {
        margin-bottom: 40px !important;
    }
    .xxl\:mb-44 {
        margin-bottom: 44px !important;
    }
    .xxl\:mb-48 {
        margin-bottom: 48px !important;
    }
    .xxl\:mb-52 {
        margin-bottom: 52px !important;
    }
    .xxl\:mb-56 {
        margin-bottom: 56px !important;
    }
    .xxl\:mb-60 {
        margin-bottom: 60px !important;
    }
    .xxl\:mb-64 {
        margin-bottom: 64px !important;
    }
    .xxl\:mb-68 {
        margin-bottom: 68px !important;
    }
    .xxl\:mb-72 {
        margin-bottom: 72px !important;
    }
    .xxl\:mb-auto {
        margin-bottom: auto !important;
    }
    .xxl\:ml-n16 {
        margin-left: -16px !important;
    }
    .xxl\:ml-n12 {
        margin-left: -12px !important;
    }
    .xxl\:ml-n8 {
        margin-left: -8px !important;
    }
    .xxl\:ml-n4 {
        margin-left: -4px !important;
    }
    .xxl\:ml-0 {
        margin-left: 0 !important;
    }
    .xxl\:ml-4 {
        margin-left: 4px !important;
    }
    .xxl\:ml-8 {
        margin-left: 8px !important;
    }
    .xxl\:ml-12 {
        margin-left: 12px !important;
    }
    .xxl\:ml-16 {
        margin-left: 16px !important;
    }
    .xxl\:ml-20 {
        margin-left: 20px !important;
    }
    .xxl\:ml-24 {
        margin-left: 24px !important;
    }
    .xxl\:ml-28 {
        margin-left: 28px !important;
    }
    .xxl\:ml-32 {
        margin-left: 32px !important;
    }
    .xxl\:ml-36 {
        margin-left: 36px !important;
    }
    .xxl\:ml-40 {
        margin-left: 40px !important;
    }
    .xxl\:ml-44 {
        margin-left: 44px !important;
    }
    .xxl\:ml-48 {
        margin-left: 48px !important;
    }
    .xxl\:ml-52 {
        margin-left: 52px !important;
    }
    .xxl\:ml-56 {
        margin-left: 56px !important;
    }
    .xxl\:ml-60 {
        margin-left: 60px !important;
    }
    .xxl\:ml-64 {
        margin-left: 64px !important;
    }
    .xxl\:ml-68 {
        margin-left: 68px !important;
    }
    .xxl\:ml-72 {
        margin-left: 72px !important;
    }
    .xxl\:ml-auto {
        margin-left: auto !important;
    }
    .xxl\:p-0 {
        padding: 0 !important;
    }
    .xxl\:p-2 {
        padding: 2px !important;
    }
    .xxl\:p-4 {
        padding: 4px !important;
    }
    .xxl\:p-6 {
        padding: 6px !important;
    }
    .xxl\:p-8 {
        padding: 8px !important;
    }
    .xxl\:p-10 {
        padding: 10px !important;
    }
    .xxl\:p-12 {
        padding: 12px !important;
    }
    .xxl\:p-14 {
        padding: 14px !important;
    }
    .xxl\:p-16 {
        padding: 16px !important;
    }
    .xxl\:p-18 {
        padding: 18px !important;
    }
    .xxl\:p-20 {
        padding: 20px !important;
    }
    .xxl\:p-22 {
        padding: 22px !important;
    }
    .xxl\:p-24 {
        padding: 24px !important;
    }
    .xxl\:p-26 {
        padding: 26px !important;
    }
    .xxl\:p-28 {
        padding: 28px !important;
    }
    .xxl\:p-30 {
        padding: 30px !important;
    }
    .xxl\:p-32 {
        padding: 32px !important;
    }
    .xxl\:p-34 {
        padding: 34px !important;
    }
    .xxl\:p-36 {
        padding: 36px !important;
    }
    .xxl\:p-38 {
        padding: 38px !important;
    }
    .xxl\:p-40 {
        padding: 40px !important;
    }
    .xxl\:p-42 {
        padding: 42px !important;
    }
    .xxl\:p-44 {
        padding: 44px !important;
    }
    .xxl\:p-46 {
        padding: 46px !important;
    }
    .xxl\:p-48 {
        padding: 48px !important;
    }
    .xxl\:p-50 {
        padding: 50px !important;
    }
    .xxl\:p-52 {
        padding: 52px !important;
    }
    .xxl\:p-54 {
        padding: 54px !important;
    }
    .xxl\:p-56 {
        padding: 56px !important;
    }
    .xxl\:p-58 {
        padding: 58px !important;
    }
    .xxl\:p-60 {
        padding: 60px !important;
    }
    .xxl\:p-62 {
        padding: 62px !important;
    }
    .xxl\:p-64 {
        padding: 64px !important;
    }
    .xxl\:p-66 {
        padding: 66px !important;
    }
    .xxl\:p-68 {
        padding: 68px !important;
    }
    .xxl\:p-70 {
        padding: 70px !important;
    }
    .xxl\:p-72 {
        padding: 72px !important;
    }
    .xxl\:px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .xxl\:px-2 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .xxl\:px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .xxl\:px-6 {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .xxl\:px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .xxl\:px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .xxl\:px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .xxl\:px-14 {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
    .xxl\:px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .xxl\:px-18 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .xxl\:px-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .xxl\:px-22 {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .xxl\:px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .xxl\:px-26 {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
    .xxl\:px-28 {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }
    .xxl\:px-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .xxl\:px-32 {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .xxl\:px-34 {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }
    .xxl\:px-36 {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .xxl\:px-38 {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
    .xxl\:px-40 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .xxl\:px-42 {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }
    .xxl\:px-44 {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
    .xxl\:px-46 {
        padding-right: 46px !important;
        padding-left: 46px !important;
    }
    .xxl\:px-48 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .xxl\:px-50 {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .xxl\:px-52 {
        padding-right: 52px !important;
        padding-left: 52px !important;
    }
    .xxl\:px-54 {
        padding-right: 54px !important;
        padding-left: 54px !important;
    }
    .xxl\:px-56 {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }
    .xxl\:px-58 {
        padding-right: 58px !important;
        padding-left: 58px !important;
    }
    .xxl\:px-60 {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .xxl\:px-62 {
        padding-right: 62px !important;
        padding-left: 62px !important;
    }
    .xxl\:px-64 {
        padding-right: 64px !important;
        padding-left: 64px !important;
    }
    .xxl\:px-66 {
        padding-right: 66px !important;
        padding-left: 66px !important;
    }
    .xxl\:px-68 {
        padding-right: 68px !important;
        padding-left: 68px !important;
    }
    .xxl\:px-70 {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
    .xxl\:px-72 {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }
    .xxl\:py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .xxl\:py-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .xxl\:py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .xxl\:py-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .xxl\:py-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .xxl\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .xxl\:py-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .xxl\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .xxl\:py-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .xxl\:py-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .xxl\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .xxl\:py-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .xxl\:py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .xxl\:py-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .xxl\:py-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .xxl\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .xxl\:py-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .xxl\:py-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .xxl\:py-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .xxl\:py-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .xxl\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .xxl\:py-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .xxl\:py-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .xxl\:py-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .xxl\:py-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .xxl\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .xxl\:py-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .xxl\:py-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .xxl\:py-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .xxl\:py-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .xxl\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .xxl\:py-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .xxl\:py-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .xxl\:py-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .xxl\:py-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .xxl\:py-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .xxl\:py-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .xxl\:pt-0 {
        padding-top: 0 !important;
    }
    .xxl\:pt-2 {
        padding-top: 2px !important;
    }
    .xxl\:pt-4 {
        padding-top: 4px !important;
    }
    .xxl\:pt-6 {
        padding-top: 6px !important;
    }
    .xxl\:pt-8 {
        padding-top: 8px !important;
    }
    .xxl\:pt-10 {
        padding-top: 10px !important;
    }
    .xxl\:pt-12 {
        padding-top: 12px !important;
    }
    .xxl\:pt-14 {
        padding-top: 14px !important;
    }
    .xxl\:pt-16 {
        padding-top: 16px !important;
    }
    .xxl\:pt-18 {
        padding-top: 18px !important;
    }
    .xxl\:pt-20 {
        padding-top: 20px !important;
    }
    .xxl\:pt-22 {
        padding-top: 22px !important;
    }
    .xxl\:pt-24 {
        padding-top: 24px !important;
    }
    .xxl\:pt-26 {
        padding-top: 26px !important;
    }
    .xxl\:pt-28 {
        padding-top: 28px !important;
    }
    .xxl\:pt-30 {
        padding-top: 30px !important;
    }
    .xxl\:pt-32 {
        padding-top: 32px !important;
    }
    .xxl\:pt-34 {
        padding-top: 34px !important;
    }
    .xxl\:pt-36 {
        padding-top: 36px !important;
    }
    .xxl\:pt-38 {
        padding-top: 38px !important;
    }
    .xxl\:pt-40 {
        padding-top: 40px !important;
    }
    .xxl\:pt-42 {
        padding-top: 42px !important;
    }
    .xxl\:pt-44 {
        padding-top: 44px !important;
    }
    .xxl\:pt-46 {
        padding-top: 46px !important;
    }
    .xxl\:pt-48 {
        padding-top: 48px !important;
    }
    .xxl\:pt-50 {
        padding-top: 50px !important;
    }
    .xxl\:pt-52 {
        padding-top: 52px !important;
    }
    .xxl\:pt-54 {
        padding-top: 54px !important;
    }
    .xxl\:pt-56 {
        padding-top: 56px !important;
    }
    .xxl\:pt-58 {
        padding-top: 58px !important;
    }
    .xxl\:pt-60 {
        padding-top: 60px !important;
    }
    .xxl\:pt-62 {
        padding-top: 62px !important;
    }
    .xxl\:pt-64 {
        padding-top: 64px !important;
    }
    .xxl\:pt-66 {
        padding-top: 66px !important;
    }
    .xxl\:pt-68 {
        padding-top: 68px !important;
    }
    .xxl\:pt-70 {
        padding-top: 70px !important;
    }
    .xxl\:pt-72 {
        padding-top: 72px !important;
    }
    .xxl\:pr-0 {
        padding-right: 0 !important;
    }
    .xxl\:pr-2 {
        padding-right: 2px !important;
    }
    .xxl\:pr-4 {
        padding-right: 4px !important;
    }
    .xxl\:pr-6 {
        padding-right: 6px !important;
    }
    .xxl\:pr-8 {
        padding-right: 8px !important;
    }
    .xxl\:pr-10 {
        padding-right: 10px !important;
    }
    .xxl\:pr-12 {
        padding-right: 12px !important;
    }
    .xxl\:pr-14 {
        padding-right: 14px !important;
    }
    .xxl\:pr-16 {
        padding-right: 16px !important;
    }
    .xxl\:pr-18 {
        padding-right: 18px !important;
    }
    .xxl\:pr-20 {
        padding-right: 20px !important;
    }
    .xxl\:pr-22 {
        padding-right: 22px !important;
    }
    .xxl\:pr-24 {
        padding-right: 24px !important;
    }
    .xxl\:pr-26 {
        padding-right: 26px !important;
    }
    .xxl\:pr-28 {
        padding-right: 28px !important;
    }
    .xxl\:pr-30 {
        padding-right: 30px !important;
    }
    .xxl\:pr-32 {
        padding-right: 32px !important;
    }
    .xxl\:pr-34 {
        padding-right: 34px !important;
    }
    .xxl\:pr-36 {
        padding-right: 36px !important;
    }
    .xxl\:pr-38 {
        padding-right: 38px !important;
    }
    .xxl\:pr-40 {
        padding-right: 40px !important;
    }
    .xxl\:pr-42 {
        padding-right: 42px !important;
    }
    .xxl\:pr-44 {
        padding-right: 44px !important;
    }
    .xxl\:pr-46 {
        padding-right: 46px !important;
    }
    .xxl\:pr-48 {
        padding-right: 48px !important;
    }
    .xxl\:pr-50 {
        padding-right: 50px !important;
    }
    .xxl\:pr-52 {
        padding-right: 52px !important;
    }
    .xxl\:pr-54 {
        padding-right: 54px !important;
    }
    .xxl\:pr-56 {
        padding-right: 56px !important;
    }
    .xxl\:pr-58 {
        padding-right: 58px !important;
    }
    .xxl\:pr-60 {
        padding-right: 60px !important;
    }
    .xxl\:pr-62 {
        padding-right: 62px !important;
    }
    .xxl\:pr-64 {
        padding-right: 64px !important;
    }
    .xxl\:pr-66 {
        padding-right: 66px !important;
    }
    .xxl\:pr-68 {
        padding-right: 68px !important;
    }
    .xxl\:pr-70 {
        padding-right: 70px !important;
    }
    .xxl\:pr-72 {
        padding-right: 72px !important;
    }
    .xxl\:pb-0 {
        padding-bottom: 0 !important;
    }
    .xxl\:pb-2 {
        padding-bottom: 2px !important;
    }
    .xxl\:pb-4 {
        padding-bottom: 4px !important;
    }
    .xxl\:pb-6 {
        padding-bottom: 6px !important;
    }
    .xxl\:pb-8 {
        padding-bottom: 8px !important;
    }
    .xxl\:pb-10 {
        padding-bottom: 10px !important;
    }
    .xxl\:pb-12 {
        padding-bottom: 12px !important;
    }
    .xxl\:pb-14 {
        padding-bottom: 14px !important;
    }
    .xxl\:pb-16 {
        padding-bottom: 16px !important;
    }
    .xxl\:pb-18 {
        padding-bottom: 18px !important;
    }
    .xxl\:pb-20 {
        padding-bottom: 20px !important;
    }
    .xxl\:pb-22 {
        padding-bottom: 22px !important;
    }
    .xxl\:pb-24 {
        padding-bottom: 24px !important;
    }
    .xxl\:pb-26 {
        padding-bottom: 26px !important;
    }
    .xxl\:pb-28 {
        padding-bottom: 28px !important;
    }
    .xxl\:pb-30 {
        padding-bottom: 30px !important;
    }
    .xxl\:pb-32 {
        padding-bottom: 32px !important;
    }
    .xxl\:pb-34 {
        padding-bottom: 34px !important;
    }
    .xxl\:pb-36 {
        padding-bottom: 36px !important;
    }
    .xxl\:pb-38 {
        padding-bottom: 38px !important;
    }
    .xxl\:pb-40 {
        padding-bottom: 40px !important;
    }
    .xxl\:pb-42 {
        padding-bottom: 42px !important;
    }
    .xxl\:pb-44 {
        padding-bottom: 44px !important;
    }
    .xxl\:pb-46 {
        padding-bottom: 46px !important;
    }
    .xxl\:pb-48 {
        padding-bottom: 48px !important;
    }
    .xxl\:pb-50 {
        padding-bottom: 50px !important;
    }
    .xxl\:pb-52 {
        padding-bottom: 52px !important;
    }
    .xxl\:pb-54 {
        padding-bottom: 54px !important;
    }
    .xxl\:pb-56 {
        padding-bottom: 56px !important;
    }
    .xxl\:pb-58 {
        padding-bottom: 58px !important;
    }
    .xxl\:pb-60 {
        padding-bottom: 60px !important;
    }
    .xxl\:pb-62 {
        padding-bottom: 62px !important;
    }
    .xxl\:pb-64 {
        padding-bottom: 64px !important;
    }
    .xxl\:pb-66 {
        padding-bottom: 66px !important;
    }
    .xxl\:pb-68 {
        padding-bottom: 68px !important;
    }
    .xxl\:pb-70 {
        padding-bottom: 70px !important;
    }
    .xxl\:pb-72 {
        padding-bottom: 72px !important;
    }
    .xxl\:pl-0 {
        padding-left: 0 !important;
    }
    .xxl\:pl-2 {
        padding-left: 2px !important;
    }
    .xxl\:pl-4 {
        padding-left: 4px !important;
    }
    .xxl\:pl-6 {
        padding-left: 6px !important;
    }
    .xxl\:pl-8 {
        padding-left: 8px !important;
    }
    .xxl\:pl-10 {
        padding-left: 10px !important;
    }
    .xxl\:pl-12 {
        padding-left: 12px !important;
    }
    .xxl\:pl-14 {
        padding-left: 14px !important;
    }
    .xxl\:pl-16 {
        padding-left: 16px !important;
    }
    .xxl\:pl-18 {
        padding-left: 18px !important;
    }
    .xxl\:pl-20 {
        padding-left: 20px !important;
    }
    .xxl\:pl-22 {
        padding-left: 22px !important;
    }
    .xxl\:pl-24 {
        padding-left: 24px !important;
    }
    .xxl\:pl-26 {
        padding-left: 26px !important;
    }
    .xxl\:pl-28 {
        padding-left: 28px !important;
    }
    .xxl\:pl-30 {
        padding-left: 30px !important;
    }
    .xxl\:pl-32 {
        padding-left: 32px !important;
    }
    .xxl\:pl-34 {
        padding-left: 34px !important;
    }
    .xxl\:pl-36 {
        padding-left: 36px !important;
    }
    .xxl\:pl-38 {
        padding-left: 38px !important;
    }
    .xxl\:pl-40 {
        padding-left: 40px !important;
    }
    .xxl\:pl-42 {
        padding-left: 42px !important;
    }
    .xxl\:pl-44 {
        padding-left: 44px !important;
    }
    .xxl\:pl-46 {
        padding-left: 46px !important;
    }
    .xxl\:pl-48 {
        padding-left: 48px !important;
    }
    .xxl\:pl-50 {
        padding-left: 50px !important;
    }
    .xxl\:pl-52 {
        padding-left: 52px !important;
    }
    .xxl\:pl-54 {
        padding-left: 54px !important;
    }
    .xxl\:pl-56 {
        padding-left: 56px !important;
    }
    .xxl\:pl-58 {
        padding-left: 58px !important;
    }
    .xxl\:pl-60 {
        padding-left: 60px !important;
    }
    .xxl\:pl-62 {
        padding-left: 62px !important;
    }
    .xxl\:pl-64 {
        padding-left: 64px !important;
    }
    .xxl\:pl-66 {
        padding-left: 66px !important;
    }
    .xxl\:pl-68 {
        padding-left: 68px !important;
    }
    .xxl\:pl-70 {
        padding-left: 70px !important;
    }
    .xxl\:pl-72 {
        padding-left: 72px !important;
    }
    .xxl\:fz-xs {
        font-size: var(--fz-xs) !important;
    }
    .xxl\:fz-sm {
        font-size: var(--fz-sm) !important;
    }
    .xxl\:fz-md {
        font-size: var(--fz-md) !important;
    }
    .xxl\:fz-lg {
        font-size: var(--fz-lg) !important;
    }
    .xxl\:fz-xl {
        font-size: var(--fz-xl) !important;
    }
    .xxl\:fz-2xl {
        font-size: var(--fz-2xl) !important;
    }
    .xxl\:fz-3xl {
        font-size: var(--fz-3xl) !important;
    }
    .xxl\:fz-5xl {
        font-size: var(--fz-5xl) !important;
    }
    .xxl\:fz-6xl {
        font-size: var(--fz-6xl) !important;
    }
    .xxl\:fz-7xl {
        font-size: var(--fz-7xl) !important;
    }
    .xxl\:fz-9xl {
        font-size: var(--fz-9xl) !important;
    }
    .xxl\:fw-xl {
        font-weight: var(--fw-xl) !important;
    }
    .xxl\:fw-l {
        font-weight: var(--fw-l) !important;
    }
    .xxl\:fw-n {
        font-weight: var(--fw-n) !important;
    }
    .xxl\:fw-m {
        font-weight: var(--fw-m) !important;
    }
    .xxl\:fw-sb {
        font-weight: var(--fw-sb) !important;
    }
    .xxl\:fw-b {
        font-weight: var(--fw-b) !important;
    }
    .xxl\:fw-xb {
        font-weight: var(--fw-xb) !important;
    }
    .xxl\:ta-j {
        text-align: justify !important;
    }
    .xxl\:ta-l {
        text-align: left !important;
    }
    .xxl\:ta-r {
        text-align: right !important;
    }
    .xxl\:ta-c {
        text-align: center !important;
    }
    .xxl\:lh-1 {
        line-height: var(--lh-1) !important;
    }
    .xxl\:lh-2xs {
        line-height: var(--lh-2xs) !important;
    }
    .xxl\:lh-xs {
        line-height: var(--lh-xs) !important;
    }
    .xxl\:lh-sm {
        line-height: var(--lh-sm) !important;
    }
    .xxl\:lh-md {
        line-height: var(--lh-md) !important;
    }
    .xxl\:lh-lg {
        line-height: var(--lh-lg) !important;
    }
    .xxl\:lh-xl {
        line-height: var(--lh-xl) !important;
    }
    .xxl\:bg-white {
        background-color: var(--cl-white) !important;
    }
    .xxl\:bg-black {
        background-color: var(--cl-black) !important;
    }
    .xxl\:bg-body {
        background-color: var(--body-bg-cl) !important;
    }
    .xxl\:bg-light {
        background-color: var(--bg-light) !important;
    }
    .xxl\:bg-dark {
        background-color: var(--bg-dark) !important;
    }
    .xxl\:bg-primary {
        background-color: var(--bg-primary) !important;
    }
    .xxl\:bg-success {
        background-color: var(--bg-success) !important;
    }
    .xxl\:bg-warning {
        background-color: var(--bg-warning) !important;
    }
    .xxl\:bg-danger {
        background-color: var(--bg-danger) !important;
    }
    .xxl\:bg-info {
        background-color: var(--bg-info) !important;
    }
    .xxl\:bg-transparent {
        background-color: transparent !important;
    }
    .xxl\:opacity-0 {
        opacity: 0 !important;
    }
    .xxl\:opacity-1 {
        opacity: 1 !important;
    }
    .xxl\:z-0 {
        z-index: 0 !important;
    }
    .xxl\:z-10 {
        z-index: 10 !important;
    }
    .xxl\:z-20 {
        z-index: 20 !important;
    }
    .xxl\:z-30 {
        z-index: 30 !important;
    }
    .xxl\:z-40 {
        z-index: 40 !important;
    }
    .xxl\:z-50 {
        z-index: 50 !important;
    }
    .xxl\:z-60 {
        z-index: 60 !important;
    }
    .xxl\:z-70 {
        z-index: 70 !important;
    }
    .xxl\:z-80 {
        z-index: 80 !important;
    }
    .xxl\:z-90 {
        z-index: 90 !important;
    }
    .xxl\:z-100 {
        z-index: 100 !important;
    }
    .xxl\:pe-auto {
        pointer-events: auto !important;
    }
    .xxl\:pe-none {
        pointer-events: none !important;
    }
    .xxl\:shadow-none {
        box-shadow: none !important;
    }
    .xxl\:shadow-wide {
        box-shadow: var(--shadow-wide) !important;
    }
    .xxl\:shadow-wide-top {
        box-shadow: var(--shadow-wide-top) !important;
    }
    .xxl\:shadow-short {
        box-shadow: var(--shadow-short) !important;
    }
    .xxl\:shadow-line {
        box-shadow: var(--shadow-line) !important;
    }
}
@media (min-width: 1920px) {
    .xxxl\:float-left {
        float: left !important;
    }
    .xxxl\:float-right {
        float: right !important;
    }
    .xxxl\:float-none {
        float: none !important;
    }
    .xxxl\:ov-auto {
        overflow: auto !important;
    }
    .xxxl\:ov-hidden {
        overflow: hidden !important;
    }
    .xxxl\:ov-visible {
        overflow: visible !important;
    }
    .xxxl\:ov-scroll {
        overflow: scroll !important;
    }
    .xxxl\:ov-x-auto {
        overflow-x: auto !important;
    }
    .xxxl\:ov-x-hidden {
        overflow-x: hidden !important;
    }
    .xxxl\:ov-x-visible {
        overflow-x: visible !important;
    }
    .xxxl\:ov-x-scroll {
        overflow-x: scroll !important;
    }
    .xxxl\:ov-y-auto {
        overflow-y: auto !important;
    }
    .xxxl\:ov-y-hidden {
        overflow-y: hidden !important;
    }
    .xxxl\:ov-y-visible {
        overflow-y: visible !important;
    }
    .xxxl\:ov-y-scroll {
        overflow-y: scroll !important;
    }
    .xxxl\:d-inline {
        display: inline !important;
    }
    .xxxl\:d-inline-block {
        display: inline-block !important;
    }
    .xxxl\:d-block {
        display: block !important;
    }
    .xxxl\:d-table {
        display: table !important;
    }
    .xxxl\:d-table-row {
        display: table-row !important;
    }
    .xxxl\:d-table-cell {
        display: table-cell !important;
    }
    .xxxl\:d-flex {
        display: flex !important;
    }
    .xxxl\:d-inline-flex {
        display: inline-flex !important;
    }
    .xxxl\:d-grid {
        display: grid !important;
    }
    .xxxl\:d-inline-grid {
        display: inline-grid !important;
    }
    .xxxl\:d-contents {
        display: contents !important;
    }
    .xxxl\:d-none {
        display: none !important;
    }
    .xxxl\:pos-static {
        position: static !important;
    }
    .xxxl\:pos-relative {
        position: relative !important;
    }
    .xxxl\:pos-absolute {
        position: absolute !important;
    }
    .xxxl\:pos-fixed {
        position: fixed !important;
    }
    .xxxl\:pos-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
    .xxxl\:pos-top-n100p {
        top: -100% !important;
    }
    .xxxl\:pos-top-n50p {
        top: -50% !important;
    }
    .xxxl\:pos-top-0 {
        top: 0 !important;
    }
    .xxxl\:pos-top-50p {
        top: 50% !important;
    }
    .xxxl\:pos-top-100p {
        top: 100% !important;
    }
    .xxxl\:pos-right-n100p {
        right: -100% !important;
    }
    .xxxl\:pos-right-n50p {
        right: -50% !important;
    }
    .xxxl\:pos-right-0 {
        right: 0 !important;
    }
    .xxxl\:pos-right-50p {
        right: 50% !important;
    }
    .xxxl\:pos-right-100p {
        right: 100% !important;
    }
    .xxxl\:pos-bottom-n100p {
        bottom: -100% !important;
    }
    .xxxl\:pos-bottom-n50p {
        bottom: -50% !important;
    }
    .xxxl\:pos-bottom-0 {
        bottom: 0 !important;
    }
    .xxxl\:pos-bottom-50p {
        bottom: 50% !important;
    }
    .xxxl\:pos-bottom-100p {
        bottom: 100% !important;
    }
    .xxxl\:pos-left-n100p {
        left: -100% !important;
    }
    .xxxl\:pos-left-n50p {
        left: -50% !important;
    }
    .xxxl\:pos-left-0 {
        left: 0 !important;
    }
    .xxxl\:pos-left-50p {
        left: 50% !important;
    }
    .xxxl\:pos-left-100p {
        left: 100% !important;
    }
    .xxxl\:translate-middle {
        transform: translate(-50%, -50%) !important;
    }
    .xxxl\:translate-middle-x {
        transform: translate(-50%) !important;
    }
    .xxxl\:translate-middle-y {
        transform: translateY(-50%) !important;
    }
    .xxxl\:brs-0 {
        border-radius: 0 !important;
    }
    .xxxl\:brs-4 {
        border-radius: 4px !important;
    }
    .xxxl\:brs-8 {
        border-radius: 8px !important;
    }
    .xxxl\:brs-12 {
        border-radius: 12px !important;
    }
    .xxxl\:brs-16 {
        border-radius: 16px !important;
    }
    .xxxl\:brs-20 {
        border-radius: 20px !important;
    }
    .xxxl\:brs-24 {
        border-radius: 24px !important;
    }
    .xxxl\:brs-28 {
        border-radius: 28px !important;
    }
    .xxxl\:brs-32 {
        border-radius: 32px !important;
    }
    .xxxl\:brs-9 {
        border-radius: 9px !important;
    }
    .xxxl\:brs-tr-0 {
        border-top-right-radius: 0 !important;
    }
    .xxxl\:brs-tr-4 {
        border-top-right-radius: 4px !important;
    }
    .xxxl\:brs-tr-8 {
        border-top-right-radius: 8px !important;
    }
    .xxxl\:brs-tr-12 {
        border-top-right-radius: 12px !important;
    }
    .xxxl\:brs-tr-16 {
        border-top-right-radius: 16px !important;
    }
    .xxxl\:brs-tr-20 {
        border-top-right-radius: 20px !important;
    }
    .xxxl\:brs-tr-24 {
        border-top-right-radius: 24px !important;
    }
    .xxxl\:brs-tr-28 {
        border-top-right-radius: 28px !important;
    }
    .xxxl\:brs-tr-32 {
        border-top-right-radius: 32px !important;
    }
    .xxxl\:brs-br-0 {
        border-bottom-right-radius: 0 !important;
    }
    .xxxl\:brs-br-4 {
        border-bottom-right-radius: 4px !important;
    }
    .xxxl\:brs-br-8 {
        border-bottom-right-radius: 8px !important;
    }
    .xxxl\:brs-br-12 {
        border-bottom-right-radius: 12px !important;
    }
    .xxxl\:brs-br-16 {
        border-bottom-right-radius: 16px !important;
    }
    .xxxl\:brs-br-20 {
        border-bottom-right-radius: 20px !important;
    }
    .xxxl\:brs-br-24 {
        border-bottom-right-radius: 24px !important;
    }
    .xxxl\:brs-br-28 {
        border-bottom-right-radius: 28px !important;
    }
    .xxxl\:brs-br-32 {
        border-bottom-right-radius: 32px !important;
    }
    .xxxl\:brs-bl-0 {
        border-bottom-left-radius: 0 !important;
    }
    .xxxl\:brs-bl-4 {
        border-bottom-left-radius: 4px !important;
    }
    .xxxl\:brs-bl-8 {
        border-bottom-left-radius: 8px !important;
    }
    .xxxl\:brs-bl-12 {
        border-bottom-left-radius: 12px !important;
    }
    .xxxl\:brs-bl-16 {
        border-bottom-left-radius: 16px !important;
    }
    .xxxl\:brs-bl-20 {
        border-bottom-left-radius: 20px !important;
    }
    .xxxl\:brs-bl-24 {
        border-bottom-left-radius: 24px !important;
    }
    .xxxl\:brs-bl-28 {
        border-bottom-left-radius: 28px !important;
    }
    .xxxl\:brs-bl-32 {
        border-bottom-left-radius: 32px !important;
    }
    .xxxl\:brs-tl-0 {
        border-top-left-radius: 0 !important;
    }
    .xxxl\:brs-tl-4 {
        border-top-left-radius: 4px !important;
    }
    .xxxl\:brs-tl-8 {
        border-top-left-radius: 8px !important;
    }
    .xxxl\:brs-tl-12 {
        border-top-left-radius: 12px !important;
    }
    .xxxl\:brs-tl-16 {
        border-top-left-radius: 16px !important;
    }
    .xxxl\:brs-tl-20 {
        border-top-left-radius: 20px !important;
    }
    .xxxl\:brs-tl-24 {
        border-top-left-radius: 24px !important;
    }
    .xxxl\:brs-tl-28 {
        border-top-left-radius: 28px !important;
    }
    .xxxl\:brs-tl-32 {
        border-top-left-radius: 32px !important;
    }
    .xxxl\:w-0 {
        width: 0 !important;
    }
    .xxxl\:w-4 {
        width: 4px !important;
    }
    .xxxl\:w-8 {
        width: 8px !important;
    }
    .xxxl\:w-12 {
        width: 12px !important;
    }
    .xxxl\:w-16 {
        width: 16px !important;
    }
    .xxxl\:w-20 {
        width: 20px !important;
    }
    .xxxl\:w-24 {
        width: 24px !important;
    }
    .xxxl\:w-28 {
        width: 28px !important;
    }
    .xxxl\:w-32 {
        width: 32px !important;
    }
    .xxxl\:w-36 {
        width: 36px !important;
    }
    .xxxl\:w-40 {
        width: 40px !important;
    }
    .xxxl\:w-44 {
        width: 44px !important;
    }
    .xxxl\:w-48 {
        width: 48px !important;
    }
    .xxxl\:w-52 {
        width: 52px !important;
    }
    .xxxl\:w-56 {
        width: 56px !important;
    }
    .xxxl\:w-60 {
        width: 60px !important;
    }
    .xxxl\:w-64 {
        width: 64px !important;
    }
    .xxxl\:w-68 {
        width: 68px !important;
    }
    .xxxl\:w-72 {
        width: 72px !important;
    }
    .xxxl\:w-76 {
        width: 76px !important;
    }
    .xxxl\:w-80 {
        width: 80px !important;
    }
    .xxxl\:w-84 {
        width: 84px !important;
    }
    .xxxl\:w-88 {
        width: 88px !important;
    }
    .xxxl\:w-92 {
        width: 92px !important;
    }
    .xxxl\:w-96 {
        width: 96px !important;
    }
    .xxxl\:w-100 {
        width: 100px !important;
    }
    .xxxl\:w-104 {
        width: 104px !important;
    }
    .xxxl\:w-108 {
        width: 108px !important;
    }
    .xxxl\:w-112 {
        width: 112px !important;
    }
    .xxxl\:w-116 {
        width: 116px !important;
    }
    .xxxl\:w-120 {
        width: 120px !important;
    }
    .xxxl\:w-124 {
        width: 124px !important;
    }
    .xxxl\:w-128 {
        width: 128px !important;
    }
    .xxxl\:w-132 {
        width: 132px !important;
    }
    .xxxl\:w-136 {
        width: 136px !important;
    }
    .xxxl\:w-auto {
        width: auto !important;
    }
    .xxxl\:w-140 {
        width: 140px !important;
    }
    .xxxl\:w-160 {
        width: 160px !important;
    }
    .xxxl\:w-180 {
        width: 180px !important;
    }
    .xxxl\:w-200 {
        width: 200px !important;
    }
    .xxxl\:w-220 {
        width: 220px !important;
    }
    .xxxl\:w-240 {
        width: 240px !important;
    }
    .xxxl\:w-260 {
        width: 260px !important;
    }
    .xxxl\:w-280 {
        width: 280px !important;
    }
    .xxxl\:w-300 {
        width: 300px !important;
    }
    .xxxl\:w-320 {
        width: 320px !important;
    }
    .xxxl\:w-340 {
        width: 340px !important;
    }
    .xxxl\:w-360 {
        width: 360px !important;
    }
    .xxxl\:w-380 {
        width: 380px !important;
    }
    .xxxl\:w-400 {
        width: 400px !important;
    }
    .xxxl\:w-5p {
        width: 5% !important;
    }
    .xxxl\:w-10p {
        width: 10% !important;
    }
    .xxxl\:w-15p {
        width: 15% !important;
    }
    .xxxl\:w-20p {
        width: 20% !important;
    }
    .xxxl\:w-25p {
        width: 25% !important;
    }
    .xxxl\:w-30p {
        width: 30% !important;
    }
    .xxxl\:w-35p {
        width: 35% !important;
    }
    .xxxl\:w-40p {
        width: 40% !important;
    }
    .xxxl\:w-45p {
        width: 45% !important;
    }
    .xxxl\:w-50p {
        width: 50% !important;
    }
    .xxxl\:w-55p {
        width: 55% !important;
    }
    .xxxl\:w-60p {
        width: 60% !important;
    }
    .xxxl\:w-65p {
        width: 65% !important;
    }
    .xxxl\:w-70p {
        width: 70% !important;
    }
    .xxxl\:w-75p {
        width: 75% !important;
    }
    .xxxl\:w-80p {
        width: 80% !important;
    }
    .xxxl\:w-85p {
        width: 85% !important;
    }
    .xxxl\:w-90p {
        width: 90% !important;
    }
    .xxxl\:w-95p {
        width: 95% !important;
    }
    .xxxl\:w-100p {
        width: 100% !important;
    }
    .xxxl\:max-w-0 {
        max-width: 0 !important;
    }
    .xxxl\:max-w-4 {
        max-width: 4px !important;
    }
    .xxxl\:max-w-8 {
        max-width: 8px !important;
    }
    .xxxl\:max-w-12 {
        max-width: 12px !important;
    }
    .xxxl\:max-w-16 {
        max-width: 16px !important;
    }
    .xxxl\:max-w-20 {
        max-width: 20px !important;
    }
    .xxxl\:max-w-24 {
        max-width: 24px !important;
    }
    .xxxl\:max-w-28 {
        max-width: 28px !important;
    }
    .xxxl\:max-w-32 {
        max-width: 32px !important;
    }
    .xxxl\:max-w-36 {
        max-width: 36px !important;
    }
    .xxxl\:max-w-40 {
        max-width: 40px !important;
    }
    .xxxl\:max-w-44 {
        max-width: 44px !important;
    }
    .xxxl\:max-w-48 {
        max-width: 48px !important;
    }
    .xxxl\:max-w-52 {
        max-width: 52px !important;
    }
    .xxxl\:max-w-56 {
        max-width: 56px !important;
    }
    .xxxl\:max-w-60 {
        max-width: 60px !important;
    }
    .xxxl\:max-w-64 {
        max-width: 64px !important;
    }
    .xxxl\:max-w-68 {
        max-width: 68px !important;
    }
    .xxxl\:max-w-72 {
        max-width: 72px !important;
    }
    .xxxl\:max-w-76 {
        max-width: 76px !important;
    }
    .xxxl\:max-w-80 {
        max-width: 80px !important;
    }
    .xxxl\:max-w-84 {
        max-width: 84px !important;
    }
    .xxxl\:max-w-88 {
        max-width: 88px !important;
    }
    .xxxl\:max-w-92 {
        max-width: 92px !important;
    }
    .xxxl\:max-w-96 {
        max-width: 96px !important;
    }
    .xxxl\:max-w-100 {
        max-width: 100px !important;
    }
    .xxxl\:max-w-104 {
        max-width: 104px !important;
    }
    .xxxl\:max-w-108 {
        max-width: 108px !important;
    }
    .xxxl\:max-w-112 {
        max-width: 112px !important;
    }
    .xxxl\:max-w-116 {
        max-width: 116px !important;
    }
    .xxxl\:max-w-120 {
        max-width: 120px !important;
    }
    .xxxl\:max-w-124 {
        max-width: 124px !important;
    }
    .xxxl\:max-w-128 {
        max-width: 128px !important;
    }
    .xxxl\:max-w-132 {
        max-width: 132px !important;
    }
    .xxxl\:max-w-136 {
        max-width: 136px !important;
    }
    .xxxl\:max-w-none {
        max-width: none !important;
    }
    .xxxl\:max-w-140 {
        max-width: 140px !important;
    }
    .xxxl\:max-w-160 {
        max-width: 160px !important;
    }
    .xxxl\:max-w-180 {
        max-width: 180px !important;
    }
    .xxxl\:max-w-200 {
        max-width: 200px !important;
    }
    .xxxl\:max-w-220 {
        max-width: 220px !important;
    }
    .xxxl\:max-w-240 {
        max-width: 240px !important;
    }
    .xxxl\:max-w-260 {
        max-width: 260px !important;
    }
    .xxxl\:max-w-280 {
        max-width: 280px !important;
    }
    .xxxl\:max-w-300 {
        max-width: 300px !important;
    }
    .xxxl\:max-w-320 {
        max-width: 320px !important;
    }
    .xxxl\:max-w-340 {
        max-width: 340px !important;
    }
    .xxxl\:max-w-360 {
        max-width: 360px !important;
    }
    .xxxl\:max-w-380 {
        max-width: 380px !important;
    }
    .xxxl\:max-w-400 {
        max-width: 400px !important;
    }
    .xxxl\:max-w-5p {
        max-width: 5% !important;
    }
    .xxxl\:max-w-10p {
        max-width: 10% !important;
    }
    .xxxl\:max-w-15p {
        max-width: 15% !important;
    }
    .xxxl\:max-w-20p {
        max-width: 20% !important;
    }
    .xxxl\:max-w-25p {
        max-width: 25% !important;
    }
    .xxxl\:max-w-30p {
        max-width: 30% !important;
    }
    .xxxl\:max-w-35p {
        max-width: 35% !important;
    }
    .xxxl\:max-w-40p {
        max-width: 40% !important;
    }
    .xxxl\:max-w-45p {
        max-width: 45% !important;
    }
    .xxxl\:max-w-50p {
        max-width: 50% !important;
    }
    .xxxl\:max-w-55p {
        max-width: 55% !important;
    }
    .xxxl\:max-w-60p {
        max-width: 60% !important;
    }
    .xxxl\:max-w-65p {
        max-width: 65% !important;
    }
    .xxxl\:max-w-70p {
        max-width: 70% !important;
    }
    .xxxl\:max-w-75p {
        max-width: 75% !important;
    }
    .xxxl\:max-w-80p {
        max-width: 80% !important;
    }
    .xxxl\:max-w-85p {
        max-width: 85% !important;
    }
    .xxxl\:max-w-90p {
        max-width: 90% !important;
    }
    .xxxl\:max-w-95p {
        max-width: 95% !important;
    }
    .xxxl\:max-w-100p {
        max-width: 100% !important;
    }
    .xxxl\:min-w-0 {
        min-width: 0 !important;
    }
    .xxxl\:min-w-100p {
        min-width: 100% !important;
    }
    .xxxl\:h-60 {
        height: 60px !important;
    }
    .xxxl\:h-80 {
        height: 80px !important;
    }
    .xxxl\:h-100 {
        height: 100px !important;
    }
    .xxxl\:h-120 {
        height: 120px !important;
    }
    .xxxl\:h-140 {
        height: 140px !important;
    }
    .xxxl\:h-160 {
        height: 160px !important;
    }
    .xxxl\:h-180 {
        height: 180px !important;
    }
    .xxxl\:h-200 {
        height: 200px !important;
    }
    .xxxl\:h-auto {
        height: auto !important;
    }
    .xxxl\:h-0 {
        height: 0 !important;
    }
    .xxxl\:h-25p {
        height: 25% !important;
    }
    .xxxl\:h-50p {
        height: 50% !important;
    }
    .xxxl\:h-75p {
        height: 75% !important;
    }
    .xxxl\:h-100p {
        height: 100% !important;
    }
    .xxxl\:min-h-300 {
        min-height: 300px !important;
    }
    .xxxl\:min-h-320 {
        min-height: 320px !important;
    }
    .xxxl\:min-h-340 {
        min-height: 340px !important;
    }
    .xxxl\:min-h-360 {
        min-height: 360px !important;
    }
    .xxxl\:min-h-380 {
        min-height: 380px !important;
    }
    .xxxl\:min-h-400 {
        min-height: 400px !important;
    }
    .xxxl\:min-h-420 {
        min-height: 420px !important;
    }
    .xxxl\:min-h-440 {
        min-height: 440px !important;
    }
    .xxxl\:min-h-0 {
        min-height: 0 !important;
    }
    .xxxl\:max-h-100p {
        max-height: 100% !important;
    }
    .xxxl\:max-h-none {
        max-height: none !important;
    }
    .xxxl\:w-100vw {
        width: 100vw !important;
    }
    .xxxl\:min-w-100vw {
        min-width: 100vw !important;
    }
    .xxxl\:h-100vh {
        height: 100vh !important;
    }
    .xxxl\:min-h-100vh {
        min-height: 100vh !important;
    }
    .xxxl\:flex-row {
        flex-direction: row !important;
    }
    .xxxl\:flex-column {
        flex-direction: column !important;
    }
    .xxxl\:flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .xxxl\:flex-column-reverse {
        flex-direction: column-reverse !important;
    }
    .xxxl\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .xxxl\:flex-nowrap {
        flex-wrap: nowrap !important;
    }
    .xxxl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .xxxl\:flex-grow-0 {
        flex-grow: 0 !important;
    }
    .xxxl\:flex-grow-1 {
        flex-grow: 1 !important;
    }
    .xxxl\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }
    .xxxl\:flex-shrink-1 {
        flex-shrink: 1 !important;
    }
    .xxxl\:flex-jc-start {
        justify-content: flex-start !important;
    }
    .xxxl\:flex-jc-end {
        justify-content: flex-end !important;
    }
    .xxxl\:flex-jc-center {
        justify-content: center !important;
    }
    .xxxl\:flex-jc-between {
        justify-content: space-between !important;
    }
    .xxxl\:flex-jc-around {
        justify-content: space-around !important;
    }
    .xxxl\:flex-jc-evenly {
        justify-content: space-evenly !important;
    }
    .xxxl\:flex-ai-start {
        align-items: flex-start !important;
    }
    .xxxl\:flex-ai-end {
        align-items: flex-end !important;
    }
    .xxxl\:flex-ai-center {
        align-items: center !important;
    }
    .xxxl\:flex-ai-baseline {
        align-items: baseline !important;
    }
    .xxxl\:flex-ai-stretch {
        align-items: stretch !important;
    }
    .xxxl\:flex-ac-start {
        align-content: flex-start !important;
    }
    .xxxl\:flex-ac-end {
        align-content: flex-end !important;
    }
    .xxxl\:flex-ac-center {
        align-content: center !important;
    }
    .xxxl\:flex-ac-between {
        align-content: space-between !important;
    }
    .xxxl\:flex-ac-around {
        align-content: space-around !important;
    }
    .xxxl\:flex-ac-stretch {
        align-content: stretch !important;
    }
    .xxxl\:flex-as-auto {
        align-self: auto !important;
    }
    .xxxl\:flex-as-start {
        align-self: flex-start !important;
    }
    .xxxl\:flex-as-end {
        align-self: flex-end !important;
    }
    .xxxl\:flex-as-center {
        align-self: center !important;
    }
    .xxxl\:flex-as-baseline {
        align-self: baseline !important;
    }
    .xxxl\:flex-as-stretch {
        align-self: stretch !important;
    }
    .xxxl\:order-first {
        order: -1 !important;
    }
    .xxxl\:order-0 {
        order: 0 !important;
    }
    .xxxl\:order-1 {
        order: 1 !important;
    }
    .xxxl\:order-2 {
        order: 2 !important;
    }
    .xxxl\:order-3 {
        order: 3 !important;
    }
    .xxxl\:order-4 {
        order: 4 !important;
    }
    .xxxl\:order-5 {
        order: 5 !important;
    }
    .xxxl\:order-6 {
        order: 6 !important;
    }
    .xxxl\:row--g-0 {
        --gutter-x: 0 !important;
        --gutter-y: 0 !important;
    }
    .xxxl\:row--g-4 {
        --gutter-x: 4px !important;
        --gutter-y: 4px !important;
    }
    .xxxl\:row--g-8 {
        --gutter-x: 8px !important;
        --gutter-y: 8px !important;
    }
    .xxxl\:row--g-12 {
        --gutter-x: 12px !important;
        --gutter-y: 12px !important;
    }
    .xxxl\:row--g-16 {
        --gutter-x: 16px !important;
        --gutter-y: 16px !important;
    }
    .xxxl\:row--g-20 {
        --gutter-x: 20px !important;
        --gutter-y: 20px !important;
    }
    .xxxl\:row--g-24 {
        --gutter-x: 24px !important;
        --gutter-y: 24px !important;
    }
    .xxxl\:row--g-28 {
        --gutter-x: 28px !important;
        --gutter-y: 28px !important;
    }
    .xxxl\:row--g-32 {
        --gutter-x: 32px !important;
        --gutter-y: 32px !important;
    }
    .xxxl\:row--gy-0 {
        --gutter-y: 0 !important;
    }
    .xxxl\:row--gy-4 {
        --gutter-y: 4px !important;
    }
    .xxxl\:row--gy-8 {
        --gutter-y: 8px !important;
    }
    .xxxl\:row--gy-12 {
        --gutter-y: 12px !important;
    }
    .xxxl\:row--gy-16 {
        --gutter-y: 16px !important;
    }
    .xxxl\:row--gy-20 {
        --gutter-y: 20px !important;
    }
    .xxxl\:row--gy-24 {
        --gutter-y: 24px !important;
    }
    .xxxl\:row--gy-28 {
        --gutter-y: 28px !important;
    }
    .xxxl\:row--gy-32 {
        --gutter-y: 32px !important;
    }
    .xxxl\:row--gx-0 {
        --gutter-x: 0 !important;
    }
    .xxxl\:row--gx-4 {
        --gutter-x: 4px !important;
    }
    .xxxl\:row--gx-8 {
        --gutter-x: 8px !important;
    }
    .xxxl\:row--gx-12 {
        --gutter-x: 12px !important;
    }
    .xxxl\:row--gx-16 {
        --gutter-x: 16px !important;
    }
    .xxxl\:row--gx-20 {
        --gutter-x: 20px !important;
    }
    .xxxl\:row--gx-24 {
        --gutter-x: 24px !important;
    }
    .xxxl\:row--gx-28 {
        --gutter-x: 28px !important;
    }
    .xxxl\:row--gx-32 {
        --gutter-x: 32px !important;
    }
    .xxxl\:grid-af-row {
        grid-auto-flow: row !important;
    }
    .xxxl\:grid-af-col {
        grid-auto-flow: column !important;
    }
    .xxxl\:grid-af-row-dense {
        grid-auto-flow: row dense !important;
    }
    .xxxl\:grid-af-col-dense {
        grid-auto-flow: column dense !important;
    }
    .xxxl\:grid-ji-start {
        justify-items: start !important;
    }
    .xxxl\:grid-ji-end {
        justify-items: end !important;
    }
    .xxxl\:grid-ji-center {
        justify-items: center !important;
    }
    .xxxl\:grid-ji-stretch {
        justify-items: stretch !important;
    }
    .xxxl\:grid-jc-start {
        justify-content: start !important;
    }
    .xxxl\:grid-jc-end {
        justify-content: end !important;
    }
    .xxxl\:grid-jc-center {
        justify-content: center !important;
    }
    .xxxl\:grid-jc-stretch {
        justify-content: stretch !important;
    }
    .xxxl\:grid-jc-around {
        justify-content: space-around !important;
    }
    .xxxl\:grid-jc-between {
        justify-content: space-between !important;
    }
    .xxxl\:grid-jc-evenly {
        justify-content: space-evenly !important;
    }
    .xxxl\:grid-js-start {
        justify-self: start !important;
    }
    .xxxl\:grid-js-end {
        justify-self: end !important;
    }
    .xxxl\:grid-js-center {
        justify-self: center !important;
    }
    .xxxl\:grid-js-stretch {
        justify-self: stretch !important;
    }
    .xxxl\:grid-ai-start {
        align-items: start !important;
    }
    .xxxl\:grid-ai-end {
        align-items: end !important;
    }
    .xxxl\:grid-ai-center {
        align-items: center !important;
    }
    .xxxl\:grid-ai-stretch {
        align-items: stretch !important;
    }
    .xxxl\:grid-ac-start {
        align-content: start !important;
    }
    .xxxl\:grid-ac-end {
        align-content: end !important;
    }
    .xxxl\:grid-ac-center {
        align-content: center !important;
    }
    .xxxl\:grid-ac-stretch {
        align-content: stretch !important;
    }
    .xxxl\:grid-ac-around {
        align-content: space-around !important;
    }
    .xxxl\:grid-ac-between {
        align-content: space-between !important;
    }
    .xxxl\:grid-ac-evenly {
        align-content: space-evenly !important;
    }
    .xxxl\:grid-as-start {
        align-self: start !important;
    }
    .xxxl\:grid-as-end {
        align-self: end !important;
    }
    .xxxl\:grid-as-center {
        align-self: center !important;
    }
    .xxxl\:grid-as-stretch {
        align-self: stretch !important;
    }
    .xxxl\:gap-0 {
        grid-gap: 0 !important;
        gap: 0 !important;
    }
    .xxxl\:gap-4 {
        grid-gap: 4px !important;
        gap: 4px !important;
    }
    .xxxl\:gap-8 {
        grid-gap: 8px !important;
        gap: 8px !important;
    }
    .xxxl\:gap-12 {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .xxxl\:gap-16 {
        grid-gap: 16px !important;
        gap: 16px !important;
    }
    .xxxl\:gap-20 {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .xxxl\:gap-24 {
        grid-gap: 24px !important;
        gap: 24px !important;
    }
    .xxxl\:gap-28 {
        grid-gap: 28px !important;
        gap: 28px !important;
    }
    .xxxl\:gap-32 {
        grid-gap: 32px !important;
        gap: 32px !important;
    }
    .xxxl\:col-gap-0 {
        column-gap: 0 !important;
    }
    .xxxl\:col-gap-4 {
        column-gap: 4px !important;
    }
    .xxxl\:col-gap-8 {
        column-gap: 8px !important;
    }
    .xxxl\:col-gap-12 {
        column-gap: 12px !important;
    }
    .xxxl\:col-gap-16 {
        column-gap: 16px !important;
    }
    .xxxl\:col-gap-20 {
        column-gap: 20px !important;
    }
    .xxxl\:col-gap-24 {
        column-gap: 24px !important;
    }
    .xxxl\:col-gap-28 {
        column-gap: 28px !important;
    }
    .xxxl\:col-gap-32 {
        column-gap: 32px !important;
    }
    .xxxl\:row-gap-0 {
        row-gap: 0 !important;
    }
    .xxxl\:row-gap-4 {
        row-gap: 4px !important;
    }
    .xxxl\:row-gap-8 {
        row-gap: 8px !important;
    }
    .xxxl\:row-gap-12 {
        row-gap: 12px !important;
    }
    .xxxl\:row-gap-16 {
        row-gap: 16px !important;
    }
    .xxxl\:row-gap-20 {
        row-gap: 20px !important;
    }
    .xxxl\:row-gap-24 {
        row-gap: 24px !important;
    }
    .xxxl\:row-gap-28 {
        row-gap: 28px !important;
    }
    .xxxl\:row-gap-32 {
        row-gap: 32px !important;
    }
    .xxxl\:m-n16 {
        margin: -16px !important;
    }
    .xxxl\:m-n12 {
        margin: -12px !important;
    }
    .xxxl\:m-n8 {
        margin: -8px !important;
    }
    .xxxl\:m-n4 {
        margin: -4px !important;
    }
    .xxxl\:m-0 {
        margin: 0 !important;
    }
    .xxxl\:m-4 {
        margin: 4px !important;
    }
    .xxxl\:m-8 {
        margin: 8px !important;
    }
    .xxxl\:m-12 {
        margin: 12px !important;
    }
    .xxxl\:m-16 {
        margin: 16px !important;
    }
    .xxxl\:m-20 {
        margin: 20px !important;
    }
    .xxxl\:m-24 {
        margin: 24px !important;
    }
    .xxxl\:m-28 {
        margin: 28px !important;
    }
    .xxxl\:m-32 {
        margin: 32px !important;
    }
    .xxxl\:m-36 {
        margin: 36px !important;
    }
    .xxxl\:m-40 {
        margin: 40px !important;
    }
    .xxxl\:m-44 {
        margin: 44px !important;
    }
    .xxxl\:m-48 {
        margin: 48px !important;
    }
    .xxxl\:m-52 {
        margin: 52px !important;
    }
    .xxxl\:m-56 {
        margin: 56px !important;
    }
    .xxxl\:m-60 {
        margin: 60px !important;
    }
    .xxxl\:m-64 {
        margin: 64px !important;
    }
    .xxxl\:m-68 {
        margin: 68px !important;
    }
    .xxxl\:m-72 {
        margin: 72px !important;
    }
    .xxxl\:m-auto {
        margin: auto !important;
    }
    .xxxl\:mx-n16 {
        margin-right: -16px !important;
        margin-left: -16px !important;
    }
    .xxxl\:mx-n12 {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
    .xxxl\:mx-n8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }
    .xxxl\:mx-n4 {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }
    .xxxl\:mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .xxxl\:mx-4 {
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .xxxl\:mx-8 {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .xxxl\:mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .xxxl\:mx-16 {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .xxxl\:mx-20 {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .xxxl\:mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }
    .xxxl\:mx-28 {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }
    .xxxl\:mx-32 {
        margin-right: 32px !important;
        margin-left: 32px !important;
    }
    .xxxl\:mx-36 {
        margin-right: 36px !important;
        margin-left: 36px !important;
    }
    .xxxl\:mx-40 {
        margin-right: 40px !important;
        margin-left: 40px !important;
    }
    .xxxl\:mx-44 {
        margin-right: 44px !important;
        margin-left: 44px !important;
    }
    .xxxl\:mx-48 {
        margin-right: 48px !important;
        margin-left: 48px !important;
    }
    .xxxl\:mx-52 {
        margin-right: 52px !important;
        margin-left: 52px !important;
    }
    .xxxl\:mx-56 {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }
    .xxxl\:mx-60 {
        margin-right: 60px !important;
        margin-left: 60px !important;
    }
    .xxxl\:mx-64 {
        margin-right: 64px !important;
        margin-left: 64px !important;
    }
    .xxxl\:mx-68 {
        margin-right: 68px !important;
        margin-left: 68px !important;
    }
    .xxxl\:mx-72 {
        margin-right: 72px !important;
        margin-left: 72px !important;
    }
    .xxxl\:mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .xxxl\:my-n16 {
        margin-top: -16px !important;
        margin-bottom: -16px !important;
    }
    .xxxl\:my-n12 {
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    .xxxl\:my-n8 {
        margin-top: -8px !important;
        margin-bottom: -8px !important;
    }
    .xxxl\:my-n4 {
        margin-top: -4px !important;
        margin-bottom: -4px !important;
    }
    .xxxl\:my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .xxxl\:my-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .xxxl\:my-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .xxxl\:my-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .xxxl\:my-16 {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .xxxl\:my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .xxxl\:my-24 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }
    .xxxl\:my-28 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .xxxl\:my-32 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .xxxl\:my-36 {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .xxxl\:my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .xxxl\:my-44 {
        margin-top: 44px !important;
        margin-bottom: 44px !important;
    }
    .xxxl\:my-48 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .xxxl\:my-52 {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }
    .xxxl\:my-56 {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
    .xxxl\:my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .xxxl\:my-64 {
        margin-top: 64px !important;
        margin-bottom: 64px !important;
    }
    .xxxl\:my-68 {
        margin-top: 68px !important;
        margin-bottom: 68px !important;
    }
    .xxxl\:my-72 {
        margin-top: 72px !important;
        margin-bottom: 72px !important;
    }
    .xxxl\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .xxxl\:mt-n16 {
        margin-top: -16px !important;
    }
    .xxxl\:mt-n12 {
        margin-top: -12px !important;
    }
    .xxxl\:mt-n8 {
        margin-top: -8px !important;
    }
    .xxxl\:mt-n4 {
        margin-top: -4px !important;
    }
    .xxxl\:mt-0 {
        margin-top: 0 !important;
    }
    .xxxl\:mt-4 {
        margin-top: 4px !important;
    }
    .xxxl\:mt-8 {
        margin-top: 8px !important;
    }
    .xxxl\:mt-12 {
        margin-top: 12px !important;
    }
    .xxxl\:mt-16 {
        margin-top: 16px !important;
    }
    .xxxl\:mt-20 {
        margin-top: 20px !important;
    }
    .xxxl\:mt-24 {
        margin-top: 24px !important;
    }
    .xxxl\:mt-28 {
        margin-top: 28px !important;
    }
    .xxxl\:mt-32 {
        margin-top: 32px !important;
    }
    .xxxl\:mt-36 {
        margin-top: 36px !important;
    }
    .xxxl\:mt-40 {
        margin-top: 40px !important;
    }
    .xxxl\:mt-44 {
        margin-top: 44px !important;
    }
    .xxxl\:mt-48 {
        margin-top: 48px !important;
    }
    .xxxl\:mt-52 {
        margin-top: 52px !important;
    }
    .xxxl\:mt-56 {
        margin-top: 56px !important;
    }
    .xxxl\:mt-60 {
        margin-top: 60px !important;
    }
    .xxxl\:mt-64 {
        margin-top: 64px !important;
    }
    .xxxl\:mt-68 {
        margin-top: 68px !important;
    }
    .xxxl\:mt-72 {
        margin-top: 72px !important;
    }
    .xxxl\:mt-auto {
        margin-top: auto !important;
    }
    .xxxl\:mr-n16 {
        margin-right: -16px !important;
    }
    .xxxl\:mr-n12 {
        margin-right: -12px !important;
    }
    .xxxl\:mr-n8 {
        margin-right: -8px !important;
    }
    .xxxl\:mr-n4 {
        margin-right: -4px !important;
    }
    .xxxl\:mr-0 {
        margin-right: 0 !important;
    }
    .xxxl\:mr-4 {
        margin-right: 4px !important;
    }
    .xxxl\:mr-8 {
        margin-right: 8px !important;
    }
    .xxxl\:mr-12 {
        margin-right: 12px !important;
    }
    .xxxl\:mr-16 {
        margin-right: 16px !important;
    }
    .xxxl\:mr-20 {
        margin-right: 20px !important;
    }
    .xxxl\:mr-24 {
        margin-right: 24px !important;
    }
    .xxxl\:mr-28 {
        margin-right: 28px !important;
    }
    .xxxl\:mr-32 {
        margin-right: 32px !important;
    }
    .xxxl\:mr-36 {
        margin-right: 36px !important;
    }
    .xxxl\:mr-40 {
        margin-right: 40px !important;
    }
    .xxxl\:mr-44 {
        margin-right: 44px !important;
    }
    .xxxl\:mr-48 {
        margin-right: 48px !important;
    }
    .xxxl\:mr-52 {
        margin-right: 52px !important;
    }
    .xxxl\:mr-56 {
        margin-right: 56px !important;
    }
    .xxxl\:mr-60 {
        margin-right: 60px !important;
    }
    .xxxl\:mr-64 {
        margin-right: 64px !important;
    }
    .xxxl\:mr-68 {
        margin-right: 68px !important;
    }
    .xxxl\:mr-72 {
        margin-right: 72px !important;
    }
    .xxxl\:mr-auto {
        margin-right: auto !important;
    }
    .xxxl\:mb-n16 {
        margin-bottom: -16px !important;
    }
    .xxxl\:mb-n12 {
        margin-bottom: -12px !important;
    }
    .xxxl\:mb-n8 {
        margin-bottom: -8px !important;
    }
    .xxxl\:mb-n4 {
        margin-bottom: -4px !important;
    }
    .xxxl\:mb-0 {
        margin-bottom: 0 !important;
    }
    .xxxl\:mb-4 {
        margin-bottom: 4px !important;
    }
    .xxxl\:mb-8 {
        margin-bottom: 8px !important;
    }
    .xxxl\:mb-12 {
        margin-bottom: 12px !important;
    }
    .xxxl\:mb-16 {
        margin-bottom: 16px !important;
    }
    .xxxl\:mb-20 {
        margin-bottom: 20px !important;
    }
    .xxxl\:mb-24 {
        margin-bottom: 24px !important;
    }
    .xxxl\:mb-28 {
        margin-bottom: 28px !important;
    }
    .xxxl\:mb-32 {
        margin-bottom: 32px !important;
    }
    .xxxl\:mb-36 {
        margin-bottom: 36px !important;
    }
    .xxxl\:mb-40 {
        margin-bottom: 40px !important;
    }
    .xxxl\:mb-44 {
        margin-bottom: 44px !important;
    }
    .xxxl\:mb-48 {
        margin-bottom: 48px !important;
    }
    .xxxl\:mb-52 {
        margin-bottom: 52px !important;
    }
    .xxxl\:mb-56 {
        margin-bottom: 56px !important;
    }
    .xxxl\:mb-60 {
        margin-bottom: 60px !important;
    }
    .xxxl\:mb-64 {
        margin-bottom: 64px !important;
    }
    .xxxl\:mb-68 {
        margin-bottom: 68px !important;
    }
    .xxxl\:mb-72 {
        margin-bottom: 72px !important;
    }
    .xxxl\:mb-auto {
        margin-bottom: auto !important;
    }
    .xxxl\:ml-n16 {
        margin-left: -16px !important;
    }
    .xxxl\:ml-n12 {
        margin-left: -12px !important;
    }
    .xxxl\:ml-n8 {
        margin-left: -8px !important;
    }
    .xxxl\:ml-n4 {
        margin-left: -4px !important;
    }
    .xxxl\:ml-0 {
        margin-left: 0 !important;
    }
    .xxxl\:ml-4 {
        margin-left: 4px !important;
    }
    .xxxl\:ml-8 {
        margin-left: 8px !important;
    }
    .xxxl\:ml-12 {
        margin-left: 12px !important;
    }
    .xxxl\:ml-16 {
        margin-left: 16px !important;
    }
    .xxxl\:ml-20 {
        margin-left: 20px !important;
    }
    .xxxl\:ml-24 {
        margin-left: 24px !important;
    }
    .xxxl\:ml-28 {
        margin-left: 28px !important;
    }
    .xxxl\:ml-32 {
        margin-left: 32px !important;
    }
    .xxxl\:ml-36 {
        margin-left: 36px !important;
    }
    .xxxl\:ml-40 {
        margin-left: 40px !important;
    }
    .xxxl\:ml-44 {
        margin-left: 44px !important;
    }
    .xxxl\:ml-48 {
        margin-left: 48px !important;
    }
    .xxxl\:ml-52 {
        margin-left: 52px !important;
    }
    .xxxl\:ml-56 {
        margin-left: 56px !important;
    }
    .xxxl\:ml-60 {
        margin-left: 60px !important;
    }
    .xxxl\:ml-64 {
        margin-left: 64px !important;
    }
    .xxxl\:ml-68 {
        margin-left: 68px !important;
    }
    .xxxl\:ml-72 {
        margin-left: 72px !important;
    }
    .xxxl\:ml-auto {
        margin-left: auto !important;
    }
    .xxxl\:p-0 {
        padding: 0 !important;
    }
    .xxxl\:p-2 {
        padding: 2px !important;
    }
    .xxxl\:p-4 {
        padding: 4px !important;
    }
    .xxxl\:p-6 {
        padding: 6px !important;
    }
    .xxxl\:p-8 {
        padding: 8px !important;
    }
    .xxxl\:p-10 {
        padding: 10px !important;
    }
    .xxxl\:p-12 {
        padding: 12px !important;
    }
    .xxxl\:p-14 {
        padding: 14px !important;
    }
    .xxxl\:p-16 {
        padding: 16px !important;
    }
    .xxxl\:p-18 {
        padding: 18px !important;
    }
    .xxxl\:p-20 {
        padding: 20px !important;
    }
    .xxxl\:p-22 {
        padding: 22px !important;
    }
    .xxxl\:p-24 {
        padding: 24px !important;
    }
    .xxxl\:p-26 {
        padding: 26px !important;
    }
    .xxxl\:p-28 {
        padding: 28px !important;
    }
    .xxxl\:p-30 {
        padding: 30px !important;
    }
    .xxxl\:p-32 {
        padding: 32px !important;
    }
    .xxxl\:p-34 {
        padding: 34px !important;
    }
    .xxxl\:p-36 {
        padding: 36px !important;
    }
    .xxxl\:p-38 {
        padding: 38px !important;
    }
    .xxxl\:p-40 {
        padding: 40px !important;
    }
    .xxxl\:p-42 {
        padding: 42px !important;
    }
    .xxxl\:p-44 {
        padding: 44px !important;
    }
    .xxxl\:p-46 {
        padding: 46px !important;
    }
    .xxxl\:p-48 {
        padding: 48px !important;
    }
    .xxxl\:p-50 {
        padding: 50px !important;
    }
    .xxxl\:p-52 {
        padding: 52px !important;
    }
    .xxxl\:p-54 {
        padding: 54px !important;
    }
    .xxxl\:p-56 {
        padding: 56px !important;
    }
    .xxxl\:p-58 {
        padding: 58px !important;
    }
    .xxxl\:p-60 {
        padding: 60px !important;
    }
    .xxxl\:p-62 {
        padding: 62px !important;
    }
    .xxxl\:p-64 {
        padding: 64px !important;
    }
    .xxxl\:p-66 {
        padding: 66px !important;
    }
    .xxxl\:p-68 {
        padding: 68px !important;
    }
    .xxxl\:p-70 {
        padding: 70px !important;
    }
    .xxxl\:p-72 {
        padding: 72px !important;
    }
    .xxxl\:px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .xxxl\:px-2 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .xxxl\:px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .xxxl\:px-6 {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .xxxl\:px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .xxxl\:px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .xxxl\:px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .xxxl\:px-14 {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
    .xxxl\:px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .xxxl\:px-18 {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .xxxl\:px-20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .xxxl\:px-22 {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }
    .xxxl\:px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .xxxl\:px-26 {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
    .xxxl\:px-28 {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }
    .xxxl\:px-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .xxxl\:px-32 {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .xxxl\:px-34 {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }
    .xxxl\:px-36 {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .xxxl\:px-38 {
        padding-right: 38px !important;
        padding-left: 38px !important;
    }
    .xxxl\:px-40 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .xxxl\:px-42 {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }
    .xxxl\:px-44 {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
    .xxxl\:px-46 {
        padding-right: 46px !important;
        padding-left: 46px !important;
    }
    .xxxl\:px-48 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .xxxl\:px-50 {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .xxxl\:px-52 {
        padding-right: 52px !important;
        padding-left: 52px !important;
    }
    .xxxl\:px-54 {
        padding-right: 54px !important;
        padding-left: 54px !important;
    }
    .xxxl\:px-56 {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }
    .xxxl\:px-58 {
        padding-right: 58px !important;
        padding-left: 58px !important;
    }
    .xxxl\:px-60 {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .xxxl\:px-62 {
        padding-right: 62px !important;
        padding-left: 62px !important;
    }
    .xxxl\:px-64 {
        padding-right: 64px !important;
        padding-left: 64px !important;
    }
    .xxxl\:px-66 {
        padding-right: 66px !important;
        padding-left: 66px !important;
    }
    .xxxl\:px-68 {
        padding-right: 68px !important;
        padding-left: 68px !important;
    }
    .xxxl\:px-70 {
        padding-right: 70px !important;
        padding-left: 70px !important;
    }
    .xxxl\:px-72 {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }
    .xxxl\:py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .xxxl\:py-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .xxxl\:py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .xxxl\:py-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .xxxl\:py-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .xxxl\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .xxxl\:py-12 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .xxxl\:py-14 {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .xxxl\:py-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .xxxl\:py-18 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .xxxl\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .xxxl\:py-22 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .xxxl\:py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .xxxl\:py-26 {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .xxxl\:py-28 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .xxxl\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .xxxl\:py-32 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .xxxl\:py-34 {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .xxxl\:py-36 {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .xxxl\:py-38 {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    .xxxl\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .xxxl\:py-42 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .xxxl\:py-44 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
    .xxxl\:py-46 {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }
    .xxxl\:py-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .xxxl\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .xxxl\:py-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    .xxxl\:py-54 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .xxxl\:py-56 {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .xxxl\:py-58 {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .xxxl\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .xxxl\:py-62 {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }
    .xxxl\:py-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    .xxxl\:py-66 {
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    .xxxl\:py-68 {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
    .xxxl\:py-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .xxxl\:py-72 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }
    .xxxl\:pt-0 {
        padding-top: 0 !important;
    }
    .xxxl\:pt-2 {
        padding-top: 2px !important;
    }
    .xxxl\:pt-4 {
        padding-top: 4px !important;
    }
    .xxxl\:pt-6 {
        padding-top: 6px !important;
    }
    .xxxl\:pt-8 {
        padding-top: 8px !important;
    }
    .xxxl\:pt-10 {
        padding-top: 10px !important;
    }
    .xxxl\:pt-12 {
        padding-top: 12px !important;
    }
    .xxxl\:pt-14 {
        padding-top: 14px !important;
    }
    .xxxl\:pt-16 {
        padding-top: 16px !important;
    }
    .xxxl\:pt-18 {
        padding-top: 18px !important;
    }
    .xxxl\:pt-20 {
        padding-top: 20px !important;
    }
    .xxxl\:pt-22 {
        padding-top: 22px !important;
    }
    .xxxl\:pt-24 {
        padding-top: 24px !important;
    }
    .xxxl\:pt-26 {
        padding-top: 26px !important;
    }
    .xxxl\:pt-28 {
        padding-top: 28px !important;
    }
    .xxxl\:pt-30 {
        padding-top: 30px !important;
    }
    .xxxl\:pt-32 {
        padding-top: 32px !important;
    }
    .xxxl\:pt-34 {
        padding-top: 34px !important;
    }
    .xxxl\:pt-36 {
        padding-top: 36px !important;
    }
    .xxxl\:pt-38 {
        padding-top: 38px !important;
    }
    .xxxl\:pt-40 {
        padding-top: 40px !important;
    }
    .xxxl\:pt-42 {
        padding-top: 42px !important;
    }
    .xxxl\:pt-44 {
        padding-top: 44px !important;
    }
    .xxxl\:pt-46 {
        padding-top: 46px !important;
    }
    .xxxl\:pt-48 {
        padding-top: 48px !important;
    }
    .xxxl\:pt-50 {
        padding-top: 50px !important;
    }
    .xxxl\:pt-52 {
        padding-top: 52px !important;
    }
    .xxxl\:pt-54 {
        padding-top: 54px !important;
    }
    .xxxl\:pt-56 {
        padding-top: 56px !important;
    }
    .xxxl\:pt-58 {
        padding-top: 58px !important;
    }
    .xxxl\:pt-60 {
        padding-top: 60px !important;
    }
    .xxxl\:pt-62 {
        padding-top: 62px !important;
    }
    .xxxl\:pt-64 {
        padding-top: 64px !important;
    }
    .xxxl\:pt-66 {
        padding-top: 66px !important;
    }
    .xxxl\:pt-68 {
        padding-top: 68px !important;
    }
    .xxxl\:pt-70 {
        padding-top: 70px !important;
    }
    .xxxl\:pt-72 {
        padding-top: 72px !important;
    }
    .xxxl\:pr-0 {
        padding-right: 0 !important;
    }
    .xxxl\:pr-2 {
        padding-right: 2px !important;
    }
    .xxxl\:pr-4 {
        padding-right: 4px !important;
    }
    .xxxl\:pr-6 {
        padding-right: 6px !important;
    }
    .xxxl\:pr-8 {
        padding-right: 8px !important;
    }
    .xxxl\:pr-10 {
        padding-right: 10px !important;
    }
    .xxxl\:pr-12 {
        padding-right: 12px !important;
    }
    .xxxl\:pr-14 {
        padding-right: 14px !important;
    }
    .xxxl\:pr-16 {
        padding-right: 16px !important;
    }
    .xxxl\:pr-18 {
        padding-right: 18px !important;
    }
    .xxxl\:pr-20 {
        padding-right: 20px !important;
    }
    .xxxl\:pr-22 {
        padding-right: 22px !important;
    }
    .xxxl\:pr-24 {
        padding-right: 24px !important;
    }
    .xxxl\:pr-26 {
        padding-right: 26px !important;
    }
    .xxxl\:pr-28 {
        padding-right: 28px !important;
    }
    .xxxl\:pr-30 {
        padding-right: 30px !important;
    }
    .xxxl\:pr-32 {
        padding-right: 32px !important;
    }
    .xxxl\:pr-34 {
        padding-right: 34px !important;
    }
    .xxxl\:pr-36 {
        padding-right: 36px !important;
    }
    .xxxl\:pr-38 {
        padding-right: 38px !important;
    }
    .xxxl\:pr-40 {
        padding-right: 40px !important;
    }
    .xxxl\:pr-42 {
        padding-right: 42px !important;
    }
    .xxxl\:pr-44 {
        padding-right: 44px !important;
    }
    .xxxl\:pr-46 {
        padding-right: 46px !important;
    }
    .xxxl\:pr-48 {
        padding-right: 48px !important;
    }
    .xxxl\:pr-50 {
        padding-right: 50px !important;
    }
    .xxxl\:pr-52 {
        padding-right: 52px !important;
    }
    .xxxl\:pr-54 {
        padding-right: 54px !important;
    }
    .xxxl\:pr-56 {
        padding-right: 56px !important;
    }
    .xxxl\:pr-58 {
        padding-right: 58px !important;
    }
    .xxxl\:pr-60 {
        padding-right: 60px !important;
    }
    .xxxl\:pr-62 {
        padding-right: 62px !important;
    }
    .xxxl\:pr-64 {
        padding-right: 64px !important;
    }
    .xxxl\:pr-66 {
        padding-right: 66px !important;
    }
    .xxxl\:pr-68 {
        padding-right: 68px !important;
    }
    .xxxl\:pr-70 {
        padding-right: 70px !important;
    }
    .xxxl\:pr-72 {
        padding-right: 72px !important;
    }
    .xxxl\:pb-0 {
        padding-bottom: 0 !important;
    }
    .xxxl\:pb-2 {
        padding-bottom: 2px !important;
    }
    .xxxl\:pb-4 {
        padding-bottom: 4px !important;
    }
    .xxxl\:pb-6 {
        padding-bottom: 6px !important;
    }
    .xxxl\:pb-8 {
        padding-bottom: 8px !important;
    }
    .xxxl\:pb-10 {
        padding-bottom: 10px !important;
    }
    .xxxl\:pb-12 {
        padding-bottom: 12px !important;
    }
    .xxxl\:pb-14 {
        padding-bottom: 14px !important;
    }
    .xxxl\:pb-16 {
        padding-bottom: 16px !important;
    }
    .xxxl\:pb-18 {
        padding-bottom: 18px !important;
    }
    .xxxl\:pb-20 {
        padding-bottom: 20px !important;
    }
    .xxxl\:pb-22 {
        padding-bottom: 22px !important;
    }
    .xxxl\:pb-24 {
        padding-bottom: 24px !important;
    }
    .xxxl\:pb-26 {
        padding-bottom: 26px !important;
    }
    .xxxl\:pb-28 {
        padding-bottom: 28px !important;
    }
    .xxxl\:pb-30 {
        padding-bottom: 30px !important;
    }
    .xxxl\:pb-32 {
        padding-bottom: 32px !important;
    }
    .xxxl\:pb-34 {
        padding-bottom: 34px !important;
    }
    .xxxl\:pb-36 {
        padding-bottom: 36px !important;
    }
    .xxxl\:pb-38 {
        padding-bottom: 38px !important;
    }
    .xxxl\:pb-40 {
        padding-bottom: 40px !important;
    }
    .xxxl\:pb-42 {
        padding-bottom: 42px !important;
    }
    .xxxl\:pb-44 {
        padding-bottom: 44px !important;
    }
    .xxxl\:pb-46 {
        padding-bottom: 46px !important;
    }
    .xxxl\:pb-48 {
        padding-bottom: 48px !important;
    }
    .xxxl\:pb-50 {
        padding-bottom: 50px !important;
    }
    .xxxl\:pb-52 {
        padding-bottom: 52px !important;
    }
    .xxxl\:pb-54 {
        padding-bottom: 54px !important;
    }
    .xxxl\:pb-56 {
        padding-bottom: 56px !important;
    }
    .xxxl\:pb-58 {
        padding-bottom: 58px !important;
    }
    .xxxl\:pb-60 {
        padding-bottom: 60px !important;
    }
    .xxxl\:pb-62 {
        padding-bottom: 62px !important;
    }
    .xxxl\:pb-64 {
        padding-bottom: 64px !important;
    }
    .xxxl\:pb-66 {
        padding-bottom: 66px !important;
    }
    .xxxl\:pb-68 {
        padding-bottom: 68px !important;
    }
    .xxxl\:pb-70 {
        padding-bottom: 70px !important;
    }
    .xxxl\:pb-72 {
        padding-bottom: 72px !important;
    }
    .xxxl\:pl-0 {
        padding-left: 0 !important;
    }
    .xxxl\:pl-2 {
        padding-left: 2px !important;
    }
    .xxxl\:pl-4 {
        padding-left: 4px !important;
    }
    .xxxl\:pl-6 {
        padding-left: 6px !important;
    }
    .xxxl\:pl-8 {
        padding-left: 8px !important;
    }
    .xxxl\:pl-10 {
        padding-left: 10px !important;
    }
    .xxxl\:pl-12 {
        padding-left: 12px !important;
    }
    .xxxl\:pl-14 {
        padding-left: 14px !important;
    }
    .xxxl\:pl-16 {
        padding-left: 16px !important;
    }
    .xxxl\:pl-18 {
        padding-left: 18px !important;
    }
    .xxxl\:pl-20 {
        padding-left: 20px !important;
    }
    .xxxl\:pl-22 {
        padding-left: 22px !important;
    }
    .xxxl\:pl-24 {
        padding-left: 24px !important;
    }
    .xxxl\:pl-26 {
        padding-left: 26px !important;
    }
    .xxxl\:pl-28 {
        padding-left: 28px !important;
    }
    .xxxl\:pl-30 {
        padding-left: 30px !important;
    }
    .xxxl\:pl-32 {
        padding-left: 32px !important;
    }
    .xxxl\:pl-34 {
        padding-left: 34px !important;
    }
    .xxxl\:pl-36 {
        padding-left: 36px !important;
    }
    .xxxl\:pl-38 {
        padding-left: 38px !important;
    }
    .xxxl\:pl-40 {
        padding-left: 40px !important;
    }
    .xxxl\:pl-42 {
        padding-left: 42px !important;
    }
    .xxxl\:pl-44 {
        padding-left: 44px !important;
    }
    .xxxl\:pl-46 {
        padding-left: 46px !important;
    }
    .xxxl\:pl-48 {
        padding-left: 48px !important;
    }
    .xxxl\:pl-50 {
        padding-left: 50px !important;
    }
    .xxxl\:pl-52 {
        padding-left: 52px !important;
    }
    .xxxl\:pl-54 {
        padding-left: 54px !important;
    }
    .xxxl\:pl-56 {
        padding-left: 56px !important;
    }
    .xxxl\:pl-58 {
        padding-left: 58px !important;
    }
    .xxxl\:pl-60 {
        padding-left: 60px !important;
    }
    .xxxl\:pl-62 {
        padding-left: 62px !important;
    }
    .xxxl\:pl-64 {
        padding-left: 64px !important;
    }
    .xxxl\:pl-66 {
        padding-left: 66px !important;
    }
    .xxxl\:pl-68 {
        padding-left: 68px !important;
    }
    .xxxl\:pl-70 {
        padding-left: 70px !important;
    }
    .xxxl\:pl-72 {
        padding-left: 72px !important;
    }
    .xxxl\:fz-xs {
        font-size: var(--fz-xs) !important;
    }
    .xxxl\:fz-sm {
        font-size: var(--fz-sm) !important;
    }
    .xxxl\:fz-md {
        font-size: var(--fz-md) !important;
    }
    .xxxl\:fz-lg {
        font-size: var(--fz-lg) !important;
    }
    .xxxl\:fz-xl {
        font-size: var(--fz-xl) !important;
    }
    .xxxl\:fz-2xl {
        font-size: var(--fz-2xl) !important;
    }
    .xxxl\:fz-3xl {
        font-size: var(--fz-3xl) !important;
    }
    .xxxl\:fz-5xl {
        font-size: var(--fz-5xl) !important;
    }
    .xxxl\:fz-6xl {
        font-size: var(--fz-6xl) !important;
    }
    .xxxl\:fz-7xl {
        font-size: var(--fz-7xl) !important;
    }
    .xxxl\:fz-9xl {
        font-size: var(--fz-9xl) !important;
    }
    .xxxl\:fw-xl {
        font-weight: var(--fw-xl) !important;
    }
    .xxxl\:fw-l {
        font-weight: var(--fw-l) !important;
    }
    .xxxl\:fw-n {
        font-weight: var(--fw-n) !important;
    }
    .xxxl\:fw-m {
        font-weight: var(--fw-m) !important;
    }
    .xxxl\:fw-sb {
        font-weight: var(--fw-sb) !important;
    }
    .xxxl\:fw-b {
        font-weight: var(--fw-b) !important;
    }
    .xxxl\:fw-xb {
        font-weight: var(--fw-xb) !important;
    }
    .xxxl\:ta-j {
        text-align: justify !important;
    }
    .xxxl\:ta-l {
        text-align: left !important;
    }
    .xxxl\:ta-r {
        text-align: right !important;
    }
    .xxxl\:ta-c {
        text-align: center !important;
    }
    .xxxl\:lh-1 {
        line-height: var(--lh-1) !important;
    }
    .xxxl\:lh-2xs {
        line-height: var(--lh-2xs) !important;
    }
    .xxxl\:lh-xs {
        line-height: var(--lh-xs) !important;
    }
    .xxxl\:lh-sm {
        line-height: var(--lh-sm) !important;
    }
    .xxxl\:lh-md {
        line-height: var(--lh-md) !important;
    }
    .xxxl\:lh-lg {
        line-height: var(--lh-lg) !important;
    }
    .xxxl\:lh-xl {
        line-height: var(--lh-xl) !important;
    }
    .xxxl\:bg-white {
        background-color: var(--cl-white) !important;
    }
    .xxxl\:bg-black {
        background-color: var(--cl-black) !important;
    }
    .xxxl\:bg-body {
        background-color: var(--body-bg-cl) !important;
    }
    .xxxl\:bg-light {
        background-color: var(--bg-light) !important;
    }
    .xxxl\:bg-dark {
        background-color: var(--bg-dark) !important;
    }
    .xxxl\:bg-primary {
        background-color: var(--bg-primary) !important;
    }
    .xxxl\:bg-success {
        background-color: var(--bg-success) !important;
    }
    .xxxl\:bg-warning {
        background-color: var(--bg-warning) !important;
    }
    .xxxl\:bg-danger {
        background-color: var(--bg-danger) !important;
    }
    .xxxl\:bg-info {
        background-color: var(--bg-info) !important;
    }
    .xxxl\:bg-transparent {
        background-color: transparent !important;
    }
    .xxxl\:opacity-0 {
        opacity: 0 !important;
    }
    .xxxl\:opacity-1 {
        opacity: 1 !important;
    }
    .xxxl\:z-0 {
        z-index: 0 !important;
    }
    .xxxl\:z-10 {
        z-index: 10 !important;
    }
    .xxxl\:z-20 {
        z-index: 20 !important;
    }
    .xxxl\:z-30 {
        z-index: 30 !important;
    }
    .xxxl\:z-40 {
        z-index: 40 !important;
    }
    .xxxl\:z-50 {
        z-index: 50 !important;
    }
    .xxxl\:z-60 {
        z-index: 60 !important;
    }
    .xxxl\:z-70 {
        z-index: 70 !important;
    }
    .xxxl\:z-80 {
        z-index: 80 !important;
    }
    .xxxl\:z-90 {
        z-index: 90 !important;
    }
    .xxxl\:z-100 {
        z-index: 100 !important;
    }
    .xxxl\:pe-auto {
        pointer-events: auto !important;
    }
    .xxxl\:pe-none {
        pointer-events: none !important;
    }
    .xxxl\:shadow-none {
        box-shadow: none !important;
    }
    .xxxl\:shadow-wide {
        box-shadow: var(--shadow-wide) !important;
    }
    .xxxl\:shadow-wide-top {
        box-shadow: var(--shadow-wide-top) !important;
    }
    .xxxl\:shadow-short {
        box-shadow: var(--shadow-short) !important;
    }
    .xxxl\:shadow-line {
        box-shadow: var(--shadow-line) !important;
    }
}
@media print {
    .print\:d-inline {
        display: inline !important;
    }
    .print\:d-inline-block {
        display: inline-block !important;
    }
    .print\:d-block {
        display: block !important;
    }
    .print\:d-table {
        display: table !important;
    }
    .print\:d-table-row {
        display: table-row !important;
    }
    .print\:d-table-cell {
        display: table-cell !important;
    }
    .print\:d-flex {
        display: flex !important;
    }
    .print\:d-inline-flex {
        display: inline-flex !important;
    }
    .print\:d-grid {
        display: grid !important;
    }
    .print\:d-inline-grid {
        display: inline-grid !important;
    }
    .print\:d-contents {
        display: contents !important;
    }
    .print\:d-none {
        display: none !important;
    }
}
:root {
    --green-10: 0, 187, 102;
    --green-20: 203, 250, 146;
    --green-40: 202, 252, 229;
    --green-50: 235, 247, 189;
    --green-70: 230, 248, 240;
    --blue-10: 0, 127, 255;
    --blue-50: 207, 243, 252;
    --blue-60: 184, 239, 253;
    --purple-60: 214, 207, 252;
    --purple-70: 240, 238, 254;
    --red-5: 171, 48, 48;
    --red-10: 255, 85, 102;
    --red-20: 255, 221, 221;
    --orange-10: 251, 99, 64;
    --orange-20: 255, 141, 114;
    --yellow-10: 249, 164, 0;
    --yellow-20: 255, 241, 204;
    --peach-10: 238, 147, 86;
    --peach-60: 252, 225, 207;
    --peach-70: 255, 244, 235;
    --peach-80: 254, 249, 245;
    --pink-50: 252, 207, 252;
    --pink-70: 255, 238, 240;
    --gray-10: 34, 34, 34;
    --gray-20: 58, 58, 58;
    --gray-30: 136, 136, 136;
    --gray-35: 202, 194, 192;
    --gray-40: 204, 204, 204;
    --gray-42: 213, 207, 205;
    --gray-43: 224, 219, 218;
    --gray-45: 234, 232, 231;
    --gray-50: 234, 234, 234;
    --gray-60: 243, 243, 243;
    --gray-70: 248, 248, 248;
    --cl-green-10: rgb(var(--green-10));
    --cl-green-20: rgb(var(--green-20));
    --cl-green-40: rgb(var(--green-40));
    --cl-green-50: rgb(var(--green-50));
    --cl-green-70: rgb(var(--green-70));
    --cl-blue-10: rgb(var(--blue-10));
    --cl-blue-50: rgb(var(--blue-50));
    --cl-blue-60: rgb(var(--blue-60));
    --cl-purple-60: rgb(var(--purple-60));
    --cl-purple-70: rgb(var(--purple-70));
    --cl-red-5: rgb(var(--red-5));
    --cl-red-10: rgb(var(--red-10));
    --cl-red-20: rgb(var(--red-20));
    --cl-orange-10: rgb(var(--orange-10));
    --cl-orange-20: rgb(var(--orange-20));
    --cl-yellow-10: rgb(var(--yellow-10));
    --cl-yellow-20: rgb(var(--yellow-20));
    --cl-peach-10: rgb(var(--peach-10));
    --cl-peach-60: rgb(var(--peach-60));
    --cl-peach-70: rgb(var(--peach-70));
    --cl-peach-80: rgb(var(--peach-80));
    --cl-pink-50: rgb(var(--pink-50));
    --cl-pink-70: rgb(var(--pink-70));
    --cl-gray-10: rgb(var(--gray-10));
    --cl-gray-20: rgb(var(--gray-20));
    --cl-gray-30: rgb(var(--gray-30));
    --cl-gray-35: rgb(var(--gray-35));
    --cl-gray-40: rgb(var(--gray-40));
    --cl-gray-42: rgb(var(--gray-42));
    --cl-gray-43: rgb(var(--gray-43));
    --cl-gray-45: rgb(var(--gray-45));
    --cl-gray-50: rgb(var(--gray-50));
    --cl-gray-60: rgb(var(--gray-60));
    --cl-gray-70: rgb(var(--gray-70));
    --black: 0, 0, 0;
    --white: 255, 255, 255;
    --gray-700: 78, 78, 78;
    --gray-800: 49, 49, 49;
    --gray-900: 34, 34, 34;
    --coffee-100: 248, 247, 247;
    --coffee-200: 242, 241, 240;
    --coffee-300: 234, 232, 231;
    --coffee-500: 214, 207, 206;
    --coffee-600: 202, 194, 192;
    --coffee-700: 188, 179, 177;
    --coffee-800: 176, 167, 165;
    --darkblue-300: 194, 219, 255;
    --darkblue-400: 162, 199, 255;
    --blue-300: 184, 239, 253;
    --blue-400: 158, 235, 255;
    --peach-300: 253, 221, 200;
    --peach-400: 255, 210, 181;
    --aquamarine-300: 182, 255, 220;
    --aquamarine-400: 155, 255, 207;
    --yellow-500: 255, 230, 101;
    --yellowgreen-300: 225, 254, 119;
    --yellowgreen-400: 220, 255, 91;
    --lime-300: 203, 250, 146;
    --green-200: 182, 255, 222;
    --green-500: 119, 225, 175;
    --green-800: 0, 187, 102;
    --mustard-500: 245, 209, 123;
    --pink-300: 254, 215, 255;
    --pink-400: 253, 204, 255;
    --purple-300: 213, 205, 255;
    --purple-400: 201, 191, 255;
    --red-100: 255, 238, 238;
    --red-200: 255, 226, 226;
    --red-300: 255, 210, 210;
    --red-400: 255, 190, 190;
    --red-500: 255, 172, 174;
    --red-800: 255, 85, 102;
    --cl-black: rgb(var(--black));
    --cl-white: rgb(var(--white));
    --cl-gray-700: rgb(var(--gray-700));
    --cl-gray-800: rgb(var(--gray-800));
    --cl-gray-900: rgb(var(--gray-900));
    --cl-coffee-100: rgb(var(--coffee-100));
    --cl-coffee-200: rgb(var(--coffee-200));
    --cl-coffee-300: rgb(var(--coffee-300));
    --cl-coffee-500: rgb(var(--coffee-500));
    --cl-coffee-600: rgb(var(--coffee-600));
    --cl-coffee-700: rgb(var(--coffee-700));
    --cl-coffee-800: rgb(var(--coffee-800));
    --cl-darkblue-300: rgb(var(--darkblue-300));
    --cl-darkblue-400: rgb(var(--darkblue-400));
    --cl-blue-300: rgb(var(--blue-300));
    --cl-blue-400: rgb(var(--blue-400));
    --cl-peach-300: rgb(var(--peach-300));
    --cl-peach-400: rgb(var(--peach-400));
    --cl-aquamarine-300: rgb(var(--aquamarine-300));
    --cl-aquamarine-400: rgb(var(--aquamarine-400));
    --cl-yellow-500: rgb(var(--yellow-500));
    --cl-yellowgreen-300: rgb(var(--yellowgreen-300));
    --cl-yellowgreen-400: rgb(var(--yellowgreen-400));
    --cl-lime-300: rgb(var(--lime-300));
    --cl-green-200: rgb(var(--green-200));
    --cl-green-500: rgb(var(--green-500));
    --cl-green-800: rgb(var(--green-800));
    --cl-mustard-500: rgb(var(--mustard-500));
    --cl-pink-300: rgb(var(--pink-300));
    --cl-pink-400: rgb(var(--pink-400));
    --cl-purple-300: rgb(var(--purple-300));
    --cl-purple-400: rgb(var(--purple-400));
    --cl-red-100: rgb(var(--red-100));
    --cl-red-200: rgb(var(--red-200));
    --cl-red-300: rgb(var(--red-300));
    --cl-red-400: rgb(var(--red-400));
    --cl-red-500: rgb(var(--red-500));
    --cl-red-800: rgb(var(--red-800));
    --v-bestdoctor-1: 255, 208, 201;
    --cl-v-bestdoctor-1: rgb(var(--v-bestdoctor-1));
    --ca-gray-10-0: rgba(var(--gray-10), 0);
    --ca-gray-10-10: rgba(var(--gray-10), 0.1);
    --ca-gray-10-30: rgba(var(--gray-10), 0.3);
    --ca-gray-10-70: rgba(var(--gray-10), 0.7);
    --ca-gray-30-50: rgba(var(--gray-30), 0.5);
    --ca-gray-30-30: rgba(var(--gray-30), 0.3);
    --ca-gray-60-0: rgba(var(--gray-60), 0);
    --ca-gray-70-0: rgba(var(--gray-70), 0);
    --ca-gray-70-90: rgba(var(--gray-70), 0.9);
    --ca-green-10-10: rgba(var(--green-10), 0.1);
    --ca-red-10-10: rgba(var(--red-10), 0.1);
    --ca-white-0: rgba(var(--white), 0);
    --ca-white-20: rgba(var(--white), 0.2);
    --ca-white-30: rgba(var(--white), 0.3);
    --ca-white-50: rgba(var(--white), 0.5);
    --ca-white-80: rgba(var(--white), 0.8);
    --ca-coffee-200-0: rgba(var(--coffee-200), 0);
    --ca-coffee-200-80: rgba(var(--coffee-200), 0.8);
    --ca-coffee-300-90: rgba(var(--coffee-300), 0.9);
    --ca-coffee-500-0: rgba(var(--coffee-500), 0);
    --ca-coffee-500-70: rgba(var(--coffee-500), 0.7);
    --ca-coffee-500-90: rgba(var(--coffee-500), 0.9);
    --ca-coffee-500-97: rgba(var(--coffee-500), 0.7);
    --ca-coffee-600-5: rgba(var(--coffee-600), 0.05);
    --ca-coffee-600-15: rgba(var(--coffee-600), 0.15);
    --ca-coffee-600-40: rgba(var(--coffee-600), 0.4);
    --ca-gray-900-6: rgba(var(--gray-900), 0.06);
    --ca-gray-900-10: rgba(var(--gray-900), 0.1);
    --ca-gray-900-11: rgba(var(--gray-900), 0.11);
    --ca-gray-900-20: rgba(var(--gray-900), 0.2);
    --ca-gray-900-25: rgba(var(--gray-900), 0.25);
    --ca-gray-900-30: rgba(var(--gray-900), 0.3);
    --ca-gray-900-35: rgba(var(--gray-900), 0.35);
    --ca-gray-900-45: rgba(var(--gray-900), 0.45);
    --ca-gray-900-80: rgba(var(--gray-900), 0.8);
    --ca-green-800-60: rgba(var(--green-800), 0.6);
    --ca-red-800-60: rgba(var(--red-800), 0.6);
}
:root {
    --text-mark-fz: var(--fz-xs);
    --text-xs-fz: var(--fz-xs);
    --text-sm-fz: var(--fz-sm);
    --text-md-fz: var(--fz-md);
    --text-lg-fz: var(--fz-lg);
    --text-mark-lh: var(--lh-md);
    --text-xs-lh: var(--lh-md);
    --text-sm-lh: var(--lh-lg);
    --text-md-lh: var(--lh-xl);
    --text-lg-lh: var(--lh-md);
    --text-mark-fw: var(--fw-b);
    --text-xs-fw: var(--fw-n);
    --text-sm-fw: var(--fw-n);
    --text-md-fw: var(--fw-n);
    --text-lg-fw: var(--fw-n);
    --h1-fz: 32px;
    --h2-fz: 24px;
    --h3-fz: 22px;
    --h4-fz: 14px;
    --h1-lh: var(--lh-1);
    --h2-lh: var(--lh-xs);
    --h3-lh: var(--lh-sm);
    --h4-lh: var(--lh-lg);
    --h1-fw: var(--fw-b);
    --h2-fw: var(--fw-b);
    --h3-fw: var(--fw-n);
    --h4-fw: var(--fw-b);
    --text-light-cl: var(--cl-gray-50);
    --text-dark-cl: var(--cl-gray-20);
    --text-primary-cl: var(--cl-blue-10);
    --text-success-cl: var(--cl-green-10);
    --text-warning-cl: var(--cl-orange-20);
    --text-danger-cl: var(--cl-red-10);
    --text-disabled-cl: var(--cl-gray-30);
    --text-info-cl: var(--cl-yellow-20);
    --text-muted-cl: var(--cl-gray-40);
}
:root {
    --hr-default-bg-cl: var(--cl-gray-30);
    --hr-my: 16px;
    --hr-height: 1px;
}
:root {
    --shadow-short: 0 2px 8px rgba(53, 27, 96, 0.08);
    --shadow-wide: 0 5px 25px rgba(53, 27, 96, 0.08);
    --shadow-wide-top: 0 -5px 25px rgba(53, 27, 96, 0.08);
    --shadow-line: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
:root {
    --brs-popup: 12px;
    --brs-form: 12px;
    --brs-stepper: 9px;
    --brs-drop: 8px;
    --brs-drop-item: 9px;
    --brs-drop-label: 9px;
    --brs-tooltip: 14px;
    --brs-widget: 32px;
    --brs-slider-bullet: 2px;
}
:root {
    --icon-size: 1em;
    --icon-fz: 16px;
    --icon-lg-fz: 20px;
    --icon-xl-fz: 24px;
    --icon-2xl-fz: 32px;
    --icon-4xl-fz: 40px;
    --icon-6xl-fz: 48px;
    --icon-loader-circle-stroke-cl: var(--cl-gray-40);
    --icon-loader-segment-stroke-cl: var(--cl-gray-10);
    --icon-product-size: 1em;
    --icon-product-cl: var(--body-cl);
    --sm-icon-product-xs-fz: 16px;
    --md-icon-product-xs-fz: 20px;
    --lg-icon-product-xs-fz: 24px;
    --sm-icon-product-sm-fz: 24px;
    --md-icon-product-sm-fz: 28px;
    --lg-icon-product-sm-fz: 36px;
    --sm-icon-product-md-fz: 32px;
    --md-icon-product-md-fz: 40px;
    --lg-icon-product-md-fz: 48px;
    --sm-icon-product-lg-fz: 40px;
    --md-icon-product-lg-fz: 48px;
    --lg-icon-product-lg-fz: 60px;
    --sm-icon-product-xl-fz: 72px;
    --md-icon-product-xl-fz: 88px;
    --lg-icon-product-xl-fz: 112px;
    --sm-icon-product-xs-stroke-w: 1px;
    --md-icon-product-xs-stroke-w: 1.5px;
    --lg-icon-product-xs-stroke-w: 2px;
    --sm-icon-product-sm-stroke-w: 1.5px;
    --md-icon-product-sm-stroke-w: 1.5px;
    --lg-icon-product-sm-stroke-w: 2px;
    --sm-icon-product-md-stroke-w: 1.5px;
    --md-icon-product-md-stroke-w: 1.5px;
    --lg-icon-product-md-stroke-w: 2px;
    --sm-icon-product-lg-stroke-w: 1.5px;
    --md-icon-product-lg-stroke-w: 1.5px;
    --lg-icon-product-lg-stroke-w: 2px;
    --sm-icon-product-xl-stroke-w: 3px;
    --md-icon-product-xl-stroke-w: 4px;
    --lg-icon-product-xl-stroke-w: 5px;
    --icon-product-skeleton-cl: var(--cl-coffee-200);
}
:root {
    --body-bg-cl: var(--cl-gray-60);
    --body-bg-trans: var(--ca-gray-70-0);
    --body-cl: var(--cl-gray-10);
    --body-ff: var(--ff-aeroport);
    --body-fz: var(--fz-md);
    --body-fw: var(--fw-n);
    --body-lh: 1.5;
    --body-scroll-cl: var(--cl-gray-40);
}
:root {
    --header-default-h: 60px;
    --header-lg-h: 80px;
    --header-border-cl: var(--cl-gray-60);
}
:root {
    --footer-bg-cl: var(--cl-gray-50);
}
:root {
    --logo-default-fill-cl: var(--cl-gray-10);
}
:root {
    --bg-light: var(--cl-gray-70);
    --bg-dark: var(--cl-gray-10);
    --bg-primary: var(--cl-blue-10);
    --bg-success: var(--cl-green-10);
    --bg-warning: var(--cl-orange-10);
    --bg-danger: var(--cl-red-20);
    --bg-info: var(--cl-yellow-20);
}
:root {
    --btn-default-fz: var(--text-lg-fz);
    --btn-default-fw: var(--text-lg-fw);
    --btn-default-lh: var(--text-lg-lh);
    --btn-px: 22px;
    --btn-h: 56px;
    --btn-border-width: 1px;
    --btn-border-cl: var(--cl-gray-10);
    --btn-brs: 9px;
    --btn-bg-cl: var(--cl-gray-10);
    --btn-cl: var(--cl-white);
    --btn-ff: var(--ff-aeroport);
    --btn-icon-gap: 8px;
    --btn-sm-px: 18px;
    --btn-sm-h: 44px;
    --btn-sm-brs: 11px;
    --btn-md-px: var(--btn-px);
    --btn-md-h: 44px;
    --btn-md-brs: 13px;
    --btn-lg-px: 20px;
    --btn-lg-h: 68px;
    --btn-lg-brs: 19px;
    --btn-hover-border-cl: var(--cl-gray-20);
    --btn-hover-bg-cl: var(--cl-gray-20);
    --btn-active-border-cl: var(--cl-gray-20);
    --btn-active-bg-cl: var(--cl-gray-20);
    --btn-disabled-border-cl: var(--cl-gray-50);
    --btn-disabled-bg-cl: var(--cl-gray-50);
    --btn-disabled-cl: var(--cl-gray-40);
    --btn-secondary-border-cl: var(--cl-gray-20);
    --btn-secondary-bg-cl: transparent;
    --btn-secondary-cl: var(--cl-gray-10);
    --btn-secondary-hover-border-cl: var(--cl-black);
    --btn-secondary-hover-bg-cl: var(--cl-gray-70);
    --btn-secondary-hover-cl: var(--cl-black);
    --btn-secondary-active-border-cl: var(--cl-gray-20);
    --btn-secondary-active-bg-cl: var(--cl-gray-50);
    --btn-secondary-active-cl: var(--cl-gray-20);
    --btn-secondary-disabled-cl: var(--cl-gray-40);
    --btn-secondary-disabled-border-cl: var(--cl-gray-40);
    --btn-primary-reg-border-cl: var(--cl-white);
    --btn-primary-reg-bg-cl: var(--cl-white);
    --btn-primary-reg-hover-border-cl: var(--cl-gray-70);
    --btn-primary-reg-hover-bg-cl: var(--cl-gray-70);
    --btn-primary-reg-active-border-cl: var(--cl-gray-60);
    --btn-primary-reg-active-bg-cl: var(--cl-gray-60);
    --btn-marketing-border-cl: var(--cl-green-20);
    --btn-marketing-bg-cl: var(--cl-green-20);
    --btn-marketing-cl: var(--cl-gray-10);
    --btn-hover-marketing-border-cl: var(--cl-green-20);
    --btn-hover-marketing-bg-cl: var(--cl-green-20);
    --btn-hover-marketing-cl: var(--cl-gray-10);
    --btn-grey-bg-cl: var(--cl-gray-43);
}
:root {
    --btn-service-sm-w: 114px;
    --btn-service-sm-h: 36px;
    --btn-service-sm-img-h: 22px;
    --btn-service-sm-brs: 9px;
    --btn-service-sm-border-w: 1px;
    --btn-service-cl: var(--cl-gray-10);
    --btn-service-bg-cl: transparent;
    --btn-service-border-cl: var(--cl-gray-10);
    --btn-service-w: 216px;
    --btn-service-h: 68px;
    --btn-service-img-h: 44px;
    --btn-service-brs: 12px;
    --btn-service-border-w: 2px;
    --btn-service-hover-cl: var(--cl-white);
    --btn-service-hover-bg-cl: var(--cl-gray-10);
    --btn-service-hover-border-cl: var(--cl-gray-10);
    --btn-service-active-cl: var(--cl-white);
    --btn-service-active-bg-cl: var(--cl-gray-20);
    --btn-service-active-border-cl: var(--cl-gray-20);
}
:root {
    --btn-tag-py: 16px;
    --btn-tag-px: 20px;
    --btn-tag-brs: 12px;
    --btn-tag-bg-cl: var(--cl-gray-60);
    --btn-tag-cl: var(--cl-gray-10);
    --btn-tag-fz: var(--text-md-fz);
    --btn-tag-fw: var(--text-md-fw);
    --btn-tag-lh: var(--text-md-lh);
    --btn-tag-shadow: var(--shadow-short);
    --btn-tag-active-bg-cl: var(--cl-gray-10);
    --btn-tag-active-cl: var(--cl-white);
    --btn-tag-secondary-py: 12px;
    --btn-tag-secondary-px: 16px;
    --btn-tag-secondary-bg-cl: var(--cl-white);
}
:root {
    --btn-floating-p: 16px;
    --btn-floating-bg-cl: var(--cl-white);
    --btn-floating-cl: var(--cl-gray-10);
    --btn-floating-shadow: var(--shadow-wide);
    --btn-floating-hover-bg-cl: var(--cl-gray-70);
    --btn-floating-active-shadow: var(--shadow-short);
}
:root {
    --link-default-cl: inherit;
    --link-decoration: underline;
    --link-bg: transparent;
    --link-hover-cl: var(--cl-gray-30);
}
:root {
    --field-default-bg-cl: var(--cl-white);
    --field-height-lg: 68px;
    --field-height-sm: 44px;
    --field-main-py: 4px;
    --field-main-px: 12px;
    --field-fz: var(--text-lg-fz);
    --field-fw: var(--text-lg-fw);
    --field-lh: var(--text-lg-lh);
    --field-border-width: 1px;
    --field-border-cl: var(--cl-gray-50);
    --field-brs: var(--brs-form);
    --field-shadow: var(--shadow-short);
    --field-control-py: 0;
    --field-control-px: 8px;
    --field-control-divider-cl: var(--cl-gray-60);
    --field-title-fz: var(--text-lg-fz);
    --field-title-fw: var(--text-lg-fw);
    --field-title-lh: var(--text-lg-lh);
    --field-title-focus-fz: var(--text-xs-fz);
    --field-title-focus-fw: var(--text-xs-fw);
    --field-title-focus-lh: var(--text-xs-lh);
    --field-hover-shadow: var(--shadow-wide);
    --field-disabled-cl: var(--cl-gray-30);
    --field-disabled-bg-cl: var(--cl-gray-40);
    --field-disabled-border-cl: var(--cl-gray-50);
    --field-disabled-shadow: none;
    --field-secondary-border-cl: transparent;
    --field-secondary-bg-cl: var(--cl-gray-60);
    --field-secondary-cl: inherit;
    --field-secondary-shadow: none;
    --field-secondary-hover-bg-cl: var(--cl-gray-50);
    --field-secondary-error-bg-cl: var(--cl-red-20);
    --field-map-comment-fz: var(--text-sm-fz);
    --field-map-comment-fw: var(--text-sm-fw);
    --field-map-comment-lh: var(--text-sm-lh);
    --field-map-comment-bg-cl: var(--cl-white);
    --field-map-comment-placeholder-cl: var(--cl-gray-10);
    --field-map-comment-shadow: none;
    --field-map-comment-control-py: 12px;
    --field-map-comment-control-px: 16px;
    --field-map-comment-hover-shadow: var(--shadow-short);
    --field-textarea-pt: 17px;
    --field-textarea-sm-pt: 12px;
    --field-textarea-scrollbar-bg-cl: var(--cl-gray-40);
    --drop-overlay-default-h: 0px;
    --drop-overlay-visible-h: 160px;
    --drop-error-message-w: var(--field-reg-error-message-w);
    --drop-error-message-bg-cl: var(--field-reg-error-message-bg-cl);
    --field-btn-pr: 5px;
    --field-main-err-actions-pt: 24px;
    --field-main-err-actions-bg-cl: var(--body-bg-cl);
    --field-placeholder-cl: var(--cl-gray-30);
    --field-main-error-message-w: calc(100% + 2px);
    --field-main-error-message-bg-cl: var(--body-bg-cl);
    --field-reg-fz: var(--text-md-fz);
    --field-reg-fw: var(--text-md-fw);
    --field-reg-lh: var(--text-md-lh);
    --field-reg-bg-cl: var(--cl-gray-70);
    --field-reg-border-cl: transparent;
    --field-reg-shadow: none;
    --field-reg-cl: inherit;
    --field-reg-error-message-w: 100%;
    --field-reg-error-message-bg-cl: var(--cl-white);
    --field-reg-err-actions-bg-cl: var(--cl-white);
    --field-reg-err-message-h: 41px;
    --field-reg-addon-w: 48px;
    --field-reg-addon-h: 48px;
    --field-reg-control-divider-cl: var(--cl-gray-40);
    --field-reg-drop-label-hover-bg-cl: var(--cl-gray-50);
    --field-reg-drop-item-bordered-active-bg-cl: var(--cl-gray-60);
    --field-reg-py: 9px;
    --field-reg-pl: 19px;
    --field-reg-pr: 9px;
    --field-reg-err-actions-pt: 0;
    --lg-field-date-picker-addon-h: 56px;
    --lg-field-date-picker-addon-w: auto;
    --lg-field-date-picker-p: 3px;
}
:root {
    --info-bg: var(--cl-gray-50);
    --map-loading-filter: blur(10px);
    --atm-overlay-mobile-mt: 228px;
}
:root {
    --popup-my: 15vh;
    --popup-overlay-bg-cl: var(--ca-gray-70-90);
    --popup-overlay-loader-bg-cl: var(--ca-white-80);
    --popup-sm-max-w: 400px;
    --popup-wrapper-max-w: 480px;
    --popup-wrapper-bg-cl: var(--cl-white);
    --popup-wrapper-default-p: 0 4px;
    --popup-wrapper-default-brs: var(--brs-popup);
    --popup-wrapper-default-shadow: var(--shadow-short);
    --popup-default-header-p: 20px 16px 20px 16px;
    --popup-default-content-p: 0;
    --popup-default-footer-p: 0;
    --popup-wrapper-product-shadow: none;
    --popup-product-px: 0;
    --sm-popup-wrapper-product-brs: 12px;
    --md-popup-wrapper-product-brs: 16px;
    --lg-popup-wrapper-product-brs: 20px;
    --sm-popup-wrapper-product-p: 0 0 12px 0;
    --md-popup-wrapper-product-p: 0 0 16px 0;
    --lg-popup-wrapper-product-p: 0 0 20px 0;
    --sm-popup-product-header-p: 16px 24px 16px 24px;
    --md-popup-product-header-p: 20px 28px 10px 28px;
    --lg-popup-product-header-p: 24px 36px 12px 36px;
    --sm-popup-product-content-p: 4px 24px 0 24px;
    --md-popup-product-content-p: 6px 28px 0 28px;
    --lg-popup-product-content-p: 8px 36px 0 36px;
    --sm-popup-product-footer-p: 20px 12px 0 12px;
    --md-popup-product-footer-p: 24px 16px 0 16px;
    --lg-popup-product-footer-p: 32px 20px 0 20px;
}
:root {
    --scroll-w: 4px;
    --scroll-brs: 2px;
    --scroll-border-inner-w: 0px;
    --scroll-border-outer-w: 4px;
    --scroll-thumb-bg-cl: var(--cl-gray-50);
    --scroll-bg-cl: var(--cl-white);
    --scroll-track-bg-cl: unset;
    --scroll-thumb-m: 8px;
    --scrollbar-w: 0px;
}
:root {
    --drop-content-bg-cl: var(--cl-white);
    --drop-content-brs: var(--brs-drop);
    --drop-content-shadow: var(--shadow-short);
    --drop-content-default-max-h: 300px;
    --drop-content-sm-max-h: 180px;
    --drop-content-lg-max-h: 460px;
    --drop-wrapper-mt: 4px;
    --drop-wrapper-mb: 4px;
    --drop-loader-fz: var(--text-md-fz);
    --drop-loader-fw: var(--text-md-fw);
    --drop-loader-lh: var(--text-md-lh);
    --drop-item-default-p: 12px 20px;
    --drop-item-default-brs: var(--brs-drop-item);
    --drop-item-default-bg-cl: var(--cl-white);
    --drop-item-default-hover-bg-cl: var(--cl-gray-70);
    --drop-item-bordered-p: 16px 8px;
    --drop-item-bordered-bg-cl: var(--cl-gray-60);
    --drop-item-bordered-border-cl: var(--cl-gray-60);
    --drop-item-bordered-hover-bg-cl: var(--cl-gray-50);
    --drop-item-bordered-hover-border-cl: var(--cl-gray-50);
    --drop-item-bordered-active-bg-cl: transparent;
    --drop-item-bordered-active-border-cl: var(--cl-gray-10);
    --drop-label-hover-bg-cl: var(--cl-gray-60);
    --drop-label-brs: var(--brs-drop-label);
    --drop-error-p: 16px 20px;
    --drop-error-brs: 12px;
    --drop-error-bg-cl: var(--cl-white);
    --drop-error-shadow: var(--shadow-short);
    --drop-error-cl: var(--text-disabled-cl);
}
:root {
    --switch-bg-cl: var(--cl-gray-60);
    --switch-p: 2px;
    --switch-brs: 12px;
    --switch-default-item-fz: var(--h4-fz);
    --switch-default-item-fw: var(--h4-fw);
    --switch-default-item-lh: var(--h4-lh);
    --switch-default-item-ls: -0.01em;
    --switch-default-item-py: 10px;
    --switch-default-item-px: 16px;
    --switch-default-item-brs: 10px;
    --switch-default-item-cl: inherit;
    --switch-default-item-bg-cl: transparent;
    --switch-default-item-shadow: none;
    --switch-default-item-checked-bg-cl: var(--cl-white);
    --switch-default-item-checked-shadow: var(--shadow-short);
    --switch-secondary-item-fz: var(--text-md-fz);
    --switch-secondary-item-fw: var(--text-md-fw);
    --switch-secondary-item-lh: var(--text-md-lh);
    --switch-secondary-item-py: 12px;
    --switch-secondary-item-brs: 12px;
    --switch-secondary-item-bg-cl: var(--cl-white);
    --switch-secondary-item-cl: var(--cl-gray-10);
    --switch-secondary-item-checked-bg-cl: var(--cl-gray-10);
    --switch-secondary-item-checked-cl: var(--cl-white);
}
:root {
    --chat-margin-bottom: 16px;
    --chat-main-msg-my: 4px;
    --chat-msg-mx: 0;
    --chat-main-msg-interval: 20px;
    --chat-msg-map-h: 236px;
    --chat-main-msg-actions-mt: 20px;
    --chat-msg-sticky-overlay-h: 120px;
    --chat-main-message-wrapper-p: 0;
    --chat-msg-body-max-w: 350px;
    --chat-msg-body-py: 16px;
    --chat-msg-body-px: 16px;
    --chat-msg-body-border-w: 1px;
    --chat-msg-body-border-cl: var(--cl-gray-50);
    --chat-main-msg-body-out-brs: 32px 32px 0 32px;
    --chat-main-msg-body-inc-brs: 32px 32px 32px 0;
    --chat-msg-body-out-py: 12px;
    --chat-msg-body-out-px: 16px;
    --chat-main-msg-body-out-bg-cl: var(--cl-gray-50);
    --chat-msg-body-error-bg-cl: var(--bg-danger);
    --chat-msg-body-error-max-w: 356px;
    --chat-msg-body-map-max-w: 300px;
    --chat-main-msg-body-main-cl: var(--cl-gray-10);
    --chat-secondary-msg-body-out-brs: 12px 12px 0 12px;
    --chat-secondary-msg-body-inc-brs: 12px 12px 12px 0;
    --chat-secondary-msg-incoming-body-bg-cl: var(--cl-gray-20);
    --chat-secondary-msg-incoming-body-border-cl: var(--cl-gray-35);
    --chat-secondary-msg-my: 8px;
    --chat-reg-message-wrapper-p: 12px;
    --chat-reg-msg-body-inc-bg-cl: var(--cl-gray-70);
    --chat-reg-msg-body-out-bg-cl: var(--cl-gray-10);
    --chat-reg-msg-body-map-bg-cl: var(--cl-gray-20);
    --chat-reg-msg-body-out-cl: var(--cl-white);
    --chat-reg-msg-body-out-brs: 24px 24px 4px 24px;
    --chat-reg-msg-body-inc-brs: 24px 24px 24px 4px;
    --chat-reg-msg-body-brs: 24px;
    --chat-reg-msg-interval: 12px;
    --chat-reg-msg-my: 8px 0;
    --chat-reg-msg-actions-mt: 0;
    --chat-reg-msg-body-py: 11px;
    --chat-reg-msg-body-px: 19px;
    --chat-reg-header-border-cl: var(--cl-gray-50);
    --chat-reg-message-field-control-cl: var(--cl-gray-10);
}
:root {
    --autocomplete-bg-cl: var(--cl-white);
    --autocomplete-items-p: 4px;
    --autocomplete-items-spacing: 8px;
    --autocomplete-item-py: 20px;
    --autocomplete-item-px: 16px;
    --autocomplete-item-divider-left: 16px;
    --autocomplete-item-divider-right: 16px;
    --autocomplete-item-divider-w: 1px;
    --autocomplete-item-divider-cl: var(--cl-gray-50);
    --autocomplete-item-hover-bg-cl: var(--cl-gray-60);
    --autocomplete-item-active-bg-cl: var(--cl-gray-50);
}
:root {
    --cont-second-max-w: 1920px;
    --cont-second-content-w: 464px;
    --cont-second-content-p: 116px;
    --cont-second-content-mt: 84px;
    --cont-second-content-mb: 16px;
    --cont-second-content-map-mt: 12px;
    --cont-second-picture-space: 5vh;
    --cont-second-logo-top: 16px;
}
:root {
    --widget-main-bg-cl: var(--cl-white);
    --widget-main-brs: var(--brs-widget);
    --widget-informer-bg-cl: var(--cl-gray-43);
    --lg-widget-informer-brs: 24px;
    --sm-widget-informer-brs: 12px;
    --lg-widget-new-brs: 26px;
    --sm-widget-new-brs: 32px;
    --xs-widget-new-brs: 24px;
    --widget-green-bg-cl: var(--cl-green-20);
}
:root {
    --skeleton-bg: var(--ca-coffee-600-15);
    --skeleton-loader-bg: var(--ca-coffee-600-5);
}
:root {
    --marketing-primary-cl: var(--cl-green-20);
    --marketing-secondary-cl: var(--cl-gray-45);
    --landing-section-overlay-bg-cl: var(--ca-gray-70-90);
    --price-label-bg-cl: var(--cl-gray-10);
    --price-label-value-cl: var(--cl-white);
    --price-label-value-old-cl: var(--cl-gray-30);
    --price-label-primary-bg-cl: var(--marketing-primary-cl);
    --price-label-primary-value-cl: var(--cl-black);
    --price-label-primary-value-old-cl: var(--cl-black);
    --list-divided-border-cl: var(--cl-gray-50);
    --hot-spot-btn-bg-cl: var(--marketing-primary-cl);
    --hot-spot-btn-shadow: var(--shadow-short);
    --hot-spot-content-shadow: var(--shadow-short);
    --marketing-tariff-default-bg-cl: var(--cl-gray-45);
    --marketing-tariff-default-cl: var(--cl-gray-10);
    --marketing-tariff-hover-bg-cl: var(--cl-gray-35);
    --marketing-tariff-hover-cl: var(--cl-gray-10);
    --marketing-tariff-active-bg-cl: var(--cl-gray-45);
    --marketing-tariff-active-border-cl: var(--cl-gray-10);
    --marketing-tariff-active-hover-bg-cl: var(--cl-gray-35);
    --marketing-tariff-active-hover-cl: var(--cl-gray-10);
    --message-form-bg-cl: var(--cl-gray-43);
    --message-field-lg-padding-x: 20px;
    --message-field-sm-padding-x: 12px;
    --message-field-padding-y: 12px;
    --message-field-bg-cl: var(--cl-white);
    --message-field-border-cl: var(--cl-black);
    --message-field-brs: var(--brs-form);
    --message-field-scroll-cl: var(--cl-gray-40);
    --message-field-counter-text-cl: var(--cl-gray-40);
}
:root {
    --cta-description-cl: var(--cl-gray-20);
    --cta-menu-link-hover-cl: var(--cl-white);
    --cta-bg-color: var(--cl-white);
    --cta-animation-inner-bg-cl: var(--cl-white);
    --cta-animation-inner-shadow: var(--shadow-short);
    --cta-animation-text-cl: var(--text-disabled-cl);
}
:root {
    --mass-media-bg-cl: var(--cl-gray-42);
    --mass-media-border-cl: var(--cl-gray-42);
    --mass-media-hover-bg-cl: var(--cl-gray-10);
}
:root {
    --slider-bullet-bg-cl: var(--ca-gray-10-10);
    --slider-bullet-active-bg-cl: var(--cl-gray-10);
}
:root {
    --loader-stroke-cl: var(--cl-white);
}
:root {
    --loader-dot-default-cl: var(--cl-gray-10);
}
:root {
    --stepper-cl: var(--cl-gray-30);
    --stepper-label-border-cl: var(--cl-gray-60);
    --stepper-brs: var(--brs-stepper);
    --stepper-btn-default-bg-cl: var(--cl-gray-70);
    --stepper-btn-default-hover-bg-cl: var(--cl-gray-50);
}
:root {
    --hint-default-border-cl: var(--cl-gray-40);
    --hint-error-border-cl: var(--cl-red-20);
}
:root {
    --sidebar-bg-cl: var(--cl-white);
    --sidebar-overlay-bg-cl: var(--ca-gray-70-90);
    --sidebar-overlay-loader-bg-cl: var(--ca-white-80);
    --sidebar-header-shadow: var(--shadow-line);
    --sidebar-main-content-w: 720px;
    --sidebar-marketing-bg-cl: var(--cl-gray-43);
    --sidebar-marketing-brs: 0;
    --sidebar-marketing-shadow: var(--shadow-wide);
    --sidebar-marketing-header-default-h: 60px;
    --sidebar-marketing-header-default-p: 12px 20px 4px 24px;
    --sidebar-marketing-header-lg-h: 88px;
    --sidebar-marketing-header-lg-p: 20px 36px 12px 44px;
    --sidebar-marketing-content-default-p: 16px 24px;
    --sidebar-marketing-t: 0px;
    --sidebar-direction-left-t: 0px;
    --sidebar-default-w: 100%;
    --sidebar-default-t: 32px;
    --sidebar-default-brs: 20px 20px 0 0;
    --sidebar-header-default-h: 72px;
    --sidebar-header-default-p: 12px 24px;
    --sidebar-content-default-p: 16px 12px;
    --sidebar-footer-default-p: 24px 24px 48px;
    --sidebar-lg-w: 620px;
    --sidebar-lg-brs: 0;
    --sidebar-header-lg-h: 88px;
    --sidebar-header-lg-p: 12px 44px;
    --sidebar-content-lg-p: 44px;
    --sidebar-footer-lg-p: 34px 44px 48px;
    --sidebar-xxl-w: 944px;
    --sidebar-header-xxl-p: 12px 44px 12px 96px;
    --sidebar-content-xxl-p: 44px 96px;
    --sidebar-footer-xxl-p: 34px 96px 48px;
    --sidebar-reg-header-h: auto;
    --sidebar-reg-header-p: 20px 24px;
    --sidebar-reg-content-p: 0;
    --sidebar-reg-sm-brs: 24px 24px 0 0;
    --sidebar-reg-lg-brs: 24px;
    --sidebar-reg-content-w: auto;
}
:root {
    --reg-image-default-size: 570px;
    --reg-image-sm-size: 400px;
    --reg-image-qr-code-fill-cl: var(--cl-black);
}
:root {
    --loader-screen-icon-default-size: 102px;
    --loader-screen-icon-sm-size: 40px;
    --loader-screen-bg-cl: var(--body-bg-cl);
}
:root {
    --icon-number-cl: var(--marketing-secondary-cl);
    --icon-number-active-cl: var(--marketing-primary-cl);
}
:root {
    --nav-tabs-btn-default-cl: var(--cl-gray-30);
    --nav-tabs-btn-active-cl: var(--cl-black);
    --nav-tabs-item-line-bg-cl: var(--cl-black);
    --nav-tabs-item-active-line-brs: 2px;
}
:root {
    --mark-circle-pl: 2em;
    --mark-circle-default-marker-bg-cl: var(--cl-peach-60);
    --mark-circle-success-marker-bg-cl: var(--cl-green-10);
    --mark-circle-error-marker-bg-cl: var(--cl-red-10);
    --mark-circle-primary-marker-bg-cl: var(--cl-blue-10);
}
:root {
    --calendar-panel-default-p: 16px;
    --calendar-panel-sm-p: 8px;
    --calendar-panel-fz: var(--fz-lg);
    --calendar-panel-brs: 12px;
    --calendar-header-default-fz: var(--fz-lg);
    --calendar-header-sm-fz: var(--fz-md);
    --calendar-week-day-fz: var(--fz-xs);
    --calendar-week-day-fw: var(--fw-normal);
    --calendar-week-day-cl: var(--cl-gray-40);
    --calendar-week-day-brs: 50%;
    --calendar-day-default-size: 44px;
    --calendar-day-default-fz: var(--fz-lg);
    --calendar-day-sm-size: 40px;
    --calendar-day-sm-fz: var(--fz-sm);
    --calendar-day-default-hover-bg-cl: var(--cl-gray-60);
    --calendar-day-selected-bg-cl: var(--cl-black);
    --calendar-day-selected-cl: var(--cl-white);
    --calendar-day-selected-hover-cl: var(--cl-black);
    --calendar-day-selected-range-bg-cl: var(--cl-gray-40);
    --calendar-day-disabled-cl: var(--cl-gray-50);
    --calendar-day-current-dot-size: 4px;
    --calendar-day-current-dot-brs: 4px;
    --calendar-day-current-dot-bg-cl: var(--cl-red-10);
}
:root {
    --border-light-cl: var(--cl-gray-50);
    --border-dark-cl: var(--cl-gray-20);
    --border-primary-cl: var(--cl-blue-10);
    --border-success-cl: var(--cl-green-10);
    --border-warning-cl: var(--cl-orange-20);
    --border-danger-cl: var(--cl-red-10);
    --border-info-cl: var(--cl-yellow-20);
}
:root {
    --checkbox-box-default-bg-cl: var(--cl-white);
    --checkbox-box-default-border-cl: var(--cl-gray-40);
    --checkbox-mark-default-cl: transparent;
    --checkbox-box-checked-bg-cl: var(--cl-gray-10);
    --checkbox-box-checked-border-cl: var(--cl-gray-10);
    --checkbox-mark-checked-cl: var(--cl-white);
    --checkbox-box-disabled-bg-cl: var(--cl-gray-50);
    --checkbox-box-disabled-border-cl: var(--cl-gray-50);
    --checkbox-mark-disabled-cl: var(--cl-gray-40);
}
:root {
    --flip-content-bg-cl: var(--cl-green-20);
    --flip-content-cl: var(--cl-gray-10);
}
:root {
    --tooltip-default-cl: var(--cl-gray-10);
    --tooltip-default-bg-cl: var(--cl-white);
    --tooltip-default-brs: var(--brs-tooltip);
    --tooltip-default-shadow: var(--shadow-short);
    --tooltip-default-py: 8px;
    --tooltip-default-px: 12px;
    --tooltip-content-default-max-w: 250px;
    --tooltip-secondary-cl: var(--cl-white);
    --tooltip-secondary-bg-cl: var(--cl-gray-800);
    --tooltip-secondary-shadow: 0 0 transparent;
    --sm-tooltip-secondary-py: 12px;
    --sm-tooltip-secondary-px: 12px;
    --md-tooltip-secondary-py: 16px;
    --md-tooltip-secondary-px: 16px;
    --lg-tooltip-secondary-py: 20px;
    --lg-tooltip-secondary-px: 20px;
    --sm-tooltip-content-secondary-max-w: 386px;
    --md-tooltip-content-secondary-max-w: 545px;
    --lg-tooltip-content-secondary-max-w: 732px;
    --sm-tooltip-secondary-brs: 12px;
    --md-tooltip-secondary-brs: 16px;
    --lg-tooltip-secondary-brs: 20px;
    --tooltip-arrow-indent-default: 48px;
    --sm-tooltip-arrow-indent-sm: 22px;
    --md-tooltip-arrow-indent-sm: 24px;
    --lg-tooltip-arrow-indent-sm: 40px;
    --tooltip-content-marketing-max-w: 300px;
    --tooltip-marketing-brs: 16px;
    --tooltip-marketing-py: 12px;
    --tooltip-marketing-px: 12px;
    --tooltip-marketing-bg-cl: var(--cl-green-20);
}
:root {
    --comparison-widget-brs: 24px;
    --comparison-widget-bg-cl: var(--cl-white);
    --comparison-widget-secondary-bg-cl: var(--cl-gray-45);
    --comparison-divider-bg-cl: var(--cl-gray-43);
    --comparison-widget-shadow: var(--shadow-short);
    --comparison-primary-widget-bg-cl: var(--cl-green-20);
}
:root {
    --marketing-tabs-item-default-cl: var(--cl-gray-30);
    --marketing-tabs-item-active-cl: var(--cl-gray-10);
    --marketing-tabs-item-hover-cl: var(--cl-gray-10);
    --marketing-tabs-pill-item-active-cl: var(--cl-white);
    --marketing-tabs-pill-item-hover-cl: var(--cl-white);
    --marketing-tabs-pill-item-border-default-cl: var(--cl-gray-30);
    --marketing-tabs-pill-item-border-active-cl: var(--cl-black);
    --marketing-tabs-pill-item-border-hover-cl: var(--cl-black);
    --marketing-tabs-pill-item-bg-default-cl: transparent;
    --marketing-tabs-pill-item-bg-active-cl: var(--cl-black);
    --marketing-tabs-pill-item-bg-hover-cl: var(--cl-black);
}
:root {
    --stepper-secondary-line-bg: var(--cl-gray-10);
    --stepper-secondary-icon-sm-mr: 12px;
    --stepper-secondary-icon-lg-mr: 40px;
}
:root {
    --accordion-mobile-shadow: var(--shadow-short);
    --accordion-mobile-default-bg-cl: var(--cl-white);
    --accordion-mobile-default-brs: 24px;
    --accordion-mobile-primary-bg-cl: var(--cl-green-20);
    --accordion-mobile-secondary-bg-cl: var(--cl-gray-45);
    --accordion-mobile-sm-brs: 12px;
}
:root {
    --overlay-bg-cl: var(--ca-gray-70-90);
    --overlay-bg-cl-wheely: rgba(34, 34, 34, 0.85);
    --overlay-opacity: 1;
    --overlay-iframe-bg-cl: var(--cl-white);
    --sm-overlay-content-sidebar-left-indent: 12px;
    --md-overlay-content-sidebar-left-indent: 16px;
    --lg-overlay-content-sidebar-left-indent: 20px;
}
:root {
    --sm-overlay-content-sidebar-indent: 12px;
    --md-overlay-content-sidebar-indent: 16px;
    --lg-overlay-content-sidebar-indent: 20px;
    --sm-overlay-content-aside-p: 24px;
    --md-overlay-content-aside-p: 28px;
    --lg-overlay-content-aside-p: 36px;
    --sm-overlay-content-aside-title-mb: 20px;
    --md-overlay-content-aside-title-mb: 24px;
    --lg-overlay-content-aside-title-mb: 32px;
    --sm-overlay-content-aside-subtitle-mb: 8px;
    --md-overlay-content-aside-subtitle-mb: 12px;
    --lg-overlay-content-aside-subtitle-mb: 12px;
    --overlay-content-reg-btn-brs: 12px;
    --md-overlay-content-reg-p: 12px;
    --overlay-content-reg-pt: 12px;
    --overlay-content-popup-reg-bg-cl: var(--ca-coffee-600-40);
}
:root {
    --radio-input-default-border: 1px solid var(--cl-gray-50);
    --radio-input-default-bg-cl: var(--cl-white);
    --radio-input-checked-border: 6px solid var(--cl-gray-10);
    --radio-input-disabled-border: 1px solid var(--cl-gray-50);
    --radio-input-disabled-bg-cl: var(--cl-gray-50);
    --radio-input-disabled-checked-border: 6px solid var(--cl-gray-50);
    --radio-input-disabled-checked-bg-cl: var(--cl-gray-40);
}
:root {
    --range-brs: 6px;
    --range-bg-cl: var(--cl-gray-50);
    --range-bar-brs: 6px;
    --range-default-thumb-size: 20px;
    --range-thumb-bg-cl: var(--cl-white);
    --range-thumb-border-cl: var(--cl-gray-10);
    --range-thumb-border-w: 4px;
    --range-default-thumb-brs: 10px;
    --range-default-thumb-focus-shadow: 0 0 0 2px var(--cl-gray-35);
    --range-description-p: 12px;
    --range-bar-default-bg-cl: var(--cl-gray-10);
    --range-default-thickness: 4px;
    --range-default-bg-cl: var(--cl-gray-50);
    --range-default-bar-bg-cl: var(--cl-gray-10);
    --range-limit-bg-cl: var(--cl-coffee-200);
    --range-limit-bar-bg-cl: var(--cl-coffee-500);
    --sm-range-limit-thickness: 16px;
    --md-range-limit-thickness: 18px;
    --lg-range-limit-thickness: 20px;
    --sm-range-limit-bar-empty-w: 8px;
    --md-range-limit-bar-empty-w: 9px;
    --lg-range-limit-bar-empty-w: 10px;
    --sm-range-indent: 12px;
    --md-range-indent: 16px;
    --lg-range-indent: 20px;
    --range-limit-caption-cl: var(--text-light-cl);
    --sm-range-set-py: 24px;
    --md-range-set-py: 28px;
    --lg-range-set-py: 32px;
    --sm-range-set-px: 20px;
    --md-range-set-px: 24px;
    --lg-range-set-px: 32px;
    --sm-range-set-indent: 20px;
    --md-range-set-indent: 24px;
    --lg-range-set-indent: 32px;
    --range-set-brs: 12px;
    --range-set-bg-cl: var(--cl-white);
    --range-password-thickness: 4px;
    --range-password-bg-cl: var(--cl-coffee-200);
    --range-password-bar-weak-bg-cl: var(--cl-red-800);
    --range-password-bar-medium-bg-cl: var(--cl-yellow-500);
    --range-password-bar-strong-bg-cl: var(--cl-green-800);
    --range-bar-marketing-brs: 0 6px 6px 0;
    --range-after-marketing-brs: 6px 0 0 6px;
    --range-after-marketing-bg-cl: var(--cl-gray-10);
    --xl-range-thumb-marketing-default-size: 26px;
    --range-thumb-marketing-hover-size: 28px;
    --range-thumb-marketing-brs: 50%;
    --range-thumb-marketing-focus-shadow: none;
    --range-reg-thickness: 12px;
    --range-gradient-bg-cl: var(--cl-gray-60);
    --range-gradient-bar-error-cl: var(--mustard-500);
    --range-gradient-bar-error-bg-cl: var(--cl-red-500);
    --range-gradient-bar-success-cl: var(--mustard-500);
    --range-gradient-bar-success-bg-cl: var(--cl-green-500);
    --sm-range-description-fz: var(--sm-text-md-fz);
    --sm-range-description-lh: var(--sm-text-md-lh);
    --sm-range-description-ls: var(--sm-text-md-ls);
    --md-range-description-fz: var(--md-text-md-fz);
    --md-range-description-lh: var(--md-text-md-lh);
    --md-range-description-ls: var(--md-text-md-ls);
    --lg-range-description-fz: var(--lg-text-md-fz);
    --lg-range-description-lh: var(--lg-text-md-lh);
    --lg-range-description-ls: var(--lg-text-md-ls);
}
:root {
    --registry-upload-default-bg-cl: var(--cl-gray-60);
    --registry-upload-success-bg-cl: var(--cl-white);
    --registry-upload-error-bg-cl: var(--cl-red-20);
    --registry-upload-default-border-cl: var(--cl-black);
    --registry-upload-success-border-cl: var(--cl-gray-50);
    --registry-upload-error-border-cl: var(--cl-red-10);
}
:root {
    --registry-widget-default-bg-cl: var(--cl-white);
    --registry-widget-success-bg-cl: var(--ca-green-10-10);
    --registry-widget-error-bg-cl: var(--ca-red-10-10);
    --registry-widget-default-border-cl: var(--cl-gray-50);
    --registry-widget-success-border-cl: transparent;
    --registry-widget-error-border-cl: transparent;
}
:root {
    --toast-title-fz: var(--h4-fz);
    --toast-title-fw: var(--h4-fw);
    --toast-title-lh: var(--h4-lh);
    --toast-text-fz: var(--text-md-fz);
    --toast-text-fw: var(--text-md-fw);
    --toast-text-lh: var(--text-md-lh);
    --toast-bg-cl: var(--bg-info);
    --toast-cl: inherit;
    --toast-brs: var(--brs-popup);
    --toast-shadow: var(--shadow-short);
    --toast-error-bg-cl: var(--bg-danger);
    --toast-success-bg-cl: var(--cl-green-20);
}
:root {
    --adaptive-table-row-default-border-b-cl: var(--cl-gray-60);
    --adaptive-table-row-last-child-border-b-cl: transparent;
    --adaptive-table-td-border-b-cl: var(--cl-gray-60);
}
:root {
    --badge-default-bg-cl: var(--marketing-primary-cl);
    --badge-cl: var(--cl-gray-10);
    --badge-shadow: var(--shadow-short);
    --badge-disabled-bg-cl: var(--cl-gray-35);
}
:root {
    --rate-dropdown-brs: 12px;
    --sm-rate-dropdown-collapsed-shadow: var(--shadow-short);
    --lg-rate-dropdown-collapsed-shadow: none;
    --sm-rate-dropdown-bg-cl: var(--cl-white);
    --lg-rate-dropdown-bg-cl: transparent;
    --rate-dropdown-icon-size: 32px;
    --sm-rate-dropdown-w: 100%;
    --md-rate-dropdown-w: 360px;
    --rate-dropdown-body-brs: 12px;
    --rate-dropdown-body-shadow: var(--shadow-short);
    --sm-rate-dropdown-body-bg-cl: var(--cl-white);
    --lg-rate-dropdown-body-bg-cl: transparent;
    --sm-rate-dropdown-body-w: 100%;
    --md-rate-dropdown-body-w: 360px;
    --rate-dropdown-icon-default-bg-cl: transparent;
    --lg-rate-dropdown-icon-arrow-bg-cl: var(--cl-gray-45);
    --rate-dropdown-icon-usd-bg-cl: var(--cl-green-40);
    --rate-dropdown-icon-eur-bg-cl: var(--cl-pink-50);
    --rate-dropdown-icon-cny-bg-cl: var(--cl-peach-60);
    --rate-dropdown-icon-gbp-bg-cl: var(--cl-blue-50);
    --rate-dropdown-icon-chf-bg-cl: var(--cl-purple-60);
    --rate-dropdown-icon-byn-bg-cl: var(--cl-pink-50);
    --rate-dropdown-icon-border-w: 1px;
    --rate-dropdown-icon-border-default-cl: transparent;
    --rate-dropdown-icon-border-focus-cl: var(--cl-gray-10);
    --lg-rate-dropdown-tr-border-b-cl: var(--cl-gray-50);
}
:root {
    --file-upload-list-item-bg-cl: var(--cl-white);
    --file-upload-list-item-hover-bg-cl: var(--cl-gray-70);
    --file-upload-list-item-hover-brs: 4px;
    --file-upload-list-item-border-cl: var(--cl-gray-60);
    --file-upload-list-item-hover-border-cl: transparent;
}
:root {
    --cell-default-border-cl: transparent;
    --cell-default-icon-bg-cl: var(--cl-gray-60);
    --cell-brs: 12px;
    --cell-bg-cl: transparent;
    --cell-icon-brs: 9px;
    --cell-hover-bg-cl: var(--cl-gray-70);
    --cell-hover-icon-bg-cl: var(--cl-white);
    --cell-focus-border-cl: var(--cl-gray-10);
}
:root {
    --smart-app-banner-bg-cl: var(--cl-gray-50);
    --smart-app-banner-logo-size: 64px;
    --smart-app-banner-icon-cl: var(--cl-gray-30);
    --smart-app-banner-icon-size: 20px;
    --smart-app-banner-title-fz: 14px;
    --smart-app-banner-title-lh: 1.25;
    --smart-app-banner-title-fw: 500;
    --smart-app-banner-description-cl: var(--cl-gray-30);
    --smart-app-banner-description-fz: 12px;
    --smart-app-banner-description-lh: 1.33;
    --smart-app-banner-link-cl: #0d93f3;
    --smart-app-banner-link-fz: 18px;
    --smart-app-banner-link-lh: 1.34;
}
:root {
    --btn-copy-border-cl: var(--cl-green-20);
    --btn-copy-bg-cl: var(--cl-green-20);
    --btn-copy-cl: var(--cl-gray-10);
}
:root {
    --btn-decorated-primary-default-stroke-cl: var(--cl-green-20);
    --btn-decorated-primary-default-hover-stroke-cl: var(--cl-gray-43);
    --btn-decorated-secondary-default-stroke-cl: var(--cl-gray-35);
}
:root {
    --btn-marketing-fz: 12px;
    --btn-marketing-fw: 700;
    --btn-marketing-lh: 1.33;
    --btn-marketing-default-h: 30px;
    --btn-marketing-default-pt: 6px;
    --btn-marketing-default-pb: 8px;
    --btn-marketing-default-px: 24px;
    --btn-marketing-default-brs: 24px;
    --btn-marketing-desktop-h: 32px;
    --btn-marketing-desktop-pt: 0;
    --btn-marketing-desktop-pb: 0;
    --btn-marketing-desktop-px: 12px;
    --btn-marketing-desktop-brs: 12px;
}
:root {
    --burger-btn-lines-h: 2px;
    --burger-btn-lines-default-w: 20px;
    --burger-btn-default-size: 32px;
    --burger-btn-lines-default-bg-cl: var(--cl-white);
    --burger-btn-lines-default-pos: -6px;
    --burger-btn-default-brs: 11px;
    --burger-btn-default-bg-cl: var(--cl-gray-10);
    --burger-btn-secondary-brs: 9px;
    --burger-btn-secondary-bg-cl: var(--cl-white);
    --burger-btn-lines-secondary-w: 14px;
    --burger-btn-secondary-size: 56px;
    --burger-btn-lines-secondary-bg-cl: var(--cl-gray-10);
    --burger-btn-lines-lg-w: 24px;
    --burger-btn-lg-size: 40px;
    --burger-btn-lines-lg-pos: -7px;
    --burger-btn-lines-hover-bg-cl: var(--cl-green-20);
}
:root {
    --header-marketing-bg-cl: var(--body-bg-cl);
    --header-height: 56px;
}
@media (min-width: 768px) {
    :root {
        --header-height: 64px;
    }
}
:root {
    --icon-symbol-bg-cl: var(--cl-gray-40);
    --sm-icon-symbol-secondary-bg-cl: var(--cl-gray-35);
    --md-icon-symbol-secondary-bg-cl: var(--cl-gray-45);
}
:root {
    --menu-link-disabled-cl: var(--cl-gray-30);
}
:root {
    --status-label-body-brs: 12px;
    --status-label-body-default-bg-cl: var(--cl-peach-70);
    --status-label-body-success-bg-cl: var(--cl-green-70);
    --status-label-body-warning-bg-cl: var(--cl-pink-70);
    --sm-status-label-icon-size: 24px;
    --md-status-label-icon-size: 32px;
    --sm-status-label-icon-wrapper-size: 40px;
    --md-status-label-icon-wrapper-size: 48px;
    --status-label-icon-cl: var(--cl-white);
    --status-label-icon-wrapper-default-bg-cl: var(--cl-peach-10);
    --status-label-icon-wrapper-success-bg-cl: var(--cl-green-10);
    --status-label-icon-wrapper-warning-bg-cl: var(--cl-red-10);
}
:root {
    --ticker-overlay-bg-cl: linear-gradient(90deg, var(--cl-gray-60) 0%, var(--ca-gray-60-0) 50%, var(--cl-gray-60) 100%);
}
:root {
    --text-highlighted-bg-cl: var(--cl-yellow-20);
    --text-highlighted-cl: var(--cl-gray-10);
}
:root {
    --avatar-default-size: 60px;
    --avatar-default-fz: 24px;
    --avatar-sm-size: 32px;
    --avatar-sm-fz: 16px;
    --avatar-bg-cl: var(--cl-purple-60);
    --avatar-cl: var(--cl-white);
}
:root {
    --collapse-widget-brs: 12px;
    --collapse-widget-default-bg-cl: var(--cl-peach-80);
    --collapse-widget-succes-bg-cl: var(--cl-green-70);
    --collapse-widget-danger-bg-cl: var(--cl-pink-70);
    --collapse-widget-accent-bg-cl: var(--cl-purple-70);
}
:root {
    --statistic-table-row-border-t-cl: var(--border-light-cl);
    --statistic-table-row-highlighted-bg-cl: var(--cl-gray-70);
    --statistic-table-row-highlighted-brs: 9px;
}
:root {
    --sm-u-section-bottom-bg-cl: transparent;
    --xl-u-section-bottom-bg-cl: var(--cl-gray-50);
    --u-section-bottom-after-bg-cl: var(--cl-gray-50);
}
:root {
    --u-container-default-pl: 12px;
    --md-u-container-pl: 40px;
    --lg-u-container-pl: 120px;
    --xl-u-container-pl: 200px;
    --u-container-default-pr: 12px;
    --md-u-container-pr: 40px;
    --lg-u-container-pr: 120px;
    --xl-u-container-pr: 80px;
    --xl-u-container-main-pl: 160px;
    --xxxl-u-container-main-pl: 140px;
    --lg-u-container-primary-pl: 20px;
    --lg-u-container-primary-pr: 20px;
    --xl-u-container-primary-pl: 160px;
    --xl-u-container-primary-pr: 160px;
    --xxl-u-container-primary-pl: 160px;
    --xxl-u-container-primary-pr: 160px;
    --xl-u-container-secondary-pl: 160px;
    --xxl-u-container-secondary-pl: 200px;
    --xxl-u-container-secondary-pr: 44px;
    --sm-u-container-indent: 56px;
    --md-u-container-indent: 64px;
    --lg-u-container-indent: 104px;
    --lg-min-pr: 70px;
    --lg-min-pl: 70px;
}
:root {
    --sm-u-title-fz: 31px;
    --sm-u-title-lh: 1;
    --sm-u-title-ls: -0.01em;
    --md-u-title-main-fz: 60px;
    --md-u-title-main-lh: 1;
    --md-u-title-main-ls: -0.02em;
    --md-u-title-fz: 44px;
    --md-u-title-lh: 1;
    --md-u-title-ls: -0.01em;
    --u-title-fw: 400;
    --u-title-default-cl: var(--cl-gray-10);
    --u-title-light-cl: var(--cl-gray-30);
}
:root {
    --sm-u-subtitle-fz: 24px;
    --sm-u-subtitle-lh: 1;
    --sm-u-subtitle-secondary-fz: 31px;
    --sm-u-subtitle-secondary-lh: 1;
    --md-u-subtitle-fz: 44px;
    --md-u-subtitle-lh: 0.9;
    --u-subtitle-fw: 400;
}
:root {
    --xs-u-description-fz: 22px;
    --lg-u-description-fz: 24px;
    --xl-u-description-fz: 32px;
    --xs-u-description-lh-new: 26px;
    --xs-u-description-lh: 1.33;
    --md-u-description-lh: 39px;
    --xl-u-description-lh: 1.35;
    --u-description-fw: 400;
    --u-description-default-cl: var(--cl-gray-10);
    --u-description-light-cl: var(--cl-gray-30);
    --u-description-default-bg-cl: transparent;
    --u-description-highlighted-bg-cl: var(--cl-gray-50);
    --u-description-brs: 4px;
}
:root {
    --u-mobile-phone-w: 226px;
    --u-mobile-phone-p: 12px;
    --sm-u-mobile-phone-main-w: 370px;
    --sm-u-mobile-phone-main-p: 18px;
    --md-u-mobile-phone-main-w: 590px;
    --md-u-mobile-phone-main-p: 32px;
    --xs-u-mobile-phone-support-w: 257px;
    --sm-u-mobile-phone-support-w: 350px;
    --md-u-mobile-phone-support-w: 257px;
    --xl-u-mobile-phone-support-w: auto;
    --xs-u-mobile-phone-support-p: 10px 14px;
    --sm-u-mobile-phone-support-p: 12px 20px;
    --xmd-u-mobile-phone-support-p: 14px 24px;
    --md-u-mobile-phone-support-p: 12px 16px;
    --xl-u-mobile-phone-support-p: 23px 31px;
    --xs-u-mobile-phone-subscription-w: 100%;
    --xs-u-mobile-phone-subscription-p: 18px;
    --sm-u-mobile-phone-subscription-p: 24px;
    --md-u-mobile-phone-subscription-w: 664px;
    --md-u-mobile-phone-subscription-p: 32px;
    --lg-u-mobile-phone-subscription-w: 470px;
    --lg-u-mobile-phone-subscription-p: 32px;
    --xl-u-mobile-phone-subscription-w: 536px;
    --xs-u-mobile-phone-msg-wrapper-t: 48px;
    --sm-u-mobile-phone-msg-wrapper-t: 115px;
    --md-u-mobile-phone-msg-wrapper-t: 48px;
    --xl-u-mobile-phone-msg-wrapper-t: 154px;
    --xs-u-mobile-phone-msg-wrapper-pos-x: -12px;
    --sm-u-mobile-phone-msg-wrapper-pos-x: -30px;
    --md-u-mobile-phone-msg-wrapper-pos-x: -25px;
    --xl-u-mobile-phone-msg-wrapper-pos-x: -60px;
    --xs-u-mobile-phone-msg-default-p: 12px 20px;
    --xmd-u-mobile-phone-msg-default-p: 14px 24px;
    --md-u-mobile-phone-msg-default-p: 12px 20px;
    --xl-u-mobile-phone-msg-default-p: 18px 32px;
    --xs-u-mobile-phone-msg-fz: 14px;
    --sm-u-mobile-phone-msg-fz: 16px;
    --md-u-mobile-phone-msg-fz: 14px;
    --xl-u-mobile-phone-msg-fz: 22px;
    --xs-u-mobile-phone-msg-brs: 12px;
    --sm-u-mobile-phone-msg-brs: 14px;
    --xmd-u-mobile-phone-msg-brs: 16px;
    --u-mobile-phone-msg-lh: 1.27;
    --xs-u-mobile-phone-msg-outgoing-mb: 16px;
    --md-u-mobile-phone-msg-outgoing-mb: 12px;
    --xl-u-mobile-phone-msg-outgoing-mb: 24px;
    --u-mobile-phone-msg-notify-p: 0;
    --u-mobile-phone-msg-notify-w: 229px;
    --u-mobile-phone-msg-notify-h: 75px;
    --u-mobile-phone-msg-notify-t: 16px;
    --u-mobile-phone-msg-notify-l: -104px;
    --sm-u-mobile-phone-msg-notify-w: 300px;
    --sm-u-mobile-phone-msg-notify-h: 93px;
    --sm-u-mobile-phone-msg-notify-t: 30px;
    --sm-u-mobile-phone-msg-notify-l: -70px;
    --md-u-mobile-phone-msg-notify-w: 508px;
    --md-u-mobile-phone-msg-notify-h: 157px;
    --md-u-mobile-phone-msg-notify-t: 55px;
    --md-u-mobile-phone-msg-notify-l: -116px;
    --xl-u-mobile-phone-msg-notify-w: 420px;
    --xl-u-mobile-phone-msg-notify-h: 131px;
    --xxl-u-mobile-phone-msg-notify-w: 508px;
    --xxl-u-mobile-phone-msg-notify-h: 157px;
    --u-mobile-phone-msg-notify-bg-cl: var(--cl-white);
    --u-mobile-phone-msg-incoming-bg-cl: var(--cl-gray-42);
    --u-mobile-phone-msg-outgoing-bg-cl: var(--cl-gray-900);
    --u-mobile-phone-msg-outgoing-cl: var(--cl-white);
}
:root {
    --xs-u-flow-brs: 14px;
    --sm-u-flow-brs: 16px;
    --xmd-u-flow-brs: 20px;
    --md-u-flow-brs: 16px;
    --xl-u-flow-brs: 22px;
    --u-flow-shadow: var(--shadow-short);
    --xs-u-flow-content-p: 12px;
    --sm-u-flow-content-p: 16px;
    --xmd-u-flow-content-p: 20px;
    --md-u-flow-content-p: 18px 14px;
    --xl-u-flow-content-p: 20px;
    --u-flow-default-bg-cl: var(--cl-white);
    --u-flow-accounting-bg-cl: var(--cl-blue-60);
    --u-flow-salary-bg-cl: var(--cl-green-20);
    --u-flow-salary-another-bg-cl: var(--cl-green-50);
    --u-flow-stash-bg-cl: var(--cl-peach-300);
    --xs-u-flow-title-fz: 12px;
    --sm-u-flow-title-fz: 14px;
    --xmd-u-flow-title-fz: 16px;
    --md-u-flow-title-fz: 12px;
    --xl-u-flow-title-fz: 18px;
    --xs-u-flow-sum-fz: 15px;
    --sm-u-flow-sum-fz: 17px;
    --xmd-u-flow-sum-fz: 19px;
    --md-u-flow-sum-fz: 16px;
    --xl-u-flow-sum-fz: 22px;
    --xs-u-flow-icon-size: 25px;
    --sm-u-flow-icon-size: 30px;
    --xmd-u-flow-icon-size: 34px;
    --md-u-flow-icon-size: 29px;
    --xl-u-flow-icon-size: 40px;
    --xs-u-flow-notify-t: -28px;
    --sm-u-flow-notify-t: -44px;
    --xmd-u-flow-notify-t: -40px;
    --md-u-flow-notify-t: -36px;
    --xl-u-flow-notify-t: -46px;
    --xs-u-flow-notify-r: -10px;
    --sm-u-flow-notify-r: -14px;
    --xmd-u-flow-notify-r: -12px;
    --md-u-flow-notify-r: 7px;
    --xl-u-flow-notify-r: 0;
    --xs-u-flow-notify-p: 8px 12px;
    --sm-u-flow-notify-p: 12px 16px;
    --xmd-u-flow-notify-p: 16px 20px;
    --md-u-flow-notify-p: 12px 16px;
    --xl-u-flow-notify-p: 16px 22px;
    --xs-u-flow-notify-brs: 10px;
    --sm-u-flow-notify-brs: 12px;
    --xmd-u-flow-notify-brs: 14px;
    --md-u-flow-notify-brs: 12px;
    --xl-u-flow-notify-brs: 16px;
    --xs-u-flow-notify-fz: 14px;
    --sm-u-flow-notify-fz: 16px;
    --xmd-u-flow-notify-fz: 18px;
    --md-u-flow-notify-fz: 16px;
    --xl-u-flow-notify-fz: 20px;
    --u-flow-notify-bg-cl: var(--cl-gray-10);
    --u-flow-notify-cl: var(--cl-white);
    --u-flow-big-brs: 27px;
    --u-flow-big-content-p: 24px;
    --u-flow-big-title-fz: 21px;
    --u-flow-big-sum-fz: 27px;
    --u-flow-big-icon-size: 48px;
    --u-flow-big-notify-t: -52px;
    --u-flow-big-notify-r: -20px;
    --u-flow-big-notify-p: 18px 24px;
    --u-flow-big-notify-brs: 18px;
    --u-flow-big-notify-fz: 24px;
}
:root {
    --u-rule-bg-cl: var(--cl-white);
    --u-rule-shadow: var(--shadow-short);
    --xs-u-rule-brs: 12px;
    --sm-u-rule-brs: 14px;
    --xmd-u-rule-brs: 16px;
    --md-u-rule-brs: 12px;
    --xl-u-rule-brs: 16px;
    --xxl-u-rule-brs: 22px;
    --xs-u-rule-p: 8px;
    --sm-u-rule-p: 8px 12px;
    --xmd-u-rule-p: 12px;
    --md-u-rule-p: 10px;
    --xl-u-rule-p: 12px;
    --xxl-u-rule-p: 20px 18px;
    --xs-u-rule-img-w: 86px;
    --sm-u-rule-img-w: 90px;
    --xmd-u-rule-img-w: 116px;
    --md-u-rule-img-w: 88px;
    --xl-u-rule-img-w: 116px;
    --xxl-u-rule-img-w: 182px;
    --xs-u-rule-img-h: 41px;
    --sm-u-rule-img-h: 44px;
    --xmd-u-rule-img-h: 57px;
    --md-u-rule-img-h: 42px;
    --xl-u-rule-img-h: 57px;
    --xxl-u-rule-img-h: 87px;
    --xs-u-rule-img-mr: 6px;
    --sm-u-rule-img-mr: 8px;
    --xmd-u-rule-img-mr: 9px;
    --md-u-rule-img-mr: 7px;
    --xl-u-rule-img-mr: 9px;
    --xxl-u-rule-img-mr: 14px;
    --xs-u-rule-title-fz: 12px;
    --sm-u-rule-title-fz: 15px;
    --xmd-u-rule-title-fz: 18px;
    --md-u-rule-title-fz: 15px;
    --xl-u-rule-title-fz: 18px;
    --xxl-u-rule-title-fz: 28px;
    --xs-u-rule-subtitle-fz: 10px;
    --sm-u-rule-subtitle-fz: 12px;
    --xmd-u-rule-subtitle-fz: 15px;
    --md-u-rule-subtitle-fz: 12px;
    --xl-u-rule-subtitle-fz: 15px;
    --xxl-u-rule-subtitle-fz: 23px;
    --u-rule-subtitle-cl: var(--cl-gray-30);
}
:root {
    --u-calculator-bg-cl: var(--cl-white);
    --sm-u-calculator-brs: 16px;
    --xl-u-calculator-brs: 34px;
    --sm-u-calculator-header-p: 34px 20px 24px 20px;
    --md-u-calculator-header-p: 40px 32px 32px;
    --lg-u-calculator-header-p: 40px 40px 32px;
    --sm-u-calculator-header-fz: 22px;
    --lg-u-calculator-header-fz: 24px;
    --xl-u-calculator-header-fz: 32px;
    --u-calculator-header-fw: 400;
    --u-calculator-header-lh: 120%;
    --sm-u-calculator-content-p: 24px;
    --md-u-calculator-content-p: 0 32px;
    --lg-u-calculator-content-p: 0 40px;
    --xl-u-calculator-content-p: 16px 40px;
    --sm-u-calculator-footer-p: 20px 12px 24px 12px;
    --md-u-calculator-footer-p: 32px 24px;
    --lg-u-calculator-footer-p: 34px 32px 32px;
    --xl-u-calculator-footer-p: 54px 24px 24px;
}
:root {
    --sm-u-fixed-background-direction: 0deg;
    --xl-u-fixed-background-direction: 180deg;
    --u-fixed-background-default-gradient-cl: var(--cl-blue-50);
    --u-fixed-background-secondary-gradient-cl: var(--cl-green-50);
}
:root {
    --sm-u-list-fz: 18px;
    --md-u-list-fz: 22px;
    --xxxl-u-list-fz: 32px;
}
:root {
    --sm-u-registration-brs: 18px;
    --lg-u-registration-brs: 60px;
    --u-registration-bg-cl: var(--cl-gray-42);
}
:root {
    --xs-u-wrapper-px: 12px;
    --sm-u-wrapper-px: 28px;
    --md-u-wrapper-px: 0;
    --xs-u-wrapper-main-px: 0;
}
:root {
    --xs-u-widget-bg-cl: var(--cl-white);
    --xl-u-widget-bg-cl: transparent;
    --u-widget-light-bg-cl: var(--cl-gray-45);
    --xs-u-widget-pt: 32px;
    --sm-u-widget-pt: 40px;
    --xl-u-widget-pt: 0;
    --xs-u-widget-pb: 16px;
    --sm-u-widget-pb: 20px;
    --md-u-widget-pb: 40px;
    --xl-u-widget-pb: 0;
    --xs-u-widget-px: 12px;
    --sm-u-widget-px: 18px;
    --md-u-widget-px: 32px;
    --lg-u-widget-px: 40px;
    --xl-u-widget-px: 0;
    --xs-u-widget-title-px: 12px;
    --sm-u-widget-title-px: 16px;
    --md-u-widget-title-px: 0;
    --u-widget-brs: 24px;
    --xs-u-widget-support-max-h: 535px;
    --md-u-widget-support-max-h: 340px;
    --xl-u-widget-support-max-h: auto;
}
:root {
    --paranja-opacity-default: 0.9;
    --paranja-opacity-1: 0.3;
    --paranja-opacity-2: 0.4;
    --paranja-opacity-3: 0.5;
    --paranja-opacity-4: 0.6;
    --paranja-opacity-5: 0.7;
    --paranja-bg-cl-1: var(--cl-coffee-500);
    --paranja-bg-cl-2: var(--cl-coffee-600);
    --paranja-bg-cl-3: var(--cl-coffee-700);
    --paranja-bg-cl-4: var(--cl-coffee-800);
}
html {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: var(--body-scroll-cl) transparent;
}
.no-hiddenscroll html::-webkit-scrollbar-button,
html.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll html::-webkit-scrollbar-thumb,
html.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--body-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--body-scroll-cl);
}
.no-hiddenscroll html::-webkit-scrollbar-thumb:vertical,
html.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll html::-webkit-scrollbar-thumb:horizontal,
html.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll html::-webkit-scrollbar,
.no-hiddenscroll html::-webkit-scrollbar-track,
html.no-hiddenscroll::-webkit-scrollbar,
html.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: 2px;
    background-color: var(--scroll-track-bg-cl);
}
body {
    margin-right: var(--scrollbar-w);
    overflow-x: hidden;
    background-color: rgb(23 23 23);
    color: #ffff;
    font-family: var(--ff-aeroport);
    font-size: var(--body-fz);
    font-weight: var(--body-fw);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: var(--body-lh);
    text-rendering: optimizeLegibility;
}
.page {
    display: block;
    height: 100%;
    overflow-x: hidden;
}
#detach-button-host,
img[src*="wcm-ru.frontend.weborama.fr"] {
    display: none;
}
html,
body {
    min-height: 100%;
}
.root {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100%;
}
.main {
    flex-grow: 1;
    flex-shrink: 0;
}
.main-pressed {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}
.btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-family: var(--btn-ff);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: opacity 0.4s ease-in-out 0.25s;
    --btn-fz: var(--btn-default-fz);
    --btn-fw: var(--btn-default-fw);
    --btn-lh: var(--btn-default-lh);
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: var(--btn-fz);
    font-weight: var(--btn-fw);
    line-height: var(--btn-lh);
}
.btn:hover,
.btn:focus {
    opacity: 0.7;
}
.btn--grey {
    background-color: var(--btn-grey-bg-cl);
}
.btn--primary,
.btn--marketing,
.btn--hover-marketing,
.btn--hover-primary,
.btn--secondary {
    transition: background-color 0.4s ease-in-out 0.25s, border-color 0.4s ease-in-out 0.25s, color 0.4s ease-in-out 0.25s;
    height: 56px;
    padding-right: var(--btn-px);
    padding-left: var(--btn-px);
    border: var(--btn-border-width) solid;
    border-radius: var(--btn-brs);
    overflow: hidden;
}
.btn--primary:hover,
.btn--primary:focus,
.btn--marketing:hover,
.btn--marketing:focus,
.btn--hover-marketing:hover,
.btn--hover-marketing:focus,
.btn--hover-primary:hover,
.btn--hover-primary:focus,
.btn--secondary:hover,
.btn--secondary:focus {
    outline: 0;
    opacity: 1;
}
.btn--floating {
    transition: background-color 0.4s ease-in-out 0.25s, box-shadow 0.4s ease-in-out 0.25s;
    padding: var(--btn-floating-p);
    border: 0;
    border-radius: var(--btn-brs);
    background-color: var(--btn-floating-bg-cl);
    box-shadow: var(--btn-floating-shadow);
    color: var(--btn-floating-cl);
}
.btn--floating:hover,
.btn--floating:focus {
    outline: 0;
    background-color: var(--btn-floating-hover-bg-cl);
    opacity: 1;
}
.btn--floating:active {
    box-shadow: var(--btn-floating-active-shadow);
}
.btn--disabled,
.btn:disabled {
    color: var(--cl-gray-50);
    pointer-events: none;
}
.btn--disabled .btn__loader,
.btn:disabled .btn__loader {
    --loader-stroke-cl: var(--cl-gray-10);
}
.btn--nominal {
    height: 68px;
    border-radius: 19px;
}
@media (min-width: 1200px) {
    .btn--nominal {
        height: 90px;
        border-radius: 26px;
    }
}
.btn--xl {
    height: 100%;
    max-height: 90px;
    border-radius: 26px;
}
.btn--2xl {
    --btn-fz: var(--heading-4-fz);
    --btn-fw: var(--heading-4-fw);
    --btn-lh: var(--heading-4-lh);
    height: 68px;
    border-radius: 19px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .btn--2xl {
        height: 90px;
        border-radius: 26px;
    }
}
.btn--xxl {
    height: 68px;
    border-radius: 19px;
}
@media (min-width: 1200px) {
    .btn--xxl {
        height: 90px;
        border-radius: 26px;
    }
}
.btn--lg-sm {
    height: 40px;
    border-radius: 11px;
}
@media (min-width: 1024px) {
    .btn--lg-sm {
        height: 68px;
        border-radius: 19px;
    }
}
@media (min-width: 768px) {
    .btn--lg-md {
        height: 68px;
        border-radius: 19px;
    }
}
.btn--sm-brs {
    border-radius: 24px;
}
@media (min-width: 464px) {
    .btn--sm-brs {
        height: 40px;
        border-radius: 11px;
    }
}
.btn--xs {
    height: 32px;
    border-radius: 9px;
}
@media (max-width: 1023.98px) {
    .btn--menu {
        flex-shrink: 1;
        width: 100%;
        min-width: 140px;
        height: 44px;
        margin-right: 8px;
        padding: 10px 18px;
        border-radius: 13px;
        background-color: var(--cl-gray-60);
    }
    .btn--menu:last-child {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    .btn--partners {
        margin-bottom: 80px;
    }
}
@media (min-width: 1920px) {
    .btn--partners {
        margin-bottom: 0;
    }
}
.btn-component__inner {
    display: flex;
    display: grid;
    grid-auto-flow: column;
    grid-gap: var(--btn-icon-gap);
    gap: var(--btn-icon-gap);
    align-items: center;
    justify-content: center;
}
.btn-component__icon {
    align-self: center;
}
.btn-component__text {
    min-width: 0;
}
.btn-component__text:empty {
    display: none;
}
.btn--sm {
    height: var(--btn-sm-h);
    padding-right: var(--btn-sm-px);
    padding-left: var(--btn-sm-px);
    border-radius: var(--btn-sm-brs);
}
.btn--md {
    height: var(--btn-md-h);
    padding-right: var(--btn-md-px);
    padding-left: var(--btn-md-px);
    border-radius: var(--btn-md-brs);
}
.btn--lg {
    height: var(--btn-lg-h);
    padding-right: var(--btn-lg-px);
    padding-left: var(--btn-lg-px);
    border-radius: var(--btn-lg-brs);
}
.btn--primary,
.btn--hover-marketing {
    border-color: var(--btn-border-cl);
    background-color: var(--btn-bg-cl);
    color: var(--btn-cl);
}
.btn--primary:focus,
.btn--marketing:focus {
    border-color: var(--btn-hover-bg-cl);
    background-color: var(--btn-hover-bg-cl);
    color: var(--btn-cl);
}
.btn--primary:active,
.btn--marketing:active {
    border-color: var(--btn-active-bg-cl);
    background-color: var(--btn-active-bg-cl);
    color: var(--btn-cl);
}
@media (hover: hover) {
    .btn--primary:hover,
    .btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
.btn--primary.btn--disabled,
.btn--primary:disabled,
.btn--marketing.btn--disabled,
.btn--marketing:disabled {
    border-color: var(--btn-disabled-border-cl);
    background-color: var(--btn-disabled-bg-cl);
    color: var(--btn-disabled-cl);
}
.btn--marketing {
    border-color: var(--btn-marketing-border-cl);
    background-color: var(--btn-marketing-bg-cl);
    color: var(--btn-marketing-cl);
}
.btn--hover-marketing:focus {
    border-color: var(--btn-hover-marketing-border-cl);
    background-color: var(--btn-hover-marketing-bg-cl);
    color: var(--btn-hover-marketing-cl);
}
@media (hover: hover) {
    .btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
.btn--secondary {
    border-color: var(--btn-secondary-border-cl);
    background-color: var(--btn-secondary-bg-cl);
    color: var(--btn-secondary-cl);
}
.btn--secondary:focus {
    border-color: var(--btn-secondary-hover-border-cl);
    background-color: var(--btn-secondary-hover-bg-cl);
    color: var(--btn-secondary-hover-cl);
}
.btn--secondary:active {
    border-color: var(--btn-secondary-active-border-cl);
    background-color: var(--btn-secondary-active-bg-cl);
    color: var(--btn-secondary-active-cl);
}
@media (hover: hover) {
    .btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
.btn--secondary.btn--disabled,
.btn--secondary:disabled {
    border-color: var(--btn-secondary-disabled-border-cl);
    color: var(--btn-secondary-disabled-cl);
}
.btn--hover-primary:focus {
    border-color: var(--btn-border-cl);
    background-color: var(--btn-bg-cl);
    color: var(--btn-cl);
}
@media (hover: hover) {
    .btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 464px) {
    .sm\:btn--sm {
        height: var(--btn-sm-h);
        padding-right: var(--btn-sm-px);
        padding-left: var(--btn-sm-px);
        border-radius: var(--btn-sm-brs);
    }
    .sm\:btn--md {
        height: var(--btn-md-h);
        padding-right: var(--btn-md-px);
        padding-left: var(--btn-md-px);
        border-radius: var(--btn-md-brs);
    }
    .sm\:btn--lg {
        height: var(--btn-lg-h);
        padding-right: var(--btn-lg-px);
        padding-left: var(--btn-lg-px);
        border-radius: var(--btn-lg-brs);
    }
    .sm\:btn--primary,
    .sm\:btn--hover-marketing {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
    .sm\:btn--primary:focus,
    .sm\:btn--marketing:focus {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
    .sm\:btn--primary:active,
    .sm\:btn--marketing:active {
        border-color: var(--btn-active-bg-cl);
        background-color: var(--btn-active-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 464px) and (hover: hover) {
    .sm\:btn--primary:hover,
    .sm\:btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 464px) {
    .sm\:btn--primary.btn--disabled,
    .sm\:btn--primary:disabled,
    .sm\:btn--marketing.btn--disabled,
    .sm\:btn--marketing:disabled {
        border-color: var(--btn-disabled-border-cl);
        background-color: var(--btn-disabled-bg-cl);
        color: var(--btn-disabled-cl);
    }
    .sm\:btn--marketing {
        border-color: var(--btn-marketing-border-cl);
        background-color: var(--btn-marketing-bg-cl);
        color: var(--btn-marketing-cl);
    }
    .sm\:btn--hover-marketing:focus {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 464px) and (hover: hover) {
    .sm\:btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 464px) {
    .sm\:btn--secondary {
        border-color: var(--btn-secondary-border-cl);
        background-color: var(--btn-secondary-bg-cl);
        color: var(--btn-secondary-cl);
    }
    .sm\:btn--secondary:focus {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
    .sm\:btn--secondary:active {
        border-color: var(--btn-secondary-active-border-cl);
        background-color: var(--btn-secondary-active-bg-cl);
        color: var(--btn-secondary-active-cl);
    }
}
@media (min-width: 464px) and (hover: hover) {
    .sm\:btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
@media (min-width: 464px) {
    .sm\:btn--secondary.btn--disabled,
    .sm\:btn--secondary:disabled {
        border-color: var(--btn-secondary-disabled-border-cl);
        color: var(--btn-secondary-disabled-cl);
    }
    .sm\:btn--hover-primary:focus {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 464px) and (hover: hover) {
    .sm\:btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 768px) {
    .md\:btn--sm {
        height: var(--btn-sm-h);
        padding-right: var(--btn-sm-px);
        padding-left: var(--btn-sm-px);
        border-radius: var(--btn-sm-brs);
    }
    .md\:btn--md {
        height: var(--btn-md-h);
        padding-right: var(--btn-md-px);
        padding-left: var(--btn-md-px);
        border-radius: var(--btn-md-brs);
    }
    .md\:btn--lg {
        height: var(--btn-lg-h);
        padding-right: var(--btn-lg-px);
        padding-left: var(--btn-lg-px);
        border-radius: var(--btn-lg-brs);
    }
    .md\:btn--primary,
    .md\:btn--hover-marketing {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
    .md\:btn--primary:focus,
    .md\:btn--marketing:focus {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
    .md\:btn--primary:active,
    .md\:btn--marketing:active {
        border-color: var(--btn-active-bg-cl);
        background-color: var(--btn-active-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 768px) and (hover: hover) {
    .md\:btn--primary:hover,
    .md\:btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 768px) {
    .md\:btn--primary.btn--disabled,
    .md\:btn--primary:disabled,
    .md\:btn--marketing.btn--disabled,
    .md\:btn--marketing:disabled {
        border-color: var(--btn-disabled-border-cl);
        background-color: var(--btn-disabled-bg-cl);
        color: var(--btn-disabled-cl);
    }
    .md\:btn--marketing {
        border-color: var(--btn-marketing-border-cl);
        background-color: var(--btn-marketing-bg-cl);
        color: var(--btn-marketing-cl);
    }
    .md\:btn--hover-marketing:focus {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 768px) and (hover: hover) {
    .md\:btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 768px) {
    .md\:btn--secondary {
        border-color: var(--btn-secondary-border-cl);
        background-color: var(--btn-secondary-bg-cl);
        color: var(--btn-secondary-cl);
    }
    .md\:btn--secondary:focus {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
    .md\:btn--secondary:active {
        border-color: var(--btn-secondary-active-border-cl);
        background-color: var(--btn-secondary-active-bg-cl);
        color: var(--btn-secondary-active-cl);
    }
}
@media (min-width: 768px) and (hover: hover) {
    .md\:btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
@media (min-width: 768px) {
    .md\:btn--secondary.btn--disabled,
    .md\:btn--secondary:disabled {
        border-color: var(--btn-secondary-disabled-border-cl);
        color: var(--btn-secondary-disabled-cl);
    }
    .md\:btn--hover-primary:focus {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 768px) and (hover: hover) {
    .md\:btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1024px) {
    .lg\:btn--sm {
        height: var(--btn-sm-h);
        padding-right: var(--btn-sm-px);
        padding-left: var(--btn-sm-px);
        border-radius: var(--btn-sm-brs);
    }
    .lg\:btn--md {
        height: var(--btn-md-h);
        padding-right: var(--btn-md-px);
        padding-left: var(--btn-md-px);
        border-radius: var(--btn-md-brs);
    }
    .lg\:btn--lg {
        height: var(--btn-lg-h);
        padding-right: var(--btn-lg-px);
        padding-left: var(--btn-lg-px);
        border-radius: var(--btn-lg-brs);
    }
    .lg\:btn--primary,
    .lg\:btn--hover-marketing {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
    .lg\:btn--primary:focus,
    .lg\:btn--marketing:focus {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
    .lg\:btn--primary:active,
    .lg\:btn--marketing:active {
        border-color: var(--btn-active-bg-cl);
        background-color: var(--btn-active-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1024px) and (hover: hover) {
    .lg\:btn--primary:hover,
    .lg\:btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1024px) {
    .lg\:btn--primary.btn--disabled,
    .lg\:btn--primary:disabled,
    .lg\:btn--marketing.btn--disabled,
    .lg\:btn--marketing:disabled {
        border-color: var(--btn-disabled-border-cl);
        background-color: var(--btn-disabled-bg-cl);
        color: var(--btn-disabled-cl);
    }
    .lg\:btn--marketing {
        border-color: var(--btn-marketing-border-cl);
        background-color: var(--btn-marketing-bg-cl);
        color: var(--btn-marketing-cl);
    }
    .lg\:btn--hover-marketing:focus {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1024px) and (hover: hover) {
    .lg\:btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1024px) {
    .lg\:btn--secondary {
        border-color: var(--btn-secondary-border-cl);
        background-color: var(--btn-secondary-bg-cl);
        color: var(--btn-secondary-cl);
    }
    .lg\:btn--secondary:focus {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
    .lg\:btn--secondary:active {
        border-color: var(--btn-secondary-active-border-cl);
        background-color: var(--btn-secondary-active-bg-cl);
        color: var(--btn-secondary-active-cl);
    }
}
@media (min-width: 1024px) and (hover: hover) {
    .lg\:btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
@media (min-width: 1024px) {
    .lg\:btn--secondary.btn--disabled,
    .lg\:btn--secondary:disabled {
        border-color: var(--btn-secondary-disabled-border-cl);
        color: var(--btn-secondary-disabled-cl);
    }
    .lg\:btn--hover-primary:focus {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1024px) and (hover: hover) {
    .lg\:btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1200px) {
    .xl\:btn--sm {
        height: var(--btn-sm-h);
        padding-right: var(--btn-sm-px);
        padding-left: var(--btn-sm-px);
        border-radius: var(--btn-sm-brs);
    }
    .xl\:btn--md {
        height: var(--btn-md-h);
        padding-right: var(--btn-md-px);
        padding-left: var(--btn-md-px);
        border-radius: var(--btn-md-brs);
    }
    .xl\:btn--lg {
        height: var(--btn-lg-h);
        padding-right: var(--btn-lg-px);
        padding-left: var(--btn-lg-px);
        border-radius: var(--btn-lg-brs);
    }
    .xl\:btn--primary,
    .xl\:btn--hover-marketing {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
    .xl\:btn--primary:focus,
    .xl\:btn--marketing:focus {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
    .xl\:btn--primary:active,
    .xl\:btn--marketing:active {
        border-color: var(--btn-active-bg-cl);
        background-color: var(--btn-active-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1200px) and (hover: hover) {
    .xl\:btn--primary:hover,
    .xl\:btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1200px) {
    .xl\:btn--primary.btn--disabled,
    .xl\:btn--primary:disabled,
    .xl\:btn--marketing.btn--disabled,
    .xl\:btn--marketing:disabled {
        border-color: var(--btn-disabled-border-cl);
        background-color: var(--btn-disabled-bg-cl);
        color: var(--btn-disabled-cl);
    }
    .xl\:btn--marketing {
        border-color: var(--btn-marketing-border-cl);
        background-color: var(--btn-marketing-bg-cl);
        color: var(--btn-marketing-cl);
    }
    .xl\:btn--hover-marketing:focus {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1200px) and (hover: hover) {
    .xl\:btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1200px) {
    .xl\:btn--secondary {
        border-color: var(--btn-secondary-border-cl);
        background-color: var(--btn-secondary-bg-cl);
        color: var(--btn-secondary-cl);
    }
    .xl\:btn--secondary:focus {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
    .xl\:btn--secondary:active {
        border-color: var(--btn-secondary-active-border-cl);
        background-color: var(--btn-secondary-active-bg-cl);
        color: var(--btn-secondary-active-cl);
    }
}
@media (min-width: 1200px) and (hover: hover) {
    .xl\:btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
@media (min-width: 1200px) {
    .xl\:btn--secondary.btn--disabled,
    .xl\:btn--secondary:disabled {
        border-color: var(--btn-secondary-disabled-border-cl);
        color: var(--btn-secondary-disabled-cl);
    }
    .xl\:btn--hover-primary:focus {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1200px) and (hover: hover) {
    .xl\:btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1440px) {
    .xxl\:btn--sm {
        height: var(--btn-sm-h);
        padding-right: var(--btn-sm-px);
        padding-left: var(--btn-sm-px);
        border-radius: var(--btn-sm-brs);
    }
    .xxl\:btn--md {
        height: var(--btn-md-h);
        padding-right: var(--btn-md-px);
        padding-left: var(--btn-md-px);
        border-radius: var(--btn-md-brs);
    }
    .xxl\:btn--lg {
        height: var(--btn-lg-h);
        padding-right: var(--btn-lg-px);
        padding-left: var(--btn-lg-px);
        border-radius: var(--btn-lg-brs);
    }
    .xxl\:btn--primary,
    .xxl\:btn--hover-marketing {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
    .xxl\:btn--primary:focus,
    .xxl\:btn--marketing:focus {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
    .xxl\:btn--primary:active,
    .xxl\:btn--marketing:active {
        border-color: var(--btn-active-bg-cl);
        background-color: var(--btn-active-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1440px) and (hover: hover) {
    .xxl\:btn--primary:hover,
    .xxl\:btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1440px) {
    .xxl\:btn--primary.btn--disabled,
    .xxl\:btn--primary:disabled,
    .xxl\:btn--marketing.btn--disabled,
    .xxl\:btn--marketing:disabled {
        border-color: var(--btn-disabled-border-cl);
        background-color: var(--btn-disabled-bg-cl);
        color: var(--btn-disabled-cl);
    }
    .xxl\:btn--marketing {
        border-color: var(--btn-marketing-border-cl);
        background-color: var(--btn-marketing-bg-cl);
        color: var(--btn-marketing-cl);
    }
    .xxl\:btn--hover-marketing:focus {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1440px) and (hover: hover) {
    .xxl\:btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1440px) {
    .xxl\:btn--secondary {
        border-color: var(--btn-secondary-border-cl);
        background-color: var(--btn-secondary-bg-cl);
        color: var(--btn-secondary-cl);
    }
    .xxl\:btn--secondary:focus {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
    .xxl\:btn--secondary:active {
        border-color: var(--btn-secondary-active-border-cl);
        background-color: var(--btn-secondary-active-bg-cl);
        color: var(--btn-secondary-active-cl);
    }
}
@media (min-width: 1440px) and (hover: hover) {
    .xxl\:btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
@media (min-width: 1440px) {
    .xxl\:btn--secondary.btn--disabled,
    .xxl\:btn--secondary:disabled {
        border-color: var(--btn-secondary-disabled-border-cl);
        color: var(--btn-secondary-disabled-cl);
    }
    .xxl\:btn--hover-primary:focus {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1440px) and (hover: hover) {
    .xxl\:btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1920px) {
    .xxxl\:btn--sm {
        height: var(--btn-sm-h);
        padding-right: var(--btn-sm-px);
        padding-left: var(--btn-sm-px);
        border-radius: var(--btn-sm-brs);
    }
    .xxxl\:btn--md {
        height: var(--btn-md-h);
        padding-right: var(--btn-md-px);
        padding-left: var(--btn-md-px);
        border-radius: var(--btn-md-brs);
    }
    .xxxl\:btn--lg {
        height: var(--btn-lg-h);
        padding-right: var(--btn-lg-px);
        padding-left: var(--btn-lg-px);
        border-radius: var(--btn-lg-brs);
    }
    .xxxl\:btn--primary,
    .xxxl\:btn--hover-marketing {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
    .xxxl\:btn--primary:focus,
    .xxxl\:btn--marketing:focus {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
    .xxxl\:btn--primary:active,
    .xxxl\:btn--marketing:active {
        border-color: var(--btn-active-bg-cl);
        background-color: var(--btn-active-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1920px) and (hover: hover) {
    .xxxl\:btn--primary:hover,
    .xxxl\:btn--marketing:hover {
        border-color: var(--btn-hover-bg-cl);
        background-color: var(--btn-hover-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1920px) {
    .xxxl\:btn--primary.btn--disabled,
    .xxxl\:btn--primary:disabled,
    .xxxl\:btn--marketing.btn--disabled,
    .xxxl\:btn--marketing:disabled {
        border-color: var(--btn-disabled-border-cl);
        background-color: var(--btn-disabled-bg-cl);
        color: var(--btn-disabled-cl);
    }
    .xxxl\:btn--marketing {
        border-color: var(--btn-marketing-border-cl);
        background-color: var(--btn-marketing-bg-cl);
        color: var(--btn-marketing-cl);
    }
    .xxxl\:btn--hover-marketing:focus {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1920px) and (hover: hover) {
    .xxxl\:btn--hover-marketing:hover {
        border-color: var(--btn-hover-marketing-border-cl);
        background-color: var(--btn-hover-marketing-bg-cl);
        color: var(--btn-hover-marketing-cl);
    }
}
@media (min-width: 1920px) {
    .xxxl\:btn--secondary {
        border-color: var(--btn-secondary-border-cl);
        background-color: var(--btn-secondary-bg-cl);
        color: var(--btn-secondary-cl);
    }
    .xxxl\:btn--secondary:focus {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
    .xxxl\:btn--secondary:active {
        border-color: var(--btn-secondary-active-border-cl);
        background-color: var(--btn-secondary-active-bg-cl);
        color: var(--btn-secondary-active-cl);
    }
}
@media (min-width: 1920px) and (hover: hover) {
    .xxxl\:btn--secondary:hover {
        border-color: var(--btn-secondary-hover-border-cl);
        background-color: var(--btn-secondary-hover-bg-cl);
        color: var(--btn-secondary-hover-cl);
    }
}
@media (min-width: 1920px) {
    .xxxl\:btn--secondary.btn--disabled,
    .xxxl\:btn--secondary:disabled {
        border-color: var(--btn-secondary-disabled-border-cl);
        color: var(--btn-secondary-disabled-cl);
    }
    .xxxl\:btn--hover-primary:focus {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
@media (min-width: 1920px) and (hover: hover) {
    .xxxl\:btn--hover-primary:hover {
        border-color: var(--btn-border-cl);
        background-color: var(--btn-bg-cl);
        color: var(--btn-cl);
    }
}
.btn-tag {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-family: var(--btn-ff);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding: var(--btn-tag-py) var(--btn-tag-px);
    border: 0;
    border-radius: var(--btn-tag-brs);
    background-color: var(--btn-tag-bg-cl);
    color: var(--btn-tag-cl);
    font-size: var(--btn-tag-fz);
    font-weight: var(--btn-tag-fw);
    line-height: var(--btn-tag-lh);
    letter-spacing: -0.005em;
}
.btn-tag--secondary {
    padding: var(--btn-tag-secondary-py) var(--btn-tag-secondary-px);
    background-color: var(--btn-tag-secondary-bg-cl);
}
.btn-tag--active {
    background-color: var(--btn-tag-active-bg-cl);
    box-shadow: var(--btn-tag-shadow);
    color: var(--btn-tag-active-cl);
}
@media (min-width: 1024px) {
    .btn-tag--px {
        padding-right: 62px;
        padding-left: 62px;
    }
}
@media (min-width: 768px) {
    .btn-position {
        grid-column-start: 9;
        grid-column-end: 13;
    }
}
.btn-ws-xxl {
    border-radius: 19px;
}
@media (min-width: 768px) {
    .btn-ws-xxl {
        width: 340px;
        height: 90px;
        font-size: 22px;
        line-height: 27px;
        font-weight: 400;
        border-radius: 26px;
        letter-spacing: -0.015em;
    }
}
@media (min-width: 1440px) {
    .btn-ws-xxl {
        width: 443px;
        height: 90px;
    }
}
.btn-ws-xl {
    width: 100%;
    height: 68px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    margin-top: auto;
    border-radius: 19px;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .btn-ws-xl {
        --button-default-width: 260px;
        max-width: 260px;
        margin-top: 40px;
    }
}
@media (min-width: 1280px) {
    .btn-ws-xl {
        font-size: 24px;
        line-height: 28px;
        --button-default-width: 360px;
        max-width: 360px;
        height: 90px;
        border-radius: 26px;
        letter-spacing: -0.015em;
    }
}
.btn-ws-lg {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    height: 68px;
    margin-top: auto;
    border-radius: 19px;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .btn-ws-lg {
        width: 100%;
        max-width: 260px;
        margin-top: 40px;
    }
}
.btn-service {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-family: var(--btn-ff);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: background 0.4s ease-in-out 0.25s, border-color 0.4s ease-in-out 0.25s;
    width: var(--btn-service-w);
    height: var(--btn-service-h);
    border: var(--btn-service-border-w) solid var(--btn-service-border-cl);
    border-radius: var(--btn-service-brs);
    background-color: var(--btn-service-bg-cl);
}
.btn-service:hover,
.btn-service:focus {
    --btn-service-cl: var(--btn-service-hover-cl);
    --btn-service-bg-cl: var(--btn-service-hover-bg-cl);
    --btn-service-border-cl: var(--btn-service-hover-border-cl);
}
.btn-service:active {
    --btn-service-cl: var(--btn-service-active-cl);
    --btn-service-bg-cl: var(--btn-service-active-bg-cl);
    --btn-service-border-cl: var(--btn-service-active-border-cl);
}
.btn-service__img {
    display: block;
    height: var(--btn-service-img-h);
}
.btn-service path {
    transition: fill 0.4s ease-in-out 0.25s;
}
.btn-service--radial {
    width: 32px;
    height: 32px;
    border-width: 1px;
    border-radius: 50%;
}
.btn-service--secondary {
    --btn-service-cl: var(--btn-service-secondary-cl);
    --btn-service-bg-cl: var(--btn-service-secondary-bg-cl);
    --btn-service-border-cl: var(--btn-service-secondary-border-cl);
}
.btn-service--secondary:hover,
.btn-service--secondary:focus {
    --btn-service-cl: var(--btn-service-secondary-hover-cl);
    --btn-service-bg-cl: var(--btn-service-secondary-hover-bg-cl);
    --btn-service-border-cl: var(--btn-service-secondary-hover-border-cl);
}
.btn-service--sm {
    --btn-service-brs: var(--btn-service-sm-brs);
    --btn-service-border-w: var(--btn-service-sm-border-w);
    --btn-service-w: var(--btn-service-sm-w);
    --btn-service-h: var(--btn-service-sm-h);
    --btn-service-img-h: var(--btn-service-sm-img-h);
}
@media (min-width: 464px) {
    .sm\:btn-service--sm {
        --btn-service-brs: var(--btn-service-sm-brs);
        --btn-service-border-w: var(--btn-service-sm-border-w);
        --btn-service-w: var(--btn-service-sm-w);
        --btn-service-h: var(--btn-service-sm-h);
        --btn-service-img-h: var(--btn-service-sm-img-h);
    }
}
@media (min-width: 768px) {
    .md\:btn-service--sm {
        --btn-service-brs: var(--btn-service-sm-brs);
        --btn-service-border-w: var(--btn-service-sm-border-w);
        --btn-service-w: var(--btn-service-sm-w);
        --btn-service-h: var(--btn-service-sm-h);
        --btn-service-img-h: var(--btn-service-sm-img-h);
    }
}
@media (min-width: 1024px) {
    .lg\:btn-service--sm {
        --btn-service-brs: var(--btn-service-sm-brs);
        --btn-service-border-w: var(--btn-service-sm-border-w);
        --btn-service-w: var(--btn-service-sm-w);
        --btn-service-h: var(--btn-service-sm-h);
        --btn-service-img-h: var(--btn-service-sm-img-h);
    }
}
@media (min-width: 1200px) {
    .xl\:btn-service--sm {
        --btn-service-brs: var(--btn-service-sm-brs);
        --btn-service-border-w: var(--btn-service-sm-border-w);
        --btn-service-w: var(--btn-service-sm-w);
        --btn-service-h: var(--btn-service-sm-h);
        --btn-service-img-h: var(--btn-service-sm-img-h);
    }
}
@media (min-width: 1440px) {
    .xxl\:btn-service--sm {
        --btn-service-brs: var(--btn-service-sm-brs);
        --btn-service-border-w: var(--btn-service-sm-border-w);
        --btn-service-w: var(--btn-service-sm-w);
        --btn-service-h: var(--btn-service-sm-h);
        --btn-service-img-h: var(--btn-service-sm-img-h);
    }
}
@media (min-width: 1920px) {
    .xxxl\:btn-service--sm {
        --btn-service-brs: var(--btn-service-sm-brs);
        --btn-service-border-w: var(--btn-service-sm-border-w);
        --btn-service-w: var(--btn-service-sm-w);
        --btn-service-h: var(--btn-service-sm-h);
        --btn-service-img-h: var(--btn-service-sm-img-h);
    }
}
.text-xs {
    font-size: var(--text-xs-fz);
    font-weight: var(--text-xs-fw);
    line-height: var(--text-xs-lh);
}
.text-sm {
    font-size: var(--text-sm-fz);
    font-weight: var(--text-sm-fw);
    line-height: var(--text-sm-lh);
}
.text-md {
    font-size: var(--text-md-fz);
    font-weight: var(--text-md-fw);
    line-height: var(--text-md-lh);
}
.text-lg {
    font-size: var(--text-lg-fz);
    font-weight: var(--text-lg-fw);
    line-height: var(--text-lg-lh);
}
.text-mark {
    font-size: var(--text-mark-fz);
    font-weight: var(--text-mark-fw);
    line-height: var(--text-mark-lh);
}
.h1 {
    font-size: var(--h1-fz);
    font-weight: var(--h1-fw);
    line-height: var(--h1-lh);
}
.h2 {
    font-size: var(--h2-fz);
    font-weight: var(--h2-fw);
    line-height: var(--h2-lh);
}
.h3 {
    font-size: var(--h3-fz);
    font-weight: var(--h3-fw);
    line-height: var(--h3-lh);
}
.h4 {
    font-size: var(--h4-fz);
    font-weight: var(--h4-fw);
    line-height: var(--h4-lh);
}
@media (min-width: 464px) {
    .sm\:text-xs {
        font-size: var(--text-xs-fz);
        font-weight: var(--text-xs-fw);
        line-height: var(--text-xs-lh);
    }
    .sm\:text-sm {
        font-size: var(--text-sm-fz);
        font-weight: var(--text-sm-fw);
        line-height: var(--text-sm-lh);
    }
    .sm\:text-md {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
    .sm\:text-lg {
        font-size: var(--text-lg-fz);
        font-weight: var(--text-lg-fw);
        line-height: var(--text-lg-lh);
    }
    .sm\:text-mark {
        font-size: var(--text-mark-fz);
        font-weight: var(--text-mark-fw);
        line-height: var(--text-mark-lh);
    }
    .sm\:h1 {
        font-size: var(--h1-fz);
        font-weight: var(--h1-fw);
        line-height: var(--h1-lh);
    }
    .sm\:h2 {
        font-size: var(--h2-fz);
        font-weight: var(--h2-fw);
        line-height: var(--h2-lh);
    }
    .sm\:h3 {
        font-size: var(--h3-fz);
        font-weight: var(--h3-fw);
        line-height: var(--h3-lh);
    }
    .sm\:h4 {
        font-size: var(--h4-fz);
        font-weight: var(--h4-fw);
        line-height: var(--h4-lh);
    }
}
@media (min-width: 768px) {
    .md\:text-xs {
        font-size: var(--text-xs-fz);
        font-weight: var(--text-xs-fw);
        line-height: var(--text-xs-lh);
    }
    .md\:text-sm {
        font-size: var(--text-sm-fz);
        font-weight: var(--text-sm-fw);
        line-height: var(--text-sm-lh);
    }
    .md\:text-md {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
    .md\:text-lg {
        font-size: var(--text-lg-fz);
        font-weight: var(--text-lg-fw);
        line-height: var(--text-lg-lh);
    }
    .md\:text-mark {
        font-size: var(--text-mark-fz);
        font-weight: var(--text-mark-fw);
        line-height: var(--text-mark-lh);
    }
    .md\:h1 {
        font-size: var(--h1-fz);
        font-weight: var(--h1-fw);
        line-height: var(--h1-lh);
    }
    .md\:h2 {
        font-size: var(--h2-fz);
        font-weight: var(--h2-fw);
        line-height: var(--h2-lh);
    }
    .md\:h3 {
        font-size: var(--h3-fz);
        font-weight: var(--h3-fw);
        line-height: var(--h3-lh);
    }
    .md\:h4 {
        font-size: var(--h4-fz);
        font-weight: var(--h4-fw);
        line-height: var(--h4-lh);
    }
}
@media (min-width: 1024px) {
    .lg\:text-xs {
        font-size: var(--text-xs-fz);
        font-weight: var(--text-xs-fw);
        line-height: var(--text-xs-lh);
    }
    .lg\:text-sm {
        font-size: var(--text-sm-fz);
        font-weight: var(--text-sm-fw);
        line-height: var(--text-sm-lh);
    }
    .lg\:text-md {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
    .lg\:text-lg {
        font-size: var(--text-lg-fz);
        font-weight: var(--text-lg-fw);
        line-height: var(--text-lg-lh);
    }
    .lg\:text-mark {
        font-size: var(--text-mark-fz);
        font-weight: var(--text-mark-fw);
        line-height: var(--text-mark-lh);
    }
    .lg\:h1 {
        font-size: var(--h1-fz);
        font-weight: var(--h1-fw);
        line-height: var(--h1-lh);
    }
    .lg\:h2 {
        font-size: var(--h2-fz);
        font-weight: var(--h2-fw);
        line-height: var(--h2-lh);
    }
    .lg\:h3 {
        font-size: var(--h3-fz);
        font-weight: var(--h3-fw);
        line-height: var(--h3-lh);
    }
    .lg\:h4 {
        font-size: var(--h4-fz);
        font-weight: var(--h4-fw);
        line-height: var(--h4-lh);
    }
}
@media (min-width: 1200px) {
    .xl\:text-xs {
        font-size: var(--text-xs-fz);
        font-weight: var(--text-xs-fw);
        line-height: var(--text-xs-lh);
    }
    .xl\:text-sm {
        font-size: var(--text-sm-fz);
        font-weight: var(--text-sm-fw);
        line-height: var(--text-sm-lh);
    }
    .xl\:text-md {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
    .xl\:text-lg {
        font-size: var(--text-lg-fz);
        font-weight: var(--text-lg-fw);
        line-height: var(--text-lg-lh);
    }
    .xl\:text-mark {
        font-size: var(--text-mark-fz);
        font-weight: var(--text-mark-fw);
        line-height: var(--text-mark-lh);
    }
    .xl\:h1 {
        font-size: var(--h1-fz);
        font-weight: var(--h1-fw);
        line-height: var(--h1-lh);
    }
    .xl\:h2 {
        font-size: var(--h2-fz);
        font-weight: var(--h2-fw);
        line-height: var(--h2-lh);
    }
    .xl\:h3 {
        font-size: var(--h3-fz);
        font-weight: var(--h3-fw);
        line-height: var(--h3-lh);
    }
    .xl\:h4 {
        font-size: var(--h4-fz);
        font-weight: var(--h4-fw);
        line-height: var(--h4-lh);
    }
}
@media (min-width: 1440px) {
    .xxl\:text-xs {
        font-size: var(--text-xs-fz);
        font-weight: var(--text-xs-fw);
        line-height: var(--text-xs-lh);
    }
    .xxl\:text-sm {
        font-size: var(--text-sm-fz);
        font-weight: var(--text-sm-fw);
        line-height: var(--text-sm-lh);
    }
    .xxl\:text-md {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
    .xxl\:text-lg {
        font-size: var(--text-lg-fz);
        font-weight: var(--text-lg-fw);
        line-height: var(--text-lg-lh);
    }
    .xxl\:text-mark {
        font-size: var(--text-mark-fz);
        font-weight: var(--text-mark-fw);
        line-height: var(--text-mark-lh);
    }
    .xxl\:h1 {
        font-size: var(--h1-fz);
        font-weight: var(--h1-fw);
        line-height: var(--h1-lh);
    }
    .xxl\:h2 {
        font-size: var(--h2-fz);
        font-weight: var(--h2-fw);
        line-height: var(--h2-lh);
    }
    .xxl\:h3 {
        font-size: var(--h3-fz);
        font-weight: var(--h3-fw);
        line-height: var(--h3-lh);
    }
    .xxl\:h4 {
        font-size: var(--h4-fz);
        font-weight: var(--h4-fw);
        line-height: var(--h4-lh);
    }
}
@media (min-width: 1920px) {
    .xxxl\:text-xs {
        font-size: var(--text-xs-fz);
        font-weight: var(--text-xs-fw);
        line-height: var(--text-xs-lh);
    }
    .xxxl\:text-sm {
        font-size: var(--text-sm-fz);
        font-weight: var(--text-sm-fw);
        line-height: var(--text-sm-lh);
    }
    .xxxl\:text-md {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
    .xxxl\:text-lg {
        font-size: var(--text-lg-fz);
        font-weight: var(--text-lg-fw);
        line-height: var(--text-lg-lh);
    }
    .xxxl\:text-mark {
        font-size: var(--text-mark-fz);
        font-weight: var(--text-mark-fw);
        line-height: var(--text-mark-lh);
    }
    .xxxl\:h1 {
        font-size: var(--h1-fz);
        font-weight: var(--h1-fw);
        line-height: var(--h1-lh);
    }
    .xxxl\:h2 {
        font-size: var(--h2-fz);
        font-weight: var(--h2-fw);
        line-height: var(--h2-lh);
    }
    .xxxl\:h3 {
        font-size: var(--h3-fz);
        font-weight: var(--h3-fw);
        line-height: var(--h3-lh);
    }
    .xxxl\:h4 {
        font-size: var(--h4-fz);
        font-weight: var(--h4-fw);
        line-height: var(--h4-lh);
    }
}
.ol,
.ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
.ul--no-marker {
    list-style-type: none;
}
.ul--marker-grey li {
    position: relative;
    list-style: none;
}
.ul--marker-grey li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--color-grey-80);
}
.logo {
    position: relative;
    z-index: 10;
    display: block;
    width: 102px;
    height: 26px;
}
@media (min-width: 768px) {
    .logo {
        width: 128px;
        height: 32px;
    }
}
.logo--stub {
    width: 119px;
    height: 30px;
}
@media (min-width: 768px) {
    .logo--stub {
        width: 179px;
        height: 45px;
    }
}
@media (min-width: 1024px) {
    .logo--stub {
        width: 238px;
        height: 60px;
    }
}
.logo--secondary {
    width: 72px;
    height: 28px;
}
@media (min-width: 768px) {
    .logo--secondary {
        width: 96px;
        height: 38px;
    }
}
.logo--dms {
    width: 399px;
    height: 32px;
}
.icon {
    display: inline-block;
    flex-shrink: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    stroke: currentColor;
    font-size: var(--icon-fz) !important;
    vertical-align: middle;
}
.icon:not(.icon--cl) [stroke] {
    stroke: currentColor;
}
.icon:not(.icon--cl) [fill] {
    fill: currentColor;
}
.icon--lg {
    font-size: var(--icon-lg-fz) !important;
}
.icon--xl {
    font-size: var(--icon-xl-fz) !important;
}
.icon--2xl {
    font-size: var(--icon-2xl-fz) !important;
}
.icon--4xl {
    font-size: var(--icon-4xl-fz) !important;
}
.icon--6xl {
    font-size: var(--icon-6xl-fz) !important;
}
a,
.link {
    transition: color 0.2s ease ease-in-out 0.25s;
    --link-cl: var(--link-default-cl);
    padding: 0;
    border: 0;
    background-color: var(--link-bg);
    color: var(--link-cl);
    text-decoration: var(--link-decoration);
    cursor: pointer;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
    --link-cl: var(--link-hover-cl);
}
.link--no-underline {
    text-decoration: none;
}
.widget {
    --widget-brs: var(--widget-main-brs);
    --widget-bg-cl: var(--widget-main-bg-cl);
    --body-bg-cl: var(--widget-bg-cl);
    --scroll-track-bg-cl: var(--widget-bg-cl);
    border-radius: var(--widget-brs);
    background-color: var(--widget-bg-cl);
}
.widget--space-lg {
    padding: 32px;
}
@media (min-width: 1024px) {
    .widget--space-lg {
        padding: 40px 80px;
    }
}
.widget--informer {
    --widget-bg-cl: var(--widget-informer-bg-cl);
    --widget-brs: var(--sm-widget-informer-brs);
    padding: 20px 20px 32px;
}
@media (min-width: 1024px) {
    .widget--informer {
        --widget-brs: var(--lg-widget-informer-brs);
    }
}
@media (min-width: 768px) {
    .widget--informer {
        padding: 32px 40px 40px;
    }
}
.widget--new-informer {
    --widget-brs: var(--xs-widget-new-brs);
}
@media (min-width: 464px) {
    .widget--new-informer {
        --widget-brs: var(--sm-widget-new-brs);
    }
}
@media (min-width: 768px) {
    .widget--new-informer {
        --widget-brs: var(--lg-widget-new-brs);
    }
}
.widget--registration {
    height: 538px;
}
@media (min-width: 768px) {
    .widget--registration {
        height: 521px;
    }
}
.widget--loans-info {
    height: 100%;
    padding: 24px 22px 28px 24px;
    border-radius: 19px;
}
@media (min-width: 1200px) {
    .widget--loans-info {
        padding: 28px;
        border-radius: 26px;
    }
}
.widget--payments {
    height: 100%;
    min-height: 340px;
    border-radius: 26px;
}
@media (min-width: 1024px) {
    .widget--payments {
        height: 386px;
    }
}
.widget--transition {
    transition: opacity 0.2s ease-in-out;
}
.widget--green {
    background-color: var(--widget-green-bg-cl);
}
@media (min-width: 768px) {
    .widget--resize {
        height: 198px;
    }
}
@media (min-width: 768px) {
    .widget--md {
        min-height: 162px;
    }
}
.widget--finmon-block {
    padding: 16px 21px 20px 22px;
    border-radius: 19px;
    background-color: var(--cl-gray-50);
}
@media (min-width: 1024px) {
    .widget--finmon-block {
        padding: 32px 32px 40px;
        border-radius: 26px;
        background-color: #fff;
    }
}
.widget--finmon-blocks {
    padding: 20px 22px 24px;
    border-radius: 19px;
    background-color: var(--cl-gray-50);
}
@media (min-width: 1024px) {
    .widget--finmon-blocks {
        padding: 24px 24px 28px;
        border-radius: 26px;
        background-color: #fff;
    }
}
.widget__btn {
    height: 68px;
    border-radius: 19px;
}
@media (min-width: 1024px) {
    .widget__btn {
        height: 90px;
    }
}
.widget__colors {
    color: #888;
}
.widget--column-md {
    width: 100%;
    margin-right: 8px;
}
@media (min-width: 1200px) {
    .widget--column-md {
        max-width: 338px;
        margin-right: 24px;
    }
}
.widget--column-xs {
    width: 100%;
}
@media (min-width: 1200px) {
    .widget--column-xs {
        max-width: 266px;
    }
}
.widget--brs {
    border-radius: 26px;
}
.widget--brs-new {
    border-radius: 24px;
}
@media (min-width: 768px) {
    .widget--brs-new {
        border-radius: 26px;
    }
}
.widget--brs-26-19 {
    border-radius: 19px;
}
@media (min-width: 768px) {
    .widget--brs-26-19 {
        border-radius: 26px;
    }
}
.widget--brs-24 {
    border-radius: 24px;
}
.widget__h1 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.025em;
}
@media (min-width: 1024px) {
    .widget__h1 {
        font-size: 60px;
        font-weight: 500;
        letter-spacing: -0.03em;
    }
}
.widget--unsubscribe {
    background-color: transparent;
}
@media (min-width: 464px) {
    .widget--unsubscribe {
        --body-bg-cl: var(--widget-bg-cl);
        background-color: var(--widget-bg-cl);
    }
}
@media (min-width: 1024px) {
    .widget--unsubscribe {
        max-width: 520px;
    }
}
.widget__text {
    padding-bottom: 0;
}
@media (min-width: 464px) {
    .widget__text {
        padding-bottom: 128px;
    }
}
.widget__spacing {
    letter-spacing: -0.03em;
}
@media (min-width: 464px) {
    .widget__spacing {
        letter-spacing: 0;
    }
}
.widget__brs {
    border-radius: 19px;
}
.widget__fz {
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: -0.015em;
}
.widget__lh {
    line-height: 133%;
}
.widget__h2 {
    line-height: 26px;
}
.widget__text-green {
    color: #9fd45f;
}
.news--columns {
    display: grid;
    gap: 12px;
}
@media (min-width: 768px) {
    .news--columns {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}
@media (min-width: 1024px) {
    .news--columns {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1440px) {
    .news--columns {
        grid-template-columns: repeat(4, 270px);
        gap: 24px;
    }
}
@media (min-width: 1920px) {
    .news--columns {
        grid-template-columns: repeat(5, 270px);
    }
}
@media (min-width: 1280px) {
    .news--columns {
        grid-template-columns: repeat(4, 270px);
        gap: 20px;
    }
}
.news__title {
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: -0.015em;
}
@media (min-width: 1920px) {
    .news__title {
        line-height: 27.6px;
    }
}
.flipped-widget {
    height: 340px;
}
@media (min-width: 768px) {
    .flipped-widget {
        height: 340px;
    }
}
@media (min-width: 1024px) {
    .flipped-widget {
        height: 368px;
    }
}
.field {
    transition: background-color 0.4s ease-in-out 0.25s, box-shadow 0.4s ease-in-out 0.25s, color 0.4s ease-in-out 0.25s, border-color 0.4s ease-in-out 0.25s, padding-top 0.4s ease-in-out 0.25s;
    --field-height: var(--field-height-lg);
    --field-bg-cl: var(--field-default-bg-cl);
    --field-error-message-w: var(--field-main-error-message-w);
    --field-error-message-bg-cl: var(--field-main-error-message-bg-cl);
    --field-py: var(--field-main-py);
    --field-px: var(--field-main-px);
    --field-err-actions-pt: var(--field-main-err-actions-pt);
    --field-err-actions-bg-cl: var(--field-main-err-actions-bg-cl);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--field-height);
    padding: var(--field-py) var(--field-px);
    border: 1px solid;
    border-color: var(--field-border-cl);
    border-radius: var(--field-brs);
    background-color: var(--field-bg-cl);
    box-shadow: var(--field-shadow);
}
.field:hover {
    box-shadow: var(--field-hover-shadow);
}
.field__control {
    transition: color 0.4s ease-in-out 0.25s;
    z-index: 1;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: var(--field-height);
    padding: var(--field-control-py) var(--field-control-px);
    border: 0;
    background-color: transparent;
    color: unset;
    font-family: var(--ff-aeroport);
    font-size: var(--field-fz);
    font-weight: var(--field-fw);
    line-height: var(--field-lh);
    resize: none;
}
.field__control:focus {
    outline: none;
}
.field__control::placeholder {
    color: var(--field-placeholder-cl);
    opacity: 1;
}
.field__control:disabled,
.field__control[readonly] {
    opacity: 1;
}
.field__control::-ms-reveal,
.field__control::-ms-clear {
    display: none;
}
.field__control::-webkit-outer-spin-button,
.field__control::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.field__control[type="number"] {
    -moz-appearance: textfield;
}
.field__title {
    transition: background-color 0.4s ease-in-out 0.25s, top 0.4s ease-in-out 0.25s, transform 0.4s ease-in-out 0.25s, font-size 0.4s ease-in-out 0.25s, padding 0.4s ease-in-out 0.25s;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-left: 8px;
    color: var(--text-disabled-cl);
    font-size: var(--field-title-fz);
    font-weight: var(--field-title-fw);
    line-height: var(--field-title-lh);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    transform: translateY(-50%);
}
.field__addon {
    flex-shrink: 0;
    font-size: var(--field-fz);
    font-weight: var(--field-fw);
    line-height: var(--field-lh);
}
.field__addon--title {
    padding-top: 18px;
}
.field__addon--icon {
    transition: color 0.4s ease-in-out 0.25s;
    display: flex;
    margin-right: 4px;
    margin-left: 8px;
    color: var(--cl-gray-30);
}
.field__control-divided:first-child {
    padding-left: 0;
}
.field__control-divided:first-child:before {
    content: none;
}
.field__control-divided:first-child .drop__content {
    left: 0;
}
.field__control-divided:before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 16px;
    border-left: 1px solid var(--field-control-divider-cl);
}
.field__control-hidden {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
.field__error {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: calc(100% + 2px);
    margin-bottom: 0;
}
.field__error--top {
    bottom: calc(100% + 8px);
}
.field__error--bottom {
    top: calc(100% + 8px);
}
.field__error--left {
    left: -1px;
}
.field__error--right {
    right: -1px;
}
.field__error-message {
    z-index: 10;
    background-color: var(--field-error-message-bg-cl);
}
.field__error-message:before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--drop-overlay-visible-h);
    background-image: linear-gradient(0deg, var(--body-bg-cl) 0%, var(--body-bg-trans) 100%);
    pointer-events: none;
    bottom: 100%;
    z-index: 10;
    width: var(--field-error-message-w);
}
.field__error-actions {
    z-index: 10;
    display: flex;
    width: 100%;
    padding-top: var(--field-err-actions-pt);
    background-color: var(--field-err-actions-bg-cl);
}
.field__clear {
    display: none;
}
.field__textarea-wrapper {
    width: 100%;
    min-height: calc(var(--field-height) - 2px);
}
.field--sm {
    --field-height: var(--field-height-sm);
}
.field--btn {
    padding-right: var(--field-btn-pr);
}
.field--textarea {
    --field-textarea-control-min-h: calc(var(--field-height) - 2px);
    height: auto;
    min-height: var(--field-height);
    padding-top: 0;
    padding-bottom: 0;
}
.field--textarea .field__control {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--field-textarea-scrollbar-bg-cl) transparent;
    scrollbar-width: thin;
    height: 100%;
    min-height: var(--field-textarea-control-min-h);
    padding-top: 0;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-button,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-thumb,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--field-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--field-textarea-scrollbar-bg-cl);
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-thumb:vertical,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-thumb:horizontal,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar,
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-track,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: 8px;
    background-color: var(--scroll-track-bg-cl);
}
.field--textarea.field--title .field__textarea-wrapper {
    padding-top: 30px;
    padding-bottom: 4px;
}
.field--textarea.field--title .field__control {
    padding-top: 0;
}
.field--textarea.field--disabled {
    pointer-events: auto;
}
.field--textarea.field--sm .field__control {
    padding-top: 10px;
    padding-bottom: 10px;
}
.field--title {
    --field-textarea-control-min-h: 0px;
}
.field--title .field__title {
    top: 0;
    bottom: auto;
    padding-top: 12px;
    font-size: var(--field-title-focus-fz);
    font-weight: var(--field-title-focus-fw);
    line-height: var(--field-title-focus-lh);
    transform: translateY(0);
}
.field--title .field__control,
.field--title .drop__field {
    padding-top: 18px;
}
.field--secondary {
    --field-bg-cl: var(--field-secondary-bg-cl);
    border-color: var(--field-secondary-border-cl);
}
.field--secondary,
.field--secondary:hover {
    box-shadow: var(--field-secondary-shadow);
}
.field--secondary .field__control,
.field--secondary .field__addon--icon {
    color: var(--field-secondary-cl);
}
.field--character {
    --field-character-size: 68px;
    width: var(--field-character-size);
    height: var(--field-character-size);
}
@media (min-width: 375px) {
    .field--character {
        --field-character-size: 80px;
    }
}
.field--character .field__control {
    font-size: var(--h3-fz);
    font-weight: var(--h3-fw);
    line-height: var(--h3-lh);
    text-align: center;
}
.field--disabled {
    --field-bg-cl: var(--field-disabled-bg-cl);
    border-color: var(--field-disabled-border-cl);
    box-shadow: var(--field-disabled-shadow);
    pointer-events: none;
}
.field--disabled ::placeholder,
.field--disabled .field__title {
    color: var(--field-disabled-cl);
}
.field--map-comment {
    --field-bg-cl: var(--field-map-comment-bg-cl);
    height: auto;
    min-height: auto;
    padding: 0;
    border: 0;
    overflow: hidden;
}
.field--map-comment:hover,
.field--map-comment:focus {
    box-shadow: var(--field-map-comment-hover-shadow);
}
.field--map-comment .field__control {
    transition: all ease-in-out 0.25s;
    min-height: var(--field-height);
    padding: var(--field-map-comment-control-py) var(--field-map-comment-control-px);
    font-size: var(--field-map-comment-fz);
    font-weight: var(--field-map-comment-fw);
    line-height: var(--field-map-comment-lh);
}
.field--map-comment .field__control::placeholder {
    color: var(--field-map-comment-placeholder-cl);
    opacity: 0.4;
}
.field--map-comment .field__textarea-wrapper {
    min-height: 0;
}
.field--map-comment,
.field--map-comment:active {
    box-shadow: var(--field-map-comment-shadow);
}
.field--clearable:focus-within .field__icon {
    display: none;
}
.field--clearable:focus-within .field__clear {
    display: inline-flex;
}
.field--error {
    --field-bg-cl: var(--field-secondary-error-bg-cl);
}
.field--invalid .field__control {
    color: var(--cl-red-10);
}
.field--reg {
    --field-bg-cl: var(--field-reg-bg-cl);
    --field-error-message-w: var(--field-reg-error-message-w);
    --field-error-message-bg-cl: var(--field-reg-error-message-bg-cl);
    --field-py: var(--field-reg-py);
    --field-px: var(--field-reg-pl);
    --field-btn-pr: var(--field-reg-pr);
    --drop-wrapper-mb: 12px;
    --field-err-actions-pt: var(--field-reg-err-actions-pt);
    --field-err-actions-bg-cl: var(--field-reg-err-actions-bg-cl);
    --field-fz: var(--field-reg-fz);
    --field-fw: var(--field-reg-fw);
    --field-lh: var(--field-reg-lh);
    --drop-overlay-visible-h: var(--field-reg-err-message-h);
    --field-addon-w: var(--field-reg-addon-w);
    --field-addon-h: var(--field-reg-addon-h);
    --field-control-divider-cl: var(--field-reg-control-divider-cl);
    --drop-label-hover-bg-cl: var(--field-reg-drop-label-hover-bg-cl);
    --drop-item-bordered-active-bg-cl: var(--field-reg-drop-item-bordered-active-bg-cl);
    border-color: var(--field-reg-border-cl);
}
.field--reg .field__error-message:before {
    background-image: linear-gradient(180deg, transparent 0%, var(--ca-white-80) 80%, var(--cl-white) 100%);
}
.field--reg .field__addon--code-phone {
    color: var(--color-black);
}
.field--reg,
.field--reg:hover {
    box-shadow: var(--field-reg-shadow);
}
.field--reg .field__control,
.field--reg .field__addon--icon {
    color: var(--field-reg-cl);
}
.field--reg .field__addon.btn {
    width: var(--field-addon-w);
    height: var(--field-addon-h);
}
@media (min-width: 1024px) {
    .field--date-picker {
        --field-btn-pr: var(--lg-field-date-picker-p);
        --field-addon-h: var(--lg-field-date-picker-addon-h);
        --field-addon-w: var(--lg-field-date-picker-addon-w);
    }
}
input[type="date"].field,
input[type="time"].field,
input[type="datetime-local"].field,
input[type="month"].field {
    -webkit-appearance: none;
    appearance: none;
}
input::-webkit-credentials-auto-fill-button {
    position: absolute;
    right: 0;
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--body-cl);
}
.popup {
    --popup-wrapper-shadow: var(--popup-wrapper-default-shadow);
    --popup-wrapper-brs: var(--popup-wrapper-default-brs);
    --popup-wrapper-p: var(--popup-wrapper-default-p);
    --popup-header-p: var(--popup-default-header-p);
    --popup-content-p: var(--popup-default-content-p);
    --popup-footer-p: var(--popup-default-footer-p);
    padding: var(--popup-my) 0;
}
@media (max-width: 1023.98px) {
    .popup {
        --popup-wrapper-brs: var(--popup-wrapper-default-brs) var(--popup-wrapper-default-brs) 0 0;
        max-width: none;
        height: 100%;
        padding-top: 12px;
        padding-bottom: 0;
    }
}
.popup--product {
    --popup-wrapper-brs: var(--sm-popup-wrapper-product-brs);
    --popup-wrapper-p: var(--sm-popup-wrapper-product-p);
    --popup-header-p: var(--sm-popup-product-header-p);
    --popup-content-p: var(--sm-popup-product-content-p);
    --popup-footer-p: var(--sm-popup-product-footer-p);
    --popup-wrapper-shadow: var(--popup-wrapper-product-shadow);
}
@media (min-width: 768px) {
    .popup--product {
        --popup-wrapper-brs: var(--md-popup-wrapper-product-brs);
        --popup-wrapper-p: var(--md-popup-wrapper-product-p);
        --popup-header-p: var(--md-popup-product-header-p);
        --popup-content-p: var(--md-popup-product-content-p);
        --popup-footer-p: var(--md-popup-product-footer-p);
    }
}
@media (min-width: 1024px) {
    .popup--product {
        --popup-wrapper-brs: var(--lg-popup-wrapper-product-brs);
        --popup-wrapper-p: var(--lg-popup-wrapper-product-p);
        --popup-header-p: var(--lg-popup-product-header-p);
        --popup-content-p: var(--lg-popup-product-content-p);
        --popup-footer-p: var(--lg-popup-product-footer-p);
    }
}
.popup--product:before {
    transition: opacity 0.4s ease-in-out 0.25s;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--sidebar-wrapper-paranja-bg-cl);
    opacity: var(--paranja-opacity);
}
.popup--product .popup__wrapper {
    flex: 0 0 auto;
    width: 50%;
    z-index: 0;
    max-width: none;
    height: auto;
}
.popup--product .popup__content {
    overflow: visible;
}
.popup__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--popup-wrapper-max-w);
    max-height: 100%;
    padding: var(--popup-wrapper-p);
    border-radius: var(--popup-wrapper-brs);
    overflow: hidden;
    background-color: var(--popup-wrapper-bg-cl);
    box-shadow: var(--popup-wrapper-shadow);
}
.popup__content {
    --scroll-border-right-width: 0px;
    --scroll-border-left-width: 4px;
    padding: var(--popup-content-p);
}
.popup__content,
.popup__content-inner {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--scroll-thumb-bg-cl) transparent;
    scrollbar-width: thin;
    overflow: auto;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-button,
.popup__content.no-hiddenscroll::-webkit-scrollbar-button,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-button,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-thumb,
.popup__content.no-hiddenscroll::-webkit-scrollbar-thumb,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-thumb,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--scroll-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--scroll-thumb-bg-cl);
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-thumb:vertical,
.popup__content.no-hiddenscroll::-webkit-scrollbar-thumb:vertical,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-thumb:vertical,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-thumb:horizontal,
.popup__content.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-thumb:horizontal,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar,
.no-hiddenscroll .popup__content::-webkit-scrollbar-track,
.popup__content.no-hiddenscroll::-webkit-scrollbar,
.popup__content.no-hiddenscroll::-webkit-scrollbar-track,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-track,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: var(--scroll-thumb-m);
    background-color: var(--scroll-track-bg-cl);
}
.popup__footer {
    display: flex;
    gap: var(--popup-footer-gap);
    justify-content: flex-end;
    padding: var(--popup-footer-p);
}
.popup__wrapper-btn-mobile {
    padding-bottom: 92px;
}
@media (min-width: 1024px) {
    .popup__wrapper-btn-mobile {
        padding-bottom: 16px;
    }
}
.popup__overlay-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--popup-overlay-loader-bg-cl);
}
.popup--sm {
    max-width: var(--popup-sm-max-w);
}
.popup--header-fixed .popup__content,
.popup--header-fixed .popup__content-wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    height: 100%;
}
@media (max-width: 1023.98px) {
    .popup--header-fixed .popup__content,
    .popup--header-fixed .popup__content-wrapper {
        height: auto;
    }
}
@media (max-width: 1023.98px) and (min-height: 400px) {
    .popup--header-fixed .popup__content,
    .popup--header-fixed .popup__content-wrapper {
        height: 100%;
        overflow: hidden;
    }
}
.popup--full-height {
    height: 100%;
}
.popup-wheely {
    width: 146px;
    margin-right: 20px;
    padding: 12px 20px;
    border-radius: 16px 16px 0 0;
    background-color: #404040;
    color: #fff;
    cursor: pointer;
}
@media (min-width: 768px) {
    .popup-wheely {
        margin-right: 33%;
    }
}
@media (min-width: 1024px) {
    .popup-wheely {
        top: 0;
        left: 135px;
        border-radius: 16px 16px 16px 0;
    }
}
.popup-wheely-hover {
    transition: all 0.2s ease;
}
.popup-wheely-hover:hover {
    color: #cbfa92;
}
.p-component-overlay {
    padding: var(--popup-my) 0;
    pointer-events: none;
}
@media (max-width: 1023.98px) {
    .p-component-overlay {
        padding-top: var(--brs-popup);
        padding-bottom: 0;
    }
}
.p-component-overlay .p-dialog {
    max-height: 100%;
}
.p-dialog .p-dialog-header .p-dialog-header-icons {
    display: none;
}
.p-dialog-mask.p-component-overlay {
    background-color: var(--popup-overlay-bg-cl);
}
.popup__header,
.p-dialog-header {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--popup-header-p);
}
.container-secondary {
    display: flex;
    width: 100%;
    max-width: var(--cont-second-content-w);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1024px) {
    .container-secondary {
        --chat-margin-bottom: var(--cont-second-content-mb);
        max-width: var(--cont-second-max-w);
        padding-right: 0;
        padding-left: var(--cont-second-content-p);
    }
}
.container-secondary__picture {
    position: fixed;
    top: 0;
    right: var(--cont-second-content-p);
    left: calc(var(--cont-second-content-w) + var(--cont-second-content-p) + var(--cont-second-content-p));
    display: none;
    flex-basis: 100%;
    height: 100vh;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .container-secondary__picture {
        display: block;
    }
}
.container-secondary__picture:before,
.container-secondary__picture:after {
    transition: transform 0.4s ease-in-out 0.25s, opacity 0.4s ease-in-out 0.25s;
    content: "";
    position: absolute;
    top: var(--cont-second-picture-space);
    right: 0;
    bottom: var(--cont-second-picture-space);
    left: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.container-secondary__picture:after {
    opacity: 0;
    transform: translateY(var(--cont-second-picture-space));
}
.container-secondary__picture--phone:before {
    opacity: 0;
    transform: translateY(calc(var(--cont-second-picture-space) * -1));
}
.container-secondary__picture--phone:after {
    opacity: 1;
    transform: translateY(0);
}
.container-secondary__logo {
    position: fixed;
    top: var(--cont-second-logo-top);
    z-index: 20;
    margin-left: 12px;
}
@media (min-width: 1024px) {
    .container-secondary__logo {
        --cont-second-logo-top: 40px;
    }
}
@media (max-height: 400px) {
    .container-secondary__logo {
        position: absolute;
    }
}
.container-secondary__content {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    width: var(--cont-second-content-w);
    max-width: 100%;
    margin-top: var(--cont-second-content-mt);
    margin-bottom: var(--cont-second-content-mb);
}
@media (max-width: 463.98px) {
    .container-secondary--full-mobile {
        max-width: none;
        margin-left: 0;
        padding-left: 0;
    }
}
.container-secondary--vendor {
    max-width: none;
}
@media (min-width: 768px) {
    .container-secondary--vendor {
        --chat-margin-bottom: var(--cont-second-content-mb);
        max-width: var(--cont-second-max-w);
        padding-right: 0;
        padding-left: var(--cont-second-content-p);
    }
}
.container-secondary--vendor .container-secondary__content {
    width: 100%;
}
@media (min-width: 768px) {
    .container-secondary--vendor .container-secondary__content {
        max-width: var(--cont-second-content-w);
    }
}
.drop {
    --drop-content-max-h: var(--drop-content-default-max-h);
    --drop-overlay-h: var(--drop-overlay-default-h);
    position: relative;
}
.drop__inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.drop__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    font-size: inherit;
}
.drop__content {
    position: relative;
    display: flex;
    max-height: var(--drop-content-max-h);
    border-radius: var(--drop-content-brs);
    overflow: hidden;
    background-color: var(--drop-content-bg-cl);
    box-shadow: var(--drop-content-shadow);
    pointer-events: auto;
}
.drop__content--popup {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: var(--drop-content-brs);
}
.drop__content--popup:after {
    content: "";
    position: absolute;
    top: var(--autocomplete-items-spacing);
    right: 0;
    bottom: var(--autocomplete-items-spacing);
    left: 0;
    z-index: 10;
    border-radius: var(--brs-drop);
    background-color: var(--autocomplete-bg-cl);
    box-shadow: var(--shadow-short);
}
.drop__wrapper {
    position: absolute;
    left: -1px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    width: calc(100% + 2px);
    margin-top: var(--drop-wrapper-mt);
    margin-bottom: var(--drop-wrapper-mb);
}
.drop__list {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--scroll-thumb-bg-cl) transparent;
    scrollbar-width: thin;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-button,
.drop__list.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-thumb,
.drop__list.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--scroll-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--scroll-thumb-bg-cl);
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-thumb:vertical,
.drop__list.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-thumb:horizontal,
.drop__list.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar,
.no-hiddenscroll .drop__list::-webkit-scrollbar-track,
.drop__list.no-hiddenscroll::-webkit-scrollbar,
.drop__list.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: 4px;
    background-color: var(--scroll-track-bg-cl);
}
.drop__item {
    --drop-item-bg: var(--drop-item-default-bg-cl);
    --drop-item-p: var(--drop-item-default-p);
    display: flex;
    width: 100%;
    padding: var(--drop-item-p);
    background-color: var(--drop-item-bg);
    cursor: pointer;
}
.drop__item:hover,
.drop__item:focus {
    --drop-item-bg: var(--drop-item-default-hover-bg-cl);
    outline: none;
}
.drop__item--bordered {
    --drop-item-bg: var(--drop-item-bordered-bg-cl);
    --drop-item-brs: var(--drop-item-default-brs);
    --drop-item-p: var(--drop-item-bordered-p);
    display: block;
    border: 2px solid var(--drop-item-bordered-border-cl);
    border-radius: var(--drop-item-brs);
    text-align: center;
}
.drop__item--bordered:hover,
.drop__item--bordered:focus {
    border-color: var(--drop-item-bordered-hover-border-cl);
    background-color: var(--drop-item-bordered-hover-bg-cl);
}
.drop__item--bordered .drop__icon-active {
    display: none;
}
.drop__item--bordered.drop__item--active {
    border-color: var(--drop-item-bordered-active-border-cl);
    background-color: var(--drop-item-bordered-active-bg-cl);
}
.drop__item--bordered.drop__item--active:hover,
.drop__item--bordered.drop__item--active:focus {
    border-color: var(--drop-item-bordered-hover-border-cl);
    background-color: var(--drop-item-bordered-hover-bg-cl);
}
.drop__item--bordered .drop__item-inner {
    display: block;
}
.drop__item--active .drop__icon-active {
    visibility: visible;
}
.drop__item-inner {
    display: flex;
    align-items: center;
    width: 100%;
}
.drop__icon-active {
    margin-left: auto;
    visibility: hidden;
}
.drop__field {
    font-size: var(--text-md-fz);
    font-weight: var(--text-md-fw);
    line-height: var(--text-md-lh);
    margin-left: 8px;
}
.drop__map {
    height: 380px;
}
@media (min-width: 1024px) {
    .drop__map {
        height: 500px;
    }
}
.drop__map--sm {
    height: 268px;
}
.drop__icon {
    transition: transform 0.4s cubic-bezier(0, 0.75, 0.25, 1) ease-in-out 0.25s;
    flex-shrink: 0;
    margin-left: auto;
    font-size: var(--icon-xl-fz);
}
.drop__icon--rotated {
    transform: rotate(180deg);
}
.drop__loader {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 8px;
    margin-left: 8px;
    padding-top: 12px;
    font-size: var(--drop-loader-fz);
    font-weight: var(--drop-loader-fw);
    line-height: var(--drop-loader-lh);
}
.drop__loader-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-top: 4px;
    padding-bottom: 4px;
}
.drop__title {
    position: absolute;
    bottom: 100%;
}
.drop__bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: var(--ca-coffee-500-90);
}
.drop__error {
    position: absolute;
    top: 63px;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: var(--drop-error-p);
    border-radius: var(--drop-error-brs);
    background-color: var(--drop-error-bg-cl);
    box-shadow: var(--drop-error-shadow);
    color: var(--drop-error-cl);
}
@media (min-width: 1024px) {
    .drop__error {
        top: 71px;
    }
}
.drop__error-message {
    z-index: 10;
    background-color: var(--drop-error-message-bg-cl);
}
.drop__error-message:before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--drop-overlay-visible-h);
    background-image: linear-gradient(0deg, var(--body-bg-cl) 0%, var(--body-bg-trans) 100%);
    pointer-events: none;
    bottom: 100%;
    z-index: 10;
    width: var(--drop-error-message-w);
    background-image: linear-gradient(180deg, transparent 0%, var(--ca-white-80) 80%, var(--cl-white) 100%);
}
.drop--jc-start .p-dropdown-label {
    justify-content: start;
}
.drop--divided .drop__btn {
    flex-shrink: 1;
    align-self: stretch;
    justify-content: center;
    height: auto;
    margin: 4px;
    border-radius: var(--drop-label-brs);
}
.drop--divided .drop__btn:hover,
.drop--divided .drop__btn:focus {
    background-color: var(--drop-label-hover-bg-cl);
    opacity: 1;
}
.drop--divided .drop__icon {
    margin-right: auto;
    margin-left: 0;
}
.drop--overlay {
    --drop-overlay-h: var(--drop-overlay-visible-h);
}
.drop--overlay .drop__content,
.drop--button .drop__content {
    overflow: visible;
}
.drop--lg {
    --drop-content-max-h: var(--drop-content-lg-max-h);
}
.drop--sm {
    --drop-content-max-h: var(--drop-content-sm-max-h);
}
.drop--primary {
    --drop-content-brs: 24px;
    --drop-item-default-p: 0 20px;
    --field-fz: 16px;
    --field-title-fz: 16px;
    --field-height: 100%;
    --brs-drop-item: 0;
    --autocomplete-items-p: 0;
    display: flex;
    min-height: 72px;
    padding: 0 20px;
    border-radius: 16px;
    background-color: var(--cl-coffee-100);
}
.drop--primary .field__addon {
    align-self: center;
}
.drop--primary .drop__wrapper {
    margin-top: 8px;
}
.drop--primary .drop__inner {
    align-self: center;
}
.drop--primary .drop__field {
    margin-left: 0;
    line-height: 1.333;
    text-align: left;
    white-space: normal;
}
.drop--primary .drop__list {
    padding: 8px 0;
}
.drop--primary .drop__item-inner {
    padding: 16px 0;
}
.drop--primary .drop__item:not(:last-child) .drop__item-inner {
    border-bottom: 1px solid var(--cl-gray-50);
}
.emoji {
    display: inline-block;
}
.emoji__img {
    display: block;
    width: 1em;
    height: 1em;
}
.map--loading:after {
    transition: opacity 1s ease-in-out 0.25s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    filter: var(--map-loading-filter);
    pointer-events: none;
}
.map--loading-active:after {
    opacity: 1;
}
.autocomplete-list {
    padding: var(--autocomplete-items-p) var(--autocomplete-items-p) 0;
}
.autocomplete-list:after {
    content: "";
    display: block;
    padding-bottom: var(--autocomplete-items-p);
}
.autocomplete-list__item {
    position: relative;
    padding: var(--autocomplete-item-py) var(--autocomplete-item-px);
    border-radius: var(--brs-drop-item);
}
.autocomplete-list__item:not(.autocomplete-list__item--static) {
    cursor: pointer;
}
.autocomplete-list__item:not(.autocomplete-list__item--static):hover,
.autocomplete-list__item:not(.autocomplete-list__item--static):focus {
    background-color: var(--autocomplete-item-hover-bg-cl);
}
.autocomplete-list__item:not(.autocomplete-list__item--static):hover:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):hover + .autocomplete-list__item:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):focus:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):focus + .autocomplete-list__item:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):active:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):active + .autocomplete-list__item:before {
    content: none;
}
.autocomplete-list__item:not(.autocomplete-list__item--static):active {
    background-color: var(--autocomplete-item-active-bg-cl);
}
.autocomplete-list__item:first-child:before {
    content: none;
}
.autocomplete-list__item:before {
    content: "";
    position: absolute;
    top: 0;
    right: var(--autocomplete-item-divider-left);
    left: var(--autocomplete-item-divider-right);
    border-top: var(--autocomplete-item-divider-w) solid var(--autocomplete-item-divider-cl);
}
.autocomplete-list__item--static:first-child {
    padding-top: calc(var(--autocomplete-item-py) - var(--autocomplete-items-p));
}
.autocomplete-list__item--static:last-child {
    padding-bottom: calc(var(--autocomplete-item-py) - var(--autocomplete-items-p));
}
.placemark {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px;
    background-size: 100%;
}
.placemark--active {
    position: absolute;
    width: 57px;
    height: 62px;
    margin-top: -45px;
    margin-left: -28.5px;
}
.placemark--location {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
}
.placemark--outside {
    width: 40px;
    height: 41px;
    margin-top: -20.5px;
    margin-left: -20px;
}
.footer {
    z-index: 10;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: var(--footer-bg-cl);
}
@media (min-width: 1024px) {
    .footer {
        flex-direction: row;
        align-items: center;
    }
}
.footer__logo {
    width: 80px;
    height: 20px;
}
@media (min-width: 1024px) {
    .footer__logo {
        width: 96px;
        height: 24px;
    }
}
.hr {
    --hr-bg-cl: var(--hr-default-bg-cl);
    height: var(--hr-height);
    margin-top: var(--hr-my);
    margin-bottom: var(--hr-my);
    background-color: var(--hr-bg-cl);
}
.checkbox {
    --checkbox-box-size: var(--checkbox-box-default-size);
    --checkbox-box-bg-cl: var(--checkbox-box-default-bg-cl);
    --checkbox-box-border-cl: var(--checkbox-box-default-border-cl);
    --checkbox-mark-cl: var(--checkbox-mark-default-cl);
    position: relative;
    display: inline-flex;
    align-items: baseline;
    cursor: pointer;
}
.checkbox__box {
    position: relative;
    bottom: -0.35em;
    flex-shrink: 0;
    margin-right: 12px;
}
.checkbox__box rect {
    transition: fill 0.3s, stroke 0.3s;
}
.checkbox__input {
    position: absolute;
    left: 0;
    z-index: -1;
    height: 1px;
    opacity: 0;
}
.checkbox__input:checked + .checkbox__box {
    --checkbox-box-bg-cl: var(--checkbox-box-checked-bg-cl);
    --checkbox-box-border-cl: var(--checkbox-box-checked-border-cl);
    --checkbox-mark-cl: var(--checkbox-mark-checked-cl);
}
.checkbox__input:disabled:checked + .checkbox__box {
    --checkbox-mark-cl: var(--checkbox-mark-disabled-cl);
}
.checkbox__input:disabled + .checkbox__box {
    --checkbox-box-bg-cl: var(--checkbox-box-disabled-bg-cl);
    --checkbox-box-border-cl: var(--checkbox-box-disabled-border-cl);
}
.checkbox__label {
    letter-spacing: 0.005em;
}
.sidebar {
    --sidebar-t: var(--sidebar-default-t);
    --sidebar-brs: var(--sidebar-default-brs);
    --sidebar-header-h: var(--sidebar-header-default-h);
    --sidebar-header-p: var(--sidebar-header-default-p);
    --sidebar-content-p: var(--sidebar-content-default-p);
    --sidebar-content-w: var(--sidebar-main-content-w);
    --sidebar-footer-p: var(--sidebar-footer-default-p);
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: var(--sidebar-brs);
    background-color: var(--sidebar-bg-cl);
}
@media (min-width: 1024px) {
    .sidebar {
        --sidebar-brs: var(--sidebar-lg-brs);
    }
}
.sidebar__header {
    transition: box-shadow 0.4s ease-in-out 0.25s;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    height: var(--sidebar-header-h);
    padding: var(--sidebar-header-p);
}
@media (min-width: 1024px) {
    .sidebar__header {
        --sidebar-header-h: var(--sidebar-header-lg-h);
        --sidebar-header-p: var(--sidebar-header-lg-p);
    }
}
@media (min-width: 1440px) {
    .sidebar__header {
        --sidebar-header-p: var(--sidebar-header-xxl-p);
    }
}
.sidebar__header--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--sidebar-bg-cl);
    box-shadow: var(--sidebar-header-shadow);
}
.sidebar__content-wrapper {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--scroll-thumb-bg-cl) transparent;
    scrollbar-width: thin;
    flex-grow: 1;
    overflow: auto;
}
.no-hiddenscroll .sidebar__content-wrapper::-webkit-scrollbar-button,
.sidebar__content-wrapper.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .sidebar__content-wrapper::-webkit-scrollbar-thumb,
.sidebar__content-wrapper.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--scroll-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--scroll-thumb-bg-cl);
}
.no-hiddenscroll .sidebar__content-wrapper::-webkit-scrollbar-thumb:vertical,
.sidebar__content-wrapper.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .sidebar__content-wrapper::-webkit-scrollbar-thumb:horizontal,
.sidebar__content-wrapper.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .sidebar__content-wrapper::-webkit-scrollbar,
.no-hiddenscroll .sidebar__content-wrapper::-webkit-scrollbar-track,
.sidebar__content-wrapper.no-hiddenscroll::-webkit-scrollbar,
.sidebar__content-wrapper.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: 2px;
    background-color: var(--scroll-track-bg-cl);
}
.sidebar__content {
    padding: var(--sidebar-content-p);
}
@media (min-width: 1024px) {
    .sidebar__content {
        --sidebar-content-p: var(--sidebar-content-lg-p);
        max-width: var(--sidebar-content-w);
    }
}
@media (min-width: 1440px) {
    .sidebar__content {
        --sidebar-content-p: var(--sidebar-content-xxl-p);
    }
}
.sidebar__footer {
    margin-top: auto;
    padding: var(--sidebar-footer-p);
}
@media (min-width: 1024px) {
    .sidebar__footer {
        --sidebar-footer-p: var(--sidebar-footer-lg-p);
    }
}
@media (min-width: 1440px) {
    .sidebar__footer {
        --sidebar-footer-p: var(--sidebar-footer-xxl-p);
    }
}
.sidebar__overlay-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--sidebar-overlay-loader-bg-cl);
}
.sidebar__close {
    margin-left: auto;
}
.sidebar .p-sidebar-header {
    display: none;
}
.sidebar,
.sidebar.p-sidebar {
    --sidebar-w: var(--sidebar-default-w);
    position: absolute;
    top: var(--sidebar-t);
    width: var(--sidebar-w);
    max-width: 100%;
    height: calc(100vh - var(--sidebar-t));
}
@media (min-width: 1024px) {
    .sidebar,
    .sidebar.p-sidebar {
        --sidebar-w: var(--sidebar-lg-w);
        top: 0;
        height: 100vh;
        max-height: 100vh;
    }
}
@media (min-width: 1440px) {
    .sidebar,
    .sidebar.p-sidebar {
        --sidebar-w: var(--sidebar-xxl-w);
    }
}
.sidebar--left {
    left: 0;
}
.sidebar--right {
    right: 0;
}
.sidebar--direction-left {
    --sidebar-t: var(--sidebar-direction-left-t);
    border-radius: 0;
}
.sidebar--direction-left.p-sidebar {
    top: 0;
    width: 85%;
}
.sidebar--direction-left .sidebar__close {
    margin-left: 0;
}
.sidebar--marketing {
    --sidebar-t: var(--sidebar-marketing-t);
    --sidebar-brs: var(--sidebar-marketing-brs);
    --scroll-bg-cl: var(--sidebar-marketing-bg-cl);
    --sidebar-bg-cl: var(--sidebar-marketing-bg-cl);
    box-shadow: var(--sidebar-marketing-shadow);
}
.sidebar--marketing .sidebar__header {
    --sidebar-header-h: var(--sidebar-marketing-header-default-h);
    --sidebar-header-p: var(--sidebar-marketing-header-default-p);
}
@media (min-width: 768px) {
    .sidebar--marketing .sidebar__header {
        --sidebar-header-h: var(--sidebar-marketing-header-lg-h);
        --sidebar-header-p: var(--sidebar-marketing-header-lg-p);
    }
}
.sidebar--marketing .sidebar__content {
    padding-top: 0;
}
@media (max-width: 1023.98px) {
    .sidebar--marketing .sidebar__content {
        --sidebar-content-p: var(--sidebar-marketing-content-default-p);
    }
}
.sidebar--drop {
    height: auto;
    background-color: transparent;
}
.sidebar--drop .sidebar__header,
.sidebar--drop .sidebar__content {
    padding: 0;
}
.sidebar--reg {
    --sidebar-brs: var(--sidebar-reg-sm-brs);
    --sidebar-content-w: var(--sidebar-reg-content-w);
    position: static;
    height: 100%;
    max-height: none;
    overflow: hidden;
}
@media (min-width: 768px) {
    .sidebar--reg {
        flex: 0 0 auto;
        width: 66.6666666667%;
        --sidebar-brs: var(--sidebar-reg-lg-brs);
    }
}
@media (min-width: 1024px) {
    .sidebar--reg {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 1440px) {
    .sidebar--reg {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
}
@media (min-width: 1920px) {
    .sidebar--reg {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
}
.sidebar--reg .sidebar__inner,
.sidebar--reg .sidebar__content {
    height: 100%;
}
.sidebar--reg .sidebar__content {
    --sidebar-content-p: var(--sidebar-reg-content-p);
}
.sidebar--reg .simplebar-content-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}
.sidebar--reg .simplebar-content {
    margin-top: auto;
}
.sidebar__wrapper,
.p-sidebar-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.p-sidebar-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.p-sidebar-mask.p-component-overlay {
    max-width: 100%;
    max-height: 100%;
    background-color: var(--sidebar-overlay-bg-cl);
    pointer-events: auto;
}
.overlay {
    transition: opacity 0.2s ease-out ease-in-out 0.25s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100vw;
    height: 100vh;
    background-color: var(--overlay-bg-cl);
    opacity: var(--overlay-opacity);
}
.overlay--iframe {
    --overlay-bg-cl: var(--overlay-iframe-bg-cl);
    z-index: 100000;
    opacity: 1;
    transition: none;
}
.overlay-content {
    transition: background-color 0.2s ease-in-out 0.25s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 31;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.overlay-content--popup {
    padding: var(--popup-my) 0;
}
@media (max-width: 1023.98px) {
    .overlay-content--popup {
        padding-top: 12px;
        padding-bottom: 0;
    }
}
.overlay-content--popup-secondary {
    padding: 0;
}
.overlay-content--sidebar,
.overlay-content--sidebar-left {
    justify-content: flex-end;
    width: calc(100% - var(--overlay-content-sidebar-indent));
    padding-top: var(--overlay-content-sidebar-indent);
    padding-right: var(--scrollbar-w);
    padding-bottom: var(--overlay-content-sidebar-indent);
}
@media (max-width: 463.98px) {
    .overlay-content--sidebar,
    .overlay-content--sidebar-left {
        min-width: 1000px;
    }
}
.overlay-content--sidebar {
    --overlay-content-sidebar-indent: var(--sm-overlay-content-sidebar-indent);
}
@media (max-width: 463.98px) {
    .overlay-content--sidebar {
        right: var(--scrollbar-w);
        left: auto;
    }
}
.overlay-content--sidebar-left {
    --overlay-content-sidebar-indent: var(--sm-overlay-content-sidebar-left-indent);
}
@media (min-width: 768px) {
    .overlay-content--sidebar-left {
        --overlay-content-sidebar-indent: var(--md-overlay-content-sidebar-left-indent);
    }
}
@media (min-width: 1024px) {
    .overlay-content--sidebar-left {
        --overlay-content-sidebar-indent: var(--lg-overlay-content-sidebar-left-indent);
    }
}
@media (max-width: 463.98px) {
    .overlay-content--sidebar-left {
        right: auto;
        left: var(--scrollbar-w);
    }
}
.overlay-content {
    transition: background-color 0.2s ease-in-out 0.25s;
    --overlay-content-aside-p: var(--sm-overlay-content-aside-p);
    --overlay-content-aside-title-mb: var(--sm-overlay-content-aside-title-mb);
    --overlay-content-aside-subtitle-mb: var(--sm-overlay-content-aside-subtitle-mb);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 31;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--overlay-content-bg-cl);
}
@media (min-width: 768px) {
    .overlay-content {
        --overlay-content-aside-p: var(--md-overlay-content-aside-p);
        --overlay-content-aside-title-mb: var(--md-overlay-content-aside-title-mb);
        --overlay-content-aside-subtitle-mb: var(--md-overlay-aside-subtitle-mb);
    }
}
@media (min-width: 1024px) {
    .overlay-content {
        --overlay-content-aside-p: var(--lg-overlay-content-aside-p);
        --overlay-content-aside-title-mb: var(--lg-overlay-content-aside-title-mb);
        --overlay-content-aside-subtitle-mb: var(--lg-overlay-content-aside-subtitle-mb);
    }
}
.overlay-content__bg-icon {
    flex: 0 0 auto;
    width: 41.6666666667%;
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 100%;
    pointer-events: none;
}
.overlay-content__aside {
    position: absolute;
    bottom: 1px;
    left: 0;
    padding-bottom: var(--overlay-content-aside-p);
    padding-left: var(--overlay-content-aside-p);
}
.overlay-content__aside-title {
    font-size: var(--sm-lk-h1-fz);
    line-height: var(--sm-lk-h1-lh);
    letter-spacing: var(--sm-lk-h1-ls);
    font-weight: var(--text-lk-fw);
    margin-bottom: var(--overlay-content-aside-title-mb);
}
@media (min-width: 768px) {
    .overlay-content__aside-title {
        font-size: var(--md-lk-h1-fz);
        line-height: var(--md-lk-h1-lh);
        letter-spacing: var(--md-lk-h1-ls);
    }
}
@media (min-width: 1024px) {
    .overlay-content__aside-title {
        font-size: var(--lg-lk-h1-fz);
        line-height: var(--lg-lk-h1-lh);
        letter-spacing: var(--lg-lk-h1-ls);
    }
}
.overlay-content__aside-subtitle {
    font-size: var(--sm-text-lg-fz);
    line-height: var(--sm-text-lg-lh);
    letter-spacing: var(--sm-text-lg-ls);
    font-weight: var(--text-lk-fw);
    margin-bottom: var(--overlay-content-aside-subtitle-mb);
}
@media (min-width: 768px) {
    .overlay-content__aside-subtitle {
        font-size: var(--md-text-lg-fz);
        line-height: var(--md-text-lg-lh);
        letter-spacing: var(--md-text-lg-ls);
    }
}
@media (min-width: 1024px) {
    .overlay-content__aside-subtitle {
        font-size: var(--lg-text-lg-fz);
        line-height: var(--lg-text-lg-lh);
        letter-spacing: var(--lg-text-lg-ls);
    }
}
.overlay-content--sidebar {
    --overlay-content-sidebar-indent: var(--sm-overlay-content-sidebar-indent);
    justify-content: flex-end;
    width: calc(100% - var(--overlay-content-sidebar-indent));
    padding-top: var(--overlay-content-sidebar-indent);
    padding-right: var(--scrollbar-w);
    padding-bottom: var(--overlay-content-sidebar-indent);
}
@media (min-width: 768px) {
    .overlay-content--sidebar {
        --overlay-content-sidebar-indent: var(--md-overlay-content-sidebar-indent);
    }
}
@media (min-width: 1024px) {
    .overlay-content--sidebar {
        --overlay-content-sidebar-indent: var(--lg-overlay-content-sidebar-indent);
    }
}
@media (max-width: 463.98px) {
    .overlay-content--sidebar {
        right: var(--scrollbar-w);
        left: auto;
        min-width: 1000px;
    }
}
.overlay-content--reg {
    --btn-floating-p: 0;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: var(--overlay-content-reg-pt);
    padding-right: var(--overlay-content-reg-p);
    padding-bottom: var(--overlay-content-reg-p);
}
@media (min-width: 768px) {
    .overlay-content--reg {
        --overlay-content-reg-p: var(--md-overlay-content-reg-p);
    }
}
.overlay-content--reg .overlay-content__close {
    --btn-brs: var(--overlay-content-reg-btn-brs);
    width: 48px;
    height: 48px;
    margin-right: 12px;
    margin-left: 0;
}
@media (max-width: 767.98px) {
    .overlay-content--reg .overlay-content__close {
        display: none;
    }
}
.overlay-content--reg .overlay-content__close .icon {
    width: 24px;
    height: 24px;
}
.overlay-content--popup-reg {
    --overlay-content-bg-cl: var(--overlay-content-popup-reg-bg-cl);
}
.tooltip {
    --tooltip-cl: var(--tooltip-default-cl);
    --tooltip-bg-cl: var(--tooltip-default-bg-cl);
    --tooltip-brs: var(--tooltip-default-brs);
    --tooltip-shadow: var(--tooltip-default-shadow);
    --tooltip-py: var(--tooltip-default-py);
    --tooltip-px: var(--tooltip-default-px);
    --tooltip-content-max-w: var(--tooltip-content-default-max-w);
    position: relative;
    z-index: 1;
    transform: translateZ(0);
    mix-blend-mode: normal !important;
}
.tooltip__content {
    font-size: var(--text-xs-fz);
    font-weight: var(--text-xs-fw);
    line-height: var(--text-xs-lh);
    position: absolute;
    width: max-content;
    max-width: var(--tooltip-content-max-w);
    filter: drop-shadow(var(--tooltip-shadow));
}
.tooltip__content:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--tooltip-bg-cl);
    transform: rotate(45deg);
}
.tooltip__content--marketing {
    font-size: var(--text-lg-fz);
    font-weight: var(--text-lg-fw);
    line-height: var(--text-lg-lh);
    --tooltip-bg-cl: var(--tooltip-marketing-bg-cl);
    --tooltip-content-max-w: var(--tooltip-content-marketing-max-w);
    --tooltip-default-brs: var(--tooltip-marketing-brs);
    --tooltip-py: var(--tooltip-marketing-py);
    --tooltip-px: var(--tooltip-marketing-px);
}
.tooltip__content--top-left,
.tooltip__content--top-center,
.tooltip__content--top-right {
    bottom: 100%;
    margin-bottom: 6px;
}
.tooltip__content--top-left:before,
.tooltip__content--top-center:before,
.tooltip__content--top-right:before {
    top: calc(100% - 6px);
    border-radius: 0 0 2px;
}
.tooltip__content--bottom-left,
.tooltip__content--bottom-center,
.tooltip__content--bottom-right {
    top: 100%;
    margin-top: 6px;
}
.tooltip__content--bottom-left:before,
.tooltip__content--bottom-center:before,
.tooltip__content--bottom-right:before {
    bottom: calc(100% - 6px);
    border-radius: 2px 0 0;
}
.tooltip__content--top-left,
.tooltip__content--bottom-left {
    right: -3px;
}
.tooltip__content--top-left:before,
.tooltip__content--bottom-left:before {
    right: 10px;
}
.tooltip__content--top-right,
.tooltip__content--bottom-right {
    left: -3px;
}
.tooltip__content--top-right:before,
.tooltip__content--bottom-right:before {
    left: 10px;
}
.tooltip__content--top-center,
.tooltip__content--bottom-center {
    left: 50%;
    transform: translate(-50%);
}
.tooltip__content--top-center:before,
.tooltip__content--bottom-center:before {
    left: 50%;
    transform: translate(-50%) rotate(45deg);
}
.tooltip__text {
    padding: var(--tooltip-py) var(--tooltip-px);
    border-radius: var(--tooltip-brs);
    background-color: var(--tooltip-bg-cl);
    color: var(--tooltip-cl);
}
.tooltip--secondary {
    --tooltip-cl: var(--tooltip-secondary-cl);
    --tooltip-bg-cl: var(--tooltip-secondary-bg-cl);
    --tooltip-shadow: var(--tooltip-secondary-shadow);
    --tooltip-arrow-indent: var(--tooltip-arrow-indent-default);
    --tooltip-brs: var(--sm-tooltip-secondary-brs);
    --tooltip-py: var(--sm-tooltip-secondary-py);
    --tooltip-px: var(--sm-tooltip-secondary-px);
    --tooltip-content-max-w: var(--sm-tooltip-content-secondary-max-w);
    display: flex;
}
@media (min-width: 768px) {
    .tooltip--secondary {
        --tooltip-brs: var(--md-tooltip-secondary-brs);
        --tooltip-py: var(--md-tooltip-secondary-py);
        --tooltip-px: var(--md-tooltip-secondary-px);
        --tooltip-content-max-w: var(--md-tooltip-content-secondary-max-w);
    }
}
@media (min-width: 1024px) {
    .tooltip--secondary {
        --tooltip-brs: var(--lg-tooltip-secondary-brs);
        --tooltip-py: var(--lg-tooltip-secondary-py);
        --tooltip-px: var(--lg-tooltip-secondary-px);
        --tooltip-content-max-w: var(--lg-tooltip-content-secondary-max-w);
    }
}
.tooltip--secondary .tooltip__content {
    font-size: var(--sm-text-sm-fz);
    line-height: var(--sm-text-sm-lh);
    letter-spacing: var(--sm-text-sm-ls);
    font-weight: var(--text-lk-fw);
    min-width: 90px;
}
@media (min-width: 768px) {
    .tooltip--secondary .tooltip__content {
        font-size: var(--md-text-sm-fz);
        line-height: var(--md-text-sm-lh);
        letter-spacing: var(--md-text-sm-ls);
    }
}
@media (min-width: 1024px) {
    .tooltip--secondary .tooltip__content {
        font-size: var(--lg-text-sm-fz);
        line-height: var(--lg-text-sm-lh);
        letter-spacing: var(--lg-text-sm-ls);
    }
}
.tooltip--secondary .tooltip__content:before {
    width: 16px;
    height: 16px;
    transform: rotate(45deg) skew(15deg, 15deg);
}
.tooltip--secondary .tooltip__content--top-left,
.tooltip--secondary .tooltip__content--top-center,
.tooltip--secondary .tooltip__content--top-right {
    margin-bottom: 12px;
}
.tooltip--secondary .tooltip__content--top-left:before,
.tooltip--secondary .tooltip__content--top-center:before,
.tooltip--secondary .tooltip__content--top-right:before {
    top: calc(100% - 8px);
    border-bottom-right-radius: 6px;
}
.tooltip--secondary .tooltip__content--bottom-left,
.tooltip--secondary .tooltip__content--bottom-center,
.tooltip--secondary .tooltip__content--bottom-right {
    margin-top: 12px;
}
.tooltip--secondary .tooltip__content--bottom-left:before,
.tooltip--secondary .tooltip__content--bottom-center:before,
.tooltip--secondary .tooltip__content--bottom-right:before {
    bottom: calc(100% - 8px);
    border-top-left-radius: 6px;
}
.tooltip--secondary .tooltip__content--top-left,
.tooltip--secondary .tooltip__content--bottom-left {
    right: calc(50% - var(--tooltip-arrow-indent) - 8px);
}
.tooltip--secondary .tooltip__content--top-left:before,
.tooltip--secondary .tooltip__content--bottom-left:before {
    right: var(--tooltip-arrow-indent);
}
.tooltip--secondary .tooltip__content--top-right,
.tooltip--secondary .tooltip__content--bottom-right {
    left: calc(50% - var(--tooltip-arrow-indent) - 8px);
}
.tooltip--secondary .tooltip__content--top-right:before,
.tooltip--secondary .tooltip__content--bottom-right:before {
    left: var(--tooltip-arrow-indent);
}
.tooltip--indent-sm {
    --tooltip-arrow-indent: var(--sm-tooltip-arrow-indent-sm);
}
@media (min-width: 768px) {
    .tooltip--indent-sm {
        --tooltip-arrow-indent: var(--md-tooltip-arrow-indent-sm);
    }
}
@media (min-width: 1024px) {
    .tooltip--indent-sm {
        --tooltip-arrow-indent: var(--lg-tooltip-arrow-indent-sm);
    }
}
.smart-app-banner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
}
.smart-app-banner__container {
    display: flex;
    align-items: center;
    padding: 10px 8px 10px 0;
    background-color: var(--smart-app-banner-bg-cl);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.smart-app-banner__btn {
    padding: 4px;
}
.smart-app-banner__icon {
    width: var(--smart-app-banner-icon-size);
    height: var(--smart-app-banner-icon-size);
    color: var(--smart-app-banner-icon-cl);
}
.smart-app-banner__logo {
    width: var(--smart-app-banner-logo-size);
    height: var(--smart-app-banner-logo-size);
    margin-left: 4px;
}
.smart-app-banner__info {
    margin-left: 12px;
}
.smart-app-banner__title {
    font-size: var(--smart-app-banner-title-fz);
    font-weight: var(--smart-app-banner-title-fw);
    line-height: var(--smart-app-banner-title-lh);
}
.smart-app-banner__description {
    color: var(--smart-app-banner-description-cl);
    font-size: var(--smart-app-banner-description-fz);
    line-height: var(--smart-app-banner-description-lh);
}
.smart-app-banner__link {
    margin-left: auto;
    padding: 8px;
    color: var(--smart-app-banner-link-cl);
    font-size: var(--smart-app-banner-link-fz);
    line-height: var(--smart-app-banner-link-lh);
    text-decoration: none;
}
.smart-app-banner--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: -84px;
    z-index: 30;
    margin-bottom: -56px;
}
@media (min-width: 768px) {
    .smart-app-banner--sticky {
        margin-bottom: -64px;
    }
}
@media (min-width: 1024px) {
    .smart-app-banner--sticky {
        margin-bottom: -104px;
    }
}
.smart-app-banner-showed:root {
    --greeting-offset-top: 84px;
    --header-top: 84px;
}
.support-btn {
    --support-btn-size: 93px;
    width: var(--support-btn-size);
    height: var(--support-btn-size);
    filter: drop-shadow(0 0 2px var(--cl-gray-40));
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}
@media (max-width: 767.98px) and (min-width: 375px) {
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    .container {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1640px;
        padding-right: 100px;
        padding-left: 100px;
    }
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .container {
        padding-right: 80px;
        padding-left: 80px;
    }
}
@media (min-width: 1800px) {
    .container {
        max-width: 1960px;
        padding-right: 200px;
        padding-left: 200px;
    }
}
.container--widget {
    width: 100%;
    margin: auto;
    padding-right: 12px;
    padding-left: 12px;
}
@media (min-width: 768px) {
    .container--widget {
        padding-right: 76px;
        padding-left: 76px;
    }
}
@media (min-width: 1024px) {
    .container--widget {
        width: 968px;
        padding-right: 12px;
        padding-left: 12px;
    }
}
@media (min-width: 1200px) {
    .container--widget {
        width: 1108px;
    }
}
.container__background {
    display: none;
}
@media (min-width: 1440px) {
    .container__background {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 800px;
    }
}
@media (min-width: 1440px) {
    .container--background-img-wheely:before {
        content: "";
        position: absolute;
        top: 255px;
        right: 0;
        bottom: 0;
        width: 650px;
        background-image: url(../img/black-car.png);
        background-position: right top;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }
}
.container-wheely-height {
    min-height: 100%;
}
.container-wheely-offer {
    max-width: 650px;
}
.container--new-block {
    max-width: 1280px;
}
@media (min-width: 1440px) {
    .container--w-wheely {
        width: 56%;
    }
}
.container-updated {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}
@media (max-width: 767.98px) and (min-width: 375px) {
    .container-updated {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    .container-updated {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (min-width: 1200px) {
    .container-updated {
        max-width: 1640px;
        padding-right: 100px;
        padding-left: 100px;
    }
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .container-updated {
        padding-right: 148px;
        padding-left: 148px;
    }
}
@media (min-width: 1800px) {
    .container-updated {
        max-width: 1960px;
        padding-right: 200px;
        padding-left: 200px;
    }
}
.container-updated-revshare {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}
@media (max-width: 767.98px) and (min-width: 375px) {
    .container-updated-revshare {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    .container-updated-revshare {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (min-width: 1200px) {
    .container-updated-revshare {
        max-width: 1640px;
        padding-right: 36px;
        padding-left: 100px;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .container-updated-revshare {
        padding-right: 36px;
    }
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .container-updated-revshare {
        padding-right: 36px;
        padding-left: 100px;
    }
}
@media (min-width: 1800px) {
    .container-updated-revshare {
        max-width: 1960px;
        padding-right: 200px;
        padding-left: 200px;
    }
}
@media (min-width: 1024px) {
    .container-updated-revshare--widget-unsubscribe {
        width: 1108px;
        padding-right: 40px;
        padding-left: 40px;
    }
}
.container-updated-hundred {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}
@media (max-width: 767.98px) and (min-width: 375px) {
    .container-updated-hundred {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    .container-updated-hundred {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (min-width: 1200px) {
    .container-updated-hundred {
        max-width: 1640px;
        padding-right: 100px;
        padding-left: 100px;
    }
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .container-updated-hundred {
        padding-right: 100px;
        padding-left: 100px;
    }
}
@media (min-width: 1800px) {
    .container-updated-hundred {
        max-width: 1960px;
        padding-right: 200px;
        padding-left: 200px;
    }
}
.header-marketing {
    transition: background-color 0.2s ease-in-out 0.25s, box-shadow 0.2s ease-in-out 0.25s;
    position: fixed;
    top: var(--header-top, 0);
    z-index: 30;
    display: grid;
    width: 100%;
    height: var(--header-height);
    background-color: var(--header-marketing-bg-cl);
    box-shadow: var(--header-marketing-box-shadow);
}
.header-marketing__container {
    display: flex;
    gap: 24px;
    align-items: center;
}
.header-marketing__logo,
.header-marketing__nav {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
}
.header-marketing__logo {
    display: flex;
    align-items: center;
}
.header-marketing__nav {
    --nav-menu-aside-spacing: 12px;
    display: flex;
    align-items: center;
    justify-self: end;
    margin-right: var(--nav-menu-aside-spacing);
}
@media (min-width: 1024px) {
    .header-marketing__nav {
        --nav-menu-aside-spacing: 32px;
    }
}
.header-marketing--transparent {
    margin-bottom: calc(var(--header-height) * -1);
}
.header-marketing--transparent:not(.header-marketing--scrolled) {
    --header-marketing-bg-cl: transparent;
}
.header-marketing--scrolled {
    --header-marketing-box-shadow: var(--shadow-short);
}
.section {
    position: relative;
    margin-top: 36px;
    margin-bottom: 36px;
    background-repeat: no-repeat;
}
.section__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: var(--landing-section-overlay-bg-cl);
}
.section--top {
    display: flex;
    align-items: center;
    margin-bottom: 64px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .section--top {
        height: auto;
    }
}
@media (min-width: 1024px) {
    .section--top {
        height: calc(100vh - 104px);
        max-height: 1000px;
        padding-bottom: 88px;
        overflow: visible;
    }
}
@media (min-width: 1024px) and (orientation: portrait) {
    .section--top {
        max-height: 55vh;
    }
}
.section--tariff {
    margin-top: 28px;
    margin-bottom: 0;
    padding-bottom: 40px;
    background-position: calc(100% - 490px) bottom;
    background-size: 320px;
}
@media (min-width: 1024px) {
    .section--tariff {
        background-image: url(../img/bg-5.svg);
    }
}
@media (min-width: 1200px) {
    .section--tariff {
        background-position-x: calc(100% - 540px);
    }
}
@media (min-width: 1440px) {
    .section--tariff {
        margin-top: 100px;
    }
}
@media (min-width: 1800px) {
    .section--tariff {
        background-position-x: calc(100% - 660px);
    }
}
.section--tariff-quaring {
    margin-top: 28px;
    margin-bottom: 0;
    padding-bottom: 40px;
    background-image: none;
}
@media (min-width: 1200px) {
    .section--tariff-quaring {
        background-image: url(../img/bg-5.svg);
    }
}
@media (min-width: 1200px) {
    .section--tariff-quaring {
        background-position-x: calc(100% - 605px);
        background-position-y: calc(100% + -0px);
    }
}
@media (min-width: 1440px) {
    .section--tariff-quaring {
        margin-top: 100px;
        background-position-y: 443px;
    }
}
@media (min-width: 1800px) {
    .section--tariff-quaring {
        background-position-x: calc(100% - 660px);
    }
}
.section--tariff-new {
    margin-top: 28px;
    margin-bottom: 0;
    padding-bottom: 40px;
    background-position: calc(100% - 490px) bottom;
    background-size: 320px;
}
@media (min-width: 1024px) {
    .section--tariff-new {
        background-image: url(../img/bg-5.svg);
        background-position-y: calc(100% - 60px);
    }
}
@media (min-width: 1200px) {
    .section--tariff-new {
        background-position-x: calc(100% - 612px);
    }
}
@media (min-width: 1440px) {
    .section--tariff-new {
        margin-top: 100px;
    }
}
@media (min-width: 1800px) {
    .section--tariff-new {
        background-position-x: calc(100% - 660px);
    }
}
.section--tariff-size {
    padding-bottom: 0;
    background-size: 365px;
}
@media (min-width: 1024px) {
    .section--tariff-size {
        background-position-x: calc(100% - 590px);
    }
}
.section--tariff-premium {
    margin-top: 28px;
    margin-bottom: 0;
    background-position: calc(100% - 490px) bottom;
    background-size: 320px;
}
@media (min-width: 1024px) {
    .section--tariff-premium {
        padding-bottom: 38px;
        background-image: url(../img/bg-5.svg);
    }
}
@media (min-width: 1200px) {
    .section--tariff-premium {
        background-position-x: calc(100% - 540px);
    }
}
@media (min-width: 1440px) {
    .section--tariff-premium {
        margin-top: 100px;
    }
}
@media (min-width: 1800px) {
    .section--tariff-premium {
        background-position-x: calc(100% - 660px);
    }
}
@media (min-width: 1200px) {
    .section--tariff-resize {
        background-position-x: calc(100% - 520px);
    }
}
.section--mb {
    margin-bottom: 12px;
}
@media (min-width: 1024px) {
    .section--mb {
        margin-bottom: 72px;
    }
}
.section--character {
    margin-top: 0;
    padding-top: 24px;
}
@media (min-width: 768px) {
    .section--character {
        min-height: 960px;
        padding-top: 48px;
    }
}
.section--tariffs-calc {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    .section--tariffs-calc {
        display: flex;
        flex-direction: column;
        height: 100vh;
        min-height: 960px;
        max-height: 1400px;
    }
}
@media (min-width: 768px) and (min-height: 800px) {
    .section--tariffs-calc {
        padding-top: 70px;
    }
}
@media (min-width: 768px) and (min-height: 900px) {
    .section--tariffs-calc {
        padding-top: 100px;
    }
}
@media (min-width: 1024px) {
    .section--tariffs-calc {
        max-height: 800px;
    }
}
@media (min-width: 1440px) {
    .section--tariffs-calc {
        min-height: 1100px;
        margin-top: 72px;
        margin-bottom: 72px;
    }
}
.section--start {
    margin-top: 28px;
    margin-bottom: 0;
    padding-bottom: 40px;
}
@media (min-width: 1024px) {
    .section--start {
        margin-top: 120px;
        padding-bottom: 92px;
        overflow: hidden;
    }
}
.section--mass-media {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--landing-section-highlighted-bg-cl);
}
@media (min-width: 768px) {
    .section--mass-media {
        padding-bottom: 60px;
    }
}
@media (min-width: 1024px) {
    .section--mass-media {
        padding-top: 100px;
        padding-bottom: 80px;
    }
}
.section--staff {
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 1023.98px) {
    .section--staff {
        padding-right: 0;
        padding-left: 0;
    }
}
.section--gift {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
}
@media (min-width: 1024px) {
    .section--gift {
        margin-top: 100px;
        margin-bottom: 60px;
        padding-top: 0;
    }
}
.section--bottom {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 64px;
    padding-bottom: 8px;
}
@media (min-width: 1024px) {
    .section--bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 72px;
    }
}
@media (min-width: 1024px) and (max-height: 1000px) {
    .section--bottom {
        min-height: 100vh;
    }
}
:root[data-theme="landing"] .section--bottom {
    --btn-border-cl: var(--btn-primary-reg-border-cl);
    --btn-bg-cl: var(--btn-primary-reg-bg-cl);
    --btn-hover-border-cl: var(--btn-primary-reg-hover-border-cl);
    --btn-hover-bg-cl: var(--btn-primary-reg-hover-bg-cl);
    --btn-active-border-cl: var(--btn-primary-reg-active-border-cl);
    --btn-active-bg-cl: var(--btn-primary-reg-active-bg-cl);
}
.section--finmon {
    margin: 0;
    padding-top: 40px;
    padding-bottom: 16px;
}
@media (min-width: 1024px) {
    .section--finmon {
        padding-top: 217px;
        padding-bottom: 111px;
    }
}
.section--trust {
    margin: 0;
    padding-top: 40px;
    padding-bottom: 20px;
}
@media (min-width: 1024px) {
    .section--trust {
        padding-top: 232px;
        padding-bottom: 78px;
    }
}
.section--sol-tabs {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 1440px) {
    .section--sol-tabs {
        padding-top: 172px;
        padding-bottom: 166px;
    }
}
.section--crm {
    padding-bottom: 35px;
}
@media (min-width: 1024px) {
    .section--crm {
        padding-bottom: 160px;
    }
}
.subtitle {
    max-width: 471px;
    font-size: 44px;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: -0.025em;
}
@media (max-width: 1023.98px) {
    .subtitle {
        max-width: 100%;
        font-size: 31px;
        letter-spacing: -0.015em;
    }
}
.subtitle-big {
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px;
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .subtitle-big {
        font-size: 36px;
        line-height: 39.6px;
        letter-spacing: -0.025em;
    }
}
.subtitle-big--mb {
    margin-bottom: 24px;
}
@media (min-width: 464px) {
    .subtitle-big--mb {
        margin-bottom: 32px;
    }
}
@media (min-width: 1024px) {
    .subtitle-big--mb {
        margin-bottom: 50px;
    }
}
@media (min-width: 320px) {
    .subtitle-big--width {
        width: 95%;
    }
}
@media (min-width: 375px) {
    .subtitle-big--width {
        width: 100%;
    }
}
.subtitle-lg {
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px;
    letter-spacing: -0.025em;
}
@media (min-width: 1024px) {
    .subtitle-lg {
        font-size: 36px;
        line-height: 39.6px;
        letter-spacing: -0.025em;
    }
}
.subtitle--xl {
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px;
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .subtitle--xl {
        font-size: 44px;
        line-height: 46px;
        letter-spacing: -0.03em;
    }
}
.burger-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-family: var(--btn-ff);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    --burger-btn-size: var(--burger-btn-default-size);
    --burger-btn-lines-bg-cl: var(--burger-btn-lines-default-bg-cl);
    --burger-btn-brs: var(--burger-btn-default-brs);
    --burger-btn-bg-cl: var(--burger-btn-default-bg-cl);
    width: var(--burger-btn-size);
    height: var(--burger-btn-size);
    padding: 0;
    border: none;
    border-radius: var(--burger-btn-brs);
    background-color: var(--burger-btn-bg-cl);
}
@media (min-width: 768px) {
    .burger-btn {
        --burger-btn-size: var(--burger-btn-lg-size);
    }
}
.burger-btn:hover,
.burger-btn:focus {
    --burger-btn-lines-bg-cl: var(--burger-btn-lines-hover-bg-cl);
}
.burger-btn--secondary {
    --burger-btn-size: var(--burger-btn-secondary-size);
    --burger-btn-lines-bg-cl: var(--burger-btn-lines-secondary-bg-cl);
    --burger-btn-brs: var(--burger-btn-secondary-brs);
    --burger-btn-bg-cl: var(--burger-btn-secondary-bg-cl);
}
.burger-btn--secondary:hover,
.burger-btn--secondary:focus {
    --burger-btn-lines-bg-cl: var(--burger-btn-lines-default-bg-cl);
    --burger-btn-bg-cl: var(--burger-btn-default-bg-cl);
}
.burger-btn--secondary .burger-btn__lines {
    --burger-btn-lines-w: var(--burger-btn-lines-secondary-w);
}
.burger-btn__lines {
    transition: all ease-in-out 0.25s;
    --burger-btn-lines-w: var(--burger-btn-lines-default-w);
    --burger-btn-lines-pos: var(--burger-btn-lines-default-pos);
    position: relative;
    width: var(--burger-btn-lines-w);
    height: var(--burger-btn-lines-h);
    background-color: var(--burger-btn-lines-bg-cl);
}
@media (min-width: 768px) {
    .burger-btn__lines {
        --burger-btn-lines-w: var(--burger-btn-lines-lg-w);
        --burger-btn-lines-pos: var(--burger-btn-lines-lg-pos);
    }
}
.burger-btn__lines:before,
.burger-btn__lines:after {
    transition: all ease-in-out 0.25s;
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: var(--burger-btn-lines-w);
    height: var(--burger-btn-lines-h);
    background-color: var(--burger-btn-lines-bg-cl);
}
.burger-btn__lines:before {
    top: var(--burger-btn-lines-pos);
}
.burger-btn__lines:after {
    bottom: var(--burger-btn-lines-pos);
}
.menu-link {
    font-size: var(--text-sm-fz);
    font-weight: var(--text-sm-fw);
    line-height: var(--text-sm-lh);
    position: relative;
    text-decoration: none;
}
@media (min-width: 768px) {
    .menu-link {
        font-size: var(--text-md-fz);
        font-weight: var(--text-md-fw);
        line-height: var(--text-md-lh);
    }
}
.menu-link__icon {
    position: absolute;
    right: 100%;
    margin-top: -2px;
}
@media (min-width: 768px) {
    .menu-link__icon {
        margin-top: 1px;
        margin-right: 4px;
    }
}
.menu-link--disabled {
    color: var(--menu-link-disabled-cl);
}
.cta {
    display: grid;
    grid-template-areas: "info animation" "btn animation";
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    width: 100%;
}
@media (min-width: 1024px) {
    .cta {
        grid-template-columns: 1fr 1fr;
    }
}
.cta--unsubscribe {
    border-radius: 26px;
    background-color: var(--cta-bg-color);
}
@media (min-width: 464px) {
    .cta--unsubscribe {
        background-color: transparent;
    }
}
.cta--unsubscribe .cta__animation {
    z-index: 2;
}
.cta--flex {
    display: flex;
    flex-direction: column;
}
.cta--pos {
    position: relative;
    justify-content: center;
    height: 100%;
}
.cta__title-second {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
    letter-spacing: -0.025em;
}
@media (min-width: 375px) {
    .cta__title-second {
        font-size: 36px;
        line-height: 39px;
        letter-spacing: -0.025em;
    }
}
@media (min-width: 768px) {
    .cta__title-second {
        font-size: 60px;
        line-height: 63px;
        margin-top: 32px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1024px) {
    .cta__title-second {
        font-size: 44px;
        line-height: 46px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1280px) {
    .cta__title-second {
        font-size: 60px;
        line-height: 63px;
        letter-spacing: -0.03em;
    }
}
.cta__title-second--another {
    max-width: 320px;
}
@media (min-width: 412px) {
    .cta__title-second--another {
        font-size: 44px;
        line-height: 46px;
        max-width: 100%;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 768px) {
    .cta__title-second--another {
        font-size: 60px;
        line-height: 63px;
        margin-top: 32px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1024px) {
    .cta__title-second--another {
        font-size: 44px;
        line-height: 46px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1280px) {
    .cta__title-second--another {
        font-size: 60px;
        line-height: 63px;
        letter-spacing: -0.03em;
    }
}
@media (max-width: 374px) {
    .cta__title-second--sm {
        font-size: 32px;
        line-height: 33px;
        letter-spacing: -0.025em;
    }
}
.cta__title-second--loans {
    max-width: 280px;
}
@media (min-width: 412px) {
    .cta__title-second--loans {
        max-width: 400px;
    }
}
@media (min-width: 768px) {
    .cta__title-second--loans {
        max-width: none;
    }
}
.cta__picture {
    bottom: 0;
}
@media (min-width: 1024px) {
    .cta__picture {
        right: -67px;
    }
}
@media (min-width: 1440px) {
    .cta__picture {
        right: 0;
    }
}
.cta__title {
    max-width: 300px;
    margin-top: 48px;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.025em;
}
@media (min-width: 464px) {
    .cta__title {
        font-size: 36px;
        letter-spacing: -0.025em;
    }
}
@media (min-width: 768px) {
    .cta__title {
        margin-top: 72px;
        font-size: 60px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1024px) {
    .cta__title {
        min-width: 670px;
        margin-top: 48px;
    }
}
.cta__title-xl {
    max-width: 300px;
    margin-top: 48px;
    margin-bottom: 20px;
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.03em;
}
@media (min-width: 464px) {
    .cta__title-xl {
        font-size: 36px;
        letter-spacing: -0.025em;
    }
}
@media (min-width: 768px) {
    .cta__title-xl {
        margin-top: 72px;
        font-size: 60px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1024px) {
    .cta__title-xl {
        min-width: 670px;
        margin-top: 48px;
    }
}
.cta__title-md {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: -0.025em;
}
@media (min-width: 375px) {
    .cta__title-md {
        font-size: 36px;
        line-height: 39px;
        letter-spacing: -0.025em;
    }
}
@media (min-width: 412px) {
    .cta__title-md {
        font-size: 44px;
        line-height: 1.1;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 768px) {
    .cta__title-md {
        font-size: 60px;
        line-height: 63px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1024px) {
    .cta__title-md {
        font-size: 44px;
        line-height: 1.1;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1280px) {
    .cta__title-md {
        font-size: 60px;
    }
}
.cta__title-sm {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .cta__title-sm {
        font-size: 60px;
        line-height: 63px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1024px) {
    .cta__title-sm {
        font-size: 44px;
        line-height: 46px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1280px) {
    .cta__title-sm {
        font-size: 60px;
        line-height: 63px;
    }
}
.cta__title-new {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: -0.025em;
}
@media (min-width: 375px) {
    .cta__title-new {
        font-size: 36px;
        line-height: 39px;
        letter-spacing: -0.025em;
    }
}
@media (min-width: 412px) {
    .cta__title-new {
        font-size: 43px;
        line-height: 1.1;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 768px) {
    .cta__title-new {
        margin-bottom: 12px;
        font-size: 60px;
        line-height: 63px;
        letter-spacing: -0.03em;
    }
}
@media (min-width: 1280px) {
    .cta__title-new {
        margin-bottom: 16px;
    }
}
.cta__description {
    font-size: var(--text-md-fz);
    font-weight: var(--text-md-fw);
    line-height: var(--text-md-lh);
    max-width: 400px;
    margin-bottom: 8px;
    color: var(--cta-description-cl);
    letter-spacing: -0.005em;
}
@media (min-width: 1024px) {
    .cta__description {
        max-width: 550px;
        font-size: 24px;
        line-height: 1.4;
        letter-spacing: -0.015em;
    }
}
@media (max-width: 1199.98px) {
    .cta__description--fz {
        font-size: 18px;
        letter-spacing: -0.01em;
    }
}
.cta__btn {
    z-index: 1;
    grid-row-start: 2;
    grid-row-end: span 1;
    grid-column-start: 1;
    grid-column-end: span 1;
    margin: auto;
}
@media (min-width: 1024px) {
    .cta__btn {
        grid-area: btn;
        margin-left: 0;
    }
}
@media (min-width: 320px) {
    .cta__btn-atisu {
        margin-top: -30px;
    }
}
@media (min-width: 375px) {
    .cta__btn-atisu {
        margin-top: 0;
    }
}
.cta__animation {
    grid-row-start: 2;
    grid-row-end: span 1;
    grid-column-start: 1;
    grid-column-end: span 1;
    width: 100%;
    margin: auto;
}
@media (min-width: 1024px) {
    .cta__animation {
        grid-area: animation;
    }
}
@media (max-width: 374px) {
    .cta__animation {
        height: 100%;
    }
}
@media (max-width: 1023.98px) {
    .cta__animation--al-center {
        text-align: center;
    }
}
@media (max-width: 1024px) {
    .cta__animation--order {
        order: 2;
    }
}
@media (max-width: 768px) {
    .cta__animation--order {
        order: 1;
    }
}
.cta__animation--reg {
    z-index: -1;
}
@media (min-width: 320px) {
    .cta__animation--reg {
        position: relative;
        top: -20px;
    }
}
@media (min-width: 375px) {
    .cta__animation--reg {
        width: 403px;
        height: 391px;
        top: 0;
        margin-right: -70px;
        margin-left: -50px;
    }
}
@media (min-width: 412px) {
    .cta__animation--reg {
        width: 492px;
        height: 477px;
        margin-right: -70px;
        margin-left: -30px;
    }
}
@media (min-width: 768px) {
    .cta__animation--reg {
        width: 616px;
        height: 597px;
        margin: auto;
    }
}
.cta__rectangle {
    position: absolute;
    top: -45px;
    right: -25px;
    bottom: 0;
    left: -25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 24px;
    overflow: hidden;
}
.cta__rectangle:before,
.cta__rectangle:after {
    content: "";
}
.cta__rectangle:before {
    width: calc(var(--cross-slide-x) * 100%);
    height: 100%;
    background-color: var(--cl-v-bestdoctor-1);
}
@media (min-width: 1024px) {
    .cta__rectangle:before {
        width: 100%;
        height: calc(var(--cross-slide-y) * 99%);
        border-radius: 39px;
    }
}
.cta__rectangle:after {
    width: calc((1 - var(--cross-slide-x)) * 100%);
    height: 100%;
    background-color: var(--price-label-primary-bg-cl);
}
@media (min-width: 1024px) {
    .cta__rectangle:after {
        width: 100%;
        height: calc((1 - var(--cross-slide-y)) * 99%);
        border-radius: 39px;
    }
}
@media (min-width: 1024px) {
    .cta__rectangle {
        bottom: -5px;
        border-radius: unset;
        overflow: auto;
    }
}
@media (min-width: 1024px) {
    .cta__rectangle {
        top: -65px;
        right: -65px;
        bottom: -65px;
        left: -65px;
        flex-direction: column;
    }
}
.cta__up-square {
    margin-top: 0;
    margin-right: 160px;
}
@media (min-width: 1024px) {
    .cta__up-square {
        margin-top: 120px;
        margin-right: 100px;
    }
}
@media (min-width: 1200px) {
    .cta__up-square {
        margin-top: 120px;
        margin-right: 200px;
    }
}
@media (min-width: 1440px) {
    .cta__up-square {
        margin-right: 280px;
    }
}
.cta__content {
    z-index: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    margin-top: auto;
}
@media (min-width: 1024px) {
    .cta__content {
        grid-area: info;
        min-width: 0;
    }
}
.cta__content--center {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
}
@media (min-width: 768px) {
    .cta__content--center {
        align-items: center;
        text-align: center;
    }
}
@media (min-width: 1024px) {
    .cta__content--center {
        align-items: flex-start;
        text-align: left;
    }
}
.cta__content--padding {
    padding-top: 24px;
}
@media (min-width: 464px) {
    .cta__content--padding {
        padding-top: 40px;
    }
}
@media (min-width: 1024px) {
    .cta__content--padding {
        padding-top: 0;
    }
}
@media (min-width: 1200px) {
    .cta__content--padding {
        padding-top: 0;
    }
}
@media (min-width: 1024px) {
    .cta__content--mt {
        margin-top: -120px;
    }
}
@media (min-width: 1200px) {
    .cta__content--mt {
        margin-top: -60px;
    }
}
.cta__content--cargo {
    margin-top: 24px;
}
@media (min-width: 375px) {
    .cta__content--cargo {
        margin-top: 28px;
    }
}
@media (min-width: 412px) {
    .cta__content--cargo {
        margin-top: 40px;
    }
}
@media (min-width: 768px) {
    .cta__content--cargo {
        margin-top: 60px;
    }
}
@media (min-width: 1024px) {
    .cta__content--cargo {
        margin-top: 0;
    }
}
.cta__content-resize {
    height: 100%;
    margin-top: 0;
}
@media (min-width: 1024px) {
    .cta__content-resize {
        width: 540px;
    }
}
.cta__menu {
    margin-top: 24px;
    margin-bottom: 60px;
}
@media (min-width: 1024px) {
    .cta__menu {
        display: flex;
        justify-content: space-between;
        margin-top: 18px;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .cta__menu {
        margin-top: 116px;
    }
}
@media (min-width: 1440px) {
    .cta__menu {
        margin-top: 88px;
    }
}
.cta__menu-item:hover,
.cta__menu-item:focus {
    color: var(--cta-menu-link-hover-cl);
}
.cta__img-parallax {
    width: 100%;
    will-change: transform;
}
.cta__img-parallax--resize {
    position: relative;
    top: -20px;
    left: 0;
    width: 90%;
}
@media (min-width: 464px) {
    .cta__img-parallax--resize {
        position: relative;
        top: -40px;
        left: 10px;
        width: 90%;
    }
}
@media (min-width: 1024px) {
    .cta__img-parallax--resize {
        position: relative;
        top: -40px;
        left: 10px;
        width: 92%;
    }
}
.cta__floating-3 {
    position: relative;
    top: 80px;
    left: 70px;
    width: 30%;
}
@media (min-width: 464px) {
    .cta__floating-3 {
        top: 100px;
        left: 120px;
    }
}
@media (min-width: 768px) {
    .cta__floating-3 {
        top: 110px;
        left: 110px;
    }
}
@media (min-width: 1024px) {
    .cta__floating-3 {
        top: 110px;
        left: 120px;
    }
}
@media (min-width: 1200px) {
    .cta__floating-3 {
        top: 160px;
        left: 150px;
    }
}
.cta__floating-4 {
    position: relative;
    top: -3px;
    left: 50px;
    width: 30%;
}
@media (min-width: 464px) {
    .cta__floating-4 {
        top: -13px;
        left: 80px;
    }
}
@media (min-width: 768px) {
    .cta__floating-4 {
        top: -13px;
        left: 80px;
    }
}
@media (min-width: 1024px) {
    .cta__floating-4 {
        top: -13px;
        left: 100px;
    }
}
@media (min-width: 1200px) {
    .cta__floating-4 {
        top: -13px;
        left: 120px;
    }
}
.cta--one-row {
    grid-template-areas: "info animation";
}
.cta--one-row .cta__content {
    margin-bottom: auto;
}
.cta--secondary {
    grid-template-columns: 3fr 2fr;
}
.cta--large {
    grid-template-columns: 4fr 2fr;
}
.cta--picture {
    height: 100vh;
    background-position: left 61% bottom 100%;
    background-size: auto 146%;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .cta--picture {
        background-position: left 50% bottom 100%;
        background-size: auto 100%;
    }
}
@media (min-width: 1024px) {
    .cta--picture {
        background-size: cover;
    }
}
.cta--image {
    background-size: 100%;
}
.cta__sol {
    width: 246px;
    height: 234px;
    margin-top: 24px;
}
@media (min-width: 375px) {
    .cta__sol {
        width: 278px;
        height: 429px;
        margin-top: 28px;
    }
}
@media (min-width: 412px) {
    .cta__sol {
        width: 345px;
        height: 419px;
        margin-top: 40px;
    }
}
@media (min-width: 768px) {
    .cta__sol {
        height: 424px;
        margin-top: 80px;
        overflow: hidden;
    }
}
@media (min-width: 1024px) {
    .cta__sol {
        width: 253px;
        height: 513px;
        position: absolute;
        top: -50px;
        right: 100px;
        margin-top: 0;
    }
}
@media (min-width: 1280px) {
    .cta__sol {
        top: 0;
        right: 160px;
    }
}
@media (min-width: 1440px) {
    .cta__sol {
        width: 317px;
        height: 614px;
        top: -50px;
        right: 100px;
    }
}
.cta__img-sol {
    width: 100%;
    height: 200%;
}
@media (min-width: 375px) {
    .cta__img-sol {
        height: 130%;
    }
}
@media (min-width: 412px) {
    .cta__img-sol {
        height: 150%;
    }
}
@media (min-width: 768px) {
    .cta__img-sol {
        height: 160%;
    }
}
@media (min-width: 1024px) {
    .cta__img-sol {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
}
@media (min-width: 1440px) {
    .cta__img-sol {
        object-fit: contain;
        object-position: bottom;
    }
}
.cta__flex-end {
    display: flex;
    justify-content: flex-end;
}
.cta__flex-center {
    justify-content: center;
}
@media (max-width: 374px) {
    .cta__flex-center {
        display: flex;
    }
}
@media (min-width: 768px) {
    .cta__flex-center {
        display: flex;
    }
}
.cta__cargo-picture {
    position: relative;
    top: 0;
    right: 0%;
    display: flex;
    width: 150%;
    height: 200px;
}
@media (min-width: 320px) {
    .cta__cargo-picture {
        margin-top: 30px;
    }
}
@media (min-width: 375px) {
    .cta__cargo-picture {
        right: 50px;
        width: 200%;
        height: 250px;
        margin: 100px 0;
    }
}
@media (min-width: 412px) {
    .cta__cargo-picture {
        right: 50px;
        width: 780px;
        height: 250px;
        margin: 80px 0;
    }
}
@media (min-width: 768px) {
    .cta__cargo-picture {
        position: relative;
        top: 50px;
        right: -25%;
        width: 120%;
        height: 320px;
        margin: auto;
    }
}
@media (min-width: 1024px) {
    .cta__cargo-picture {
        position: absolute;
        right: -30%;
        bottom: 50px;
        width: 90%;
        height: 350px;
    }
}
@media (min-width: 1280px) {
    .cta__cargo-picture {
        top: 170px;
        right: -40%;
        width: 90%;
        height: 500px;
        margin: auto;
    }
}
@media (min-width: 1440px) {
    .cta__cargo-picture {
        right: -30%;
        width: 90%;
        height: 500px;
        margin: auto;
    }
}
@media (min-width: 1920px) {
    .cta__cargo-picture {
        right: -100px;
        width: 60%;
        height: 450px;
    }
}
.cta-secondary {
    display: grid;
    grid-template-areas: "info animation" "btn animation";
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    width: 100%;
}
@media (min-width: 1024px) {
    .cta-secondary {
        grid-template-columns: 2fr 1fr;
    }
}
.accordion-mobile {
    --accordion-mobile-bg-cl: var(--accordion-mobile-default-bg-cl);
    --accordion-mobile-brs: var(--accordion-mobile-default-brs);
}
.accordion-mobile--grid {
    display: grid;
    grid-template-areas: "ads ads" "ostatok ostatok" "onec intaq" "qr qr" "integration integration";
    gap: 8px;
}
@media (min-width: 768px) {
    .accordion-mobile--grid {
        grid-template-areas: "adsDesk ostatokDesc" "adsDesk onecDesc" "qrDesc intaqDesc" "integrationDesc integrationDesc";
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}
@media (min-width: 1280px) {
    .accordion-mobile--grid {
        grid-template-areas: "adsDesk ostatokDesc ostatokDesc" "adsDesk onecDesc qrDesc" "integrationDesc integrationDesc intaqDesc";
        grid-template-columns: 368px 1fr 1fr;
        gap: 20px;
    }
}
.accordion-mobile__item {
    margin-bottom: 20px;
}
@media (max-width: 1023.98px) {
    .accordion-mobile__item {
        --accordion-mobile-brs: var(--accordion-mobile-sm-brs);
        margin-bottom: -20px;
    }
    .accordion-mobile__item:last-child .accordion-mobile__card {
        padding-bottom: 20px;
    }
}
.accordion-mobile__item:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .accordion-mobile__item .accordion-mobile__card--helpful:last-child {
        padding-bottom: 32px;
    }
}
.accordion-mobile__item--primary {
    --accordion-mobile-bg-cl: var(--accordion-mobile-primary-bg-cl);
}
.accordion-mobile__item--secondary {
    --accordion-mobile-bg-cl: var(--accordion-mobile-secondary-bg-cl);
}
.accordion-mobile__item--collapsed .accordion-mobile__icon {
    transform: none;
}
@media (min-width: 412px) {
    .accordion-mobile__item--collapsed .accordion-mobile__title--qr {
        padding-bottom: 20px;
    }
}
@media (min-width: 607px) {
    .accordion-mobile__item--collapsed .accordion-mobile__title--qr {
        padding-bottom: 0;
    }
}
.accordion-mobile__item--collapsed .accordion-mobile__card--main {
    flex-grow: 0;
}
.accordion-mobile__item--expanded {
    display: flex;
    flex-direction: column;
}
.accordion-mobile__item--expanded .accordion-mobile__card--main {
    flex-grow: 1;
}
.accordion-mobile__icon {
    transition: transform 0.4s ease-in-out 0.25s;
    display: flex;
    flex-shrink: 0;
    padding: 4px;
    transform: rotate(180deg);
}
@media (min-width: 1024px) {
    .accordion-mobile__icon {
        display: none;
    }
}
@media (min-width: 464px) {
    .accordion-mobile__pay {
        width: 180px;
        height: 150px;
    }
}
@media (min-width: 1024px) {
    .accordion-mobile__pay {
        width: 135px;
        height: 162px;
    }
}
.accordion-mobile__card {
    transition: padding 0.4s ease-in-out 0.25s;
    width: 100%;
    height: 100%;
    padding: 36px 40px 40px;
    border-radius: var(--accordion-mobile-brs);
    background-color: var(--accordion-mobile-bg-cl);
    box-shadow: var(--accordion-mobile-shadow);
}
@media (max-width: 1023.98px) {
    .accordion-mobile__card {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
    }
}
.accordion-mobile__card--main {
    height: auto;
    padding: 16px 8px 16px 24px;
    border-radius: 20px;
    background-color: var(--color-grey-35);
    box-shadow: none;
    transition: 0.3s ease-in-out;
}
@media (min-width: 375px) {
    .accordion-mobile__card--main {
        padding: 16px 20px 16px 24px;
        border-radius: 14px;
    }
}
@media (min-width: 412px) {
    .accordion-mobile__card--main {
        padding: 16px 20px;
    }
}
@media (min-width: 768px) {
    .accordion-mobile__card--main {
        height: 100%;
        padding: 28px;
        border-radius: 26px;
        background-color: var(--color-white);
    }
}
.accordion-mobile__card--main--main-sellers {
    display: block;
}
@media (min-width: 768px) {
    .accordion-mobile__card--main--main-sellers {
        display: none;
    }
}
.accordion-mobile__card--main--main-ostatok {
    display: block;
}
@media (min-width: 768px) {
    .accordion-mobile__card--main--main-ostatok {
        display: none;
    }
}
.accordion-mobile__card--sellers {
    position: relative;
    display: none;
    padding: 24px 24px 28px;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--color-blue);
    box-shadow: none;
}
@media (min-width: 375px) {
    .accordion-mobile__card--sellers {
        padding: 28px 24px;
    }
}
@media (min-width: 412px) {
    .accordion-mobile__card--sellers {
        border-radius: 26px;
    }
}
@media (min-width: 768px) {
    .accordion-mobile__card--sellers {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 28px;
    }
}
.accordion-mobile__card--ostatok {
    display: none;
    padding: 24px 24px 28px;
    border-radius: 20px;
    box-shadow: none;
}
@media (min-width: 412px) {
    .accordion-mobile__card--ostatok {
        padding: 28px 28px 32px;
        border-radius: 26px;
    }
}
@media (min-width: 768px) {
    .accordion-mobile__card--ostatok {
        display: block;
        padding: 28px;
    }
}
.accordion-mobile__card--cargo {
    padding: 20px;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .accordion-mobile__card--cargo {
        padding: 28px 28px 40px;
        border-radius: 26px;
    }
}
.accordion-mobile__card--answers {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.accordion-mobile__content {
    overflow: hidden;
}
.accordion-mobile__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
    padding: 0;
    border: 0;
    background-color: transparent;
}
.accordion-mobile__title {
    min-width: 0;
}
.accordion-mobile__title--ads {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .accordion-mobile__title--ads {
        font-size: 32px;
        line-height: 33px;
        font-weight: 400;
        letter-spacing: -0.025em;
    }
}
@media (min-width: 412px) {
    .accordion-mobile__title--acquiring {
        max-width: 100px;
    }
}
.accordion-mobile__text {
    line-height: 21px;
}
@media (min-width: 768px) {
    .accordion-mobile__text {
        line-height: 27px;
    }
}
.accordion-mobile__text--qr {
    width: 90%;
}
@media (min-width: 375px) {
    .accordion-mobile__text--qr {
        width: 100%;
    }
}
@media (max-width: 1199.98px) {
    .accordion-mobile__title-fz {
        font-size: 18px;
    }
}
.accordion-mobile__btn {
    justify-content: flex-end;
}
.accordion-mobile__subtitle {
    line-height: 133%;
}
@media (max-width: 1023.98px) {
    .accordion-mobile__text-size {
        font-size: 18px;
        line-height: 22px;
    }
}
@media (max-width: 1023.98px) {
    .accordion-mobile__ai-center {
        align-items: center;
    }
}
@media (max-width: 1023.98px) {
    .accordion-mobile__ai-center .accordion-mobile__icon {
        padding: 0;
    }
}
.accordion-mobile__picture {
    display: none;
}
@media (min-width: 1280px) {
    .accordion-mobile__picture {
        position: absolute;
        top: -50px;
        right: -10px;
        z-index: 1;
        display: block;
        width: 256px;
        height: 290px;
    }
}
@media (min-width: 1440px) {
    .accordion-mobile__picture {
        top: -50px;
        right: 0;
        width: 256px;
        height: 321px;
        transform: rotate(14.56deg);
    }
}
.accordion-mobile__picture-sellers {
    display: none;
}
@media (min-width: 1024px) {
    .accordion-mobile__picture-sellers {
        width: 350px;
        height: 350px;
        position: absolute;
        top: 70px;
        right: -150px;
        z-index: 1;
        display: block;
        transform: rotate(1deg);
    }
}
@media (min-width: 1280px) {
    .accordion-mobile__picture-sellers {
        width: 400px;
        height: 400px;
        top: 70px;
    }
}
.accordion-mobile__btn-ads {
    z-index: 1;
    height: 44px;
    border-radius: 13px;
}
@media (min-width: 768px) {
    .accordion-mobile__btn-ads {
        height: 56px;
        border-radius: 16px;
    }
}
.iframe-chat-container {
    z-index: 30;
}
.iframe-chat-container .iframe-chat {
    z-index: 40;
}
.iframe-chat-container .iframe-chat--opened {
    z-index: 100;
}
.iframe-chat-container .btn-chat__toggle {
    width: 72px;
    height: 72px;
}
.iframe-chat-container .btn-chat__icon {
    width: 40px;
    height: 40px;
}
.ui-emoji {
    margin-left: 4px;
}
.ui-emoji:before {
    content: attr(emoji);
}
.title-h2 {
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .title-h2 {
        font-size: 44px;
        line-height: 46px;
    }
}
.title-h2--normal {
    font-size: 32px;
    line-height: 35px;
    font-weight: 400;
}
@media (min-width: 1024px) {
    .title-h2--normal {
        font-size: 44px;
        line-height: 46px;
    }
}
.title-h3 {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
}
.title-h4 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .title-h4 {
        font-size: 24px;
        line-height: 25px;
    }
}
.title-big {
    font-size: 32px;
    font-weight: 700;
    line-height: 105%;
}
@media (min-width: 1024px) {
    .title-big {
        font-size: 60px;
    }
}
.title-first {
    font-size: var(--title-first-fz);
    line-height: var(--title-first-lh);
    font-weight: var(--title-fw);
    letter-spacing: var(--title-first-ls);
}
.title-second {
    font-size: var(--title-second-fz);
    line-height: var(--title-second-lh);
    font-weight: var(--title-fw);
    letter-spacing: var(--title-second-ls);
}
.title-third {
    font-size: var(--title-third-fz);
    line-height: var(--title-third-lh);
    font-weight: var(--title-fw);
    letter-spacing: var(--title-third-ls);
}
.heading-4 {
    font-size: var(--heading-4-fz);
    line-height: var(--heading-4-lh);
    font-weight: var(--heading-4-fw);
    letter-spacing: var(--heading-4-ls);
}
.subtitle-h4 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
}
@media (min-width: 768px) {
    .subtitle-h4 {
        font-size: 24px;
        line-height: 28px;
    }
}
.link-default {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: var(--color-grey-30);
}
.nobr {
    white-space: nowrap;
}
.br-lg {
    display: none;
}
@media (min-width: 1024px) {
    .br-lg {
        display: block;
    }
}
.br-md {
    display: none;
}
@media (min-width: 768px) {
    .br-md {
        display: block;
    }
}
.br-sm-md {
    display: none;
}
@media (max-width: 768px) {
    .br-sm-md {
        display: block;
    }
}
.br-sm {
    display: block;
}
@media (min-width: 392px) {
    .br-sm {
        display: none;
    }
}
.lk {
    display: flex;
    align-items: center;
}
.lk--main {
    margin-top: 20px;
}
@media (min-width: 768px) {
    .lk--main {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 32px;
    }
}
.lk--it {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 32px;
}
@media (min-width: 1024px) {
    .lk--it {
        flex-direction: row;
    }
}
@media (min-width: 1440px) {
    .lk--it {
        flex-direction: column;
    }
}
.lk__column {
    display: flex;
}
.lk__label-sm {
    width: 32px;
    height: 32px;
    margin-right: -12px;
}
.lk__label-sm--shadow {
    border-radius: 100px;
    box-shadow: 0 2px 8px #351b6014;
}
.lk__label-md {
    width: 44px;
    height: 44px;
    margin-right: -15px;
}
@media (min-width: 1024px) {
    .lk__label-md {
        width: 60px;
        height: 60px;
        margin-right: -15px;
    }
}
.lk__label-lg {
    width: 50px;
    height: 50px;
    margin-right: -8px;
}
@media (min-width: 1024px) {
    .lk__label-lg {
        width: 58px;
        height: 58px;
    }
}
.lk__label-lg--shadow {
    border-radius: 100px;
    box-shadow: 0 2px 8px #351b6014;
}
.lk__label-main {
    width: 44px;
    height: 44px;
    margin-right: -15px;
}
@media (min-width: 768px) {
    .lk__label-main {
        width: 48px;
        height: 48px;
        margin-right: -15px;
    }
}
.lk__preview {
    width: 100%;
    height: 100%;
}
.logo-type {
    position: absolute;
    top: -35px;
    display: flex;
}
@media (max-width: 1024px) {
    .logo-type {
        left: 25px;
    }
}
@media (min-width: 1024px) {
    .logo-type {
        top: -50px;
    }
}
.logo-type--promo {
    position: relative;
    top: 0;
    left: 0;
}
.logo-type--promo .logo-type__logo-svg {
    width: 60px;
    height: 60px;
}
@media (min-width: 1440px) {
    .logo-type--promo .logo-type__logo-svg {
        width: 80px;
        height: 80px;
    }
}
.logo-type--sign-up {
    top: -35px;
    left: 18px;
}
@media (min-width: 1024px) {
    .logo-type--sign-up {
        display: none;
    }
}
.logo-type--reg {
    top: -30px;
    left: 14px;
    display: flex;
}
@media (min-width: 1024px) {
    .logo-type--reg {
        display: none;
    }
}
.logo-type__elama-logo {
    margin-left: -15px;
}
@media (min-width: 1024px) {
    .logo-type__elama-logo {
        margin-left: -20px;
    }
}
.logo-type__logo-svg {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    box-shadow: 0 2px 4px 1px #0000001a;
}
@media (min-width: 1024px) {
    .logo-type__logo-svg {
        width: 82px;
        height: 80px;
    }
}
.letter-spacing-title-32 {
    letter-spacing: -0.025em;
}
.letter-spacing-title-24 {
    letter-spacing: -0.015em;
}
.letter-spacing-title-18 {
    letter-spacing: -0.01em;
}
.letter-spacing-title-16 {
    letter-spacing: -0.005em;
}
.letter-spacing-title-12 {
    letter-spacing: 0.005em;
}
.ls-title-60-32 {
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .ls-title-60-32 {
        letter-spacing: -0.03em;
    }
}
.ls-title-44-36-24 {
    letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
    .ls-title-44-36-24 {
        letter-spacing: -0.03em;
    }
}
@media (min-width: 768px) {
    .ls-title-44-36-24 {
        letter-spacing: -0.025em;
    }
}
.ls-title-44-32 {
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .ls-title-44-32 {
        letter-spacing: -0.03em;
    }
}
.ls-title-44-24 {
    letter-spacing: -0.015em;
}
@media (min-width: 768px) {
    .ls-title-44-24 {
        letter-spacing: -0.03em;
    }
}
.ls-title-32-24 {
    letter-spacing: -0.015em;
}
@media (min-width: 1200px) {
    .ls-title-32-24 {
        letter-spacing: -0.025em;
    }
}
.ls-title-32-22 {
    letter-spacing: -0.015em;
}
@media (min-width: 768px) {
    .ls-title-32-22 {
        letter-spacing: -0.025em;
    }
}
.ls-title-32-18 {
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .ls-title-32-18 {
        letter-spacing: -0.025em;
    }
}
@media (min-width: 768px) {
    .ls-title-32-14 {
        letter-spacing: -0.025em;
    }
}
.ls-title-24-18 {
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .ls-title-24-18 {
        letter-spacing: -0.015em;
    }
}
.ls-title-24-16 {
    letter-spacing: -0.005em;
}
@media (min-width: 768px) {
    .ls-title-24-16 {
        letter-spacing: -0.015em;
    }
}
.ls-title-24-18-16 {
    letter-spacing: -0.005em;
}
@media (min-width: 464px) {
    .ls-title-24-18-16 {
        letter-spacing: -0.01em;
    }
}
@media (min-width: 1024px) {
    .ls-title-24-18-16 {
        letter-spacing: -0.015em;
    }
}
@media (min-width: 768px) {
    .ls-title-22-14 {
        letter-spacing: -0.015em;
    }
}
.ls-title-18-16 {
    letter-spacing: -0.005em;
}
@media (min-width: 768px) {
    .ls-title-18-16 {
        letter-spacing: -0.01em;
    }
}
@media (min-width: 768px) {
    .ls-title-18-14 {
        letter-spacing: -0.01em;
    }
}
.ls-title-18-12 {
    letter-spacing: 0.005em;
}
@media (min-width: 768px) {
    .ls-title-18-12 {
        letter-spacing: -0.01em;
    }
}
.ls-title-16-18 {
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .ls-title-16-18 {
        letter-spacing: -0.005em;
    }
}
@media (min-width: 768px) {
    .ls-title-16-14 {
        letter-spacing: -0.005em;
    }
}
.ls-title-16-12 {
    letter-spacing: 0.005em;
}
@media (min-width: 768px) {
    .ls-title-16-12 {
        letter-spacing: -0.005em;
    }
}
@media (max-width: 1023.98px) {
    .ls-title-14-16 {
        letter-spacing: -0.005em;
    }
}
@media (max-width: 1023.98px) {
    .ls-title-14-12 {
        letter-spacing: 0.005em;
    }
}
.dash-text {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .dash-text {
        margin-bottom: 12px;
    }
}
.dash-list {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 8px;
    max-width: 440px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
@media (min-width: 768px) {
    .dash-list {
        max-width: none;
    }
}
@media (min-width: 1280px) {
    .dash-list {
        max-width: 550px;
    }
}
.dash-list__item {
    position: relative;
    padding-left: 22px;
}
.dash-list__item:before {
    content: "\2014";
    position: absolute;
    left: 0;
}
@media (min-width: 412px) {
    .dash-list__item {
        padding-left: 26px;
    }
}
@media (min-width: 1280px) {
    .dash-list--max-w {
        max-width: 680px;
    }
}
.label {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    display: inline-flex;
    gap: 4px;
    align-items: baseline;
    padding: 8px 18px 10px;
    border-radius: 100px;
    background-color: var(--label-bg);
}
.label__strikethrough {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-grey-30);
    text-decoration: line-through;
}
.terms {
    display: grid;
    grid-template-areas: "info" "offer" "action";
    gap: 24px;
    padding: 40px 0;
}
@media (min-width: 1024px) {
    .terms {
        grid-template-areas: "info offer" "action offer";
        grid-template-rows: auto 1fr;
        gap: 36px 24px;
        padding: 60px 0;
    }
}
.terms__info {
    grid-area: info;
    padding: 0 8px;
}
@media (min-width: 768px) {
    .terms__info {
        padding: 0;
    }
}
.terms__title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .terms__title {
        font-size: 36px;
    }
}
.terms__description {
    font-size: 18px;
    line-height: 1.333;
    letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
    .terms__description {
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .terms__header {
        margin-top: 30px;
    }
}
.terms__offer {
    position: relative;
    grid-area: offer;
    width: 100%;
    padding: 24px 30px;
    border-radius: 24px;
    background-color: var(--color-white);
    box-shadow: 0 2px 8px #351b6014;
}
@media (min-width: 768px) {
    .terms__offer:after {
        content: "";
        position: absolute;
        right: -85%;
        bottom: -32px;
        z-index: -1;
        width: 343px;
        height: 246px;
        background-image: url(../img/bg-5.svg);
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }
}
@media (min-width: 768px) and (min-width: 1024px) {
    .terms__offer:after {
        right: 94%;
        transform: rotate(0);
    }
}
@media (min-width: 768px) {
    .terms__offer {
        max-width: 390px;
        margin-top: 16px;
        padding: 32px;
    }
}
@media (min-width: 1024px) {
    .terms__offer {
        justify-self: flex-end;
        max-width: 460px;
        margin-top: 0;
    }
}
@media (min-width: 1440px) {
    .terms__offer {
        max-width: 540px;
    }
}
.terms__offer-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-left: 12px;
}
@media (min-width: 768px) {
    .terms__offer-title {
        font-size: 32px;
        line-height: 33px;
        font-weight: 700;
        letter-spacing: -0.025em;
        max-width: 496px;
        margin-bottom: 28px;
        margin-left: 16px;
    }
}
.terms__price-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 190px;
    padding: 28px 6px 12px;
}
@media (min-width: 768px) {
    .terms__price-info {
        flex-direction: row;
        gap: 24px;
        max-width: 100%;
    }
}
.terms__price-info-group {
    display: inline-flex;
    align-items: center;
    height: 45px;
    margin-top: 28px;
    margin-left: 4px;
    padding-right: 18px;
    border: 1px solid var(--color-green);
    border-radius: 80px;
}
.terms__price-info-group .terms__price {
    margin-right: 8px;
    margin-left: 0;
}
@media (min-width: 768px) {
    .terms__price-info-group .terms__price {
        margin-right: 18px;
    }
}
.terms__price-text {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-grey-10);
}
.terms__price {
    align-items: center;
    justify-content: center;
}
.terms__link {
    font-size: 14px;
    line-height: 1.42;
    display: block;
    grid-area: link;
    padding-left: 12px;
    color: var(--color-grey-80);
}
.terms__hint {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2px;
    color: var(--color-grey-80);
    letter-spacing: -0.01em;
}
.terms--section {
    position: relative;
    grid-template-areas: "info" "offer" "link" "action";
    gap: 0;
    max-width: none;
    padding: 12px;
    border-radius: 24px;
    box-shadow: 0 2px 8px #351b6014;
}
.terms--section:before,
.terms--section:after {
    content: "";
    position: absolute;
    z-index: -1;
}
.terms--section:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 24px;
    background-color: var(--color-white);
}
@media (min-width: 768px) {
    .terms--section:after {
        content: "";
        position: absolute;
        right: -100vh;
        bottom: -24px;
        left: 100%;
        z-index: 1;
        height: 246px;
        background-image: url(../img/bg-5.svg);
        background-position: 100% 0;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }
}
@media (min-width: 1024px) {
    .terms--section:after {
        right: 470px;
        bottom: -5px;
        left: -5px;
        height: 190px;
        background-image: url(../img/bg-13.svg), url(../img/bg-7.svg);
        background-repeat: no-repeat, repeat-x;
        transform: none;
    }
}
@media (min-width: 1440px) {
    .terms--section:after {
        right: 550px;
    }
}
@media (min-width: 768px) {
    .terms--section {
        grid-template-areas: "info" "offer" "action" "link";
        max-width: 390px;
        margin-bottom: 24px;
        padding: 32px;
    }
}
@media (min-width: 1024px) {
    .terms--section {
        grid-template-areas: "info offer" "link offer" ". action";
        grid-template-columns: auto 350px;
        max-width: none;
        margin-bottom: 0;
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (min-width: 1440px) {
    .terms--section {
        padding-right: 120px;
    }
}
.terms--section .terms__header {
    margin-top: 24px;
}
@media (min-width: 768px) {
    .terms--section .terms__header {
        margin-top: 4px;
    }
}
@media (min-width: 1024px) {
    .terms--section .terms__header {
        margin-top: 0;
    }
}
.terms--section .terms__info {
    margin-bottom: 28px;
    padding: 0 12px;
}
@media (min-width: 412px) {
    .terms--section .terms__info {
        padding: 0 18px;
    }
}
@media (min-width: 768px) {
    .terms--section .terms__info {
        padding: 0 6px;
    }
}
@media (min-width: 1024px) {
    .terms--section .terms__info {
        margin: 0;
        padding: 0;
    }
}
.terms--section .terms__offer {
    width: 100%;
    max-width: none;
    margin-bottom: 28px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}
.terms--section .terms__offer:after {
    display: none;
}
@media (min-width: 412px) {
    .terms--section .terms__offer {
        padding: 0 12px;
    }
}
@media (min-width: 768px) {
    .terms--section .terms__offer {
        padding: 0 4px;
    }
}
@media (min-width: 1024px) {
    .terms--section .terms__offer {
        margin-bottom: 8px;
        padding: 26px 0;
    }
}
.terms--section .terms__link {
    margin-bottom: 10px;
    padding: 0 12px;
}
@media (min-width: 412px) {
    .terms--section .terms__link {
        padding: 0 18px;
    }
}
@media (min-width: 768px) {
    .terms--section .terms__link {
        margin-top: 12px;
        margin-bottom: 0;
        padding: 0 6px;
    }
}
@media (min-width: 1024px) {
    .terms--section .terms__link {
        padding: 0;
    }
}
@media (min-width: 1024px) {
    .terms--section .terms__action {
        grid-column: 2/3;
    }
}
@media (min-width: 768px) {
    .terms--gray:after {
        bottom: 24px;
        background-image: url(../img/bg-5_1.svg);
    }
}
@media (min-width: 1024px) {
    .terms--gray:after {
        bottom: -5px;
        left: -5px;
        z-index: 1;
        background-image: url(../img/bg-7.svg);
        background-repeat: repeat-x;
    }
}
@media (max-width: 767px) {
    .terms--gray {
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    .terms--gray {
        margin-bottom: 0;
    }
}
.terms--gray .terms__offer {
    position: relative;
}
@media (max-width: 767px) {
    .terms--gray .terms__offer:after {
        content: " ";
        position: absolute;
        top: 0;
        right: -12px;
        bottom: -40px;
        left: -12px;
        z-index: -1;
        display: block;
        background-image: url(../img/bg-8.svg);
        background-position: 50% 0;
        background-size: cover;
        background-repeat: repeat-y;
    }
}
.terms__labels {
    display: grid;
    grid-template-columns: 56px 70px;
    gap: 16px;
}
.terms__labels-item {
    position: relative;
}
.terms__labels-item:first-child:after {
    width: 1px;
    height: 37px;
    content: "";
    position: absolute;
    right: 0;
    background-color: var(--color-grey-80);
}
.terms__labels-blanc {
    width: 37px;
    height: 37px;
}
.terms__labels-1c-accountants {
    width: 69px;
    height: 37px;
}
.compare {
    position: relative;
    z-index: 1;
    margin-left: auto;
}
.compare:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    display: none;
    width: calc(100% - var(--compare-column-width));
    height: 100%;
    background-color: var(--compare-column-background, #eae8e7);
}
@media (min-width: 768px) {
    .compare:after {
        display: block;
    }
}
@media (min-width: 768px) {
    .compare {
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    .compare {
        padding: 46px;
        border-radius: 26px;
        background-color: var(--compare-background, var(--color-white));
        box-shadow: 0 2px 8px #351b6014;
    }
}
.compare__row {
    display: flex;
}
.compare__column:first-child {
    flex-shrink: 0;
    width: var(--compare-column-width);
    padding-right: 32px;
}
.compare__column:last-child {
    padding-left: 32px;
    color: var(--color-grey-80);
}
.compare__title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .compare__title {
        font-size: 32px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -0.025em;
        min-height: 68px;
    }
}
.compare__subtitle {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: -0.005em;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 8px;
}
.compare__subtitle:first-of-type {
    margin-top: 18px;
}
@media (min-width: 768px) {
    .compare__subtitle:first-of-type {
        margin-top: 10px;
    }
}
.compare__subtitle:after {
    content: "";
    display: block;
    height: 1px;
    margin-top: 4px;
    background-color: var(--color-grey-10);
}
@media (min-width: 768px) {
    .compare__subtitle:after {
        margin-top: 8px;
    }
}
@media (min-width: 768px) {
    .compare__subtitle {
        font-size: 24px;
        line-height: 1.2;
        font-weight: 700;
        letter-spacing: -0.015em;
        margin-top: 20px;
        margin-bottom: 12px;
    }
}
.compare__text {
    font-size: 14px;
    line-height: 1.36;
    font-weight: 400;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .compare__text {
        font-size: 18px;
        line-height: 1.2;
        font-weight: 400;
        letter-spacing: -0.01em;
    }
}
.compare__action {
    margin-top: 40px;
}
.compare--primary {
    --compare-background: var(--color-green);
    --compare-column-background: var(--color-white);
}
.scrolling-section__welcome {
    position: fixed;
    right: 0;
    left: 0;
}
.scrolling-section__sections {
    position: relative;
    z-index: 10;
    margin-top: 100vh;
    background-color: #f3f3f3;
    box-shadow: 0 -10px 25px #2d223e26;
}
@media (min-width: 1024px) {
    .scrolling-section__sections--internet-acq {
        margin-top: 766px;
    }
}
@media (min-width: 1280px) {
    .scrolling-section__sections--internet-acq {
        margin-top: 780px;
    }
}
@media (min-width: 1440px) {
    .scrolling-section__sections--internet-acq {
        margin-top: 870px;
    }
}
.promo-section__title-it {
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: -0.025em;
}
@media (min-width: 768px) {
    .promo-section__title-it {
        font-size: 44px;
        line-height: 39px;
        letter-spacing: -0.03em;
    }
}
.promo-section__column {
    z-index: 1;
    display: grid;
    gap: 22px;
    margin-top: 32px;
}
@media (min-width: 768px) {
    .promo-section__column {
        grid-template-columns: repeat(3, 285px);
        margin-top: 40px;
    }
}
@media (max-width: 1023px) {
    .promo-section__column {
        padding-bottom: 40px;
    }
}
@media (min-width: 1024px) {
    .promo-section__column {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1440px) {
    .promo-section__column {
        grid-template-columns: repeat(3, 380px);
    }
}
.promo-section__column--sellers {
    margin-top: 32px;
}
@media (min-width: 768px) {
    .promo-section__column--sellers {
        margin-top: 40px;
    }
}
@media (min-width: 1440px) {
    .promo-section__column--sellers {
        grid-template-columns: repeat(3, 412px);
        height: 522px;
    }
}
@media (min-width: 1440px) {
    .promo-section__column--it {
        grid-template-columns: repeat(3, 1fr);
        height: 554px;
    }
}
@media (min-width: 1024px) {
    .promo-section__column--reg {
        grid-template-columns: repeat(3, 1fr);
        height: 481px;
    }
}
@media (min-width: 1280px) {
    .promo-section__column--reg {
        height: 567px;
    }
}
@media (min-width: 1440px) {
    .promo-section__column--reg {
        height: 538px;
    }
}
.promo-section__card {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 16px 28px;
    border-radius: 26px;
}
@media (min-width: 1440px) {
    .promo-section__card {
        max-height: 487px;
        padding: 0 28px 28px;
    }
}
.promo-section__card--overnight {
    justify-content: flex-end;
    background-color: var(--color-grey-90);
}
.promo-section__card--overnight .btn--marketing {
    transition: all 0.4s ease-in-out;
}
.promo-section__card--overnight .btn--marketing:hover {
    border-color: var(--color-white);
    background-color: var(--color-white);
    color: var(--color-black);
}
.promo-section__card--elama {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    background-color: var(--color-blue);
}
.promo-section__card--acquiring {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    background-color: var(--color-grey-35);
}
@media (min-width: 1440px) {
    .promo-section__card--acquiring {
        max-height: 541px;
    }
}
.promo-section__card--china {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px 16px;
    overflow: hidden;
    background-color: var(--color-blue);
}
@media (min-width: 1440px) {
    .promo-section__card--china {
        max-height: 541px;
        padding: 28px;
    }
}
.promo-section__card .btn--marketing--transition {
    transition: all 0.4s ease-in-out;
}
.promo-section__card .btn--marketing--transition:hover {
    border-color: var(--color-black);
    background-color: var(--color-black);
    color: var(--color-white);
}
.promo-section__card--loans {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-grey-50);
}
.promo-section__card--loans .promo-section__desc {
    margin-bottom: 0;
}
@media (min-width: 1440px) {
    .promo-section__card--loans .promo-section__desc {
        width: 90%;
    }
}
.promo-section__card--business {
    justify-content: space-between;
    overflow: hidden;
}
.promo-section__card--deposit {
    overflow: hidden;
    background-color: var(--color-white-5);
}
.promo-section__card--currency {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-grey-50);
}
.promo-section__card--currency .promo-section__desc {
    margin-bottom: 0;
}
@media (min-width: 1440px) {
    .promo-section__card--currency .promo-section__desc {
        width: 95%;
    }
}
.promo-section__card--salary {
    justify-content: space-between;
    background-color: var(--color-white-5);
}
.promo-section__card--sol {
    justify-content: space-between;
    overflow: hidden;
}
.promo-section__card--retail {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 481px;
    background-image: url(../img/illustrations/retail.png);
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 1280px) {
    .promo-section__card--retail {
        min-height: 538px;
    }
}
.promo-section__card--it {
    height: 100%;
    overflow: hidden;
    background-color: var(--color-grey-35);
}
.promo-section__card--sellers {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    background-color: var(--color-grey-35);
}
.promo-section__card-head {
    margin-top: 28px;
}
.promo-section__title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 12px;
    letter-spacing: -0.025em;
}
@media (min-width: 412px) {
    .promo-section__title {
        font-size: 32px;
        line-height: 33px;
    }
}
.promo-section__title--overnight {
    margin-top: 10px;
    color: var(--color-green);
}
@media (min-width: 768px) {
    .promo-section__title--loans {
        margin-top: 12px;
    }
}
.promo-section__title-sellers {
    font-size: 31px;
    line-height: 27px;
    font-weight: 400;
    letter-spacing: -0.025em;
}
@media (min-width: 1440px) {
    .promo-section__title-sellers {
        font-size: 44px;
        line-height: 39px;
        letter-spacing: -0.03em;
    }
}
.promo-section__desc {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
    color: var(--color-grey-80);
    letter-spacing: -0.3px;
}
@media (min-width: 1440px) {
    .promo-section__desc {
        font-size: 22px;
        line-height: 27px;
        font-weight: 400;
        letter-spacing: -0.015em;
    }
}
.promo-section__desc--overnight {
    max-width: 100%;
}
.promo-section__desc--it {
    max-width: 300px;
}
@media (min-width: 768px) {
    .promo-section__desc--it {
        max-width: none;
    }
}
.promo-section__salary {
    display: flex;
    flex-direction: column;
}
.promo-section__btn {
    z-index: 2;
    max-width: 180px;
    height: 56px;
}
.promo-section__btn--acquiring {
    max-width: 220px;
}
.promo-section__btn--overnight {
    max-width: 180px;
}
.promo-section__btn--china {
    max-width: 150px;
}
.promo-section__btn--it-salary {
    max-width: none;
}
@media (min-width: 768px) {
    .promo-section__btn--it-salary {
        max-width: 120px;
    }
}
.promo-section__btn--business {
    max-width: none;
}
@media (min-width: 768px) {
    .promo-section__btn--business {
        max-width: 156px;
    }
}
.promo-section__btn--sol {
    max-width: none;
}
@media (min-width: 768px) {
    .promo-section__btn--sol {
        max-width: 164px;
    }
}
.promo-section__picture-it {
    width: 540px;
    height: 666px;
    position: relative;
    right: 10px;
    bottom: 150px;
    display: flex;
}
@media (min-width: 768px) {
    .promo-section__picture-it {
        width: 535px;
        height: 661px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-it {
        right: 20px;
    }
}
@media (min-width: 1280px) {
    .promo-section__picture-it {
        right: 0;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-it {
        width: 708px;
        height: 871px;
        right: 10px;
        bottom: 190px;
    }
}
.promo-section__picture-sellers {
    width: 393px;
    height: 390px;
    position: relative;
    right: 48px;
    display: flex;
    transform: rotate(-17deg);
}
@media (min-width: 1280px) {
    .promo-section__picture-sellers {
        width: 423px;
        height: 421px;
        right: 58px;
        transform: rotate(-15deg);
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-sellers {
        width: 523px;
        height: 524px;
        top: -20px;
    }
}
.promo-section__picture-elama {
    position: absolute;
    right: 19px;
    bottom: -25%;
    z-index: -1;
    width: 220px;
    height: 386px;
}
@media (min-width: 768px) {
    .promo-section__picture-elama {
        bottom: -25%;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-elama {
        bottom: -25%;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-elama {
        right: 28px;
        bottom: -43%;
        width: 317px;
        height: 558px;
    }
}
.promo-section__picture-acquiring {
    width: 291px;
    height: 240px;
    position: absolute;
    top: -45px;
    left: 16px;
}
@media (min-width: 1440px) {
    .promo-section__picture-acquiring {
        width: 371px;
        height: 330px;
        top: -70px;
        left: -30px;
        margin-bottom: 18px;
    }
}
.promo-section__picture-loans {
    width: 326px;
    height: 155px;
    top: 28px;
}
@media (min-width: 412px) {
    .promo-section__picture-loans {
        width: 326px;
        height: 165px;
    }
}
@media (min-width: 768px) {
    .promo-section__picture-loans {
        width: 326px;
        height: 165px;
        position: relative;
        top: 0;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-loans {
        width: 395px;
        height: 200px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-loans {
        width: 435px;
        height: 213px;
    }
}
@media (min-width: 1920px) {
    .promo-section__picture-loans {
        width: 481px;
        height: 213px;
    }
}
.promo-section__picture-deposit {
    width: 303px;
    height: 280px;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: -1;
}
@media (min-width: 768px) {
    .promo-section__picture-deposit {
        width: 320px;
        height: 280px;
        bottom: 0;
        left: -20px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-deposit {
        width: 350px;
        height: 320px;
        bottom: -10px;
        left: -10px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-deposit {
        width: 413px;
        height: 380px;
        bottom: -5px;
    }
}
.promo-section__picture-currency {
    width: 317px;
    height: 116px;
    position: absolute;
    top: 28px;
    left: 0;
}
@media (min-width: 412px) {
    .promo-section__picture-currency {
        width: 380px;
        height: 116px;
    }
}
@media (min-width: 768px) {
    .promo-section__picture-currency {
        width: 317px;
        height: 116px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-currency {
        width: 380px;
        height: 119px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-currency {
        width: 465px;
        height: 159px;
        top: 52px;
    }
}
@media (min-width: 1920px) {
    .promo-section__picture-currency {
        width: 495px;
        height: 159px;
    }
}
.promo-section__picture-china {
    width: 319px;
    height: 119px;
    position: relative;
    left: -20px;
}
@media (min-width: 768px) {
    .promo-section__picture-china {
        width: 315px;
        height: 117px;
        left: -15px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-china {
        width: 309px;
        height: 113px;
        left: -20px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-china {
        width: 401px;
        height: 147px;
        left: -40px;
    }
}
.promo-section__picture-salary {
    width: 290px;
    height: 264px;
    position: relative;
    bottom: -15px;
    z-index: -1;
    display: block;
}
@media (min-width: 768px) {
    .promo-section__picture-salary {
        width: 248px;
        height: 205px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-salary {
        bottom: -15px;
    }
}
@media (min-width: 1280px) {
    .promo-section__picture-salary {
        width: 266px;
        height: 230px;
        bottom: -20px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-salary {
        width: 326px;
        height: 278px;
    }
}
.promo-section__picture-reg {
    width: 303px;
    height: 271px;
    position: absolute;
    top: -5px;
    left: 16px;
}
@media (min-width: 768px) {
    .promo-section__picture-reg {
        width: 281px;
        height: 251px;
        top: -30px;
    }
}
@media (min-width: 1280px) {
    .promo-section__picture-reg {
        width: 320px;
        height: 287px;
        top: -40px;
        left: 40px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-reg {
        top: -40px;
        left: 40px;
    }
}
.promo-section__picture-business {
    width: 391px;
    height: 309px;
    position: absolute;
    bottom: 120px;
}
@media (min-width: 768px) {
    .promo-section__picture-business {
        width: 248px;
        height: 191px;
        bottom: 115px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-business {
        bottom: 120px;
    }
}
@media (min-width: 1280px) {
    .promo-section__picture-business {
        width: 266px;
        height: 237px;
        bottom: 133px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-business {
        width: 320px;
        height: 285px;
        bottom: 80px;
    }
}
.promo-section__picture-sol {
    width: 305px;
    height: 575px;
    position: absolute;
    bottom: -210px;
}
@media (min-width: 768px) {
    .promo-section__picture-sol {
        width: 248px;
        height: 470px;
        left: 30px;
    }
}
@media (min-width: 1024px) {
    .promo-section__picture-sol {
        width: 248px;
        height: 470px;
        bottom: -190px;
        left: 30px;
    }
}
@media (min-width: 1280px) {
    .promo-section__picture-sol {
        width: 266px;
        height: 504px;
        bottom: -240px;
        left: 40px;
    }
}
@media (min-width: 1440px) {
    .promo-section__picture-sol {
        width: 320px;
        height: 607px;
        bottom: -315px;
        left: 40px;
    }
}
.promo-section__picture-position {
    display: flex;
    justify-content: center;
}
.ved-section {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}
@media (min-width: 1024px) {
    .ved-section {
        grid-template-columns: repeat(2, 1fr);
    }
}
.ved-section__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 26px;
    background-color: var(--color-white);
}
@media (min-width: 768px) {
    .ved-section__card {
        gap: 12px;
        padding: 24px;
    }
}
@media (min-width: 1024px) {
    .ved-section__card {
        padding: 40px;
    }
}
.ved-section__desc {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -0.015em;
}
.ved-section .price-label {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
    width: fit-content;
    padding-top: 3px;
    padding-bottom: 4px;
    border-radius: 50px;
    text-align: center;
}
@media (min-width: 768px) {
    .ved-section .price-label {
        font-size: 36px;
        line-height: 39px;
    }
}
.show-hint {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    position: absolute;
    right: 12px;
    bottom: 87px;
    width: 183px;
    padding: 9px 16px;
    border-radius: 24px 24px 0;
    background-color: var(--color-white);
    color: var(--show-hint-color);
}
.btn-whatsapp {
    position: fixed;
    right: 4px;
    bottom: 78px;
    z-index: 20;
}
@media (min-width: 1024px) {
    .btn-whatsapp {
        display: none;
    }
}
:root {
    --show-hint-color: var(--color-black);
}
.swiper {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    transition-property: transform;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    display: flex;
    transform: translateZ(0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    position: relative;
    display: flex;
    flex-shrink: 0;
    transition-property: transform;
}
.swiper-pagination {
    position: absolute;
    right: var(--swiper-pagination-right, 0);
    bottom: 0;
    left: var(--swiper-pagination-left, 0);
    z-index: 1;
    display: var(--swiper-pagination-display, flex);
    gap: 8px;
    justify-content: center;
    order: 1;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-bullet {
    transition: opacity ease-in-out 0.25s;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.1;
    cursor: pointer;
}
.swiper-pagination-bullet:hover {
    opacity: 0.25;
}
.swiper-pagination-bullet:before {
    content: "";
    display: block;
    width: 24px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--color-black);
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:hover {
    opacity: 1;
}
.swiper-black-theme .swiper-pagination-bullet:hover {
    opacity: 0.25;
}
.swiper-black-theme .swiper-pagination-bullet:before {
    background-color: var(--color-green);
}
.swiper-black-theme .swiper-pagination-bullet-active,
.swiper-black-theme .swiper-pagination-bullet-active:hover {
    color: var(--color-green);
}
:root {
    --title-first-fz: 32px;
    --title-first-lh: 33px;
    --title-first-ls: -0.025em;
    --title-second-fz: 32px;
    --title-second-lh: 33px;
    --title-second-ls: -0.025em;
    --title-third-fz: 32px;
    --title-third-lh: 33px;
    --title-third-ls: -0.025em;
    --title-four-fz: 32px;
    --title-four-lh: 36px;
    --title-four-ls: -0.025em;
    --title-fw: 700;
    --heading-4-fz: 18px;
    --heading-4-lh: 21px;
    --heading-4-fw: 400;
    --heading-4-ls: -0.01em;
}
@media (min-width: 375px) {
    :root {
        --title-first-fz: 36px;
        --title-first-lh: 39px;
        --title-first-ls: -0.025em;
        --title-second-fz: 36px;
        --title-second-lh: 39px;
        --title-second-ls: -0.025em;
        --title-third-fz: 36px;
        --title-third-lh: 39px;
        --title-third-ls: -0.025em;
        --title-four-fz: 36px;
        --title-four-lh: 39px;
        --title-four-ls: -0.025em;
    }
}
@media (min-width: 412px) {
    :root {
        --title-first-fz: 44px;
        --title-first-lh: 46px;
        --title-first-ls: -0.03em;
        --title-third-fz: 44px;
        --title-third-lh: 46px;
        --title-third-ls: -0.03em;
        --title-four-fz: 44px;
        --title-four-lh: 46px;
        --title-four-ls: -0.03em;
    }
}
@media (min-width: 768px) {
    :root {
        --title-first-fz: 60px;
        --title-first-lh: 63px;
        --title-second-fz: 60px;
        --title-second-lh: 63px;
        --title-second-ls: -0.03em;
        --title-third-fz: 60px;
        --title-third-lh: 63px;
        --title-third-ls: -0.03em;
        --title-four-fz: 60px;
        --title-four-lh: 63px;
        --title-four-ls: -0.03em;
        --heading-4-fz: 24px;
        --heading-4-lh: 28px;
        --heading-4-ls: -0.015em;
    }
}
@media (min-width: 1024px) {
    :root {
        --title-second-fz: 44px;
        --title-second-lh: 46px;
        --title-second-ls: -0.03em;
        --title-third-fz: 44px;
        --title-third-lh: 46px;
        --title-third-ls: -0.03em;
    }
}
@media (min-width: 1280px) {
    :root {
        --title-second-fz: 60px;
        --title-second-lh: 63px;
        --title-third-fz: 60px;
        --title-third-lh: 63px;
    }
}
:root {
    --nc-base-card-video-height: calc(var(--scale) * 340);
    --scale: 1px;
    --nc-container-padding-x: calc(var(--scale) * 12);
    --nc-container-max-w: 516px;
    --nc-h1-color: var(--color-gray-900);
    --nc-h1-size: calc(var(--scale) * 40);
    --nc-h1-weight: 400;
    --nc-h1-height: calc(var(--scale) * 36);
    --nc-h1-spacing: -0.045em;
    --nc-h2-color: var(--color-gray-900);
    --nc-h2-size: calc(var(--scale) * 32);
    --nc-h2-weight: 400;
    --nc-h2-height: calc(var(--scale) * 28);
    --nc-h2-spacing: -0.025em;
    --nc-h3-color: var(--color-gray-900);
    --nc-h3-size: calc(var(--scale) * 28);
    --nc-h3-weight: 400;
    --nc-h3-height: calc(var(--scale) * 28);
    --nc-h3-spacing: -0.02em;
    --nc-h4-color: var(--color-gray-900);
    --nc-h4-size: calc(var(--scale) * 22);
    --nc-h4-weight: 400;
    --nc-h4-height: calc(var(--scale) * 22);
    --nc-h4-spacing: -0.005em;
    --nc-title-base-spacing-padding-left: calc(var(--scale) * 16);
    --color-text-disabled: rgba(34, 34, 34, 0.35);
    --base-text-disabled-opacity: 45%;
    --nc-icon-md-size: calc(var(--scale) * 24);
    --text-icon-secondary-light: rgba(34, 34, 34, 0.45);
    --nc-button-default-font-size: calc(var(--scale) * 16);
    --nc-button-default-line-height: calc(var(--scale) * 20);
    --nc-button-default-font-weight: 400;
    --nc-button-default-height: calc(var(--scale) * 40);
    --nc-button-default-border-radius: calc(var(--scale) * 12);
    --nc-button-default-color: var(--color-gray-900);
    --nc-button-default-background: var(--color-coffee-100);
    --nc-button-default-spacing-x: calc(var(--scale) * 8);
    --nc-button-default-padding-x: calc(var(--scale) * 8);
    --nc-button-default-hover-background: var(--color-coffee-200);
    --nc-button-default-focus-outline: 1px solid var(--color-gray-800);
    --nc-button-default-focus-outline-offset: -1px;
    --nc-button-default-disabled-background: var(--color-coffee-100);
    --nc-button-default-disabled-color: var(--color-text-disabled);
    --nc-button-inverse-color: var(--nc-button-default-color);
    --nc-button-inverse-background: var(--color-white);
    --nc-button-inverse-hover-background: var(--color-coffee-100);
    --nc-button-inverse-focus-outline: var(--nc-button-default-focus-outline);
    --nc-button-inverse-focus-outline-offset: var(--nc-button-default-focus-outline-offset);
    --nc-button-inverse-disabled-background: var(--color-gray-700);
    --nc-button-inverse-disabled-color: var(--nc-button-default-disabled-color);
    --nc-button-primary-color: var(--color-white);
    --nc-button-primary-background: var(--color-gray-900);
    --nc-button-primary-hover-background: var(--color-gray-800);
    --nc-button-primary-focus-outline: 2px solid var(--color-gray-800);
    --nc-button-primary-focus-outline-offset: 2px;
    --nc-button-primary-disabled-background: var(--color-gray-700);
    --nc-button-primary-disabled-color: rgba(255, 255, 255, 0.4);
    --nc-button-xl-font-size: calc(var(--scale) * 16);
    --nc-button-xl-line-height: calc(var(--scale) * 20);
    --nc-button-xl-height: calc(var(--scale) * 40);
    --nc-button-xl-padding-x: calc(var(--scale) * 16);
    --nc-button-lg-font-size: calc(var(--scale) * 16);
    --nc-button-lg-line-height: calc(var(--scale) * 20);
    --nc-button-lg-height: calc(var(--scale) * 56);
    --nc-button-lg-padding-x: calc(var(--scale) * 10);
    --nc-base-card-border-radius: calc(var(--scale) * 24);
    --nc-base-card-background: var(--color-white);
    --nc-base-card-color: var(--color-gray-900);
    --nc-base-card-width: 100%;
    --nc-base-card-min-height: 100%;
    --nc-base-card-message-padding-y: calc(var(--scale) * 24);
    --nc-base-card-message-padding-x: calc(var(--scale) * 24);
    --nc-base-card-message-gap: calc(var(--scale) * 8);
    --nc-base-card-action-padding-left: calc(var(--scale) * 24);
    --nc-base-card-action-padding-bottom: calc(var(--scale) * 14);
    --nc-base-card-asset-padding-bottom: calc(var(--scale) * 8);
    --nc-base-card-asset-padding-right: calc(var(--scale) * 8);
    --nc-base-card-asset-padding-left: calc(var(--scale) * 8);
    --nc-base-card-asset-picture-width: calc(var(--scale) * 303);
    --nc-base-card-asset-picture-height: calc(var(--scale) * 174);
    --nc-base-card-asset-img-border-radius: calc(var(--scale) * 16);
    --nc-base-card-asset-img-object-fit: cover;
    --nc-base-card-wrap-icon-background: var(--color-lime-900);
    --nc-base-card-wrap-icon-width: calc(var(--scale) * 64);
    --nc-base-card-wrap-icon-height: calc(var(--scale) * 64);
    --nc-base-card-wrap-icon-border-radius: calc(var(--scale) * 12);
    --nc-base-card-tariff-gap: calc(var(--scale) * 8);
    --nc-base-card-tariff-padding-left: calc(var(--scale) * 24);
    --nc-base-card-tariff-padding-bottom: calc(var(--scale) * 28);
    --nc-base-card-action-tariff-padding-y: calc(var(--scale) * 12);
    --nc-base-card-action-tariff-padding-x: calc(var(--scale) * 12);
    --nc-base-card-banner-background: var(--color-gray-800);
    --nc-base-card-bg-background-size: cover;
    --nc-base-card-bg-width: 100%;
    --nc-base-card-bg-height: auto;
    --nc-default-form-border-radius: calc(var(--scale) * 24);
    --nc-default-form-background: var(--color-white);
    --nc-form-label-default-background: var(--color-coffee-100);
    --nc-form-label-default-border-radius: calc(var(--scale) * 12);
    --nc-form-label-default-font-size: calc(var(--scale) * 16);
    --nc-form-label-default-line-height: calc(var(--scale) * 20);
    --nc-form-label-default-color: var(--color-gray-900);
    --nc-form-label-default-width: 100%;
    --nc-form-label-default-height: calc(var(--scale) * 48);
    --nc-form-label-default-padding-y: calc(var(--scale) * 14);
    --nc-form-label-default-padding-x: calc(var(--scale) * 16);
    --nc-field-default-background: var(--color-coffee-100);
    --nc-field-default-border-radius: calc(var(--scale) * 12);
    --nc-field-default-font-size: calc(var(--scale) * 16);
    --nc-field-default-line-height: calc(var(--scale) * 20);
    --nc-field-default-color: var(--color-gray-900);
    --nc-field-default-height: calc(var(--scale) * 60);
    --nc-field-default-width: 100%;
    --nc-field-default-padding-y: calc(var(--scale) * 22);
    --nc-field-default-padding-x: calc(var(--scale) * 20);
    --nc-field-default-hover-background: var(--color-coffee-200);
    --nc-field-control-default-padding-top: calc(var(--scale) * 0);
    --nc-field-control-default-color: var(--color-gray-900);
    --nc-field-control-default-padding-x: calc(var(--scale) * 4);
    --nc-field-control-default-min-height: calc(var(--scale) * 60);
    --nc-field-control-default-line-height: calc(var(--scale) * 20);
    --nc-field-message-default-font-size: calc(var(--scale) * 16);
    --nc-field-message-default-line-height: calc(var(--scale) * 20);
    --nc-field-message-default-color: var(--color-gray-900);
    --nc-field-message-default-opacity: 45%;
    --nc-form-policy-default-color: var(--color-gray-900);
    --nc-form-policy-default-opacity: 45%;
    --nc-form-policy-default-font-size: calc(var(--scale) * 13);
    --nc-form-policy-default-line-height: calc(var(--scale) * 16);
    --nc-form-policy-default-letter-spacing: -0.005em;
    --nc-form-invalid-default-margin-left: calc(var(--scale) * 20);
    --nc-form-invalid-default-color: var(--color-red-800);
    --nc-form-invalid-default-font-size: calc(var(--scale) * 13);
    --nc-form-invalid-default-line-height: calc(var(--scale) * 16);
    --nc-form-invalid-default-letter-spacing: -0.005em;
    --nc-form-invalid-default-margin-right: calc(var(--scale) * 20);
    --nc-field-addon-default-color: var(--color-gray-900);
    --nc-form-title-default-padding-bottom: calc(var(--scale) * 16);
    --nc-form-title-default-padding-left: calc(var(--scale) * 12);
    --nc-form-title-default-font-size: calc(var(--scale) * 16);
    --nc-form-title-default-line-height: calc(var(--scale) * 20);
    --nc-form-title-default-color: var(--color-gray-900);
    --nc-form-code-number-default-gap: calc(var(--scale) * 12);
    --nc-form-info-text-default-font-size: calc(var(--scale) * 13);
    --nc-form-info-text-default-line-height: calc(var(--scale) * 16);
    --nc-form-info-text-default-letter-spacing: -0.005em;
    --nc-form-info-default-color: var(--color-gray-900);
    --nc-form-info-default-padding-left: calc(var(--scale) * 12);
    --nc-form-info-default-padding-top: calc(var(--scale) * 16);
    --nc-form-title-default-width: 90%;
    --nc-base-card-large-border-radius: calc(var(--scale) * 24);
    --nc-base-card-large-background: var(--color-gray-900);
    --nc-base-card-large-width: 100%;
    --nc-base-card-large-min-height: calc(var(--scale) * 576);
    --nc-base-card-large-height: 100%;
    --nc-base-card-large-message-gap: calc(var(--scale) * 8);
    --nc-base-card-large-message-padding-top: calc(var(--scale) * 24);
    --nc-base-card-large-message-padding-right: calc(var(--scale) * 24);
    --nc-base-card-large-message-padding-left: calc(var(--scale) * 24);
    --nc-base-card-large-action-padding-top: calc(var(--scale) * 24);
    --nc-base-card-large-action-padding-left: calc(var(--scale) * 24);
    --nc-base-card-large-action-padding-bottom: calc(var(--scale) * 24);
    --nc-base-card-large-asset-padding-left: calc(var(--scale) * 8);
    --nc-base-card-large-asset-padding-right: calc(var(--scale) * 8);
    --nc-base-card-large-asset-padding-bottom: calc(var(--scale) * 8);
    --nc-base-card-large-picture-width: 100%;
    --nc-base-card-small-background: var(--color-white);
    --nc-base-card-small-border-radius: calc(var(--scale) * 24);
    --nc-base-card-small-max-width: calc(var(--scale) * 320);
    --nc-base-card-small-max-height: calc(var(--scale) * 320);
    --nc-base-card-small-height: calc(var(--scale) * 320);
    --nc-base-card-small-message-gap: calc(var(--scale) * 8);
    --nc-base-card-small-message-padding-right: calc(var(--scale) * 24);
    --nc-base-card-small-message-padding-left: calc(var(--scale) * 24);
    --nc-base-card-small-message-padding-bottom: calc(var(--scale) * 24);
    --nc-base-card-small-action-padding-left: calc(var(--scale) * 24);
    --nc-base-card-small-action-padding-bottom: calc(var(--scale) * 24);
    --nc-base-card-small-asset-padding-top: calc(var(--scale) * 24);
    --nc-base-card-small-asset-padding-left: calc(var(--scale) * 24);
    --nc-tooltip-default-width: max-content;
    --nc-tooltip-default-height: calc(var(--scale) * 40);
    --nc-tooltip-default-padding-x: calc(var(--scale) * 12);
    --nc-tooltip-default-padding-y: calc(var(--scale) * 12);
    --nc-tooltip-default-border-radius: calc(var(--scale) * 12);
    --nc-tooltip-default-background: var(--color-white);
    --nc-tooltip-default-color: var(--color-gray-900);
    --nc-tooltip-default-font-size: calc(var(--scale) * 13);
    --nc-tooltip-default-line-height: calc(var(--scale) * 16);
    --nc-tooltip-default-letter-spacing: -0.005em;
    --nc-base-accordion-padding-bottom: calc(var(--scale) * 24);
    --nc-base-accordion-header-padding-top: calc(var(--scale) * 24);
    --nc-base-accordion-header-padding-left: calc(var(--scale) * 24);
    --nc-base-accordion-header-padding-right: calc(var(--scale) * 24);
    --nc-accordion-border-radius: calc(var(--scale) * 16);
    --nc-accordion-background: var(--color-white);
    --nc-accordion-content-padding-x: calc(var(--scale) * 24);
    --nc-base-accordion-content-padding-top: calc(var(--scale) * 12);
    --nc-base-accordion-content-padding-left: calc(var(--scale) * 24);
    --nc-base-accordion-content-padding-right: calc(var(--scale) * 24);
    --nc-success-screen-default-background: var(--color-coffee-500);
    --nc-spacing-size: calc(var(--scale) * 72);
    --nc-header-height: calc(var(--scale) * 72);
    --size-img-picture-default-border-radius: calc(var(--scale) * 16);
    --overlay-bg-cl: rgba(202, 194, 192, 0.9);
    --color-aquamarine-300: #b6ffdc;
    --color-aquamarine-400: #94ffcc;
    --color-aquamarine-800: #02c697;
    --color-blue-300: #b8effd;
    --color-blue-400: #98eaff;
    --color-blue-800: #0ebbe7;
    --color-coffee-100: #f8f7f7;
    --color-coffee-200: #f2f1f0;
    --color-coffee-300: #eae8e7;
    --color-coffee-400: #e0dbda;
    --color-coffee-500: #d6cfce;
    --color-coffee-600: #cac2c0;
    --color-coffee-700: #bcb3b1;
    --color-coffee-800: #b0a7a5;
    --color-dark-blue-300: #c2dbff;
    --color-dark-blue-400: #a2c7ff;
    --color-dark-blue-800: #4f90f1;
    --color-gray-500: #474747;
    --color-gray-700: #4e4e4e;
    --color-gray-800: #313131;
    --color-gray-900: #222222;
    --color-green-100: #cfffe9;
    --color-green-200: #bffbe0;
    --color-green-300: #a7f5d1;
    --color-green-400: #90ebbf;
    --color-green-500: #77e1af;
    --color-green-600: #3dd791;
    --color-green-700: #14cc78;
    --color-green-800: #00bb66;
    --color-lime-300: #cbfa92;
    --color-lime-400: #bcf378;
    --color-lime-500: #b6f54d;
    --color-lime-600: #d1fb3c;
    --color-lime-800: #6db90f;
    --color-lime-900: #cffe97;
    --color-mustard-100: #fff8d8;
    --color-mustard-200: #fbf2d0;
    --color-mustard-300: #fbe8b7;
    --color-mustard-400: #f6dc97;
    --color-mustard-500: #f5d17b;
    --color-mustard-600: #f3ca65;
    --color-mustard-700: #f0c047;
    --color-mustard-800: #eaa800;
    --color-peach-300: #fdddc8;
    --color-peach-400: #ffccab;
    --color-peach-500: #ff5236;
    --color-peach-800: #f28132;
    --color-pink-300: #fed7ff;
    --color-pink-400: #fdc1ff;
    --color-pink-800: #d843ea;
    --color-purple-300: #d5cdff;
    --color-purple-400: #c1b6ff;
    --color-purple-800: #9f55fe;
    --color-red-100: #ffeeee;
    --color-red-200: #ffe2e2;
    --color-red-300: #ffd2d2;
    --color-red-400: #ffbebe;
    --color-red-500: #ffacae;
    --color-red-600: #ff8f97;
    --color-red-700: #ff717d;
    --color-red-800: #ff5566;
    --color-white: #ffffff;
    --color-yellow-green-300: #e4fe85;
    --color-yellow-green-400: #d8fc5b;
    --color-yellow-green-800: #99c500;
    --color-secondary-light: #22222273;
    --color-inverse-hover: rgba(248, 247, 247, 1);
}
@media (min-width: 744px) {
    :root {
        --scale: 1px;
        --nc-h1-size: calc(var(--scale) * 50);
        --nc-h1-height: calc(var(--scale) * 44);
        --nc-h2-size: calc(var(--scale) * 38);
        --nc-h2-height: calc(var(--scale) * 34);
        --nc-h2-spacing: -0.035em;
        --nc-h3-size: calc(var(--scale) * 30);
        --nc-h3-height: calc(var(--scale) * 26);
        --nc-button-xl-height: calc(var(--scale) * 64);
        --nc-button-xl-padding-x: calc(var(--scale) * 24);
        --nc-base-card-video-height: calc(var(--scale) * 410);
        --nc-spacing-size: calc(var(--scale) * 88);
        --nc-container-max-w: 1024px;
        --nc-form-invalid-default-width: 90%;
        --nc-form-label-default-width: 100%;
        --nc-form-title-default-width: 100%;
        --nc-tooltip-default-top: calc(var(--scale) * -55);
        --nc-tooltip-default-left: calc(var(--scale) * 140);
        --nc-base-card-large-min-height: calc(var(--scale) * 404);
        --nc-base-card-large-height: calc(100vh - 160px);
        --nc-base-card-large-message-padding-right: calc(var(--scale) * 36);
        --nc-base-card-large-message-padding-left: calc(var(--scale) * 36);
        --nc-base-card-large-action-padding-top: calc(var(--scale) * 28);
        --nc-base-card-large-action-padding-left: calc(var(--scale) * 36);
        --nc-base-card-large-picture-width: calc(var(--scale) * 280);
        --nc-base-card-large-asset-padding-left: calc(var(--scale) * 40);
        --nc-base-card-large-asset-padding-right: calc(var(--scale) * 40);
        --nc-base-card-small-max-width: calc(var(--scale) * 325);
        --nc-base-card-small-max-height: calc(var(--scale) * 325);
        --nc-base-card-small-height: calc(var(--scale) * 325);
    }
}
@media (min-width: 1024px) {
    :root {
        --scale: 1px;
        --nc-h1-size: calc(var(--scale) * 60);
        --nc-h1-height: calc(var(--scale) * 50);
        --nc-h2-size: calc(var(--scale) * 44);
        --nc-h2-height: calc(var(--scale) * 40);
        --nc-h3-size: calc(var(--scale) * 32);
        --nc-h3-height: calc(var(--scale) * 28);
        --nc-base-card-action-padding-left: calc(var(--scale) * 24);
        --nc-base-card-asset-picture-width: calc(var(--scale) * 309);
        --nc-base-card-asset-picture-height: calc(var(--scale) * 174);
        --nc-base-card-video-height: calc(var(--scale) * 568);
        --nc-title-base-spacing-padding-left: calc(var(--scale) * 20);
        --nc-spacing-size: calc(var(--scale) * 128);
        --nc-tooltip-default-top: calc(var(--scale) * -55);
        --nc-tooltip-default-left: calc(var(--scale) * 155);
        --nc-base-card-large-message-padding-right: calc(var(--scale) * 44);
        --nc-base-card-large-message-padding-left: calc(var(--scale) * 44);
        --nc-base-card-large-action-padding-top: calc(var(--scale) * 32);
        --nc-base-card-large-action-padding-left: calc(var(--scale) * 44);
        --nc-base-card-large-picture-width: calc(var(--scale) * 320);
        --nc-base-card-large-asset-padding-left: calc(var(--scale) * 90);
        --nc-base-card-large-asset-padding-right: calc(var(--scale) * 90);
        --nc-base-card-large-min-height: calc(var(--scale) * 456);
    }
}
@media (min-width: 1200px) {
    :root {
        --scale: 1px;
        --nc-icon-md-size: calc(var(--scale) * 28);
        --nc-base-card-video-height: calc(var(--scale) * 664);
    }
}
.nc-dark-mode {
    --nc-button-default-color: var(--color-white);
    --nc-button-default-background: rgba(255, 255, 255, 0.12);
    --nc-button-default-hover-background: rgba(255, 255, 255, 0.2);
    --nc-button-default-focus-outline: 1px solid var(--color-white);
    --nc-button-default-focus-outline-offset: -1px;
    --nc-button-default-disabled-color: rgba(255, 255, 255, 0.4);
    --nc-button-default-disabled-background: rgba(255, 255, 255, 0.12);
    --nc-h1-color: var(--color-white);
    --nc-h2-color: var(--color-white);
    --nc-h3-color: var(--color-white);
    --nc-h4-color: var(--color-white);
}
.nc-h1 {
    color: #ffff;
    font-size: var(--nc-h1-size);
    font-weight: var(--nc-h1-weight);
    line-height: var(--nc-h1-height);
    letter-spacing: var(--nc-h1-spacing);
}
.nc-h2 {
    color: #ffffff;
    font-size: var(--nc-h2-size);
    font-weight: var(--nc-h2-weight);
    line-height: var(--nc-h2-height);
    letter-spacing: var(--nc-h2-spacing);
}
.nc-h3 {
    color: #ffff;
    font-size: var(--nc-h3-size);
    font-weight: var(--nc-h3-weight);
    line-height: var(--nc-h3-height);
    letter-spacing: var(--nc-h3-spacing);
}
.nc-h4 {
    color: var(--nc-h4-color);
    font-size: var(--nc-h4-size);
    font-weight: var(--nc-h4-weight);
    line-height: var(--nc-h4-height);
    letter-spacing: var(--nc-h4-spacing);
}
.nc-title-spacing {
    padding-left: var(--nc-title-all-spacing-padding-left, var(--nc-title-base-spacing-padding-left));
}
.nc-text-lg {
    color: #ffff;
    font-size: calc(var(--scale) * 19);
    font-weight: 400;
    line-height: calc(var(--scale) * 24);
    letter-spacing: -0.003em;
    opacity: var(--opacity-text-lg, 100%);
}
.nc-text-md {
    color: var(--text-md-color, var(--color-gray-900));
    font-size: calc(var(--scale) * 16);
    font-weight: 400;
    line-height: calc(var(--scale) * 20);
    opacity: var(--opacity-text-md, 100%);
}
.nc-text-sm {
    color: #fff;
    font-size: calc(var(--scale) * 13);
    font-weight: 400;
    line-height: calc(var(--scale) * 16);
    letter-spacing: -0.005em;
    opacity: var(--opacity-text-sm, 100%);
}
.nc-link-lg {
    color: var(--link-lg-color, var(--color-gray-900));
    font-size: calc(var(--scale) * 19);
    font-weight: 400;
    line-height: calc(var(--scale) * 24);
    letter-spacing: -0.003em;
}
.nc-link-md {
    color: var(--link-md-color, var(--color-gray-900));
    font-size: calc(var(--scale) * 16);
    font-weight: 400;
    line-height: calc(var(--scale) * 20);
}
.nc-link-sm {
    color: var(--link-sm-color, var(--color-gray-900));
    font-size: calc(var(--scale) * 13);
    font-weight: 400;
    line-height: calc(var(--scale) * 16);
    letter-spacing: -0.005em;
}
.text-disabled-opacity {
    color: var(--text-disabled-color, var(--color-white));
    opacity: var(--text-disabled-opacity, var(--base-text-disabled-opacity));
}
.text-green {
    color: var(--text-green-color, var(--color-lime-400));
    opacity: var(--text-green-opacity, 100%);
}
.nc-text-white {
    color: var(--text-white-color, var(--color-white));
    opacity: var(--text-white-opacity, 100%);
}
.nc-form-error {
    position: relative;
    width: var(--nc-form-invalid-width, var(--nc-form-invalid-default-width));
    margin-bottom: var(--nc-form-invalid-margin-bottom, var(--nc-form-invalid-default-margin-bottom));
    margin-left: var(--nc-form-invalid-margin-left, var(--nc-form-invalid-default-margin-left));
    color: var(--nc-form-invalid-color, var(--nc-form-invalid-default-color));
    font-size: var(--nc-form-invalid-font-size, var(--nc-form-invalid-default-font-size));
    line-height: var(--nc-form-invalid-line-height, var(--nc-form-invalid-default-line-height));
    letter-spacing: var(--nc-form-invalid-letter-spacing, var(--nc-form-invalid-default-letter-spacing));
    opacity: var(--nc-form-invalid-opacity, var(--nc-form-invalid-default-opacity));
}
.nc-form-error:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(var(--scale) * 1);
    height: 100%;
    background-color: var(--color-red-800);
    opacity: 30%;
}
.nc-form {
    --nc-button-border-radius: calc(var(--scale) * 12);
    --nc-button-font-size: calc(var(--scale) * 16);
    --nc-button-height: calc(var(--scale) * 64);
    --nc-button-line-height: calc(var(--scale) * 20);
    --nc-button-width: 100%;
    display: block;
    height: 100%;
    min-height: calc(var(--scale) * 504);
    border-radius: var(--nc-form-border-radius, var(--nc-default-form-border-radius));
    background-color: var(--nc-form-background, var(--nc-default-form-background));
}
@media (min-width: 744px) {
    .nc-form {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-height: calc(var(--scale) * 464);
        padding-top: calc(var(--scale) * 112);
    }
}
.nc-form--step-first {
    overflow: hidden;
}
.nc-form__wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 8);
    justify-content: space-between;
    width: 100%;
    height: calc(var(--scale) * 504);
}
@media (min-width: 744px) {
    .nc-form__wrapper {
        width: calc(var(--scale) * 528);
        max-width: 100%;
        height: 100%;
    }
}
.nc-form__wrapper--step-first {
    padding: calc(var(--scale) * 12) 0 calc(var(--scale) * 12) 0;
    overflow: hidden;
}
@media (min-width: 744px) {
    .nc-form__wrapper--step-first {
        padding: calc(var(--scale) * 12);
    }
}
.nc-form__wrapper--step-first .nc-form__action {
    margin-top: calc(var(--scale) * 8);
    margin-right: calc(var(--scale) * 12);
    margin-left: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-form__wrapper--step-first .nc-form__action {
        margin-right: 0;
        margin-left: 0;
    }
}
.nc-form__wrapper--step-second {
    --nc-field-control-min-height: calc(var(--scale) * 0);
    --nc-field-font-size: calc(var(--scale) * 22);
    --nc-field-height: calc(var(--scale) * 72);
    --nc-field-line-height: calc(var(--scale) * 24);
    --nc-field-width: 100%;
    justify-content: flex-start;
    padding: calc(var(--scale) * 24) calc(var(--scale) * 12) calc(var(--scale) * 12) calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-form__wrapper--step-second {
        --nc-field-width: calc(var(--scale) * 117);
        justify-content: space-between;
        padding: calc(var(--scale) * 12);
    }
}
.nc-form__wrapper--step-second .nc-field__control {
    padding: 0;
    text-align: center;
}
.nc-form__wrapper--step-second .nc-form__title {
    display: flex;
    flex-wrap: wrap;
}
.nc-form__wrapper--step-third {
    --nc-form-info-padding-bottom: calc(var(--scale) * 8);
    --nc-form-info-padding-top: calc(var(--scale) * 0);
    --nc-icon-md-size: calc(var(--scale) * 16);
    justify-content: space-between;
    padding: calc(var(--scale) * 24) calc(var(--scale) * 12) calc(var(--scale) * 12) calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-form__wrapper--step-third {
        justify-content: flex-start;
        padding: calc(var(--scale) * 12);
    }
}
.nc-form__wrapper--step-third .nc-form__info {
    width: 90%;
}
.nc-form__wrapper--step-third .nc-form__title {
    --nc-form-title-padding-bottom: calc(var(--scale) * 24);
}
.nc-form__group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 8);
}
.nc-form__scroll {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.nc-form__scroll-wrapp {
    position: relative;
    z-index: -1;
    margin-bottom: -10px;
    padding-bottom: 10px;
    overflow-x: auto;
}
@media (min-width: 744px) {
    .nc-form__scroll-wrapp {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}
.nc-form__field-phone {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 8);
    margin-right: calc(var(--scale) * 12);
    margin-left: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-form__field-phone {
        margin-right: 0;
        margin-left: 0;
    }
}
.nc-form__labels {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    gap: calc(var(--scale) * 8);
    width: fit-content;
    padding-right: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-form__labels {
        width: 100%;
        padding-right: 0;
    }
}
.nc-form__labels-open {
    width: calc(var(--scale) * 138);
    margin-left: calc(var(--scale) * 12);
    border-radius: calc(var(--scale) * 12);
    background-color: var(--color-coffee-100);
}
@media (min-width: 744px) {
    .nc-form__labels-open {
        width: 100%;
        margin-left: 0;
    }
}
.nc-form__labels-business {
    width: calc(var(--scale) * 237);
    border-radius: calc(var(--scale) * 12);
    background-color: var(--color-coffee-100);
}
@media (min-width: 744px) {
    .nc-form__labels-business {
        width: 100%;
    }
}
.nc-form__labels-phone {
    width: calc(var(--scale) * 138);
    margin-left: calc(var(--scale) * 12);
    border-radius: calc(var(--scale) * 12);
    background-color: var(--color-coffee-100);
}
@media (min-width: 744px) {
    .nc-form__labels-phone {
        width: 100%;
        margin-left: 0;
    }
}
.nc-form__labels-whatsapp {
    width: calc(var(--scale) * 116);
    border-radius: calc(var(--scale) * 12);
    background-color: var(--color-coffee-100);
}
@media (min-width: 744px) {
    .nc-form__labels-whatsapp {
        width: 100%;
    }
}
.nc-form__labels-telegram {
    width: calc(var(--scale) * 130);
    border-radius: calc(var(--scale) * 12);
    background-color: var(--color-coffee-100);
}
@media (min-width: 744px) {
    .nc-form__labels-telegram {
        width: 100%;
    }
}
.nc-form__action {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--scale) * 24);
}
@media (min-width: 744px) {
    .nc-form__action {
        flex-direction: column;
        gap: calc(var(--scale) * 12);
    }
}
.nc-form__policy {
    margin-left: calc(var(--scale) * 12);
    color: var(--nc-form-policy-color, var(--nc-form-policy-default-color));
    font-size: var(--nc-form-policy-font-size, var(--nc-form-policy-default-font-size));
    line-height: var(--nc-form-policy-line-height, var(--nc-form-policy-default-line-height));
    letter-spacing: var(--nc-form-policy-letter-spacing, var(--nc-form-policy-default-letter-spacing));
    opacity: var(--nc-form-policy-opacity, var(--nc-form-policy-default-opacity));
}
.nc-form__title {
    width: var(--nc-form-title-width, var(--nc-form-title-default-width));
    padding-bottom: var(--nc-form-title-padding-bottom, var(--nc-form-title-default-padding-bottom));
    padding-left: var(--nc-form-title-padding-left, var(--nc-form-title-default-padding-left));
    color: var(--nc-form-title-color, var(--nc-form-title-default-color));
    font-size: var(--nc-form-title-font-size, var(--nc-form-title-default-font-size));
    line-height: var(--nc-form-title-line-height, var(--nc-form-title-default-line-height));
}
.nc-form__code-number {
    display: flex;
    flex-direction: row;
    gap: var(--nc-form-code-number-gap, var(--nc-form-code-number-default-gap));
}
.nc-form__info {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 12);
    padding-top: var(--nc-form-info-padding-top, var(--nc-form-info-default-padding-top));
    padding-bottom: var(--nc-form-info-padding-bottom, var(--nc-form-info-default-padding-bottom));
    padding-left: var(--nc-form-info-padding-left, var(--nc-form-info-default-padding-left));
    color: var(--nc-form-info-color, var(--nc-form-info-default-color));
}
.nc-form__info-text {
    font-size: var(--nc-form-info-text-font-size, var(--nc-form-info-text-default-font-size));
    line-height: var(--nc-form-info-text-line-height, var(--nc-form-info-text-default-line-height));
    letter-spacing: var(--nc-form-info-text-letter-spacing, var(--nc-form-info-text-default-letter-spacing));
}
.nc-form__info-count {
    opacity: 45%;
}
.nc-form__link {
    width: fit-content;
    padding: 0;
    border: none;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}
.nc-form__link:hover {
    --link-cl: var(--color-gray-900);
}
.nc-form__decoration {
    display: inline;
    border-bottom: 1px solid rgba(34, 34, 34, 0.45);
}
.nc-form__decoration:hover {
    border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.nc-form__contact-text {
    padding-left: calc(var(--scale) * 24);
}
@media (min-width: 744px) {
    .nc-form__contact-text {
        padding-left: calc(var(--scale) * 12);
    }
}
.nc-success-screen {
    --nc-button-height: calc(var(--scale) * 64);
    --nc-button-width: 100%;
    --nc-icon-md-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--scale) * 24);
    overflow: hidden;
}
.nc-success-screen__layout {
    height: 100%;
    padding: calc(var(--scale) * 12);
    background-color: var(--nc-success-screen-background, var(--nc-success-screen-default-background));
}
.nc-success-screen__wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
@media (min-width: 1024px) {
    .nc-success-screen__wrapper {
        display: grid;
        grid-template-areas: "first first first first first first first second second second second second";
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--scale) * 16);
    }
}
.nc-success-screen__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 32);
}
@media (min-width: 1024px) {
    .nc-success-screen__content {
        flex-direction: row;
        grid-area: first;
        align-items: flex-end;
        justify-content: space-between;
        padding-bottom: calc(var(--scale) * 12);
    }
}
.nc-success-screen__content-group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
    padding-right: calc(var(--scale) * 12);
    padding-left: calc(var(--scale) * 12);
}
@media (min-width: 1024px) {
    .nc-success-screen__content-group {
        grid-area: first;
    }
}
.nc-success-screen__illustration {
    display: flex;
    justify-content: flex-end;
    padding-right: calc(var(--scale) * 8);
}
@media (min-width: 1024px) {
    .nc-success-screen__illustration {
        flex-direction: column;
        grid-area: second;
        justify-content: space-between;
        padding-right: calc(var(--scale) * 12);
    }
}
.nc-success-screen__illustration-picture {
    --scale: 100vw / 375;
    width: calc(var(--scale) * 260);
    height: calc(var(--scale) * 260);
}
@media (min-width: 744px) {
    .nc-success-screen__illustration-picture {
        --scale: 100vw / 744;
        width: calc(var(--scale) * 415);
        height: calc(var(--scale) * 415);
    }
}
@media (min-width: 1024px) {
    .nc-success-screen__illustration-picture {
        --scale: 1px;
        width: 100%;
        height: calc(var(--scale) * 410);
    }
}
.nc-success-screen__btn {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (min-width: 744px) {
    .nc-success-screen__btn {
        position: relative;
    }
}
.nc-success-screen__btn--mobile {
    display: flex;
}
@media (min-width: 1024px) {
    .nc-success-screen__btn--mobile {
        display: none;
    }
}
.nc-success-screen__btn--laptop {
    display: none;
}
@media (min-width: 1024px) {
    .nc-success-screen__btn--laptop {
        display: flex;
    }
}
.nc-error-screen {
    --nc-button-height: calc(var(--scale) * 64);
    --nc-button-width: 100%;
    --nc-icon-md-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--scale) * 24);
    overflow: hidden;
}
.nc-error-screen__layout {
    height: 100%;
    padding: calc(var(--scale) * 12);
    background-color: var(--nc-success-screen-background, var(--nc-success-screen-default-background));
}
@media (min-width: 1024px) {
    .nc-error-screen__layout {
        padding: calc(var(--scale) * 8);
    }
}
.nc-error-screen__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}
@media (min-width: 1024px) {
    .nc-error-screen__wrapper {
        display: grid;
        grid-template-areas: "first first first first first first first second second second second second";
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--scale) * 20);
        align-items: flex-end;
    }
}
.nc-error-screen__content {
    display: flex;
    flex-direction: column;
    grid-area: first;
    gap: calc(var(--scale) * 24);
    padding-right: calc(var(--scale) * 12);
    padding-bottom: calc(var(--scale) * 32);
    padding-left: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-error-screen__content {
        padding-right: 0;
        padding-left: calc(var(--scale) * 16);
    }
}
@media (min-width: 1024px) {
    .nc-error-screen__content {
        padding-bottom: calc(var(--scale) * 16);
    }
}
.nc-error-screen__actions {
    display: flex;
    flex-direction: column;
    grid-area: second;
    gap: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-error-screen__actions {
        flex-direction: row;
    }
}
@media (min-width: 1024px) {
    .nc-error-screen__actions {
        padding-bottom: calc(var(--scale) * 20);
    }
}
.nc-field {
    position: relative;
    display: flex;
    align-items: center;
    width: var(--nc-field-width, var(--nc-field-default-width));
    height: var(--nc-field-height, var(--nc-field-default-height));
    padding: var(--nc-field-padding-y, var(--nc-field-default-padding-y)) var(--nc-field-padding-x, var(--nc-field-default-padding-x));
    border-radius: var(--nc-field-border-radius, var(--nc-field-default-border-radius));
    background-color: var(--nc-field-background, var(--nc-field-default-background));
    color: var(--nc-field-color, var(--nc-field-default-color));
    font-size: var(--nc-field-font-size, var(--nc-field-default-font-size));
    line-height: var(--nc-field-line-height, var(--nc-field-default-line-height));
    transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}
@media (min-width: 1024px) {
    .nc-field:focus {
        background-color: var(--nc-field-hover-background, var(--nc-field-default-hover-background));
    }
}
.nc-field--message-top {
    --nc-field-addon-padding-top: 0;
    --nc-field-padding-y: 12px;
    --nc-field-control-default-height: calc(var(--scale) * 60);
}
.nc-field--message-top .nc-field__message {
    --nc-field-message-font-size: calc(var(--scale) * 13);
    --nc-field-message-line-height: calc(var(--scale) * 16);
    position: absolute;
    top: calc(var(--scale) * 12);
    bottom: auto;
    transform: translateY(0);
}
.nc-field--message-top .field__title {
    --field-title-fz: 13px;
    --field-title-lh: 16px;
    top: 12px;
    bottom: auto;
    transform: translateY(0);
}
.nc-field--message-top .field__control {
    position: relative;
    top: 8px;
}
.nc-field--message-top-inn {
    --nc-field-control-padding-top: calc(var(--scale) * 16);
}
.nc-field__message {
    position: absolute;
    top: 50%;
    color: var(--nc-field-message-color, var(--nc-field-message-default-color));
    font-size: var(--nc-field-message-font-size, var(--nc-field-message-default-font-size));
    line-height: var(--nc-field-message-line-height, var(--nc-field-message-default-line-height));
    opacity: var(--nc-field-message-opacity, var(--nc-field-message-default-opacity));
    transition: transform 0.4s ease, top 0.4s ease, font-size 0.4s ease;
    transform: translateY(-50%);
}
.nc-field__control {
    z-index: 1;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: var(--nc-field-control-min-height, var(--nc-field-control-default-min-height));
    padding-top: var(--nc-field-control-padding-top, var(--nc-field-control-default-padding-top));
    padding-right: var(--nc-field-control-padding-x, var(--nc-field-control-default-padding-x));
    padding-left: var(--nc-field-control-padding-x, var(--nc-field-control-default-padding-x));
    height: var(--nc-field-control-height, var(--nc-field-control-default-height));
    line-height: var(--nc-field-control-line-height, var(--nc-field-control-default-line-height));
    border: 0;
    outline: none;
    background-color: transparent;
    color: var(--nc-field-control-color, var(--nc-field-control-default-color));
    resize: none;
    transition: color 0.4s;
}
.nc-field__addon {
    display: flex;
    align-items: center;
    position: relative;
    height: var(--nc-field-addon-height, calc(var(--scale) * 60));
    top: var(--nc-field-addon-padding-top, calc(var(--scale) * 6));
    color: var(--nc-field-addon-color, var(--nc-field-addon-default-color));
    opacity: var(--nc-field-addon-opacity, var(--nc-fiel-addon-default-opacity));
    transition: ease ease 0.4s;
}
.nc-field__phone {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: relative;
    top: calc(var(--scale) * 8);
}
.nc-field__close-icon {
    --nc-icon-md-size: calc(var(--scale) * 20);
    display: flex;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.nc-field .field__control {
    font-size: var(--nc-field-font-size, var(--nc-field-default-font-size));
    line-height: var(--nc-field-line-height, var(--nc-field-default-line-height));
}
.nc-field--invalid {
    --nc-field-background: var(--color-red-100);
    --nc-field-message-color: var(--color-red-800);
    --nc-field-message-opacity: 65%;
    --nc-field-control-color: var(--color-red-800);
    --nc-field-addon-color: var(--color-red-800);
}
.nc-field--invalid:hover {
    --nc-field-hover-background: var(--color-red-200);
}
.nc-field--invalid input {
    color: var(--color-red-800);
}
.nc-field--invalid input::placeholder {
    color: var(--color-red-800);
    opacity: 60%;
}
.nc-field--invalid .field__title {
    --text-disabled-cl: var(--color-red-800);
    opacity: 60%;
}
.nc-field--invalid .field__addon--icon {
    color: var(--color-red-800);
}
.nc-field .field__control {
    padding: 0;
}
.nc-field .field__title {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    margin-left: 0;
}
.nc-radio {
    display: block;
    cursor: pointer;
}
.nc-radio input[type="checkbox"]:checked:active,
.nc-radio input[type="radio"]:checked:active + .nc-radio__button {
    background-color: var(--color-coffee-100);
}
@media (min-width: 744px) {
    .nc-radio {
        width: 100%;
    }
}
.nc-radio__input {
    display: none;
}
.nc-radio__input:checked + .nc-radio__button {
    border-color: var(--color-gray-900);
}
.nc-radio__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nc-form-label-width, var(--nc-form-label-default-width));
    height: var(--nc-form-label-height, var(--nc-form-label-default-height));
    padding: var(--nc-form-label-padding-y, var(--nc-form-label-default-padding-y)) var(--nc-form-label-padding-x, var(--nc-form-label-default-padding-x));
    border: 1px solid transparent;
    border-radius: var(--nc-form-label-border-radius, var(--nc-form-label-default-border-radius));
    background-color: var(--nc-form-label-background, var(--nc-form-label-default-background));
    color: var(--nc-form-label-color, var(--nc-form-label-default-color));
    font-size: var(--nc-form-label-font-size, var(--nc-form-label-default-font-size));
    line-height: var(--nc-form-label-line-height, var(--nc-form-label-default-line-height));
    cursor: pointer;
    transition: border ease 0.25s;
}
.nc-radio__button:active {
    background-color: transparent;
}
.nc-card {
    display: flex;
    flex-direction: column;
    width: var(--nc-card-width, var(--nc-base-card-width));
    min-height: var(--nc-card-min-height, var(--nc-base-card-min-height));
    border-radius: var(--nc-card-border-radius, var(--nc-base-card-border-radius));
    background-color: var(--nc-card-background, var(--nc-base-card-background));
    color: var(--nc-card-color, var(--nc-base-card-color));
}
.nc-card--dark {
    --text-md-color: var(--color-white);
    --nc-card-background: var(--color-gray-900);
    --nc-card-color: var(--color-white);
}
.nc-card--space {
    justify-content: space-between;
}
.nc-card--end {
    justify-content: flex-end;
}
.nc-card--bg {
    width: var(--nc-card-bg-width, var(--nc-base-card-bg-width));
    height: var(--nc-card-bg-height, var(--nc-base-card-bg-height));
    background-position-x: var(--nc-card-bg-background-position-x, var(--nc-base-card-background-position-x));
    background-size: var(--nc-card-bg-background-size, var(--nc-base-card-bg-background-size));
    background-repeat: no-repeat;
}
.nc-card--tariff {
    --nc-button-width: 100%;
    --nc-button-height: calc(var(--scale) * 64);
    --nc-button-border-radius: calc(var(--scale) * 12);
    --nc-card-tariff-padding-bottom: calc(var(--scale) * 12);
    min-height: calc(var(--scale) * 360);
    background-color: #232323;
}
.nc-card--tariff .nc-card__message {
    --nc-card-message-padding-y: calc(var(--scale) * 20);
}
.nc-card--double {
    display: flex;
    gap: 0;
    justify-content: space-between;
}
@media (min-width: 744px) {
    .nc-card--double {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
.nc-card--double-reverse {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}
@media (min-width: 744px) {
    .nc-card--double-reverse {
        flex-direction: row-reverse;
    }
}
@media (min-width: 1024px) {
    .nc-card--double-reverse {
        flex-direction: row;
    }
}
.nc-card--quaring {
    --text-md-color: var(--color-lime-600);
    --text-lg-color: var(--color-white);
    --opacity-text-lg: 45%;
    --nc-card-asset-img-border-radius: calc(var(--scale) * 16);
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 36);
    --nc-card-border-radius: calc(var(--scale) * 24);
    --nc-card-min-height: calc(var(--scale) * 480);
}
@media (min-width: 744px) {
    .nc-card--quaring {
        --nc-card-asset-picture-height: calc(var(--scale) * 296);
        --nc-card-message-padding-y: calc(var(--scale) * 36);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-action-padding-bottom: calc(var(--scale) * 36);
        --nc-card-border-radius: calc(var(--scale) * 24);
        --nc-card-min-height: auto;
    }
}
@media (min-width: 1024px) {
    .nc-card--quaring {
        --nc-card-asset-picture-width: calc(var(--scale) * 484);
        --nc-card-asset-picture-height: calc(var(--scale) * 324);
        --nc-card-message-padding-y: calc(var(--scale) * 44);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 52);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
    }
}
.nc-card--assistant {
    --opacity-text-lg: 45%;
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
    --nc-card-border-radius: calc(var(--scale) * 24);
    --nc-card-asset-img-border-radius: calc(var(--scale) * 16);
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-min-height: calc(var(--scale) * 480);
    --nc-card-message-gap: calc(var(--scale) * 12);
            background-color: #232323;
}
@media (min-width: 744px) {
    .nc-card--assistant {
        --nc-card-asset-picture-height: calc(var(--scale) * 296);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-min-height: auto;
    }
}
@media (min-width: 1024px) {
    .nc-card--assistant {
        --nc-card-asset-picture-width: calc(var(--scale) * 483);
        --nc-card-asset-picture-height: calc(var(--scale) * 320);
        --nc-card-message-padding-y: calc(var(--scale) * 44);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
    }
}
.nc-card--overnight {
    --text-md-color: var(--color-lime-600);
    --text-lg-color: var(--color-white);
    --opacity-text-lg: 45%;
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-card-message-padding-y: calc(var(--scale) * 0);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-top: calc(var(--scale) * 14);
    --nc-card-action-padding-left: calc(var(--scale) * 40);
    --nc-card-action-padding-bottom: calc(var(--scale) * 20);
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
    --nc-card-min-height: calc(var(--scale) * 480);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-border-radius: calc(var(--scale) * 24);
    --nc-card-asset-img-border-radius: calc(var(--scale) * 16);
    flex-direction: column-reverse;
}
@media (min-width: 744px) {
    .nc-card--overnight {
        --nc-card-asset-picture-height: calc(var(--scale) * 296);
        --nc-card-message-padding-y: calc(var(--scale) * 36);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-action-padding-bottom: calc(var(--scale) * 36);
        --nc-card-action-padding-top: calc(var(--scale) * 0);
        --nc-card-min-height: auto;
        flex-direction: row;
    }
}
@media (min-width: 1024px) {
    .nc-card--overnight {
        --nc-card-asset-picture-width: calc(var(--scale) * 478);
        --nc-card-asset-picture-height: calc(var(--scale) * 324);
        --nc-card-message-padding-y: calc(var(--scale) * 44);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
    }
}
.nc-card--overnight .nc-card__space {
    padding-top: calc(var(--scale) * 36);
}
@media (min-width: 744px) {
    .nc-card--overnight .nc-card__space {
        padding-top: calc(var(--scale) * 0);
    }
}
@media (min-width: 1024px) {
    .nc-card--overnight .nc-text-lg {
        width: 90%;
    }
}
.nc-card--pos-acquiring {
    --opacity-text-lg: 45%;
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 220);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-top: calc(var(--scale) * 20);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 36);
    --nc-card-message-gap: calc(var(--scale) * 8);
    --nc-card-min-height: calc(var(--scale) * 480);
}
@media (min-width: 744px) {
    .nc-card--pos-acquiring {
        --nc-card-asset-picture-width: 100%;
        --nc-card-asset-picture-height: calc(var(--scale) * 206);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-min-height: auto;
        --nc-card-message-gap: calc(var(--scale) * 12);
    }
}
@media (min-width: 1024px) {
    .nc-card--pos-acquiring {
        --nc-card-border-radius: calc(var(--scale) * 24);
        --nc-card-asset-picture-width: calc(var(--scale) * 478);
        --nc-card-asset-picture-height: calc(var(--scale) * 258);
        --nc-card-message-padding-y: calc(var(--scale) * 44);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 44);
        --nc-card-asset-padding-top: calc(var(--scale) * 0);
    }
}
.nc-card--pos-acquiring .nc-card__asset {
    display: flex;
    justify-content: center;
}
.nc-card--acquiring {
    --opacity-text-lg: 45%;
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-card-message-padding-y: calc(var(--scale) * 32);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 36);
    --nc-card-asset-img-border-radius: calc(var(--scale) * 24);
    --nc-card-min-height: calc(var(--scale) * 480);
    --nc-card-message-gap: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .nc-card--acquiring {
        --nc-card-message-padding-y: calc(var(--scale) * 36);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-action-padding-bottom: calc(var(--scale) * 36);
        --nc-card-asset-picture-height: calc(var(--scale) * 230);
    }
}
@media (min-width: 1024px) {
    .nc-card--acquiring {
        --nc-card-border-radius: calc(var(--scale) * 24);
        --nc-card-asset-picture-width: calc(var(--scale) * 475);
        --nc-card-asset-picture-height: calc(var(--scale) * 258);
        --nc-card-message-padding-y: calc(var(--scale) * 44);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
        --nc-card-asset-img-border-radius: calc(var(--scale) * 20);
    }
}
.nc-card--unlimited {
    --text-md-color: var(--color-lime-600);
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-min-height: calc(var(--scale) * 480);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-base-card-bg-background-size: 135% 100%;
    background-image: url(../img/ved.jpg);
    background-position-x: -65px;
}
@media (min-width: 744px) {
    .nc-card--unlimited {
        --nc-card-message-padding-y: calc(var(--scale) * 40);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        background-position-x: -30px;
    }
}
@media (min-width: 1024px) {
    .nc-card--unlimited {
        --nc-base-card-bg-background-size: 135% 100%;
        --nc-card-message-padding-y: calc(var(--scale) * 52);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        background-position-x: -85px;
        
    }
}
.nc-card--unlimited .nc-h3 {
    max-width: calc(var(--scale) * 300);
}
.nc-card--sol-lg {
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 196);
    --nc-card-message-padding-y: calc(var(--scale) * 0);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 36);
    --opacity-text-lg: 45%;
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-asset-padding-top: calc(var(--scale) * 22);
    --nc-card-asset-padding-bottom: calc(var(--scale) * 42);
    --nc-card-min-height: calc(var(--scale) * 480);
    padding-top: calc(var(--scale) * 36);
    background-color: #232323;
}
@media (min-width: 744px) {
    .nc-card--sol-lg {
        --nc-card-asset-picture-width: calc(var(--scale) * 338);
        --nc-card-asset-picture-height: calc(var(--scale) * 204);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-asset-padding-top: calc(var(--scale) * 15);
        --nc-card-asset-padding-bottom: calc(var(--scale) * 35);
        padding-top: calc(var(--scale) * 38);
        background-color: #232323;
    }
}
@media (min-width: 1024px) {
    .nc-card--sol-lg {
        --nc-card-asset-picture-width: calc(var(--scale) * 478);
        --nc-card-asset-picture-height: calc(var(--scale) * 258);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 44);
        --nc-card-asset-padding-top: calc(var(--scale) * 29);
        --nc-card-asset-padding-bottom: calc(var(--scale) * 49);
        padding-top: calc(var(--scale) * 48);
        background-color: #232323;
    }
}
.nc-card--sol-lg .nc-card__asset {
    display: flex;
    justify-content: center;
}
.nc-card--salary-lg {
    --text-disabled-color: var(--color-gray-900);
    --opacity-text-lg: 45%;
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-message-padding-y: calc(var(--scale) * 0);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-top: calc(var(--scale) * 36);
    --nc-card-asset-padding-right: calc(var(--scale) * 44);
    --nc-card-asset-padding-bottom: calc(var(--scale) * 44);
    --nc-card-wrap-icon-border-radius: calc(var(--scale) * 24);
    --nc-card-min-height: calc(var(--scale) * 480);
    --opacity-text-md: 45%;
    padding-top: calc(var(--scale) * 36);
}
@media (min-width: 744px) {
    .nc-card--salary-lg {
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-action-padding-top: calc(var(--scale) * 23);
        --nc-card-asset-padding-right: calc(var(--scale) * 48);
        --nc-card-asset-padding-bottom: calc(var(--scale) * 48);
        padding-top: calc(var(--scale) * 38);
    }
}
@media (min-width: 1024px) {
    .nc-card--salary-lg {
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 52);
        --nc-card-action-padding-top: calc(var(--scale) * 41);
        --nc-card-asset-padding-right: calc(var(--scale) * 54);
        --nc-card-asset-padding-bottom: calc(var(--scale) * 54);
        padding-top: calc(var(--scale) * 48);
    }
}
.nc-card--salary-lg .nc-card__asset-wrapp-icon {
    --nc-icon-size: calc(var(--scale) * 48);
    --nc-card-wrap-icon-width: calc(var(--scale) * 96);
    --nc-card-wrap-icon-height: calc(var(--scale) * 96);
}
.nc-card--currency {
    --text-md-color: var(--color-lime-600);
    --opacity-text-lg: 45%;
    --text-lg-color: var(--color-white);
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-min-height: calc(var(--scale) * 480);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 32);
    --nc-base-card-bg-background-size: 140% 107%;
    background-image: url(../img/currency-ved.jpg);
    background-position-x: -107px;
}
@media (min-width: 744px) {
    .nc-card--currency {
        --nc-card-message-padding-y: calc(var(--scale) * 38);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-action-padding-bottom: calc(var(--scale) * 36);
        --nc-base-card-bg-background-size: 120% 100%;
        background-position-x: -65px;
    }
}
@media (min-width: 1024px) {
    .nc-card--currency {
        --nc-card-message-padding-y: calc(var(--scale) * 48);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
        --nc-card-min-height: calc(var(--scale) * 560);
        background-position-x: -60px;
    }
}
.nc-card--clean-reputation {
    --opacity-text-lg: 45%;
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-min-height: calc(var(--scale) * 480);
    --text-lg-color: var(--color-white);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-base-card-bg-background-size: 135% 100%;
    grid-area: clean;
    background-image: url(../img/clean-reputation.png);
    background-position-x: -61px;
    background-color: #232323;
}
@media (min-width: 744px) {
    .nc-card--clean-reputation {
        --nc-card-message-padding-y: calc(var(--scale) * 36);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
    }
}
@media (min-width: 1024px) {
    .nc-card--clean-reputation {
        --nc-base-card-bg-background-size: 110% 100%;
        --nc-card-message-padding-y: calc(var(--scale) * 44);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-min-height: calc(var(--scale) * 560);
        background-position-x: -30px;
    }
}
.nc-card--verification {
    --nc-card-background: var(--color-gray-900);
    --nc-card-border-radius: calc(var(--scale) * 32);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-min-height: calc(var(--scale) * 480);
    --opacity-text-lg: 45%;
    --text-lg-color: var(--color-white);
    --nc-card-wrap-icon-border-radius: calc(var(--scale) * 24);
    --nc-card-wrap-icon-width: calc(var(--scale) * 96);
    --nc-card-wrap-icon-height: calc(var(--scale) * 96);
    --nc-icon-size: calc(var(--scale) * 45);
    --nc-card-asset-padding-left: calc(var(--scale) * 44);
    --nc-card-asset-padding-top: calc(var(--scale) * 44);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    grid-area: verification;
}
@media (min-width: 744px) {
    .nc-card--verification {
        --nc-card-asset-padding-left: calc(var(--scale) * 48);
        --nc-card-asset-padding-top: calc(var(--scale) * 48);
        --nc-card-message-padding-y: calc(var(--scale) * 40);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
    }
}
@media (min-width: 1024px) {
    .nc-card--verification {
        --nc-card-asset-padding-left: calc(var(--scale) * 52);
        --nc-card-asset-padding-top: calc(var(--scale) * 52);
        --nc-card-message-padding-y: calc(var(--scale) * 52);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
    }
}
.nc-card--service {
    --opacity-text-lg: 45%;
    --text-lg-color: var(--color-white);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 36);
    --nc-card-border-radius: calc(var(--scale) * 24);
    --nc-card-min-height: calc(var(--scale) * 480);
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
}
@media (min-width: 744px) {
    .nc-card--service {
        --nc-card-message-padding-y: calc(var(--scale) * 38);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-min-height: calc(var(--scale) * 312);
    }
}
@media (min-width: 1024px) {
    .nc-card--service {
        --nc-card-message-padding-y: calc(var(--scale) * 48);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
        --nc-card-min-height: calc(var(--scale) * 340);
    }
}
.nc-card--service .nc-card__asset-picture {
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-icon-size: calc(var(--scale) * 119);
    justify-content: flex-end;
    padding-top: calc(var(--scale) * 20);
    padding-right: calc(var(--scale) * 16);
    border-radius: calc(var(--scale) * 16);
    background-color: var(--color-gray-500);
}
@media (min-width: 744px) {
    .nc-card--service .nc-card__asset-picture {
        --nc-card-asset-picture-height: calc(var(--scale) * 296);
        --nc-icon-size: calc(var(--scale) * 129);
        padding-top: calc(var(--scale) * 19);
        padding-right: calc(var(--scale) * 20);
    }
}
@media (min-width: 1024px) {
    .nc-card--service .nc-card__asset-picture {
        --nc-card-asset-picture-width: calc(var(--scale) * 482);
        --nc-card-asset-picture-height: calc(var(--scale) * 324);
        --nc-icon-size: calc(var(--scale) * 160);
        padding-right: calc(var(--scale) * 23);
    }
}
.nc-card--banner {
    --nc-card-height: auto;
    --h3-title-color: var(--color-white);
    --text-lg-color: var(--color-white);
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-message-padding-y: calc(var(--scale) * 36);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 36);
    --nc-card-border-radius: calc(var(--scale) * 24);
    --nc-card-asset-img-border-radius: calc(var(--scale) * 16);
    position: relative;
    top: calc(var(--scale) * -230);
    flex-direction: column-reverse;
    background-color: var(--nc-card-banner-background, var(--nc-base-card-banner-background));
}
@media (min-width: 744px) {
    .nc-card--banner {
        --nc-card-asset-picture-height: calc(var(--scale) * 324);
        --nc-card-message-padding-y: calc(var(--scale) * 38);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
        --nc-card-border-radius: calc(var(--scale) * 24);
        top: calc(var(--scale) * -228);
        flex-direction: row;
    }
}
@media (min-width: 1024px) {
    .nc-card--banner {
        --nc-card-asset-picture-width: calc(var(--scale) * 483);
        --nc-card-asset-picture-height: calc(var(--scale) * 324);
        --nc-card-message-padding-y: calc(var(--scale) * 48);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
        top: calc(var(--scale) * -200);
    }
}
.nc-card--banner .nc-text-lg {
    opacity: 45%;
}
.nc-card--fns {
    --nc-card-asset-padding-top: calc(var(--scale) * 8);
    --nc-card-asset-picture-width: 100%;
    --nc-card-asset-picture-height: calc(var(--scale) * 204);
    --nc-card-message-padding-y: calc(var(--scale) * 16);
    --nc-card-message-padding-x: calc(var(--scale) * 36);
    --nc-card-action-padding-left: calc(var(--scale) * 36);
    --nc-card-action-padding-bottom: calc(var(--scale) * 30);
    --nc-card-border-radius: calc(var(--scale) * 24);
    --opacity-text-lg: 45%;
    --nc-card-message-gap: calc(var(--scale) * 12);
    --nc-card-asset-img-border-radius: calc(var(--scale) * 16);
}
@media (min-width: 744px) {
    .nc-card--fns {
        --nc-card-asset-picture-width: 100%;
        --nc-card-asset-picture-height: calc(var(--scale) * 296);
        --nc-card-action-padding-bottom: calc(var(--scale) * 36);
        --nc-card-message-padding-y: calc(var(--scale) * 36);
        --nc-card-message-padding-x: calc(var(--scale) * 40);
        --nc-card-action-padding-left: calc(var(--scale) * 40);
    }
}
@media (min-width: 1024px) {
    .nc-card--fns {
        --nc-card-asset-picture-width: calc(var(--scale) * 483);
        --nc-card-asset-picture-height: calc(var(--scale) * 366);
        --nc-card-message-padding-y: calc(var(--scale) * 48);
        --nc-card-message-padding-x: calc(var(--scale) * 52);
        --nc-card-action-padding-left: calc(var(--scale) * 54);
        --nc-card-action-padding-bottom: calc(var(--scale) * 40);
        --nc-card-border-radius: calc(var(--scale) * 32);
        --nc-card-asset-img-border-radius: calc(var(--scale) * 20);
    }
}
.nc-card--fns .nc-h3 {
    padding-top: 20px;
}
@media (min-width: 744px) {
    .nc-card--fns .nc-h3 {
        padding-top: 0;
    }
}
.nc-card__message {
    display: flex;
    flex-direction: column;
    gap: var(--nc-card-message-gap, var(--nc-base-card-message-gap));
    padding: var(--nc-card-message-padding-y, var(--nc-base-card-message-padding-y)) var(--nc-card-message-padding-x, var(--nc-base-card-message-padding-x));
}
.nc-card__message--tariff-base {
    --text-lg-color: var(--color-blue-800);
}
.nc-card__message--tariff-advance {
    --text-lg-color: var(--color-peach-800);
}
.nc-card__message--tariff-maximum {
    --text-lg-color: var(--color-pink-800);
}
.nc-card__action {
    position: relative;
    padding-top: var(--nc-card-action-padding-top, var(--nc-base-card-action-padding-top));
    padding-bottom: var(--nc-card-action-padding-bottom, var(--nc-base-card-action-padding-bottom));
    padding-left: var(--nc-card-action-padding-left, var(--nc-base-card-action-padding-left));
}
.nc-card__action--tariff {
    padding: var(--nc-card-action-tariff-padding-y, var(--nc-base-card-action-tariff-padding-y)) var(--nc-card-action-tariff-padding-x, var(--nc-base-card-action-tariff-padding-x));
}
.nc-card__action-btn {
    position: relative;
    z-index: 1;
    width: fit-content;
    border-radius: calc(var(--scale) * 12);
    background-color: var(--color-gray-900);
}
.nc-card__asset {
    padding-top: var(--nc-card-asset-padding-top, var(--nc-base-card-asset-padding-top));
    padding-right: var(--nc-card-asset-padding-right, var(--nc-base-card-asset-padding-right));
    padding-bottom: var(--nc-card-asset-padding-bottom, var(--nc-base-card-asset-padding-bottom));
    padding-left: var(--nc-card-asset-padding-left, var(--nc-base-card-asset-padding-left));
}
.nc-card__asset--jc-end {
    display: flex;
    justify-content: flex-end;
}
.nc-card__asset-picture {
    position: relative;
    display: flex;
    width: var(--nc-card-asset-picture-width, var(--nc-base-card-asset-picture-width));
    max-width: 100%;
    height: var(--nc-card-asset-picture-height, var(--nc-base-card-asset-picture-height));
}
.nc-card__asset-img {
    border-radius: var(--nc-card-asset-img-border-radius, var(--nc-base-card-asset-img-border-radius));
    object-fit: var(--nc-card-asset-img-object-fit, var(--nc-base-card-asset-img-object-fit));
}
.nc-card__asset-wrapp-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--nc-card-wrap-icon-width, var(--nc-base-card-wrap-icon-width));
    height: var(--nc-card-wrap-icon-height, var(--nc-base-card-wrap-icon-height));
    border-radius: var(--nc-card-wrap-icon-border-radius, var(--nc-base-card-wrap-icon-border-radius));
    background-color: var(--nc-card-wrap-icon-background, var(--nc-base-card-wrap-icon-background));
}
.nc-card__tariff {
    display: flex;
    flex-direction: column;
    gap: var(--nc-card-tariff-gap, var(--nc-base-card-tariff-gap));
    padding-bottom: var(--nc-card-tariff-padding-bottom, var(--nc-base-card-tariff-padding-bottom));
    padding-left: var(--nc-card-tariff-padding-left, var(--nc-base-card-tariff-padding-left));
}
.nc-card__tariff-desc {
    opacity: 45%;
}
.nc-card__tariff-rate {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: flex-end;
}
.nc-card__tariff-old-price {
    text-decoration: line-through;
}
.nc-card__space {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
}
.nc-card__link-d-none {
    text-decoration: none;
}
.nc-card-large {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--nc-card-large-width, var(--nc-base-card-large-width));
    height: var(--nc-card-large-height, var(--nc-base-card-large-height));
    min-height: var(--nc-card-large-min-height, var(--nc-base-card-large-min-height));
    border-radius: var(--nc-card-large-border-radius, var(--nc-base-card-large-border-radius));
    background-color: var(--nc-card-large-background, var(--nc-base-card-large-background));
}
@media (min-width: 744px) {
    .nc-card-large {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 744px) {
    .nc-card-large--primary .nc-card-large__content--bg {
        background-color: var(--nc-card-large-content-bg, rgba(255, 255, 255, 0.12));
    }
    .nc-card-large--primary .nc-card-large__asset--bg {
        background-color: var(--nc-card-large-asset-bg, var(--color-gray-900));
    }
}
.nc-card-large--secondary {
    position: relative;
}
@media (max-width: 743px) {
    .nc-card-large--secondary:before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 24px;
        background-color: #ffffff1f;
    }
}
.nc-card-large--secondary .nc-card-large__content--bg {
    border-radius: var(--nc-card-large-border-radius, var(--nc-base-card-large-border-radius)) var(--nc-card-large-border-radius, var(--nc-base-card-large-border-radius)) 0 0;
}
@media (min-width: 744px) {
    .nc-card-large--secondary .nc-card-large__content--bg {
        border-radius: var(--nc-card-large-border-radius, var(--nc-base-card-large-border-radius)) 0 0 var(--nc-card-large-border-radius, var(--nc-base-card-large-border-radius));
        background-color: var(--nc-card-large-content-bg, var(--color-gray-900));
    }
}
@media (min-width: 744px) {
    .nc-card-large--secondary .nc-card-large__asset--bg {
        background-color: var(--nc-card-large-asset-bg, rgba(255, 255, 255, 0.12));
    }
}
.nc-card-large--layout-to-up {
    z-index: 1;
}
.nc-card-large__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(var(--scale) * 332);
}
@media (min-width: 744px) {
    .nc-card-large__content {
        justify-content: center;
        border-radius: calc(var(--scale) * 24) 0 0 calc(var(--scale) * 24);
    }
}
.nc-card-large__message {
    --nc-h3-color: var(--color-white);
    --text-md-color: var(--color-white);
    --opacity-text-md: 45%;
    display: flex;
    flex-direction: column;
    gap: var(--nc-card-large-message-gap, var(--nc-base-card-large-message-gap));
    padding-top: var(--nc-card-large-message-padding-top, var(--nc-base-card-large-message-padding-top));
    padding-right: var(--nc-card-large-message-padding-right, var(--nc-base-card-large-message-padding-right));
    padding-left: var(--nc-card-large-message-padding-left, var(--nc-base-card-large-message-padding-left));
}
.nc-card-large__action {
    padding-top: var(--nc-card-large-action-padding-top, var(--nc-base-card-large-action-padding-top));
    padding-bottom: var(--nc-card-large-action-padding-bottom, var(--nc-base-card-large-action-padding-bottom));
    padding-left: var(--nc-card-large-action-padding-left, var(--nc-base-card-large-action-padding-left));
}
.nc-card-large__btn {
    position: relative;
    z-index: 999;
}
.nc-card-large__asset {
    display: flex;
    align-items: flex-end;
    padding-right: var(--nc-card-large-asset-padding-right, var(--nc-base-card-large-asset-padding-right));
    padding-bottom: var(--nc-card-large-asset-padding-bottom, var(--nc-base-card-large-asset-padding-bottom));
    padding-left: var(--nc-card-large-asset-padding-left, var(--nc-base-card-large-asset-padding-left));
}
@media (min-width: 744px) {
    .nc-card-large__asset {
        align-items: center;
        justify-content: center;
        border-radius: 0 calc(var(--scale) * 24) calc(var(--scale) * 24) 0;
    }
}
.nc-card-large__picture {
    --scale: 100vw / 375;
    position: relative;
    display: flex;
    width: var(--nc-card-large-picture-width, var(--nc-base-card-large-picture-width));
    height: var(--nc-card-large-picture-height, calc(var(--scale) * 236));
    max-height: 335px;
}
@media (min-width: 744px) {
    .nc-card-large__picture {
        --scale: 1px;
        height: var(--nc-card-large-picture-height, calc(var(--scale) * 356));
        max-height: none;
    }
}
@media (min-width: 1024px) {
    .nc-card-large__picture {
        --scale: 1px;
        height: var(--nc-card-large-picture-height, calc(var(--scale) * 408));
    }
}
.nc-card-small {
    --opacity-text-md: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: var(--nc-card-small-max-width, var(--nc-base-card-small-max-width));
    height: var(--nc-card-small-height, var(--nc-base-card-small-height));
    max-height: var(--nc-card-small-max-height, var(--nc-base-card-small-max-height));
    border-radius: var(--nc-card-small-border-radius, var(--nc-base-card-small-border-radius));
    background-color: var(--nc-card-small-background, var(--nc-base-card-small-background));
}
.nc-card-small__message {
    display: flex;
    flex-direction: column;
    gap: var(--nc-card-small-message-gap, var(--nc-base-card-small-message-gap));
    padding-right: var(--nc-card-small-message-padding-right, var(--nc-base-card-small-message-padding-right));
    padding-bottom: var(--nc-card-small-message-padding-bottom, var(--nc-base-card-small-message-padding-bottom));
    padding-left: var(--nc-card-small-message-padding-left, var(--nc-base-card-small-message-padding-left));
}
.nc-card-small__action {
    padding-bottom: var(--nc-card-small-action-padding-bottom, var(--nc-base-card-small-action-padding-bottom));
    padding-left: var(--nc-card-small-action-padding-left, var(--nc-base-card-small-action-padding-left));
}
.nc-card-small__asset {
    padding-top: var(--nc-card-small-asset-padding-top, var(--nc-base-card-small-asset-padding-top));
    padding-left: var(--nc-card-small-asset-padding-left, var(--nc-base-card-small-asset-padding-left));
}
.nc-tooltip {
    position: relative;
}
.nc-tooltip:hover {
    --nc-tooltip-default-opacity: 1;
    --nc-tooltip-default-pointer-events: auto;
}
.nc-tooltip__container {
    position: absolute;
    top: 0;
    left: 50%;
    padding-bottom: 16px;
    opacity: var(--nc-tooltip-opacity, var(--nc-tooltip-default-opacity, 0));
    pointer-events: var(--nc-tooltip-pointer-events, var(--nc-tooltip-default-pointer-events, none));
    transition: opacity ease 0.25s;
    transform: translate(-50%, -100%);
}
.nc-tooltip__content {
    width: var(--nc-tooltip-width, var(--nc-tooltip-default-width));
    min-height: var(--nc-tooltip-height, var(--nc-tooltip-default-height));
    padding: var(--nc-tooltip-padding-y, var(--nc-tooltip-default-padding-y)) var(--nc-tooltip-padding-x, var(--nc-tooltip-default-padding-x));
    border-radius: var(--nc-tooltip-border-radius, var(--nc-tooltip-default-border-radius));
    background-color: var(--nc-tooltip-background, var(--nc-tooltip-default-background));
    color: var(--nc-tooltip-color, var(--nc-tooltip-default-color));
    font-size: var(--nc-tooltip-font-size, var(--nc-tooltip-default-font-size));
    line-height: var(--nc-tooltip-line-height, var(--nc-tooltip-default-line-height));
    letter-spacing: var(--nc-tooltip-letter-spacing, var(--nc-tooltip-default-letter-spacing));
    cursor: default;
}
.nc-tooltip__content:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 32px;
    height: 12px;
    background-image: url(../img/tooltip-polygon.svg);
    background-repeat: no-repeat;
    transform: translate(-50%);
}
.hidden {
    transform: translate3d(0, -100%, 0) translateY(-20px);
}
.main {
    --animation-easing: cubic-bezier(0.33, 1, 0.68, 1);
    --main-scale-y: 1;
    --main-scale-x: 1;
    --main-translate-y: 0;
    --main-blur: blur(0);
    --main-backdrop-filter: blur(0);
    --main-saturate: saturate(1);
    filter: var(--main-blur) var(--main-saturate);
    transform: translateY(var(--main-translate-y)) scaleX(var(--main-scale-x)) scaleY(var(--main-scale-y));
    transform-origin: 50% 0;
    -webkit-backdrop-filter: var(--main-backdrop-filter);
    backdrop-filter: var(--main-backdrop-filter);
    transition: transform 0.4s var(--animation-easing), filter 0.4s var(--animation-easing), backdrop-filter 0.4s var(--animation-easing);
}
@media (prefers-reduced-motion: reduce) {
    .main {
        transition: none;
    }
}
.main--hidden {
    --main-blur: blur(50px);
    --main-saturate: saturate(1.3);
    --main-backdrop-filter: blur(22px);
    --main-translate-y: 4.6875rem;
    --main-scale-x: 0.96;
    --main-scale-y: 0.96;
}
.nc-info {
    --opacity-text-md: 45%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 28);
}
.nc-info--reverse .nc-info__column {
    flex-direction: column-reverse;
}
@media (min-width: 744px) {
    .nc-info--reverse .nc-info__column {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}
@media (min-width: 744px) {
    .nc-info--reverse .nc-info__content {
        --nc-info-content-min-width: calc(var(--scale) * 403);
    }
}
.nc-info__column {
    --nc-info-gap: calc(var(--scale) * 28);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--nc-info-gap);
}
@media (min-width: 744px) {
    .nc-info__column {
        --nc-info-gap: calc(var(--scale) * 24);
        flex-direction: row;
    }
}
.nc-info__picture {
    --scale: 100vw / 375;
    --size-img-picture-border-radius: 24px;
    --nc-info-picture-width: 100%;
    --nc-info-picture-max-height: 335px;
    position: relative;
    display: flex;
    width: var(--nc-info-picture-width);
    min-width: var(--nc-info-picture-min-width);
    max-width: var(--nc-info-picture-max-width);
    height: var(--nc-info-picture-height, calc(var(--scale) * 236));
    max-height: var(--nc-info-picture-max-height);
}
@media (min-width: 744px) {
    .nc-info__picture {
        --scale: 100vw / 744;
        --nc-info-picture-max-width: 409px;
        --nc-info-picture-max-height: 548px;
        --nc-info-picture-min-width: 293px;
        height: var(--nc-info-picture-height, calc(var(--scale) * 402));
    }
}
@media (min-width: 1024px) {
    .nc-info__picture {
        --scale: 1px;
        --nc-info-picture-width: calc(var(--scale) * 410);
        --nc-info-picture-min-height: calc(var(--scale) * 560);
        --nc-info-picture-height: auto;
        --nc-info-picture-min-width: none;
        max-width: none;
        min-height: var(--nc-info-picture-min-height);
        max-height: none;
    }
}
.nc-info__title-xs {
    display: block;
    padding-left: calc(var(--scale) * 16);
}
@media (min-width: 1024px) {
    .nc-info__title-xs {
        display: none;
    }
}
.nc-info__title-sm {
    display: none;
}
@media (min-width: 1024px) {
    .nc-info__title-sm {
        display: block;
    }
}
.nc-info__content {
    min-width: var(--nc-info-content-min-width);
    padding: 0 calc(var(--scale) * 16);
}
@media (min-width: 744px) {
    .nc-info__content {
        --nc-info-content-min-width: calc(var(--scale) * 371);
    }
}
@media (min-width: 1024px) {
    .nc-info__content {
        --nc-info-content-max-width: calc(var(--scale) * 565);
        max-width: var(--nc-info-content-max-width);
        padding-top: calc(var(--scale) * 32);
        padding-right: calc(var(--scale) * 20);
        padding-left: calc(var(--scale) * 20);
    }
}
.nc-info__items {
    --nc-info-items-gap: calc(var(--scale) * 24);
    display: flex;
    flex-direction: column;
    gap: var(--nc-info-items-gap);
}
@media (min-width: 1024px) {
    .nc-info__items {
        margin-top: calc(var(--scale) * 32);
    }
}
.nc-info__item {
    --nc-info-item-gap: calc(var(--scale) * 8);
    display: grid;
    gap: var(--nc-info-item-gap);
}
@media (min-width: 744px) {
    .nc-info__item {
        grid-template-columns: 18px 1fr;
    }
}
.nc-info__item-list {
    --nc-info-item-list-gap: calc(var(--scale) * 8);
    display: flex;
    flex-direction: column;
    gap: var(--nc-info-item-list-gap);
}
.nc-info__action {
    --nc-info-action-padding-top: calc(var(--scale) * 4);
    padding-top: var(--nc-info-action-padding-top);
}
@media (min-width: 1024px) {
    .nc-info__action {
        --nc-info-action-padding-top: calc(var(--scale) * 8);
    }
}
.nc-integrations {
    --nc-integrations-margin-left: calc(var(--scale) * 16);
    --nc-integrations-margin-right: calc(var(--scale) * 16);
    position: relative;
    display: grid;
    margin-right: var(--nc-integrations-margin-right);
    margin-left: var(--nc-integrations-margin-left);
    border-top: 1px solid var(--color-gray-900);
}
@media (min-width: 744px) {
    .nc-integrations {
        --nc-integrations-margin-left: calc(var(--scale) * 16);
        --nc-integrations-margin-right: calc(var(--scale) * 16);
        border-top: none;
    }
    .nc-integrations:before {
        content: "";
        position: absolute;
        bottom: 160px;
        left: -60px;
        width: 120px;
        height: 1px;
        background-color: var(--color-gray-900);
        transform: rotate(90deg);
    }
}
@media (min-width: 1024px) {
    .nc-integrations {
        --nc-integrations-margin-left: calc(var(--scale) * 20);
        --nc-integrations-margin-right: calc(var(--scale) * 20);
    }
}
@media (min-width: 744px) {
    .nc-integrations--primary {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 744px) {
    .nc-integrations--secondary {
        grid-template-columns: repeat(3, 1fr);
    }
}
.nc-integrations__wrapper {
    --nc-integrations-card-wrapper-height: 100%;
    position: relative;
    height: var(--nc-integrations-card-wrapper-height);
    border-bottom: 1px solid var(--color-gray-900);
}
@media (min-width: 744px) {
    .nc-integrations__wrapper {
        border-bottom: none;
    }
    .nc-integrations__wrapper:after {
        content: "";
        position: absolute;
        right: -60px;
        bottom: 160px;
        width: 120px;
        height: 1px;
        background-color: var(--color-gray-900);
        transform: rotate(90deg);
    }
}
.nc-integrations__card {
    --opacity-text-md: 45%;
    --nc-integrations-card-padding-top: calc(var(--scale) * 36);
    --nc-integrations-card-padding-bottom: calc(var(--scale) * 36);
    --nc-integrations-card-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: var(--nc-integrations-card-height);
    min-height: var(--nc-integrations-card-min-height);
    padding-top: var(--nc-integrations-card-padding-top);
    padding-bottom: var(--nc-integrations-card-padding-bottom);
    text-align: center;
}
@media (min-width: 744px) {
    .nc-integrations__card {
        --nc-integrations-card-padding-top: calc(var(--scale) * 24);
        --nc-integrations-card-padding-bottom: calc(var(--scale) * 24);
        --nc-integrations-card-min-height: calc(var(--scale) * 325);
    }
}
.nc-integrations__card-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.nc-integrations__card-icon {
    --nc-integrations-card-icon-width: calc(var(--scale) * 64);
    --nc-integrations-card-icon-height: calc(var(--scale) * 64);
    --nc-integrations-card-icon-border-radius: calc(var(--scale) * 12);
    --nc-integrations-card-icon-bg: var(--color-green);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--nc-integrations-card-icon-width);
    height: var(--nc-integrations-card-icon-height);
    border-radius: var(--nc-integrations-card-icon-border-radius);
    background-color: var(--nc-integrations-card-icon-bg);
}
.nc-integrations__card-content {
    --nc-integrations-card-content-gap: calc(var(--scale) * 8);
    --nc-integrations-card-content-padding-top: calc(var(--scale) * 36);
    --nc-integrations-card-content-padding-left: calc(var(--scale) * 24);
    --nc-integrations-card-content-padding-right: calc(var(--scale) * 24);
    display: flex;
    flex-direction: column;
    gap: var(--nc-integrations-card-content-gap);
    padding-top: var(--nc-integrations-card-content-padding-top);
    padding-right: var(--nc-integrations-card-content-padding-right);
    padding-left: var(--nc-integrations-card-content-padding-left);
}
@media (min-width: 744px) {
    .nc-integrations__card-content {
        --nc-integrations-card-content-padding-top: calc(var(--scale) * 38);
    }
}
@media (min-width: 1024px) {
    .nc-integrations__card-content {
        --nc-integrations-card-content-padding-top: calc(var(--scale) * 48);
    }
}
.nc-integrations__card-action {
    --nc-integrations-card-action-padding-top: calc(var(--scale) * 24);
    padding-top: var(--nc-integrations-card-action-padding-top);
}
.nc-hero {
    --nc-hero-min-height: calc(var(--scale) * 576);
    min-height: var(--nc-hero-min-height);
    padding: calc(var(--scale) * 8);
    border-radius: 24px;
    background-color: var(--color-lime-300);
}
@media (min-width: 744px) {
    .nc-hero {
        --nc-hero-min-height: calc(var(--scale) * 424);
    }
}
.nc-hero__column {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 28);
    height: 100%;
}
@media (min-width: 744px) {
    .nc-hero__column {
        display: grid;
        grid-template-areas: "first first first first first first second second";
        grid-template-columns: repeat(8, 1fr);
        gap: calc(var(--scale) * 28);
    }
}
@media (min-width: 1024px) {
    .nc-hero__column {
        grid-template-areas: "first first first first first first first first first second second second";
        grid-template-columns: repeat(12, 1fr);
    }
}
.nc-hero__intro {
    --nc-hero-intro-min-height: calc(var(--scale) * 560);
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
    justify-content: space-between;
    min-height: var(--nc-hero-intro-min-height);
    padding-top: calc(var(--scale) * 16);
}
@media (min-width: 744px) {
    .nc-hero__intro {
        --nc-hero-intro-min-height: calc(var(--scale) * 424);
        grid-area: first;
        padding-bottom: calc(var(--scale) * 16);
    }
}
@media (min-width: 1024px) {
    .nc-hero__intro {
        padding-bottom: calc(var(--scale) * 8);
    }
}
.nc-hero__intro-top {
    padding-left: calc(var(--scale) * 20);
}
@media (min-width: 1024px) {
    .nc-hero__intro-top {
        padding-left: calc(var(--scale) * 24);
    }
}
.nc-hero__intro-bottom {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
}
@media (min-width: 1024px) {
    .nc-hero__intro-bottom {
        gap: calc(var(--scale) * 32);
    }
}
.nc-hero__intro-title {
    padding-right: calc(var(--scale) * 20);
    padding-left: calc(var(--scale) * 20);
    word-break: break-word;
}
@media (min-width: 744px) {
    .nc-hero__intro-title {
        padding-right: 0;
        padding-left: calc(var(--scale) * 20);
    }
}
@media (min-width: 1024px) {
    .nc-hero__intro-title {
        padding-left: calc(var(--scale) * 24);
    }
}
.nc-hero__intro-action {
    margin-left: calc(var(--scale) * 16);
}
@media (min-width: 1024px) {
    .nc-hero__intro-action {
        margin-left: calc(var(--scale) * 8);
    }
}
.nc-hero__intro .nc-hero__picture {
    --scale: 100vw / 375;
    --size-img-picture-border-radius: 16px;
    position: relative;
    display: flex;
    grid-area: second;
    width: 100%;
    height: calc(var(--scale) * 235);
    max-height: 323px;
    margin-top: calc(var(--scale) * 4);
}
@media (min-width: 744px) {
    .nc-hero__intro .nc-hero__picture {
        display: none;
    }
}
.nc-hero__picture {
    display: none;
}
@media (min-width: 744px) {
    .nc-hero__picture {
        --scale: 1px;
        position: relative;
        display: flex;
        grid-area: second;
        width: calc(var(--scale) * 287);
        height: calc(var(--scale) * 423);
        max-height: none;
    }
}
@media (min-width: 1024px) {
    .nc-hero__picture {
        width: calc(var(--scale) * 328);
    }
}
.nc-hero__btn:hover {
    background-color: var(--color-inverse-hover);
}
.nc-hero .xl {
    --nc-button-width: calc(var(--scale) * 152);
    --nc-button-xl-padding-x: calc(var(--scale) * 8);
    --nc-icon-md-size: calc(var(--scale) * 24);
}
@media (min-width: 744px) {
    .nc-hero .xl {
        --nc-button-xl-padding-x: calc(var(--scale) * 16);
        --nc-button-width: calc(var(--scale) * 165);
    }
}
:root {
    --button-default-active-background: var(--color-black);
    --button-default-active-color: var(--color-white);
    --button-default-background: var(--color-black);
    --button-default-color: var(--color-white);
    --button-default-disabled-background: #6c6c6c;
    --button-default-disabled-color: #afaeaa;
    --button-default-hover-background: var(--color-green);
    --button-default-hover-color: var(--color-black);
    --button-secondary-active-background: var(--color-green);
    --button-secondary-active-color: var(--color-white);
    --button-secondary-background: var(--color-green);
    --button-secondary-color: var(--color-black);
    --button-secondary-hover-background: #eaffd0;
    --button-secondary-hover-color: var(--color-black);
    --button-lg-border-radius: var(--button-md-border-radius);
    --button-lg-font-size: var(--button-md-font-size);
    --button-lg-height: var(--button-md-height);
    --button-lg-letter-spacing: var(--button-md-letter-spacing);
    --button-lg-padding-x: var(--button-md-padding-x);
    --button-md-border-radius: 19px;
    --button-md-font-size: 18px;
    --button-md-height: 68px;
    --button-md-letter-spacing: -0.01em;
    --button-md-padding-x: 24px;
    --button-outline-background: transparent;
    --button-outline-border: var(--color-black);
    --button-outline-color: var(--color-black);
    --button-outline-hover-background: var(--color-white);
    --button-sm-border-radius: 13px;
    --button-sm-font-size: 16px;
    --button-sm-height: 40px;
    --button-sm-letter-spacing: -0.005em;
    --button-sm-padding-x: 8px;
    --button-xs-border-radius: 9px;
    --button-xs-font-size: 14px;
    --button-xs-height: 32px;
    --button-xs-letter-spacing: 0;
    --button-xs-padding-x: 6px;
    --color-black: #222222;
    --color-blue: #cfdefc;
    --color-light-blue: #0d93f3;
    --color-blue-5: #28a8e8;
    --color-green: #cbfa92;
    --color-green-5: #6fb72f;
    --color-green-10: #00bb66;
    --color-green-15: #cafce5;
    --color-green-20: #e6f8f0;
    --color-purple: #d6cffc;
    --color-yellow: #ffde88;
    --color-violet: #9aaaff;
    --color-violet-5: #f7f5ff;
    --color-violet-10: #ede9ff;
    --color-violet-15: #dcd4ff;
    --color-violet-20: #c8beff;
    --color-grey: #6e6e6e;
    --color-grey-5: #f8f8f8;
    --color-grey-10: #cccccc;
    --color-grey-15: #f3f3f3;
    --color-grey-20: #e0dbda;
    --color-grey-25: #cac2c0;
    --color-grey-30: #888888;
    --color-grey-35: #eae8e7;
    --color-grey-40: #d5cfcd;
    --color-grey-50: #eaeaea;
    --color-grey-60: #f3f3f3;
    --color-grey-80: #888888;
    --color-grey-90: #3a3a3a;
    --color-light-grey: var(--color-grey-50);
    --color-orange: #fce1cf;
    --color-punch: #ff5566;
    --color-pink: #ffeef0;
    --color-pink-5: #fccffc;
    --color-red-10: #ff5566;
    --color-red-15: #d91920;
    --color-red-20: #ffdddd;
    --color-white: #ffffff;
    --color-white-5: #fef9f5;
    --color-white-10: #ecddd7;
    --color-coffee-600: #cac2c0;
    --header-height: 56px;
    --label-bg: var(--color-green);
    --nav-menu-aside-offset: 12px;
    --card-color-background: var(--color-white);
    --card-color-primary: var(--color-black);
    --card-color-secondary: var(--color-grey-30);
    --card-link-color: var(--color-light-blue);
    --chip-color: var(--color-grey-5);
    --chip-color-hover: #f2f0f0;
    --chip-color-active: var(--color-black);
    --chip-color-text: var(--color-black);
    --compare-column-width: 50%;
    --b-accordion-background: var(--color-white);
    --b-accordion-shadow: 0 5px 25px rgba(54, 27, 97, 0.08);
    --b-accordion-content-px: 20px;
    --b-accordion-content-py: 20px;
    --ph-primary-color: var(--color-grey-50);
    --ph-secondary-color: var(--color-grey-10);
    --icon-loader-color-primary: var(--color-white);
    --icon-loader-color-secondary: rgba(255, 255, 255, 0.25);
}
@media (min-width: 768px) {
    :root {
        --header-height: 64px;
        --compare-column-width: 55%;
        --b-accordion-content-px: 32px;
        --b-accordion-content-py: 32px;
        --button-lg-border-radius: 26px;
        --button-lg-font-size: 24px;
        --button-lg-height: 90px;
        --button-lg-letter-spacing: -0.015em;
        --button-lg-padding-x: 50px;
    }
}
@media (min-width: 1024px) {
    :root {
        --header-height: 104px;
    }
}
@media (min-width: 1280px) {
    :root {
        --compare-column-width: 58%;
    }
}
.nc-accordion {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--nc-accordion-padding-bottom, var(--nc-base-accordion-padding-bottom));
    border-radius: var(--nc-accordion-border-radius);
    background-color: var(--nc-accordion-background);
    transition: background ease 0.25s, color ease 0.25s;
}
.nc-accordion:hover {
    background-color: var(--color-coffee-100);
}
.nc-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--nc-accordion-header-padding-top, var(--nc-base-accordion-header-padding-top));
    padding-right: var(--nc-accordion-header-padding-right, var(--nc-base-accordion-header-padding-right));
    padding-left: var(--nc-accordion-header-padding-left, var(--nc-base-accordion-header-padding-left));
    cursor: pointer;
}
.nc-accordion__indicator {
    flex-shrink: 0;
}
.nc-accordion__container {
    overflow: hidden;
}
.nc-accordion__container:first-child {
    --b-accordion-content-tp: var(--b-accordion-content-py, 0);
}
.nc-accordion__content {
    padding-top: var(--nc-accordion-content-padding-top, var(--nc-base-accordion-content-padding-top));
    padding-right: var(--nc-accordion-content-padding-right, var(--nc-base-accordion-content-padding-right));
    padding-left: var(--nc-accordion-content-padding-left, var(--nc-base-accordion-content-padding-left));
}
.nc-accordion--transparent {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.nc-accordion--transparent > .nc-accordion__header {
    padding-right: 0;
    padding-left: 0;
}
.nc-accordion--transparent > .nc-accordion__container > .nc-accordion__content {
    margin-bottom: var(--b-accordion-content-px, 0);
    padding: 0;
}
.nc-info-cards {
    --nc-info-cards-gap: calc(var(--scale) * 12);
    display: grid;
    gap: var(--nc-info-cards-gap);
}
@media (min-width: 744px) {
    .nc-info-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
.nc-info-cards--primary {
    display: flex;
    flex-direction: column-reverse;
}
@media (min-width: 744px) {
    .nc-info-cards--primary {
        display: grid;
    }
}
.nc-info-card-bg {
    --scale: 100vw / 375;
    --size-img-picture-border-radius: 24px;
    --nc-info-card-bg-max-height: 330px;
    --nc-info-card-bg-border-radius: 24px;
    position: relative;
    display: flex;
    height: var(--nc-info-card-bg-height);
    max-height: var(--nc-info-card-bg-max-height);
    border-radius: var(--nc-info-card-bg-border-radius);
}
@media (max-width: 743px) {
    .nc-info-card-bg {
        --nc-info-card-bg-height: calc(var(--scale) * 236);
    }
}
@media (min-width: 744px) {
    .nc-info-card-bg {
        --scale: 1px;
        --nc-info-card-bg-min-height: calc(var(--scale) * 480);
        --nc-info-card-bg-max-height: none;
        min-height: var(--nc-info-card-bg-min-height);
    }
}
@media (min-width: 1024px) {
    .nc-info-card-bg {
        --nc-info-card-bg-min-height: calc(var(--scale) * 560);
    }
}
.nc-info-card {
    --nc-button-width: fit-content;
    --nc-info-card-border-radius: calc(var(--scale) * 24);
    --nc-info-card-min-height: calc(var(--scale) * 480);
    --nc-info-card-background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: var(--nc-info-card-min-height);
    border-radius: var(--nc-info-card-border-radius);
    background-color: var(--nc-info-card-background-color);
}
@media (min-width: 1024px) {
    .nc-info-card {
        --nc-info-card-min-height: calc(var(--scale) * 560);
    }
}
@media (min-width: 744px) {
    .nc-info-card--primary .nc-info-card__content {
        --nc-info-card-content-padding-bottom: calc(var(--scale) * 100);
    }
}
@media (min-width: 1024px) {
    .nc-info-card--primary .nc-info-card__content {
        --nc-info-card-content-padding-bottom: 0;
    }
}
.nc-info-card__content {
    --nc-info-card-content-gap: calc(var(--scale) * 24);
    --nc-info-card-content-padding-top: calc(var(--scale) * 36);
    --nc-info-card-content-padding-left: calc(var(--scale) * 36);
    --nc-info-card-content-padding-right: calc(var(--scale) * 36);
    display: flex;
    flex-direction: column;
    gap: var(--nc-info-card-content-gap);
    padding-top: var(--nc-info-card-content-padding-top);
    padding-right: var(--nc-info-card-content-padding-right);
    padding-bottom: var(--nc-info-card-content-padding-bottom, 0);
    padding-left: var(--nc-info-card-content-padding-left);
}
@media (min-width: 744px) {
    .nc-info-card__content {
        --nc-info-card-content-padding-top: calc(var(--scale) * 38);
        --nc-info-card-content-padding-left: calc(var(--scale) * 40);
        --nc-info-card-content-padding-right: calc(var(--scale) * 40);
    }
}
@media (min-width: 1024px) {
    .nc-info-card__content {
        --nc-info-card-content-padding-top: calc(var(--scale) * 48);
        --nc-info-card-content-padding-left: calc(var(--scale) * 52);
        --nc-info-card-content-padding-right: calc(var(--scale) * 52);
    }
}
.nc-info-card__header {
    --nc-info-card-header-gap: calc(var(--scale) * 12);
    --text-md-color: var(--color-lime-800);
    --opacity-text-md: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--nc-info-card-header-gap);
}
.nc-info-card__items {
    --nc-info-card-items-gap: calc(var(--scale) * 16);
    display: flex;
    flex-direction: column;
    gap: var(--nc-info-card-items-gap);
}
.nc-info-card__item {
    --opacity-text-md: 45%;
}
@media (min-width: 744px) {
    .nc-info-card__item {
        --nc-info-card-items-gap: calc(var(--scale) * 8);
        display: grid;
        grid-template-columns: 15px 1fr;
        gap: var(--nc-info-card-items-gap);
    }
}
.nc-info-card__item-line {
    --nc-info-card-items-line-opacity: 45%;
    --nc-info-card-items-line-color: var(--color-gray-900);
    display: none;
    color: var(--nc-info-card-items-line-color);
    opacity: var(--nc-info-card-items-line-opacity);
}
@media (min-width: 744px) {
    .nc-info-card__item-line {
        display: block;
    }
}
.nc-info-card__actions {
    --nc-info-card-actions-gap: calc(var(--scale) * 8);
    --nc-info-card-actions-padding-top: calc(var(--scale) * 32);
    --nc-info-card-actions-padding-left: calc(var(--scale) * 36);
    --nc-info-card-actions-padding-right: calc(var(--scale) * 36);
    --nc-info-card-actions-padding-bottom: calc(var(--scale) * 36);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--nc-info-card-actions-gap);
    padding-top: var(--nc-info-card-actions-padding-top);
    padding-right: var(--nc-info-card-actions-padding-right);
    padding-bottom: var(--nc-info-card-actions-padding-bottom);
    padding-left: var(--nc-info-card-actions-padding-left);
}
@media (min-width: 744px) {
    .nc-info-card__actions {
        --nc-info-card-actions-padding-left: calc(var(--scale) * 40);
        --nc-info-card-actions-padding-right: calc(var(--scale) * 40);
        --nc-info-card-actions-padding-bottom: calc(var(--scale) * 40);
        flex-direction: column-reverse;
    }
}
@media (min-width: 1024px) {
    .nc-info-card__actions {
        --nc-info-card-actions-padding-top: calc(var(--scale) * 36);
        --nc-info-card-actions-padding-left: calc(var(--scale) * 52);
        --nc-info-card-actions-padding-right: calc(var(--scale) * 52);
        --nc-info-card-actions-padding-bottom: calc(var(--scale) * 52);
        flex-direction: row;
    }
}
.nc-container {
    width: 100%;
    max-width: var(--nc-container-max-w);
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--nc-container-padding-x);
    padding-left: var(--nc-container-padding-x);
}
.col {
    display: grid;
    gap: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .col {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .col {
        gap: calc(var(--scale) * 16);
    }
}
.col-reverse {
    display: grid;
    grid-template-areas: "verification" "clean";
    gap: calc(var(--scale) * 12);
}
@media (min-width: 744px) {
    .col-reverse {
        grid-template-areas: "clean verification";
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .col-reverse {
        gap: calc(var(--scale) * 16);
    }
}
.size-img {
    width: 100%;
    height: 100%;
}
.size-img--picture {
    border-radius: var(--size-img-picture-border-radius, var(--size-img-picture-default-border-radius));
    object-fit: cover;
}
.nc-heading {
    display: flex;
    flex-direction: column;
    gap: var(--nc-heading-gap, calc(var(--scale) * 12));
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


[_nghost-serverApp-c4277900083] {
    display: block;
    padding-top: var(--nc-header-height);
    overflow: clip;
}

[_nghost-serverApp-c552256883] {
    position: fixed;
    top: 0;
    right: var(--scrollbar-w);
    left: 0;
    z-index: 99;
    height: var(--nc-header-height);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
    background-color: rgba(23, 23, 23, 0.8);
}

[_nghost-serverApp-c552256883].active {
    height: 100%;
    top: 0px;
    right: var(--scrollbar-w);
    bottom: 0px;
    left: 0px;
    position: fixed;
}
.header[_ngcontent-serverApp-c552256883] {
    display: flex;
    gap: calc(var(--scale) * 34);
    align-items: center;
    height: var(--nc-header-height);
    padding-right: calc(var(--scale) * 16);
    padding-left: calc(var(--scale) * 24);
}
.header-opened[_ngcontent-serverApp-c552256883] {
    padding-left: 18px;
}
.header__icon[_ngcontent-serverApp-c552256883] {
    z-index: 10;
}
@media (min-width: 1024px) {
    .header__icon[_ngcontent-serverApp-c552256883] {
        display: none;
    }
}
.header__logo[_ngcontent-serverApp-c552256883] {
    position: relative;
    z-index: 9;
    width: calc(var(--scale) * 200);
    height: calc(var(--scale) * 20);
}
@media (min-width: 1024px) {
    .header__logo[_ngcontent-serverApp-c552256883] {
        width: calc(var(--scale) * 225);
        height: calc(var(--scale) * 20);
    }
}
.header__logo[_ngcontent-serverApp-c552256883] img[_ngcontent-serverApp-c552256883] {
    height: 100%;
}
.menu-paranja[_ngcontent-serverApp-c552256883] {
    --menu-paranja-opacity: 0;
    --menu-paranja-backdrop-filter: blur(0);
    --menu-paranja-animation-easing: cubic-bezier(0.33, 1, 0.68, 1);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--ca-coffee-200-80);
    opacity: 0;
    pointer-events: none;
    -webkit-backdrop-filter: var(--menu-paranja-backdrop-filter);
    backdrop-filter: var(--menu-paranja-backdrop-filter);
    transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, backdrop-filter 0.4s var(--menu-paranja-animation-easing) 0.2s;
}
@media (prefers-reduced-motion: reduce) {
    .menu-paranja[_ngcontent-serverApp-c552256883] {
        transition: none;
    }
}
.menu-paranja--visible[_ngcontent-serverApp-c552256883] {
    --menu-paranja-opacity: 1;
    --menu-paranja-backdrop-filter: blur(10px);
    opacity: 1;
}

.nc-hero-section[_ngcontent-serverApp-c2785379264] {
    padding-bottom: calc(var(--scale) * 40);
}
@media (min-width: 1024px) {
    .nc-hero-section[_ngcontent-serverApp-c2785379264] {
        padding-bottom: calc(var(--scale) * 52);
    }
}
@media (min-width: 1200px) {
    .nc-hero-section[_ngcontent-serverApp-c2785379264] {
        padding-bottom: calc(var(--scale) * 62);
    }
}
.hero-section[_ngcontent-serverApp-c2785379264] {
    padding: calc(var(--scale) * 8);
    border-radius: 24px;
    background-color: #1c1c1c;
}
.hero-section__column[_ngcontent-serverApp-c2785379264] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
}
@media (min-width: 744px) {
    .hero-section__column[_ngcontent-serverApp-c2785379264] {
        flex-direction: row;
        gap: calc(var(--scale) * 64);
        justify-content: space-between;
    }
}
.hero-section__intro[_ngcontent-serverApp-c2785379264] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
    padding-top: calc(var(--scale) * 24);
}
@media (min-width: 744px) {
    .hero-section__intro[_ngcontent-serverApp-c2785379264] {
        padding-top: calc(var(--scale) * 16);
        padding-bottom: calc(var(--scale) * 16);
    }
}
@media (min-width: 1024px) {
    .hero-section__intro[_ngcontent-serverApp-c2785379264] {
        gap: calc(var(--scale) * 32);
        padding-top: calc(var(--scale) * 16);
        padding-bottom: calc(var(--scale) * 8);
    }
}
.hero-section__intro-content[_ngcontent-serverApp-c2785379264] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 37);
    padding-left: calc(var(--scale) * 20);
}
@media (min-width: 744px) {
    .hero-section__intro-content[_ngcontent-serverApp-c2785379264] {
        gap: calc(var(--scale) * 64);
        padding-left: calc(var(--scale) * 24);
    }
}
@media (min-width: 1024px) {
    .hero-section__intro-content[_ngcontent-serverApp-c2785379264] {
        gap: calc(var(--scale) * 40);
    }
}
@media (min-width: 744px) {
    .hero-section__title[_ngcontent-serverApp-c2785379264] {
        max-width: calc(var(--scale) * 305);
    }
}
@media (min-width: 1024px) {
    .hero-section__title[_ngcontent-serverApp-c2785379264] {
        max-width: calc(var(--scale) * 500);
    }
}
.hero-section__picture[_ngcontent-serverApp-c2785379264] {
    --scale: 100vw / 375;
    position: relative;
    display: flex;
    width: 100%;
    height: calc(var(--scale) * 350);
    max-height: 323px;
}
@media (min-width: 744px) {
    .hero-section__picture[_ngcontent-serverApp-c2785379264] {
        --scale: 1px;
        width: calc(var(--scale) * 297);
        height: calc(var(--scale) * 408);
        max-height: none;
    }
}
@media (min-width: 1024px) {
    .hero-section__picture[_ngcontent-serverApp-c2785379264] {
        width: calc(var(--scale) * 328);
    }
}
.hero-section__img[_ngcontent-serverApp-c2785379264] {
    border-radius: 16px;
    object-fit: cover;
}
.hero-section__btn[_ngcontent-serverApp-c2785379264]:hover {
    background-color: var(--color-inverse-hover);
}
.hero-section[_ngcontent-serverApp-c2785379264] .xl[_ngcontent-serverApp-c2785379264] {
    --nc-button-width: calc(var(--scale) * 189);
    --nc-button-xl-padding-x: calc(var(--scale) * 8);
    --nc-icon-md-size: calc(var(--scale) * 24);
    margin-left: calc(var(--scale) * 16);
}
@media (min-width: 744px) {
    .hero-section[_ngcontent-serverApp-c2785379264] .xl[_ngcontent-serverApp-c2785379264] {
        --nc-button-xl-padding-x: calc(var(--scale) * 10);
        --nc-button-width: calc(var(--scale) * 195);
    }
}
@media (min-width: 1024px) {
    .hero-section[_ngcontent-serverApp-c2785379264] .xl[_ngcontent-serverApp-c2785379264] {
        margin-left: calc(var(--scale) * 20);
    }
}

.bank-account-section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 28);
    padding-top: calc(var(--scale) * 28);
}
@media (min-width: 1024px) {
    .bank-account-section {
        gap: calc(var(--scale) * 32);
        padding-top: calc(var(--scale) * 32);
    }
}
@media (min-width: 1024px) {
    .bank-account-section .nc-title-spacing {
        --nc-title-all-spacing-padding-left: calc(var(--scale) * 20);
    }
}
.bank-account-section .nc-card {
    width: 320px;
    max-width: 100%;
}
@media (min-width: 744px) {
    .bank-account-section .nc-card {
        width: 325px;
    }
}
@media (min-width: 1024px) {
    .bank-account-section .nc-card {
        width: auto;
    }
}
.bank-account-section .nc-card--overnight-sm {
    --nc-card-min-height: calc(var(--scale) * 423);
    --nc-card-asset-picture-width: 100%;
}
@media (min-width: 1024px) {
    .bank-account-section .nc-card--overnight-sm {
        --nc-card-asset-picture-width: calc(var(--scale) * 309);
    }
}
.bank-account-section .nc-card--salary {
    --nc-card-asset-padding-right: calc(var(--scale) * 28);
    --nc-card-asset-padding-bottom: calc(var(--scale) * 29);
}
.bank-account-section .nc-card--salary .nc-text-sm {
    --opacity-text-sm: 45%;
}
.bank-account-section .nc-card--sol {
    --nc-card-action-padding-left: calc(var(--scale) * 24);
    --nc-card-action-padding-bottom: calc(var(--scale) * 24);
    --nc-card-asset-padding-top: calc(var(--scale) * 28);
    --nc-base-card-message-padding-y: 0;
    padding-top: calc(var(--scale) * 24);
}
@media (min-width: 1024px) {
    .bank-account-section .nc-card--sol {
        --nc-card-asset-padding-top: calc(var(--scale) * 16);
        padding-top: calc(var(--scale) * 24);
    }
}
.bank-account-section .swiper-slide {
    margin-right: 12px;
}
@media (min-width: 1024px) {
    .bank-account-section .swiper-slide,
    .tariff .swiper-slide {
        max-width: 322px;
    }
}
@media (min-width: 1200px) {
    .bank-account-section .swiper-slide,
    .tariff .swiper-slide {
        margin-right: 16px;
    }
}


[_nghost-serverApp-c2231843309] {
    display: block;
    height: var(--nc-spacing-size, var(--nc-spacing-default-size));
}

.tariff-section[_ngcontent-serverApp-c3393312883] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 32);
}
@media (min-width: 1024px) {
    .tariff-section[_ngcontent-serverApp-c3393312883] {
        gap: calc(var(--scale) * 35);
    }
}
.tariff-section__more[_ngcontent-serverApp-c3393312883] {
    display: flex;
    justify-content: center;
}
.nc-card[_ngcontent-serverApp-c3393312883] {
    width: 320px;
    max-width: 100%;
}
@media (min-width: 744px) {
    .nc-card[_ngcontent-serverApp-c3393312883] {
        width: 325px;
    }
}
.nc-switch[_ngcontent-serverApp-c3393312883] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
@media (min-width: 744px) {
    .nc-switch[_ngcontent-serverApp-c3393312883] {
        height: calc(var(--scale) * 50);
    }
}
@media (min-width: 1024px) {
    .nc-switch[_ngcontent-serverApp-c3393312883] {
        height: calc(var(--scale) * 60);
    }
}
.nc-switch__radio[_ngcontent-serverApp-c3393312883] {
    display: none;
}
.nc-switch__radio[_ngcontent-serverApp-c3393312883]:checked + .nc-switch__item[_ngcontent-serverApp-c3393312883] {
    border-color: var(--color-gray-900);
    border-radius: calc(var(--scale) * 8);
}
.nc-switch__column[_ngcontent-serverApp-c3393312883] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--scale) * 14);
    margin-top: calc(var(--scale) * 4);
    margin-left: calc(var(--scale) * 5);
}
@media (min-width: 1024px) {
    .nc-switch__column[_ngcontent-serverApp-c3393312883] {
        gap: calc(var(--scale) * 27);
        margin-top: calc(var(--scale) * 5);
    }
}
.nc-switch__label[_ngcontent-serverApp-c3393312883] {
    position: relative;
    width: fit-content;
    cursor: pointer;
}
.nc-switch__label[_ngcontent-serverApp-c3393312883]:last-child:before {
    background-color: transparent;
}
.nc-switch__label[_ngcontent-serverApp-c3393312883]:before {
    content: "";
    position: absolute;
    top: calc(var(--scale) * 20);
    right: calc(var(--scale) * -9);
    width: calc(var(--scale) * 4);
    height: calc(var(--scale) * 4);
    border-radius: calc(var(--scale) * 20);
    background-color: var(--color-gray-900);
    opacity: 45%;
}
@media (min-width: 744px) {
    .nc-switch__label[_ngcontent-serverApp-c3393312883]:before {
        top: calc(var(--scale) * 20);
        right: calc(var(--scale) * -10);
    }
}
@media (min-width: 1024px) {
    .nc-switch__label[_ngcontent-serverApp-c3393312883]:before {
        top: calc(var(--scale) * 25);
        right: calc(var(--scale) * -16);
        width: calc(var(--scale) * 5);
        height: calc(var(--scale) * 5);
    }
}
@media (min-width: 744px) {
    .nc-switch__label[_ngcontent-serverApp-c3393312883] {
        height: 0;
    }
}
.nc-switch__item[_ngcontent-serverApp-c3393312883] {
    position: relative;
    display: flex;
    width: 101%;
    height: calc(var(--scale) * 40);
    padding: calc(var(--scale) * 4) calc(var(--scale) * 4) calc(var(--scale) * 6);
    border: calc(var(--scale) * 2) solid transparent;
    border-bottom-color: var(--color-gray-900);
    line-height: calc(var(--scale) * 20);
    transition: all 0.1s;
}
@media (min-width: 1024px) {
    .nc-switch__item[_ngcontent-serverApp-c3393312883] {
        width: 102%;
        height: calc(var(--scale) * 53);
        padding-bottom: calc(var(--scale) * 8);
        line-height: calc(var(--scale) * 29);
    }
}
.nc-switch__item--year[_ngcontent-serverApp-c3393312883] {
    width: 101%;
}
@media (min-width: 1024px) {
    .nc-switch__item--year[_ngcontent-serverApp-c3393312883] {
        width: 103%;
    }
}


.bank-section[_ngcontent-serverApp-c4046643309] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 28);
}
@media (min-width: 1024px) {
    .bank-section[_ngcontent-serverApp-c4046643309] {
        gap: calc(var(--scale) * 32);
    }
}
.slider[_ngcontent-serverApp-c4046643309] {
    overflow: hidden;
}


.business__title {
    margin: calc(var(--scale) * 32) calc(var(--scale) * 32) calc(var(--scale) * 40) calc(var(--scale) * 32);
    padding-bottom: calc(var(--scale) * 44);
    border-bottom: 1px solid var(--color-black);
}
@media (min-width: 744px) {
    .business__title {
        padding-bottom: calc(var(--scale) * 50);
    }
}
@media (min-width: 1024px) {
    .business__title {
        margin: calc(var(--scale) * 52);
        padding-bottom: calc(var(--scale) * 80);
    }
}
.business__part {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 12);
}
@media (min-width: 1200px) {
    .business__part {
        gap: calc(var(--scale) * 16);
    }
}
.business__part .transfer {
    background-color: #35606B;
}
.business__part .protect {
    background-color: #6B4E35;
}
.business__part .protect-text {
    color: var(--color-peach-800);
}
.business__part .help {
    background-color: #356B5E;
}
.business__part .help-text {
    color: var(--color-aquamarine-800);
}
.business__part .payment {
    background-color: var(--color-pink-300);
}
.business__part .payment-text {
    color: var(--color-pink-800);
}
.business__part-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--scale) * 36) calc(var(--scale) * 36) calc(var(--scale) * 44);
    border-radius: calc(var(--scale) * 32);
}
@media (min-width: 744px) {
    .business__part-title {
        padding: calc(var(--scale) * 40) calc(var(--scale) * 40) calc(var(--scale) * 44);
    }
}
@media (min-width: 1024px) {
    .business__part-title {
        padding: calc(var(--scale) * 52) calc(var(--scale) * 52) calc(var(--scale) * 64);
    }
}
@media (min-width: 744px) {
    .business__part-title--size {
        max-width: 50%;
    }
}
.business__part-title--hint {
    display: none;
}
@media (min-width: 744px) {
    .business__part-title--hint {
        display: block;
        color: var(--text-icon-secondary-light);
    }
}
.business__spacer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--scale) * 120);
    padding: calc(var(--scale) * 24) 0;
}
@media (min-width: 744px) {
    .business__spacer {
        padding: calc(var(--scale) * 40) 0;
    }
}
@media (min-width: 1024px) {
    .business__spacer {
        height: calc(var(--scale) * 220);
        padding: calc(var(--scale) * 50) 0;
    }
}
.business__spacer-line {
    height: 100%;
    border-left: 1px solid var(--color-gray-900);
}
.business__switch {
    position: -webkit-sticky;
    position: sticky;
    bottom: 20px;
    z-index: 10;
    display: flex;
    gap: calc(var(--scale) * 20);
    margin: 0 auto;
    margin-top: calc(var(--scale) * 38);
    padding: calc(var(--scale) * 10) calc(var(--scale) * 13);
    border-radius: calc(var(--scale) * 62);
    background-color: #fffc;
}
.business__switch:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(var(--scale) * 48);
    border: 1px solid transparent;
    border-radius: calc(var(--scale) * 62);
    background-color: transparent;
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
}
@media (min-width: 1200px) {
    .business__switch:before {
        height: calc(var(--scale) * 56);
    }
}
@media (min-width: 1200px) {
    .business__switch {
        margin-top: calc(var(--scale) * 116);
        padding: calc(var(--scale) * 12);
    }
}
@media (min-width: 1024px) {
    .business__switch {
        margin-top: calc(var(--scale) * 48);
    }
}
.business__switch-input {
    visibility: hidden;
}
.business__switch-item {
    display: block;
    width: calc(var(--scale) * 28);
    height: calc(var(--scale) * 28);
    border: 2px solid transparent;
    border-radius: 50%;
    outline: 2px solid transparent;
    background-color: var(--color-blue-300);
    cursor: pointer;
}
.business__switch-item:nth-child(2) {
    background-color: var(--color-peach-300);
}
.business__switch-item:nth-child(3) {
    background-color: var(--color-aquamarine-300);
}
.business__switch-item:nth-child(4) {
    background-color: var(--color-pink-300);
}
@media (min-width: 1200px) {
    .business__switch-item {
        width: calc(var(--scale) * 32);
        height: calc(var(--scale) * 32);
    }
}
.business__switch-item--active {
    border: 2px solid var(--color-white);
    outline: 2px solid var(--color-black);
}
.business__bgc {
    --color-business-bgc: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--nc-card-border-radius, var(--nc-base-card-border-radius));
    background-color: var(--color-business-bgc);
    transition: background-color 0.5s;
}
body {
    transition: background-color 1s cubic-bezier(0, 0, 0.2, 1);
}
.color-blue {
    background-color: var(--color-blue-300);
}
.color-peach {
    background-color: var(--color-peach-300);
}
.color-aquamarine {
    background-color: var(--color-aquamarine-300);
}
.color-pink {
    background-color: var(--color-pink-300);
}
.color-default {
    background-color: var(----body-bg-cl);
}

.blanc-info-section[_ngcontent-serverApp-c1395339391] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 28);
    margin-top: calc(var(--scale) * 28);
}
@media (min-width: 1024px) {
    .blanc-info-section[_ngcontent-serverApp-c1395339391] {
        gap: calc(var(--scale) * 32);
        margin-top: calc(var(--scale) * 32);
    }
}
.blanc-info-section__media[_ngcontent-serverApp-c1395339391] {
    display: grid;
    padding: 0 calc(var(--scale) * 24);
    border-radius: 24px;
    background-color: #232323;
}
@media (min-width: 744px) {
    .blanc-info-section__media[_ngcontent-serverApp-c1395339391] {
        grid-template-columns: repeat(3, 1fr);
        min-height: calc(var(--scale) * 288);
        padding: calc(var(--scale) * 24) 0;
    }
}
.blanc-info-section__media-wrapper[_ngcontent-serverApp-c1395339391] {
    border-bottom: 1px solid #414141;
}
.blanc-info-section__media-wrapper[_ngcontent-serverApp-c1395339391]:last-child {
    border-bottom: none;
}
@media (min-width: 744px) {
    .blanc-info-section__media-wrapper[_ngcontent-serverApp-c1395339391] {
        border-bottom: none;
    }
}
@media (min-width: 744px) {
    .blanc-info-section__media-wrapper[_ngcontent-serverApp-c1395339391] {
        border-right: 1px solid #414141;
    }
    .blanc-info-section__media-wrapper[_ngcontent-serverApp-c1395339391]:nth-child(3) {
        border-right: none;
    }
}
.blanc-info-section__media-card[_ngcontent-serverApp-c1395339391] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 36);
    justify-content: space-between;
    height: 100%;
    padding: calc(var(--scale) * 24) 0;
    opacity: 1;
    filter: blur(0);
    transition: filter 0.8s, opacity 0.6s;
}
@media (prefers-reduced-motion: reduce) {
    .blanc-info-section__media-card[_ngcontent-serverApp-c1395339391] {
        transition: none;
    }
}
@media (min-width: 744px) {
    .blanc-info-section__media-card[_ngcontent-serverApp-c1395339391] {
        gap: 0;
        padding: 0 calc(var(--scale) * 24);
    }
}
.blanc-info-section__media-card--mkb[_ngcontent-serverApp-c1395339391] {
    display: none;
}
@media (min-width: 744px) {
    .blanc-info-section__media-card--mkb[_ngcontent-serverApp-c1395339391] {
        display: flex;
    }
}
.blanc-info-section__media-card--smart-raking[_ngcontent-serverApp-c1395339391] {
    display: none;
}
.blanc-info-section__media-card--hidden[_ngcontent-serverApp-c1395339391] {
    animation: _ngcontent-serverApp-c1395339391_blurAndHide 2s forwards;
}
.blanc-info-section__media-card--visible[_ngcontent-serverApp-c1395339391] {
    animation: _ngcontent-serverApp-c1395339391_blurAndShow 2s forwards;
}
@keyframes _ngcontent-serverApp-c1395339391_blurAndHide {
    0% {
        opacity: 1;
        filter: blur(0);
    }
    50% {
        filter: blur(12px);
    }
    to {
        opacity: 0;
        filter: blur(12px);
    }
}
@keyframes _ngcontent-serverApp-c1395339391_blurAndShow {
    0% {
        opacity: 0;
        filter: blur(12px);
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 1;
        filter: blur(0);
    }
}
.blanc-info-section__media-icon[_ngcontent-serverApp-c1395339391] {
    width: fit-content;
    height: calc(var(--scale) * 48);
}
.blanc-info-section__media-icon--coat[_ngcontent-serverApp-c1395339391],
.blanc-info-section__media-icon--union[_ngcontent-serverApp-c1395339391] {
    width: calc(var(--scale) * 48);
}
.blanc-info-section__media-icon--mkb[_ngcontent-serverApp-c1395339391] {
    width: calc(var(--scale) * 154);
}

:root {
    --btn-cell-brs: 12px;
    --btn-cell-py: 16px;
    --btn-cell-px: 20px;
    --btn-cell-subtitle-mt: 4px;
    --btn-cell-normal-title-cl: var(--cl-gray-10);
    --btn-cell-normal-subtitle-cl: var(--cl-gray-30);
    --btn-cell-main-normal-bg-cl: var(--cl-gray-70);
    --btn-cell-main-normal-shadow-cl: transparent;
    --btn-cell-main-hover-bg-cl: var(--cl-gray-60);
    --btn-cell-main-hover-shadow-cl: transparent;
    --btn-cell-main-focus-bg-cl: var(--cl-gray-70);
    --btn-cell-main-focus-shadow-cl: var(--cl-gray-10);
    --btn-cell-error-title-cl: var(--cl-red-800);
    --btn-cell-error-subtitle-cl: var(--ca-red-800-60);
    --btn-cell-error-normal-bg-cl: var(--cl-red-100);
    --btn-cell-error-hover-bg-cl: var(--cl-red-200);
    --btn-cell-error-focus-bg-cl: var(--cl-red-100);
}
:root {
    --range-brs: 6px;
    --range-bg-cl: var(--cl-gray-50);
    --range-bar-brs: 6px;
    --range-default-thumb-size: 20px;
    --range-thumb-bg-cl: var(--cl-white);
    --range-thumb-border-cl: var(--cl-gray-10);
    --range-thumb-border-w: 4px;
    --range-default-thumb-brs: 10px;
    --range-default-thumb-focus-shadow: 0 0 0 2px var(--cl-gray-35);
    --range-description-p: 12px;
    --range-bar-default-bg-cl: var(--cl-gray-10);
    --range-default-thickness: 4px;
    --range-default-bg-cl: var(--cl-gray-50);
    --range-default-bar-bg-cl: var(--cl-gray-10);
    --range-limit-bg-cl: var(--cl-coffee-200);
    --range-limit-bar-bg-cl: var(--cl-coffee-500);
    --sm-range-limit-thickness: 16px;
    --md-range-limit-thickness: 18px;
    --lg-range-limit-thickness: 20px;
    --sm-range-limit-bar-empty-w: 8px;
    --md-range-limit-bar-empty-w: 9px;
    --lg-range-limit-bar-empty-w: 10px;
    --sm-range-indent: 12px;
    --md-range-indent: 16px;
    --lg-range-indent: 20px;
    --range-limit-caption-cl: var(--text-light-cl);
    --sm-range-set-py: 24px;
    --md-range-set-py: 28px;
    --lg-range-set-py: 32px;
    --sm-range-set-px: 20px;
    --md-range-set-px: 24px;
    --lg-range-set-px: 32px;
    --sm-range-set-indent: 20px;
    --md-range-set-indent: 24px;
    --lg-range-set-indent: 32px;
    --range-set-brs: 12px;
    --range-set-bg-cl: var(--cl-white);
    --range-password-thickness: 4px;
    --range-password-bg-cl: var(--cl-coffee-200);
    --range-password-bar-weak-bg-cl: var(--cl-red-800);
    --range-password-bar-medium-bg-cl: var(--cl-yellow-500);
    --range-password-bar-strong-bg-cl: var(--cl-green-800);
    --range-bar-marketing-brs: 0 6px 6px 0;
    --range-after-marketing-brs: 6px 0 0 6px;
    --range-after-marketing-bg-cl: var(--cl-gray-10);
    --xl-range-thumb-marketing-default-size: 26px;
    --range-thumb-marketing-hover-size: 28px;
    --range-thumb-marketing-brs: 50%;
    --range-thumb-marketing-focus-shadow: none;
    --range-reg-thickness: 12px;
    --range-gradient-bg-cl: var(--cl-gray-60);
    --range-gradient-bar-error-cl: var(--mustard-500);
    --range-gradient-bar-error-bg-cl: var(--cl-red-500);
    --range-gradient-bar-success-cl: var(--mustard-500);
    --range-gradient-bar-success-bg-cl: var(--cl-green-500);
    --sm-range-description-fz: var(--sm-text-md-fz);
    --sm-range-description-lh: var(--sm-text-md-lh);
    --sm-range-description-ls: var(--sm-text-md-ls);
    --md-range-description-fz: var(--md-text-md-fz);
    --md-range-description-lh: var(--md-text-md-lh);
    --md-range-description-ls: var(--md-text-md-ls);
    --lg-range-description-fz: var(--lg-text-md-fz);
    --lg-range-description-lh: var(--lg-text-md-lh);
    --lg-range-description-ls: var(--lg-text-md-ls);
}
.emoji {
    display: inline-block;
}
.emoji__img {
    display: block;
    width: 1em;
    height: 1em;
}
.chat {
    --chat-msg-body-cl: var(--chat-main-msg-body-main-cl);
    --chat-msg-body-bg-cl: transparent;
    --chat-msg-interval: var(--chat-main-msg-interval);
    --chat-msg-my: var(--chat-main-msg-my);
    --chat-msg-actions-mt: var(--chat-main-msg-actions-mt);
    --chat-message-wrapper-p: var(--chat-main-message-wrapper-p);
    width: 100%;
}
.chat__message-wrapper {
    padding: var(--chat-message-wrapper-p);
}
.chat__message {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 1000px;
    margin: var(--chat-msg-my) var(--chat-msg-mx);
    transition: max-height cubic-bezier(0.48, 0.81, 0.34, 0.77) 0.5s, margin cubic-bezier(0.48, 0.81, 0.34, 0.77) 0.5s;
}
.chat__message--incoming {
    --chat-msg-body-brs: var(--chat-main-msg-body-inc-brs);
    align-items: flex-start;
}
.chat__message--incoming .chat__message-body {
    margin-right: auto;
}
.chat__message--incoming + .chat__message--outgoing {
    margin-top: var(--chat-msg-interval);
}
.chat__message--outgoing {
    --chat-msg-body-brs: var(--chat-main-msg-body-out-brs);
    align-items: flex-end;
}
.chat__message--outgoing .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-main-msg-body-out-bg-cl);
    margin-left: auto;
    padding: var(--chat-msg-body-out-py) var(--chat-msg-body-out-px);
    border: 0;
}
.chat__message--outgoing + .chat__message--incoming {
    margin-top: var(--chat-msg-interval);
}
.chat__message--error .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-msg-body-error-bg-cl);
    max-width: var(--chat-msg-body-error-max-w);
    border: 0;
}
.chat__message--map .chat__message-body {
    width: 100%;
    max-width: var(--chat-msg-body-map-max-w);
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 1024px) {
    .chat__message--map .chat__message-body {
        --chat-msg-body-map-max-w: 360px;
    }
}
.chat__message-body {
    z-index: 10;
    max-width: var(--chat-msg-body-max-w);
    padding: var(--chat-msg-body-py) var(--chat-msg-body-px);
    border: var(--chat-msg-body-border-w) solid var(--chat-msg-body-border-cl);
    border-radius: var(--chat-msg-body-brs);
    overflow: hidden;
    background-color: var(--chat-msg-body-bg-cl);
    color: var(--chat-msg-body-cl);
}
.chat__message-map {
    height: var(--chat-msg-map-h);
}
.chat__message-actions {
    margin-left: auto;
}
@media (min-width: 1024px) {
    .chat__message-actions {
        margin-bottom: -24px;
    }
}
.chat__sticky {
    transition: background-color 0.4s;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    bottom: var(--chat-margin-bottom);
    z-index: 20;
    display: block;
    transition: bottom ease-in-out 0.8s;
}
@media (min-width: 1024px) {
    .chat__sticky {
        bottom: var(--chat-margin-bottom);
    }
}
@media (prefers-reduced-motion: reduce) {
    .chat__sticky {
        transition: none;
    }
}
.chat__sticky:before,
.chat__sticky:after {
    transition: opacity 0.4s;
    opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
    .chat__sticky:before,
    .chat__sticky:after {
        transition: none;
    }
}
.chat__sticky:before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--drop-overlay-visible-h);
    background-image: linear-gradient(0deg, var(--body-bg-cl) 0%, var(--body-bg-trans) 100%);
    pointer-events: none;
    bottom: 100%;
    height: var(--chat-msg-sticky-overlay-h);
}
.chat__sticky:after {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    width: 100%;
    height: var(--chat-margin-bottom);
    background-color: var(--body-bg-cl);
}
.chat__sticky--scroll {
    background-color: var(--body-bg-cl);
}
.chat__sticky--scroll:before,
.chat__sticky--scroll:after {
    opacity: 1;
}
.chat__sticky--transform {
    bottom: -300px;
}
.chat__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-top: var(--chat-msg-actions-mt);
}
.chat--secondary {
    --chat-msg-my: var(--chat-secondary-msg-my);
}
.chat--secondary .chat__message--incoming {
    --chat-msg-body-brs: var(--chat-secondary-msg-body-inc-brs);
}
.chat--secondary .chat__message--incoming .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-secondary-msg-incoming-body-bg-cl);
    border-color: var(--chat-secondary-msg-incoming-body-border-cl);
}
.chat--secondary .chat__message--outgoing {
    --chat-msg-body-brs: var(--chat-secondary-msg-body-out-brs);
}
.chat--widget {
    --chat-margin-bottom: 0;
    --cont-second-content-mb: 0;
    --drop-content-lg-max-h: 360px;
}
.chat--full {
    width: 100%;
    padding-right: max(100% - var(--cont-second-content-w), 24px);
    padding-left: 24px;
}
@media (min-width: 768px) {
    .chat--full {
        padding-right: max(100% - var(--cont-second-content-w), 32px);
        padding-left: 32px;
    }
}
.chat--reg {
    --chat-msg-interval: var(--chat-reg-msg-interval);
    --chat-msg-my: var(--chat-reg-msg-my);
    --chat-message-wrapper-p: var(--chat-reg-message-wrapper-p);
    --chat-msg-actions-mt: var(--chat-reg-msg-actions-mt);
    --chat-margin-bottom: 0;
    --chat-msg-body-py: var(--chat-reg-msg-body-py);
    --chat-msg-body-px: var(--chat-reg-msg-body-px);
    --chat-msg-body-max-w: 83.33%;
    --field-reg-cl: var(--color-black);
    --chat-msg-body-border-cl: transparent;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end;
}
@media (min-width: 768px) {
    .chat--reg {
        --chat-msg-body-max-w: 58.33%;
    }
}
.chat--reg .chat__header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 20px 12px 8px;
}
.chat--reg .chat__content {
    height: 100%;
    padding: 12px;
}
.chat--reg .chat__message-body {
    transition: border-radius 0.4s;
    color: var(--color-black);
}
@media (prefers-reduced-motion: reduce) {
    .chat--reg .chat__message-body {
        transition: none;
    }
}
.chat--reg a {
    --link-cl: var(--color-black);
}
.chat--reg .chat__message:first-of-type {
    --chat-msg-my: 0;
}
.chat--reg .chat__message--incoming {
    --chat-msg-body-brs: var(--chat-reg-msg-body-inc-brs);
}
.chat--reg .chat__message--incoming:has(+ .chat__message--incoming) {
    --chat-msg-body-brs: var(--chat-reg-msg-body-brs);
}
.chat--reg .chat__message--incoming .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-reg-msg-body-inc-bg-cl);
}
.chat--reg .chat__message--outgoing {
    --chat-msg-body-brs: var(--chat-reg-msg-body-out-brs);
    --chat-msg-body-cl: var(--chat-reg-msg-body-out-cl);
    --chat-msg-body-color: var(--color-white);
}
.chat--reg .chat__message--outgoing:has(+ .chat__message--outgoing) {
    --chat-msg-body-brs: var(--chat-reg-msg-body-brs);
}
.chat--reg .chat__message--outgoing .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-reg-msg-body-out-bg-cl);
    color: var(--chat-msg-body-color);
}
.chat--reg .chat__message--outgoing .field__control {
    color: var(--chat-reg-message-field-control-cl);
}
.chat--reg .chat__message--map .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-reg-msg-body-map-bg-cl);
}
.chat--reg .chat__message--error .chat__message-body {
    --chat-msg-body-bg-cl: var(--chat-msg-body-error-bg-cl);
}
.chat--reg .chat__message-actions {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.chat--reg .chat__actions {
    position: static;
}
.popup {
    --popup-wrapper-shadow: var(--popup-wrapper-default-shadow);
    --popup-wrapper-brs: var(--popup-wrapper-default-brs);
    --popup-wrapper-p: var(--popup-wrapper-default-p);
    --popup-header-p: var(--popup-default-header-p);
    --popup-content-p: var(--popup-default-content-p);
    --popup-footer-p: var(--popup-default-footer-p);
    padding: var(--popup-my) 0;
}
@media (max-width: 1023.98px) {
    .popup {
        --popup-wrapper-brs: var(--popup-wrapper-default-brs) var(--popup-wrapper-default-brs) 0 0;
        max-width: none;
        height: 100%;
        padding-top: 12px;
        padding-bottom: 0;
    }
}
.popup--product {
    --popup-wrapper-brs: var(--sm-popup-wrapper-product-brs);
    --popup-wrapper-p: var(--sm-popup-wrapper-product-p);
    --popup-header-p: var(--sm-popup-product-header-p);
    --popup-content-p: var(--sm-popup-product-content-p);
    --popup-footer-p: var(--sm-popup-product-footer-p);
    --popup-wrapper-shadow: var(--popup-wrapper-product-shadow);
}
@media (min-width: 768px) {
    .popup--product {
        --popup-wrapper-brs: var(--md-popup-wrapper-product-brs);
        --popup-wrapper-p: var(--md-popup-wrapper-product-p);
        --popup-header-p: var(--md-popup-product-header-p);
        --popup-content-p: var(--md-popup-product-content-p);
        --popup-footer-p: var(--md-popup-product-footer-p);
    }
}
@media (min-width: 1024px) {
    .popup--product {
        --popup-wrapper-brs: var(--lg-popup-wrapper-product-brs);
        --popup-wrapper-p: var(--lg-popup-wrapper-product-p);
        --popup-header-p: var(--lg-popup-product-header-p);
        --popup-content-p: var(--lg-popup-product-content-p);
        --popup-footer-p: var(--lg-popup-product-footer-p);
    }
}
.popup--product:before {
    transition: opacity 0.4s;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--sidebar-wrapper-paranja-bg-cl);
    opacity: var(--paranja-opacity);
}
@media (prefers-reduced-motion: reduce) {
    .popup--product:before {
        transition: none;
    }
}
.popup--product .popup__wrapper {
    flex: 0 0 auto;
    width: 50%;
    z-index: 0;
    max-width: none;
    height: auto;
}
.popup--product .popup__content {
    overflow: visible;
}
.popup__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--popup-wrapper-max-w);
    max-height: 100%;
    padding: var(--popup-wrapper-p);
    border-radius: var(--popup-wrapper-brs);
    overflow: hidden;
    background-color: var(--popup-wrapper-bg-cl);
    box-shadow: var(--popup-wrapper-shadow);
}
.popup__content {
    --scroll-border-right-width: 0px;
    --scroll-border-left-width: 4px;
    padding: var(--popup-content-p);
}
.popup__content,
.popup__content-inner {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--scroll-thumb-bg-cl) transparent;
    scrollbar-width: thin;
    overflow: auto;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-button,
.popup__content.no-hiddenscroll::-webkit-scrollbar-button,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-button,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-thumb,
.popup__content.no-hiddenscroll::-webkit-scrollbar-thumb,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-thumb,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--scroll-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--scroll-thumb-bg-cl);
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-thumb:vertical,
.popup__content.no-hiddenscroll::-webkit-scrollbar-thumb:vertical,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-thumb:vertical,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar-thumb:horizontal,
.popup__content.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-thumb:horizontal,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .popup__content::-webkit-scrollbar,
.no-hiddenscroll .popup__content::-webkit-scrollbar-track,
.popup__content.no-hiddenscroll::-webkit-scrollbar,
.popup__content.no-hiddenscroll::-webkit-scrollbar-track,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar,
.no-hiddenscroll .popup__content-inner::-webkit-scrollbar-track,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar,
.popup__content-inner.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: var(--scroll-thumb-m);
    background-color: var(--scroll-track-bg-cl);
}
.popup__footer {
    display: flex;
    gap: var(--popup-footer-gap);
    justify-content: flex-end;
    padding: var(--popup-footer-p);
}
.popup__wrapper-btn-mobile {
    padding-bottom: 92px;
}
@media (min-width: 1024px) {
    .popup__wrapper-btn-mobile {
        padding-bottom: 16px;
    }
}
.popup__overlay-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--popup-overlay-loader-bg-cl);
}
.popup--sm {
    max-width: var(--popup-sm-max-w);
}
.popup--header-fixed .popup__content,
.popup--header-fixed .popup__content-wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    height: 100%;
}
@media (max-width: 1023.98px) {
    .popup--header-fixed .popup__content,
    .popup--header-fixed .popup__content-wrapper {
        height: auto;
    }
}
@media (max-width: 1023.98px) and (min-height: 400px) {
    .popup--header-fixed .popup__content,
    .popup--header-fixed .popup__content-wrapper {
        height: 100%;
        overflow: hidden;
    }
}
.popup--full-height {
    height: 100%;
}
.popup-wheely {
    width: 146px;
    margin-right: 20px;
    padding: 12px 20px;
    border-radius: 16px 16px 0 0;
    background-color: #404040;
    color: #fff;
    cursor: pointer;
}
@media (min-width: 768px) {
    .popup-wheely {
        margin-right: 33%;
    }
}
@media (min-width: 1024px) {
    .popup-wheely {
        top: 0;
        left: 135px;
        border-radius: 16px 16px 16px 0;
    }
}
.popup-wheely-hover {
    transition: all 0.2s ease;
}
.popup-wheely-hover:hover {
    color: #cbfa92;
}
.p-component-overlay {
    padding: var(--popup-my) 0;
    pointer-events: none;
}
@media (max-width: 1023.98px) {
    .p-component-overlay {
        padding-top: var(--brs-popup);
        padding-bottom: 0;
    }
}
.p-component-overlay .p-dialog {
    max-height: 100%;
}
.p-dialog .p-dialog-header .p-dialog-header-icons {
    display: none;
}
.p-dialog-mask.p-component-overlay {
    background-color: var(--popup-overlay-bg-cl);
}
.popup__header,
.p-dialog-header {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--popup-header-p);
}
.field {
    transition: background-color 0.4s, box-shadow 0.4s, color 0.4s, border-color 0.4s, padding-top 0.4s;
    --field-height: var(--field-height-lg);
    --field-bg-cl: var(--field-default-bg-cl);
    --field-error-message-w: var(--field-main-error-message-w);
    --field-error-message-bg-cl: var(--field-main-error-message-bg-cl);
    --field-py: var(--field-main-py);
    --field-px: var(--field-main-px);
    --field-err-actions-pt: var(--field-main-err-actions-pt);
    --field-err-actions-bg-cl: var(--field-main-err-actions-bg-cl);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--field-height);
    padding: var(--field-py) var(--field-px);
    border: 1px solid;
    border-color: var(--field-border-cl);
    border-radius: var(--field-brs);
    background-color: var(--field-bg-cl);
    box-shadow: var(--field-shadow);
}
@media (prefers-reduced-motion: reduce) {
    .field {
        transition: none;
    }
}
.field:hover {
    box-shadow: var(--field-hover-shadow);
}
.field__control {
    transition: color 0.4s;
    z-index: 1;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: var(--field-height);
    padding: var(--field-control-py) var(--field-control-px);
    border: 0;
    background-color: transparent;
    color: unset;
    font-family: var(--ff-aeroport);
    font-size: var(--field-fz);
    font-weight: var(--field-fw);
    line-height: var(--field-lh);
    resize: none;
}
@media (prefers-reduced-motion: reduce) {
    .field__control {
        transition: none;
    }
}
.field__control:focus {
    outline: none;
}
.field__control::placeholder {
    color: var(--field-placeholder-cl);
    opacity: 1;
}
.field__control:disabled,
.field__control[readonly] {
    opacity: 1;
}
.field__control::-ms-reveal,
.field__control::-ms-clear {
    display: none;
}
.field__control::-webkit-outer-spin-button,
.field__control::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.field__control[type="number"] {
    -moz-appearance: textfield;
}
.field__title {
    transition: background-color 0.4s, top 0.4s, transform 0.4s, font-size 0.4s, padding 0.4s;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-left: 8px;
    color: var(--text-disabled-cl);
    font-size: var(--field-title-fz);
    font-weight: var(--field-title-fw);
    line-height: var(--field-title-lh);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    transform: translateY(-50%);
}
@media (prefers-reduced-motion: reduce) {
    .field__title {
        transition: none;
    }
}
.field__addon {
    flex-shrink: 0;
    font-size: var(--field-fz);
    font-weight: var(--field-fw);
    line-height: var(--field-lh);
}
.field__addon--title {
    padding-top: 18px;
}
.field__addon--icon {
    transition: color 0.4s;
    display: flex;
    margin-right: 4px;
    margin-left: 8px;
    color: var(--cl-gray-30);
}
@media (prefers-reduced-motion: reduce) {
    .field__addon--icon {
        transition: none;
    }
}
.field__control-divided:first-child {
    padding-left: 0;
}
.field__control-divided:first-child:before {
    content: none;
}
.field__control-divided:first-child .drop__content {
    left: 0;
}
.field__control-divided:before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 16px;
    border-left: 1px solid var(--field-control-divider-cl);
}
.field__control-hidden {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
.field__error {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: calc(100% + 2px);
    margin-bottom: 0;
}
.field__error--top {
    bottom: calc(100% + 8px);
}
.field__error--bottom {
    top: calc(100% + 8px);
}
.field__error--left {
    left: -1px;
}
.field__error--right {
    right: -1px;
}
.field__error-message {
    z-index: 10;
    background-color: var(--field-error-message-bg-cl);
}
.field__error-message:before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--drop-overlay-visible-h);
    background-image: linear-gradient(0deg, var(--body-bg-cl) 0%, var(--body-bg-trans) 100%);
    pointer-events: none;
    bottom: 100%;
    z-index: 10;
    width: var(--field-error-message-w);
}
.field__error-actions {
    z-index: 10;
    display: flex;
    width: 100%;
    padding-top: var(--field-err-actions-pt);
    background-color: var(--field-err-actions-bg-cl);
}
.field__clear {
    display: none;
}
.field__textarea-wrapper {
    width: 100%;
    min-height: calc(var(--field-height) - 2px);
}
.field--sm {
    --field-height: var(--field-height-sm);
}
.field--btn {
    padding-right: var(--field-btn-pr);
}
.field--textarea {
    --field-textarea-control-min-h: calc(var(--field-height) - 2px);
    height: auto;
    min-height: var(--field-height);
    padding-top: 0;
    padding-bottom: 0;
}
.field--textarea .field__control {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--field-textarea-scrollbar-bg-cl) transparent;
    scrollbar-width: thin;
    height: 100%;
    min-height: var(--field-textarea-control-min-h);
    padding-top: 0;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-button,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-thumb,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--field-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--field-textarea-scrollbar-bg-cl);
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-thumb:vertical,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-thumb:horizontal,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar,
.no-hiddenscroll .field--textarea .field__control::-webkit-scrollbar-track,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar,
.field--textarea .field__control.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: 8px;
    background-color: var(--scroll-track-bg-cl);
}
.field--textarea.field--title .field__textarea-wrapper {
    padding-top: 30px;
    padding-bottom: 4px;
}
.field--textarea.field--title .field__control {
    padding-top: 0;
}
.field--textarea.field--disabled {
    pointer-events: auto;
}
.field--textarea.field--sm .field__control {
    padding-top: 10px;
    padding-bottom: 10px;
}
.field--title {
    --field-textarea-control-min-h: 0px;
}
.field--title .field__title {
    top: 0;
    bottom: auto;
    padding-top: 12px;
    font-size: var(--field-title-focus-fz);
    font-weight: var(--field-title-focus-fw);
    line-height: var(--field-title-focus-lh);
    transform: translateY(0);
}
.field--title .field__control,
.field--title .drop__field {
    padding-top: 18px;
}
.field--secondary {
    --field-bg-cl: var(--field-secondary-bg-cl);
    border-color: var(--field-secondary-border-cl);
}
.field--secondary,
.field--secondary:hover {
    box-shadow: var(--field-secondary-shadow);
}
.field--secondary .field__control,
.field--secondary .field__addon--icon {
    color: var(--field-secondary-cl);
}
.field--character {
    --field-character-size: 68px;
    width: var(--field-character-size);
    height: var(--field-character-size);
}
@media (min-width: 375px) {
    .field--character {
        --field-character-size: 80px;
    }
}
.field--character .field__control {
    font-size: var(--h3-fz);
    font-weight: var(--h3-fw);
    line-height: var(--h3-lh);
    text-align: center;
}
.field--disabled {
    --field-bg-cl: var(--field-disabled-bg-cl);
    border-color: var(--field-disabled-border-cl);
    box-shadow: var(--field-disabled-shadow);
    pointer-events: none;
}
.field--disabled ::placeholder,
.field--disabled .field__title {
    color: var(--field-disabled-cl);
}
.field--map-comment {
    --field-bg-cl: var(--field-map-comment-bg-cl);
    height: auto;
    min-height: auto;
    padding: 0;
    border: 0;
    overflow: hidden;
}
.field--map-comment:hover,
.field--map-comment:focus {
    box-shadow: var(--field-map-comment-hover-shadow);
}
.field--map-comment .field__control {
    transition: background-color 0.4s;
    min-height: var(--field-height);
    padding: var(--field-map-comment-control-py) var(--field-map-comment-control-px);
    font-size: var(--field-map-comment-fz);
    font-weight: var(--field-map-comment-fw);
    line-height: var(--field-map-comment-lh);
}
@media (prefers-reduced-motion: reduce) {
    .field--map-comment .field__control {
        transition: none;
    }
}
.field--map-comment .field__control::placeholder {
    color: var(--field-map-comment-placeholder-cl);
    opacity: 0.4;
}
.field--map-comment .field__textarea-wrapper {
    min-height: 0;
}
.field--map-comment,
.field--map-comment:active {
    box-shadow: var(--field-map-comment-shadow);
}
.field--clearable:focus-within .field__icon {
    display: none;
}
.field--clearable:focus-within .field__clear {
    display: inline-flex;
}
.field--error {
    --field-bg-cl: var(--field-secondary-error-bg-cl);
}
.field--invalid .field__control {
    color: var(--cl-red-10);
}
.field--reg {
    --field-bg-cl: var(--field-reg-bg-cl);
    --field-error-message-w: var(--field-reg-error-message-w);
    --field-error-message-bg-cl: var(--field-reg-error-message-bg-cl);
    --field-py: var(--field-reg-py);
    --field-px: var(--field-reg-pl);
    --field-btn-pr: var(--field-reg-pr);
    --drop-wrapper-mb: 12px;
    --field-err-actions-pt: var(--field-reg-err-actions-pt);
    --field-err-actions-bg-cl: var(--field-reg-err-actions-bg-cl);
    --field-fz: var(--field-reg-fz);
    --field-fw: var(--field-reg-fw);
    --field-lh: var(--field-reg-lh);
    --drop-overlay-visible-h: var(--field-reg-err-message-h);
    --field-addon-w: var(--field-reg-addon-w);
    --field-addon-h: var(--field-reg-addon-h);
    --field-control-divider-cl: var(--field-reg-control-divider-cl);
    --drop-label-hover-bg-cl: var(--field-reg-drop-label-hover-bg-cl);
    --drop-item-bordered-active-bg-cl: var(--field-reg-drop-item-bordered-active-bg-cl);
    border-color: var(--field-reg-border-cl);
}
.field--reg .field__error-message:before {
    background-image: linear-gradient(180deg, transparent 0%, var(--ca-white-80) 80%, var(--cl-white) 100%);
}
.field--reg .field__addon--code-phone {
    color: var(--color-black);
}
.field--reg,
.field--reg:hover {
    box-shadow: var(--field-reg-shadow);
}
.field--reg .field__control,
.field--reg .field__addon--icon {
    color: var(--field-reg-cl);
}
.field--reg .field__addon.btn {
    width: var(--field-addon-w);
    height: var(--field-addon-h);
}
@media (min-width: 1024px) {
    .field--date-picker {
        --field-btn-pr: var(--lg-field-date-picker-p);
        --field-addon-h: var(--lg-field-date-picker-addon-h);
        --field-addon-w: var(--lg-field-date-picker-addon-w);
    }
}
input[type="date"].field,
input[type="time"].field,
input[type="datetime-local"].field,
input[type="month"].field {
    -webkit-appearance: none;
    appearance: none;
}
input::-webkit-credentials-auto-fill-button {
    position: absolute;
    right: 0;
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--body-cl);
}
.drop {
    --drop-content-max-h: var(--drop-content-default-max-h);
    --drop-overlay-h: var(--drop-overlay-default-h);
    position: relative;
}
.drop__inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.drop__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    font-size: inherit;
}
.drop__content {
    position: relative;
    display: flex;
    max-height: var(--drop-content-max-h);
    border-radius: var(--drop-content-brs);
    overflow: hidden;
    background-color: var(--drop-content-bg-cl);
    box-shadow: var(--drop-content-shadow);
    pointer-events: auto;
}
.drop__content--popup {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: var(--drop-content-brs);
}
.drop__content--popup:after {
    content: "";
    position: absolute;
    top: var(--autocomplete-items-spacing);
    right: 0;
    bottom: var(--autocomplete-items-spacing);
    left: 0;
    z-index: 10;
    border-radius: var(--brs-drop);
    background-color: var(--autocomplete-bg-cl);
    box-shadow: var(--shadow-short);
}
.drop__wrapper {
    position: absolute;
    left: -1px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    width: calc(100% + 2px);
    margin-top: var(--drop-wrapper-mt);
    margin-bottom: var(--drop-wrapper-mb);
}
.drop__list {
    --scrollbar-size: calc(var(--scroll-w) + var(--scroll-border-inner-w) + var(--scroll-border-outer-w));
    scrollbar-color: var(--scroll-thumb-bg-cl) transparent;
    scrollbar-width: thin;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-button,
.drop__list.no-hiddenscroll::-webkit-scrollbar-button {
    display: none;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-thumb,
.drop__list.no-hiddenscroll::-webkit-scrollbar-thumb {
    border-width: 0;
    border-style: solid;
    border-color: var(--scroll-bg-cl);
    border-radius: var(--scroll-brs);
    background-color: var(--scroll-thumb-bg-cl);
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-thumb:vertical,
.drop__list.no-hiddenscroll::-webkit-scrollbar-thumb:vertical {
    border-right-width: var(--scroll-border-outer-w);
    border-left-width: var(--scroll-border-inner-w);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar-thumb:horizontal,
.drop__list.no-hiddenscroll::-webkit-scrollbar-thumb:horizontal {
    border-top-width: var(--scroll-border-inner-w);
    border-bottom-width: var(--scroll-border-outer-w);
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.no-hiddenscroll .drop__list::-webkit-scrollbar,
.no-hiddenscroll .drop__list::-webkit-scrollbar-track,
.drop__list.no-hiddenscroll::-webkit-scrollbar,
.drop__list.no-hiddenscroll::-webkit-scrollbar-track {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    margin: 4px;
    background-color: var(--scroll-track-bg-cl);
}
.drop__item {
    --drop-item-bg: var(--drop-item-default-bg-cl);
    --drop-item-p: var(--drop-item-default-p);
    display: flex;
    width: 100%;
    padding: var(--drop-item-p);
    background-color: var(--drop-item-bg);
    cursor: pointer;
}
.drop__item:hover,
.drop__item:focus {
    --drop-item-bg: var(--drop-item-default-hover-bg-cl);
    outline: none;
}
.drop__item--bordered {
    --drop-item-bg: var(--drop-item-bordered-bg-cl);
    --drop-item-brs: var(--drop-item-default-brs);
    --drop-item-p: var(--drop-item-bordered-p);
    display: block;
    border: 2px solid var(--drop-item-bordered-border-cl);
    border-radius: var(--drop-item-brs);
    text-align: center;
}
.drop__item--bordered:hover,
.drop__item--bordered:focus {
    border-color: var(--drop-item-bordered-hover-border-cl);
    background-color: var(--drop-item-bordered-hover-bg-cl);
}
.drop__item--bordered .drop__icon-active {
    display: none;
}
.drop__item--bordered.drop__item--active {
    border-color: var(--drop-item-bordered-active-border-cl);
    background-color: var(--drop-item-bordered-active-bg-cl);
}
.drop__item--bordered.drop__item--active:hover,
.drop__item--bordered.drop__item--active:focus {
    border-color: var(--drop-item-bordered-hover-border-cl);
    background-color: var(--drop-item-bordered-hover-bg-cl);
}
.drop__item--bordered .drop__item-inner {
    display: block;
}
.drop__item--active .drop__icon-active {
    visibility: visible;
}
.drop__item-inner {
    display: flex;
    align-items: center;
    width: 100%;
}
.drop__icon-active {
    margin-left: auto;
    visibility: hidden;
}
.drop__field {
    font-size: var(--text-md-fz);
    font-weight: var(--text-md-fw);
    line-height: var(--text-md-lh);
    margin-left: 8px;
}
.drop__map {
    height: 380px;
}
@media (min-width: 1024px) {
    .drop__map {
        height: 500px;
    }
}
.drop__map--sm {
    height: 268px;
}
.drop__icon {
    transition: transform 0.4s cubic-bezier(0, 0.75, 0.25, 1);
    flex-shrink: 0;
    margin-left: auto;
    font-size: var(--icon-xl-fz);
}
@media (prefers-reduced-motion: reduce) {
    .drop__icon {
        transition: none;
    }
}
.drop__icon--rotated {
    transform: rotate(180deg);
}
.drop__loader {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 8px;
    margin-left: 8px;
    padding-top: 12px;
    font-size: var(--drop-loader-fz);
    font-weight: var(--drop-loader-fw);
    line-height: var(--drop-loader-lh);
}
.drop__loader-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-top: 4px;
    padding-bottom: 4px;
}
.drop__title {
    position: absolute;
    bottom: 100%;
}
.drop__bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: var(--ca-coffee-500-90);
}
.drop__error {
    position: absolute;
    top: 63px;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: var(--drop-error-p);
    border-radius: var(--drop-error-brs);
    background-color: var(--drop-error-bg-cl);
    box-shadow: var(--drop-error-shadow);
    color: var(--drop-error-cl);
}
@media (min-width: 1024px) {
    .drop__error {
        top: 71px;
    }
}
.drop__error-message {
    z-index: 10;
    background-color: var(--drop-error-message-bg-cl);
}
.drop__error-message:before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--drop-overlay-visible-h);
    background-image: linear-gradient(0deg, var(--body-bg-cl) 0%, var(--body-bg-trans) 100%);
    pointer-events: none;
    bottom: 100%;
    z-index: 10;
    width: var(--drop-error-message-w);
    background-image: linear-gradient(180deg, transparent 0%, var(--ca-white-80) 80%, var(--cl-white) 100%);
}
.drop--jc-start .p-dropdown-label {
    justify-content: start;
}
.drop--divided .drop__btn {
    flex-shrink: 1;
    align-self: stretch;
    justify-content: center;
    height: auto;
    margin: 4px;
    border-radius: var(--drop-label-brs);
}
.drop--divided .drop__btn:hover,
.drop--divided .drop__btn:focus {
    background-color: var(--drop-label-hover-bg-cl);
    opacity: 1;
}
.drop--divided .drop__icon {
    margin-right: auto;
    margin-left: 0;
}
.drop--overlay {
    --drop-overlay-h: var(--drop-overlay-visible-h);
}
.drop--overlay .drop__content,
.drop--button .drop__content {
    overflow: visible;
}
.drop--lg {
    --drop-content-max-h: var(--drop-content-lg-max-h);
}
.drop--sm {
    --drop-content-max-h: var(--drop-content-sm-max-h);
}
.drop--primary {
    --drop-content-brs: 24px;
    --drop-item-default-p: 0 20px;
    --field-fz: 16px;
    --field-title-fz: 16px;
    --field-height: 100%;
    --brs-drop-item: 0;
    --autocomplete-items-p: 0;
    display: flex;
    min-height: 72px;
    padding: 0 20px;
    border-radius: 16px;
    background-color: var(--cl-coffee-100);
}
.drop--primary .field__addon {
    align-self: center;
}
.drop--primary .drop__wrapper {
    margin-top: 8px;
}
.drop--primary .drop__inner {
    align-self: center;
}
.drop--primary .drop__field {
    margin-left: 0;
    line-height: 1.333;
    text-align: left;
    white-space: normal;
}
.drop--primary .drop__list {
    padding: 8px 0;
}
.drop--primary .drop__item-inner {
    padding: 16px 0;
}
.drop--primary .drop__item:not(:last-child) .drop__item-inner {
    border-bottom: 1px solid var(--cl-gray-50);
}
.container-secondary {
    display: flex;
    width: 100%;
    max-width: var(--cont-second-content-w);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1024px) {
    .container-secondary {
        --chat-margin-bottom: var(--cont-second-content-mb);
        max-width: var(--cont-second-max-w);
        padding-right: 0;
        padding-left: var(--cont-second-content-p);
    }
}
.container-secondary__picture {
    position: fixed;
    top: 0;
    right: var(--cont-second-content-p);
    left: calc(var(--cont-second-content-w) + var(--cont-second-content-p) + var(--cont-second-content-p));
    display: none;
    flex-basis: 100%;
    height: 100vh;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .container-secondary__picture {
        display: block;
    }
}
.container-secondary__picture:before,
.container-secondary__picture:after {
    transition: transform 0.4s, opacity 0.4s;
    content: "";
    position: absolute;
    top: var(--cont-second-picture-space);
    right: 0;
    bottom: var(--cont-second-picture-space);
    left: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (prefers-reduced-motion: reduce) {
    .container-secondary__picture:before,
    .container-secondary__picture:after {
        transition: none;
    }
}
.container-secondary__picture:after {
    opacity: 0;
    transform: translateY(var(--cont-second-picture-space));
}
.container-secondary__picture--phone:before {
    opacity: 0;
    transform: translateY(calc(var(--cont-second-picture-space) * -1));
}
.container-secondary__picture--phone:after {
    opacity: 1;
    transform: translateY(0);
}
.container-secondary__logo {
    position: fixed;
    top: var(--cont-second-logo-top);
    z-index: 20;
    margin-left: 12px;
}
@media (min-width: 1024px) {
    .container-secondary__logo {
        --cont-second-logo-top: 40px;
    }
}
@media (max-height: 400px) {
    .container-secondary__logo {
        position: absolute;
    }
}
.container-secondary__content {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    width: var(--cont-second-content-w);
    max-width: 100%;
    margin-top: var(--cont-second-content-mt);
    margin-bottom: var(--cont-second-content-mb);
}
@media (max-width: 463.98px) {
    .container-secondary--full-mobile {
        max-width: none;
        margin-left: 0;
        padding-left: 0;
    }
}
.container-secondary--vendor {
    max-width: none;
}
@media (min-width: 768px) {
    .container-secondary--vendor {
        --chat-margin-bottom: var(--cont-second-content-mb);
        max-width: var(--cont-second-max-w);
        padding-right: 0;
        padding-left: var(--cont-second-content-p);
    }
}
.container-secondary--vendor .container-secondary__content {
    width: 100%;
}
@media (min-width: 768px) {
    .container-secondary--vendor .container-secondary__content {
        max-width: var(--cont-second-content-w);
    }
}
.map--loading:after {
    transition: opacity 1s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    filter: var(--map-loading-filter);
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
    .map--loading:after {
        transition: none;
    }
}
.map--loading-active:after {
    opacity: 1;
}
.placemark {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px;
    background-size: 100%;
}
.placemark--active {
    position: absolute;
    width: 57px;
    height: 62px;
    margin-top: -45px;
    margin-left: -28.5px;
}
.placemark--location {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
}
.placemark--outside {
    width: 40px;
    height: 41px;
    margin-top: -20.5px;
    margin-left: -20px;
}
.autocomplete-list {
    padding: var(--autocomplete-items-p) var(--autocomplete-items-p) 0;
}
.autocomplete-list:after {
    content: "";
    display: block;
    padding-bottom: var(--autocomplete-items-p);
}
.autocomplete-list__item {
    position: relative;
    padding: var(--autocomplete-item-py) var(--autocomplete-item-px);
    border-radius: var(--brs-drop-item);
}
.autocomplete-list__item:not(.autocomplete-list__item--static) {
    cursor: pointer;
}
.autocomplete-list__item:not(.autocomplete-list__item--static):hover,
.autocomplete-list__item:not(.autocomplete-list__item--static):focus {
    background-color: var(--autocomplete-item-hover-bg-cl);
}
.autocomplete-list__item:not(.autocomplete-list__item--static):hover:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):hover + .autocomplete-list__item:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):focus:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):focus + .autocomplete-list__item:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):active:before,
.autocomplete-list__item:not(.autocomplete-list__item--static):active + .autocomplete-list__item:before {
    content: none;
}
.autocomplete-list__item:not(.autocomplete-list__item--static):active {
    background-color: var(--autocomplete-item-active-bg-cl);
}
.autocomplete-list__item:first-child:before {
    content: none;
}
.autocomplete-list__item:before {
    content: "";
    position: absolute;
    top: 0;
    right: var(--autocomplete-item-divider-left);
    left: var(--autocomplete-item-divider-right);
    border-top: var(--autocomplete-item-divider-w) solid var(--autocomplete-item-divider-cl);
}
.autocomplete-list__item--static:first-child {
    padding-top: calc(var(--autocomplete-item-py) - var(--autocomplete-items-p));
}
.autocomplete-list__item--static:last-child {
    padding-bottom: calc(var(--autocomplete-item-py) - var(--autocomplete-items-p));
}
.list-divided__item:not(:first-child) {
    border-top: 1px solid var(--list-divided-border-cl);
}
.list-divided__bottom {
    border-bottom: 1px solid var(--list-divided-border-cl);
}
.btn-copy,
.btn-copy:hover,
.btn-copy:focus {
    border-color: var(--btn-copy-border-cl);
    background-color: var(--btn-copy-bg-cl);
    color: var(--btn-copy-cl);
}
.text-highlighted {
    background-color: var(--text-highlighted-bg-cl);
    color: var(--text-highlighted-cl);
}
.loader-dots {
    display: flex;
}
.loader-dots:before,
.loader-dots:after {
    content: "";
}
.loader-dots:before {
    animation-name: pulseDots1;
}
.loader-dots:after {
    animation-name: pulseDots3;
}
.loader-dots__dot {
    margin-right: 2px;
    margin-left: 2px;
    animation-name: pulseDots2;
}
.loader-dots__dot,
.loader-dots:before,
.loader-dots:after {
    width: 8px;
    height: 8px;
    background-color: var(--loader-dot-default-cl);
    transform: scale(0.75);
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.reg-image {
    --reg-image-size: var(--reg-image-default-size);
    position: absolute;
    right: 0;
    bottom: 16px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .reg-image {
        display: flex;
    }
}
.reg-image__animation {
    display: flex;
    width: 100%;
    max-width: var(--reg-image-size);
    height: 100%;
    max-height: var(--reg-image-size);
    margin: auto;
}
@media (max-width: 1199.98px) {
    .reg-image__animation {
        --reg-image-size: var(--reg-image-sm-size);
    }
}
.reg-image__animation path {
    stroke: var(--marketing-secondary-cl);
}
.reg-image__layer--primary path {
    stroke: var(--marketing-primary-cl);
}
.reg-image__qr-code {
    position: absolute;
    z-index: 1;
    stroke-width: 1px;
}
.reg-image--vendor {
    margin-right: -16px;
}
@media (min-width: 1024px) {
    .reg-image--vendor {
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .reg-image--vendor {
        display: flex;
    }
}
.btn-cell {
    transition: background-color, box-shadow;
    --btn-cell-bg-cl: var(--btn-cell-main-normal-bg-cl);
    --btn-cell-shadow-cl: var(--btn-cell-main-normal-shadow-cl);
    --btn-cell-title-color: var(--btn-cell-normal-title-cl);
    --btn-cell-subtitle-color: var(--btn-cell-normal-subtitle-cl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--btn-cell-py) var(--btn-cell-px);
    border-radius: var(--btn-cell-brs);
    background-color: var(--btn-cell-bg-cl);
    box-shadow: inset 0 0 0 1px var(--btn-cell-shadow-cl);
    cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
    .btn-cell {
        transition: none;
    }
}
.btn-cell:focus-within {
    --btn-cell-bg-cl: var(--btn-cell-main-focus-bg-cl);
    --btn-cell-shadow-cl: var(--btn-cell-main-focus-shadow-cl);
}
@media (hover: hover) {
    .btn-cell:hover {
        --btn-cell-bg-cl: var(--btn-cell-main-hover-bg-cl);
        --btn-cell-shadow-cl: var(--btn-cell-main-hover-shadow-cl);
    }
}
.btn-cell__title,
.btn-cell__subtitle {
    transition: color;
}
@media (prefers-reduced-motion: reduce) {
    .btn-cell__title,
    .btn-cell__subtitle {
        transition: none;
    }
}
.btn-cell__title {
    font-size: var(--text-md-fz);
    font-weight: var(--text-md-fw);
    line-height: var(--text-md-lh);
    color: var(--btn-cell-title-color);
}
.btn-cell__title + .btn-cell__subtitle {
    margin-top: var(--btn-cell-subtitle-mt);
}
.btn-cell__subtitle {
    font-size: var(--text-xs-fz);
    font-weight: var(--text-xs-fw);
    line-height: var(--text-xs-lh);
    color: var(--btn-cell-subtitle-color);
}
.btn-cell--error {
    --btn-cell-bg-cl: var(--btn-cell-error-normal-bg-cl);
    --btn-cell-title-color: var(--btn-cell-error-title-cl);
    --btn-cell-subtitle-color: var(--btn-cell-error-subtitle-cl);
}
.btn-cell--error:focus-within {
    --btn-cell-bg-cl: var(--btn-cell-error-focus-bg-cl);
}
@media (hover: hover) {
    .btn-cell--error:hover {
        --btn-cell-bg-cl: var(--btn-cell-error-hover-bg-cl);
    }
}
.range {
    --range-start-value: 0;
    --range-end-value: 100;
    --range-thickness: var(--range-default-thickness);
    --range-bg-cl: var(--range-default-bg-cl);
    --range-bar-bg-cl: var(--range-bar-default-bg-cl);
    --range-thumb-size: var(--range-default-thumb-size);
    --range-thumb-brs: var(--range-default-thumb-brs);
    --range-thumb-focus-shadow: var(--range-default-thumb-focus-shadow);
    --range-bar-w: calc((var(--range-end-value) - var(--range-start-value)) * 1%);
    display: grid;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
}
.range:before {
    height: var(--range-thickness);
    border-radius: var(--range-brs);
    background-color: var(--range-bg-cl);
}
.range,
.range__bar {
    display: grid;
    grid-area: 1/1/1/1;
    align-items: center;
    justify-items: stretch;
}
.range:before,
.range:after,
.range__bar:before,
.range__bar:after {
    content: "";
    grid-area: 1/1/1/1;
}
.range__bar {
    position: relative;
    left: calc(var(--range-start-value) * 1%);
    width: var(--range-bar-w);
    min-height: var(--range-thumb-size);
}
.range__bar:before {
    height: var(--range-thickness);
    border-radius: var(--range-bar-brs);
    background-color: var(--range-bar-bg-cl);
}
.range__bar--easing {
    transition: width 0.2s;
}
@media (prefers-reduced-motion: reduce) {
    .range__bar--easing {
        transition: none;
    }
}
.range__bar + .range__description {
    margin-top: var(--range-indent);
}
.range__thumb {
    position: absolute;
    left: 0;
    width: var(--range-thumb-size);
    height: var(--range-thumb-size);
    border: var(--range-thumb-border-w) solid var(--range-thumb-border-cl);
    border-radius: var(--range-thumb-brs);
    background-color: var(--range-thumb-bg-cl);
    transform: translate(-50%);
}
.range__thumb:focus,
.range__thumb:active {
    outline: none;
    box-shadow: var(--range-thumb-focus-shadow);
}
.range__thumb:last-child {
    right: 0;
    left: auto;
    transform: translate(50%);
}
.range__description {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-right: calc(var(--range-indent) - var(--range-bar-empty-w));
    padding-left: var(--range-indent);
    cursor: default;
}
.range__description--top {
    grid-row-start: auto;
    grid-row-end: 1;
    margin-bottom: var(--range-indent);
}
.range__animation {
    animation: slide-x 3s ease-in-out;
}
.range--vertical {
    width: fit-content;
}
.range--vertical:before {
    width: var(--range-thickness);
    height: 100%;
}
.range--vertical,
.range--vertical .range__bar {
    align-items: end;
    justify-items: center;
}
.range--vertical .range__bar {
    bottom: calc(var(--range-start-value) * 1%);
    left: 0;
    width: auto;
    min-width: var(--range-thumb-size);
    height: calc((var(--range-end-value) - var(--range-start-value)) * 1%);
    min-height: 0;
}
.range--vertical .range__bar:before {
    width: var(--range-thickness);
    height: 100%;
}
.range--vertical .range__thumb {
    bottom: 0;
    left: auto;
    transform: translateY(50%);
}
.range--vertical .range__thumb:last-child {
    top: 0;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.range--disabled {
    cursor: default;
}
.range--limit {
    --range-thickness: var(--sm-range-limit-thickness);
    --range-bar-empty-w: var(--sm-range-limit-bar-empty-w);
    --range-bg-cl: var(--range-limit-bg-cl);
    --range-bar-bg-cl: var(--range-limit-bar-bg-cl);
    --range-indent: var(--sm-range-indent);
    padding-top: var(--range-indent);
    padding-right: var(--range-bar-empty-w);
    padding-bottom: var(--range-indent);
    border-radius: var(--range-brs);
    cursor: default;
}
@media (min-width: 768px) {
    .range--limit {
        --range-thickness: var(--md-range-limit-thickness);
        --range-bar-empty-w: var(--md-range-limit-bar-empty-w);
        --range-indent: var(--md-range-indent);
    }
}
@media (min-width: 1024px) {
    .range--limit {
        --range-thickness: var(--lg-range-limit-thickness);
        --range-bar-empty-w: var(--lg-range-limit-bar-empty-w);
        --range-indent: var(--lg-range-indent);
    }
}
.range--limit:before {
    width: calc(100% + var(--range-bar-empty-w));
}
.range--limit .range__bar {
    --range-bar-brs: var(--range-brs);
    width: calc((var(--range-end-value) - var(--range-start-value)) * 1% + var(--range-bar-empty-w));
    min-width: 0;
    min-height: 0;
}
.range--limit .range__bar:before {
    border-radius: var(--range-brs);
}
.range--limit .range__value {
    font-size: var(--sm-text-md-fz);
    line-height: var(--sm-text-md-lh);
    letter-spacing: var(--sm-text-md-ls);
    font-weight: var(--text-lk-fw);
}
@media (min-width: 768px) {
    .range--limit .range__value {
        font-size: var(--md-text-md-fz);
        line-height: var(--md-text-md-lh);
        letter-spacing: var(--md-text-md-ls);
    }
}
@media (min-width: 1024px) {
    .range--limit .range__value {
        font-size: var(--lg-text-md-fz);
        line-height: var(--lg-text-md-lh);
        letter-spacing: var(--lg-text-md-ls);
    }
}
.range--limit .range__caption {
    font-size: var(--sm-text-sm-fz);
    line-height: var(--sm-text-sm-lh);
    letter-spacing: var(--sm-text-sm-ls);
    font-weight: var(--text-lk-fw);
    color: var(--range-limit-caption-cl);
}
@media (min-width: 768px) {
    .range--limit .range__caption {
        font-size: var(--md-text-sm-fz);
        line-height: var(--md-text-sm-lh);
        letter-spacing: var(--md-text-sm-ls);
    }
}
@media (min-width: 1024px) {
    .range--limit .range__caption {
        font-size: var(--lg-text-sm-fz);
        line-height: var(--lg-text-sm-lh);
        letter-spacing: var(--lg-text-sm-ls);
    }
}
.range--limit.range--vertical {
    padding-top: var(--range-bar-empty-w);
    padding-right: 0;
}
.range--limit.range--vertical:before {
    width: 100%;
    height: calc(100% + var(--range-bar-empty-w));
}
.range--limit.range--vertical .range__bar {
    width: auto;
    height: calc((var(--range-end-value) - var(--range-start-value)) * 1% + var(--range-bar-empty-w));
}
.range--password {
    --range-thickness: var(--range-password-thickness);
    --range-bg-cl: var(--range-password-bg-cl);
    border-radius: var(--range-brs);
    cursor: default;
}
.range--password .range__bar {
    --range-bar-brs: var(--range-brs);
    min-height: 0;
}
.range--password .range__bar:before {
    border-radius: var(--range-brs);
}
.range--password .range__bar--weak {
    --range-bar-bg-cl: var(--range-password-bar-weak-bg-cl);
}
.range--password .range__bar--medium {
    --range-bar-bg-cl: var(--range-password-bar-medium-bg-cl);
}
.range--password .range__bar--strong {
    --range-bar-bg-cl: var(--range-password-bar-strong-bg-cl);
}
.range--marketing {
    --range-bar-brs: var(--range-bar-marketing-brs);
    --range-thumb-brs: var(--range-thumb-marketing-brs);
    position: relative;
    margin-left: 20px;
}
.range--marketing:after {
    content: "";
    position: absolute;
    top: 8px;
    left: -20px;
    z-index: 0;
    width: 20px;
    height: var(--range-thickness);
    border-radius: var(--range-after-marketing-brs);
    background-color: var(--range-after-marketing-bg-cl);
}
.range--marketing-width:after {
    content: "";
    animation: slide-width 3s ease-in-out;
}
.range--marketing .range__thumb {
    transition: width 0.2s, height 0.2s;
}
@media (prefers-reduced-motion: reduce) {
    .range--marketing .range__thumb {
        transition: none;
    }
}
@media (min-width: 1200px) {
    .range--marketing .range__thumb {
        --range-thumb-size: var(--xl-range-thumb-marketing-default-size);
    }
}
.range--marketing .range__thumb:focus,
.range--marketing .range__thumb:hover {
    --range-thumb-size: var(--range-thumb-marketing-hover-size);
    --range-thumb-focus-shadow: var(--range-thumb-marketing-focus-shadow);
}
.range--marketing .range__bar {
    z-index: 1;
}
.range--gradient {
    --range-bg-cl: var(--range-gradient-bg-cl);
    --range-gradient-bar-alpha: 0;
}
.range--gradient .range__bar:before {
    background-image: linear-gradient(var(--range-gradient-bar-direction), rgba(var(--range-gradient-bar-cl), 0) 0, rgba(var(--range-gradient-bar-cl), 0) 50%, rgba(var(--range-gradient-bar-cl), var(--range-gradient-bar-alpha)) 100%);
}
.range--gradient .range__bar--error {
    --range-gradient-bar-alpha: 0.6;
    --range-bar-bg-cl: var(--range-gradient-bar-error-bg-cl);
    --range-gradient-bar-cl: var(--range-gradient-bar-error-cl);
    --range-gradient-bar-direction: to left;
}
.range--gradient .range__bar--success {
    --range-gradient-bar-alpha: 0.3;
    --range-bar-bg-cl: var(--range-gradient-bar-success-bg-cl);
    --range-gradient-bar-cl: var(--range-gradient-bar-success-cl);
    --range-gradient-bar-direction: to left;
}
.range--reg {
    --range-thickness: var(--range-reg-thickness);
    --range-thumb-size: var(--range-reg-thickness);
    --range-bar-w: 100%;
    border-radius: var(--range-bar-brs);
    overflow: hidden;
}
.range--reg .range__bar:after {
    transition: width;
    width: calc(100% - (var(--range-end-value) - var(--range-start-value)) * 1%);
    height: var(--range-thumb-size);
    margin-left: auto;
    background-color: var(--range-bg-cl);
}
@media (prefers-reduced-motion: reduce) {
    .range--reg .range__bar:after {
        transition: none;
    }
}
.range--animated {
    --range-end-value: 0;
}
.range-set {
    --range-set-py: var(--sm-range-set-py);
    --range-set-px: var(--sm-range-set-px);
    --range-set-indent: var(--sm-range-set-indent);
    padding-top: var(--range-set-py);
    padding-right: var(--range-set-px);
    padding-bottom: var(--range-set-py);
    padding-left: var(--range-set-px);
    border-radius: var(--range-set-brs);
    background-color: var(--range-set-bg-cl);
}
@media (min-width: 768px) {
    .range-set {
        --range-set-py: var(--md-range-set-py);
        --range-set-px: var(--md-range-set-px);
        --range-set-indent: var(--md-range-set-indent);
    }
}
@media (min-width: 1024px) {
    .range-set {
        --range-set-py: var(--lg-range-set-py);
        --range-set-px: var(--lg-range-set-px);
        --range-set-indent: var(--lg-range-set-indent);
    }
}
.range-set__item {
    padding-top: 0;
    padding-bottom: 0;
}
.range-set__item + .range-set__item {
    margin-top: var(--range-set-indent);
}
@keyframes slide-x {
    0% {
        left: 0;
    }
    30%,
    40%,
    50%,
    60%,
    70% {
        left: 50%;
    }
    to {
        left: 0;
    }
}
@keyframes slide-width {
    0% {
        width: 2%;
    }
    30%,
    40%,
    50%,
    60%,
    70% {
        width: 52%;
    }
    to {
        width: 2%;
    }
}
.nc-reg-section {
    --nc-button-height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 550px;
    border-radius: 24px;
    background-color: var(--color-lime-300);
}
.nc-reg-section__title {
    padding: 36px;
}
@media (min-width: 744px) {
    .nc-reg-section__title {
        padding: 24px 32px;
    }
}
.nc-reg-section__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: flex-end;
    width: 100%;
    padding: 8px;
}
@media (min-width: 744px) {
    .nc-reg-section__actions {
        max-width: 400px;
        padding: 24px 12px;
    }
}

.nc-footer[_ngcontent-serverApp-c1844747603] {
    margin-top: calc(var(--scale) * 230);
    background-color: var(--bg-footer, var(--color-gray-900));
    color: var(--text-color-footer, var(--color-white));
}
@media (min-width: 744px) {
    .nc-footer[_ngcontent-serverApp-c1844747603] {
        margin-top: calc(var(--scale) * 230);
    }
}
@media (min-width: 1024px) {
    .nc-footer[_ngcontent-serverApp-c1844747603] {
        margin-top: calc(var(--scale) * 200);
    }
}
.nc-footer__wrapper[_ngcontent-serverApp-c1844747603] {
    padding-right: calc(var(--scale) * 16);
    padding-left: calc(var(--scale) * 16);
}
@media (min-width: 1024px) {
    .nc-footer__wrapper[_ngcontent-serverApp-c1844747603] {
        padding-right: calc(var(--scale) * 20);
        padding-left: calc(var(--scale) * 20);
    }
}
.nc-footer__banner[_ngcontent-serverApp-c1844747603] {
    height: calc(var(--scale) * 300);
}
@media (min-width: 744px) {
    .nc-footer__banner[_ngcontent-serverApp-c1844747603] {
        height: calc(var(--scale) * 100);
    }
}
@media (min-width: 1024px) {
    .nc-footer__banner[_ngcontent-serverApp-c1844747603] {
        height: calc(var(--scale) * 150);
    }
}
.nc-footer__main[_ngcontent-serverApp-c1844747603] {
    padding-top: calc(var(--scale) * 34);
}
@media (min-width: 744px) {
    .nc-footer__main[_ngcontent-serverApp-c1844747603] {
        padding-top: calc(var(--scale) * 26);
    }
}
.nc-footer__breadcrumbs[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
}
@media (min-width: 744px) {
    .nc-footer__breadcrumbs[_ngcontent-serverApp-c1844747603] {
        margin-bottom: calc(var(--scale) * 26);
    }
}
.nc-footer__breadcrumbs-link[_ngcontent-serverApp-c1844747603] {
    font-size: calc(var(--scale) * 16);
    font-weight: 400;
    line-height: calc(var(--scale) * 20);
    text-decoration: none;
    opacity: 45%;
}
.nc-footer__breadcrumbs-link[_ngcontent-serverApp-c1844747603]:hover {
    color: var(--color-white);
    opacity: 45%;
}
.nc-footer__breadcrumbs-icon[_ngcontent-serverApp-c1844747603] {
    width: calc(var(--scale) * 20);
    height: calc(var(--scale) * 12);
}
.nc-footer__common[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 60);
    padding-top: calc(var(--scale) * 28);
    border-top: 0.5px solid rgba(255, 255, 255, 0.65);
}
@media (min-width: 744px) {
    .nc-footer__common[_ngcontent-serverApp-c1844747603] {
        gap: calc(var(--scale) * 44);
        padding-top: calc(var(--scale) * 55);
    }
}
@media (min-width: 1024px) {
    .nc-footer__common[_ngcontent-serverApp-c1844747603] {
        padding-top: calc(var(--scale) * 53);
    }
}
.nc-footer__communication[_ngcontent-serverApp-c1844747603] {
    display: grid;
    gap: calc(var(--scale) * 48);
}
@media (min-width: 744px) {
    .nc-footer__communication[_ngcontent-serverApp-c1844747603] {
        grid-template-columns: repeat(2, 1fr);
        gap: calc(var(--scale) * 15);
    }
}
.nc-footer__communication[_ngcontent-serverApp-c1844747603] .nc-h3[_ngcontent-serverApp-c1844747603] {
    --h3-title-color: var(--color-white);
}
.nc-footer__communication-item[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 12);
}
.nc-footer__communication-link[_ngcontent-serverApp-c1844747603] {
    text-decoration: none;
}
.nc-footer__communication-text[_ngcontent-serverApp-c1844747603] {
    font-size: calc(var(--scale) * 16);
    font-weight: 400;
    line-height: calc(var(--scale) * 20);
    opacity: 45%;
}
.nc-footer__communication-socials[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.nc-footer__nav[_ngcontent-serverApp-c1844747603] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--scale) * 12);
}
@media (min-width: 1024px) {
    .nc-footer__nav[_ngcontent-serverApp-c1844747603] {
        gap: calc(var(--scale) * 10);
    }
}
.nc-footer__nav[_ngcontent-serverApp-c1844747603] .nc-text-md[_ngcontent-serverApp-c1844747603] {
    --text-md-color: var(--color-white);
}
.nc-footer__nav-link[_ngcontent-serverApp-c1844747603] {
    width: fit-content;
    text-decoration: none;
}
.nc-footer__nav-link--size[_ngcontent-serverApp-c1844747603] {
    width: 70%;
}
@media (min-width: 1024px) {
    .nc-footer__nav-link--size[_ngcontent-serverApp-c1844747603] {
        width: 100%;
    }
}
.nc-footer__nav-decoration[_ngcontent-serverApp-c1844747603] {
    display: inline;
    border-bottom: 1px solid rgb(255, 255, 255);
}
.nc-footer__nav-item[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 16);
}
@media (min-width: 744px) {
    .nc-footer__nav-item[_ngcontent-serverApp-c1844747603] {
        gap: calc(var(--scale) * 12);
    }
}
.nc-footer__nav-about[_ngcontent-serverApp-c1844747603] {
    opacity: 45%;
}
.nc-footer__nav-submenu[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: column;
}
.nc-footer__nav-submenu--blank[_ngcontent-serverApp-c1844747603] {
    gap: calc(var(--scale) * 16);
}
@media (min-width: 744px) {
    .nc-footer__nav-submenu--blank[_ngcontent-serverApp-c1844747603] {
        gap: calc(var(--scale) * 12);
    }
}
.nc-footer__nav-submenu--another[_ngcontent-serverApp-c1844747603] {
    flex-direction: column;
    gap: calc(var(--scale) * 19);
}
@media (min-width: 744px) {
    .nc-footer__nav-submenu--another[_ngcontent-serverApp-c1844747603] {
        flex-direction: row;
        gap: calc(var(--scale) * 0);
        justify-content: space-between;
        max-width: calc(var(--scale) * 297);
    }
}
@media (min-width: 1024px) {
    .nc-footer__nav-submenu--another[_ngcontent-serverApp-c1844747603] {
        max-width: calc(var(--scale) * 440);
    }
}
.nc-footer__nav-submenu-another[_ngcontent-serverApp-c1844747603] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 19);
}
@media (min-width: 744px) {
    .nc-footer__nav-submenu-another[_ngcontent-serverApp-c1844747603] {
        gap: calc(var(--scale) * 12);
    }
}
.nc-footer__bottom[_ngcontent-serverApp-c1844747603] {
    padding-top: calc(var(--scale) * 44);
    padding-bottom: calc(var(--scale) * 34);
}
@media (min-width: 744px) {
    .nc-footer__bottom[_ngcontent-serverApp-c1844747603] {
        padding-top: calc(var(--scale) * 44);
        padding-bottom: calc(var(--scale) * 32);
    }
}
.nc-footer__bottom[_ngcontent-serverApp-c1844747603] .nc-text-sm[_ngcontent-serverApp-c1844747603] {
    --text-sm-color: var(--color-white);
}
.nc-footer__bottom-desc[_ngcontent-serverApp-c1844747603] {
    display: inline;
    margin-right: calc(var(--scale) * 4);
    opacity: 45%;
}
.nc-footer__bottom-link[_ngcontent-serverApp-c1844747603] {
    margin-right: calc(var(--scale) * 5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff73;
    text-decoration: none;
}
.nc-footer__bottom-link[_ngcontent-serverApp-c1844747603]:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.nc-footer[_ngcontent-serverApp-c1844747603] .nc-card[_ngcontent-serverApp-c1844747603] {
    --link-md-color: var(--color-white);
    --text-md-color: var(--color-white);
}
.nc-footer[_ngcontent-serverApp-c1844747603] .nc-card__action[_ngcontent-serverApp-c1844747603] {
    display: flex;
    gap: calc(var(--scale) * 10);
}
.nc-footer[_ngcontent-serverApp-c1844747603] .nc-card[_ngcontent-serverApp-c1844747603] a[_ngcontent-serverApp-c1844747603] {
    text-decoration: none;
}
.nc-footer[_ngcontent-serverApp-c1844747603] .nc-card[_ngcontent-serverApp-c1844747603] .link-decaration[_ngcontent-serverApp-c1844747603] {
    display: inline;
    border-bottom: 1px solid var(--color-white);
}

[_ngcontent-serverApp-c2325459790]:root {
    --button-default-active-background: var(--color-black);
    --button-default-active-color: var(--color-white);
    --button-default-background: var(--color-black);
    --button-default-color: var(--color-white);
    --button-default-disabled-background: #6c6c6c;
    --button-default-disabled-color: #afaeaa;
    --button-default-hover-background: var(--color-green);
    --button-default-hover-color: var(--color-black);
    --button-secondary-active-background: var(--color-green);
    --button-secondary-active-color: var(--color-white);
    --button-secondary-background: var(--color-green);
    --button-secondary-color: var(--color-black);
    --button-secondary-hover-background: #eaffd0;
    --button-secondary-hover-color: var(--color-black);
    --button-lg-border-radius: var(--button-md-border-radius);
    --button-lg-font-size: var(--button-md-font-size);
    --button-lg-height: var(--button-md-height);
    --button-lg-letter-spacing: var(--button-md-letter-spacing);
    --button-lg-padding-x: var(--button-md-padding-x);
    --button-md-border-radius: 19px;
    --button-md-font-size: 18px;
    --button-md-height: 68px;
    --button-md-letter-spacing: -0.01em;
    --button-md-padding-x: 24px;
    --button-outline-background: transparent;
    --button-outline-border: var(--color-black);
    --button-outline-color: var(--color-black);
    --button-outline-hover-background: var(--color-white);
    --button-sm-border-radius: 13px;
    --button-sm-font-size: 16px;
    --button-sm-height: 40px;
    --button-sm-letter-spacing: -0.005em;
    --button-sm-padding-x: 8px;
    --button-xs-border-radius: 9px;
    --button-xs-font-size: 14px;
    --button-xs-height: 32px;
    --button-xs-letter-spacing: 0;
    --button-xs-padding-x: 6px;
    --color-black: #222222;
    --color-blue: #cfdefc;
    --color-light-blue: #0d93f3;
    --color-blue-5: #28a8e8;
    --color-green: #cbfa92;
    --color-green-5: #6fb72f;
    --color-green-10: #00bb66;
    --color-green-15: #cafce5;
    --color-green-20: #e6f8f0;
    --color-purple: #d6cffc;
    --color-yellow: #ffde88;
    --color-violet: #9aaaff;
    --color-violet-5: #f7f5ff;
    --color-violet-10: #ede9ff;
    --color-violet-15: #dcd4ff;
    --color-violet-20: #c8beff;
    --color-grey: #6e6e6e;
    --color-grey-5: #f8f8f8;
    --color-grey-10: #cccccc;
    --color-grey-15: #f3f3f3;
    --color-grey-20: #e0dbda;
    --color-grey-25: #cac2c0;
    --color-grey-30: #888888;
    --color-grey-35: #eae8e7;
    --color-grey-40: #d5cfcd;
    --color-grey-50: #eaeaea;
    --color-grey-60: #f3f3f3;
    --color-grey-80: #888888;
    --color-grey-90: #3a3a3a;
    --color-light-grey: var(--color-grey-50);
    --color-orange: #fce1cf;
    --color-punch: #ff5566;
    --color-pink: #ffeef0;
    --color-pink-5: #fccffc;
    --color-red-10: #ff5566;
    --color-red-15: #d91920;
    --color-red-20: #ffdddd;
    --color-white: #ffffff;
    --color-white-5: #fef9f5;
    --color-white-10: #ecddd7;
    --color-coffee-600: #cac2c0;
    --header-height: 56px;
    --label-bg: var(--color-green);
    --nav-menu-aside-offset: 12px;
    --card-color-background: var(--color-white);
    --card-color-primary: var(--color-black);
    --card-color-secondary: var(--color-grey-30);
    --card-link-color: var(--color-light-blue);
    --chip-color: var(--color-grey-5);
    --chip-color-hover: #f2f0f0;
    --chip-color-active: var(--color-black);
    --chip-color-text: var(--color-black);
    --compare-column-width: 50%;
    --b-accordion-background: var(--color-white);
    --b-accordion-shadow: 0 5px 25px rgba(54, 27, 97, 0.08);
    --b-accordion-content-px: 20px;
    --b-accordion-content-py: 20px;
    --ph-primary-color: var(--color-grey-50);
    --ph-secondary-color: var(--color-grey-10);
    --icon-loader-color-primary: var(--color-white);
    --icon-loader-color-secondary: rgba(255, 255, 255, 0.25);
}
@media (min-width: 768px) {
    [_ngcontent-serverApp-c2325459790]:root {
        --header-height: 64px;
        --compare-column-width: 55%;
        --b-accordion-content-px: 32px;
        --b-accordion-content-py: 32px;
        --button-lg-border-radius: 26px;
        --button-lg-font-size: 24px;
        --button-lg-height: 90px;
        --button-lg-letter-spacing: -0.015em;
        --button-lg-padding-x: 50px;
    }
}
@media (min-width: 1024px) {
    [_ngcontent-serverApp-c2325459790]:root {
        --header-height: 104px;
    }
}
@media (min-width: 1280px) {
    [_ngcontent-serverApp-c2325459790]:root {
        --compare-column-width: 58%;
    }
}
[_nghost-serverApp-c2325459790] {
    display: flex;
    flex-grow: 1;
    gap: calc(var(--scale) * 8);
    align-items: center;
}
.main-menu__desk[_ngcontent-serverApp-c2325459790] {
    display: none;
}
@media (min-width: 1024px) {
    .main-menu__desk[_ngcontent-serverApp-c2325459790] {
        display: flex;
        gap: calc(var(--scale) * 24);
        align-items: center;
        width: 100%;
    }
}
.main-menu__wrap[_ngcontent-serverApp-c2325459790] {
    display: none;
}
@media (min-width: 1024px) {
    .main-menu__wrap[_ngcontent-serverApp-c2325459790] {
        display: flex;
        align-items: center;
    }
    .main-menu__wrap[_ngcontent-serverApp-c2325459790] .main-menu__item[_ngcontent-serverApp-c2325459790]:first-of-type {
        padding-right: calc(var(--scale) * 12);
    }
    .main-menu__wrap[_ngcontent-serverApp-c2325459790] .main-menu__item[_ngcontent-serverApp-c2325459790]:nth-of-type(2) {
        padding-left: calc(var(--scale) * 12);
    }
}
.main-menu__mobile[_ngcontent-serverApp-c2325459790] {
    display: flex;
    flex-grow: 1;
    gap: calc(var(--scale) * 8);
    align-items: center;
}
@media (min-width: 1024px) {
    .main-menu__mobile[_ngcontent-serverApp-c2325459790] {
        display: none;
    }
}
.main-menu__item[_ngcontent-serverApp-c2325459790] {
    z-index: 9;
    font-size: calc(var(--scale) * 18);
    line-height: calc(var(--scale) * 21.6);
    letter-spacing: -0.01em;
}
.main-menu__item--shown[_ngcontent-serverApp-c2325459790] {
    --main-menu-dropdown-opacity: 1;
    --main-menu-dropdown-pointer-events: auto;
    --main-menu-indicator-rotate: 180;
}
.main-menu__indicator[_ngcontent-serverApp-c2325459790] {
    transform: rotate(calc(var(--main-menu-indicator-rotate, 0) * 1deg));
    transition: transform ease-in-out 0.25s;
}
.main-menu__nav[_ngcontent-serverApp-c2325459790],
.main-menu__burger[_ngcontent-serverApp-c2325459790] {
    position: relative;
    z-index: 2;
}
.main-menu__link[_ngcontent-serverApp-c2325459790] {
    display: inline-flex;
    gap: calc(var(--scale) * 8);
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: calc(var(--scale) * 16);
    font-weight: 400;
    line-height: calc(var(--scale) * 20);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.main-menu__link[_ngcontent-serverApp-c2325459790]:hover,
.main-menu__link--dropped[_ngcontent-serverApp-c2325459790] {
    color: var(--color-black);
}
.main-menu__link--client[_ngcontent-serverApp-c2325459790] {
    position: -webkit-sticky;
    position: sticky;
    right: 12px;
    bottom: 14px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 72px;
    margin-top: 8px;
    padding: 26px 16px 26px 20px;
    border-radius: 12px;
    background-color: var(--color-white);
    line-height: 20px;
    letter-spacing: normal;
}
.main-menu__link--client[_ngcontent-serverApp-c2325459790]:hover {
    background-color: var(--color-inverse-hover);
}
@media (min-width: 1024px) {
    .main-menu__link--client[_ngcontent-serverApp-c2325459790] {
        position: relative;
        gap: 0;
        height: auto;
        margin-top: 0;
        padding: 8px;
        inset: unset;
    }
}
.main-menu__link--icon[_ngcontent-serverApp-c2325459790] {
    display: none;
}
@media (min-width: 1024px) {
    .main-menu__link--icon[_ngcontent-serverApp-c2325459790] {
        z-index: 9;
        display: block;
    }
}
.main-menu__link--large[_ngcontent-serverApp-c2325459790] {
    padding: 0;
    color: var(--color-black);
    font-size: calc(var(--scale) * 28);
    line-height: calc(var(--scale) * 28);
    letter-spacing: -0.02em;
    text-align: left;
}
.main-menu__nav[_ngcontent-serverApp-c2325459790] {
    display: inline-flex;
    gap: calc(var(--scale) * 8);
    align-items: center;
    height: calc(var(--scale) * 40);
    padding: 0 calc(var(--scale) * 16);
    border: none;
    border-radius: calc(var(--scale) * 11);
    background-color: var(--main-menu-nav-background, transparent);
    color: var(--color-black);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background ease-in-out 0.25s;
}
.main-menu__nav--large[_ngcontent-serverApp-c2325459790] {
    --main-menu-nav-background: var(--color-grey-5);
    align-items: center;
    justify-content: center;
    height: auto;
    padding: calc(var(--scale) * 16);
    border-radius: calc(var(--scale) * 12);
    font-size: calc(var(--scale) * 24);
    line-height: calc(var(--scale) * 30);
    letter-spacing: -0.015em;
}
.main-menu__nav--large[_ngcontent-serverApp-c2325459790]:hover {
    --main-menu-nav-background: var(--color-grey-15);
}
.main-menu__separator[_ngcontent-serverApp-c2325459790] {
    margin-left: auto;
}
.main-menu-dropdown[_ngcontent-serverApp-c2325459790] {
    position: absolute;
    top: calc(var(--nc-header-height));
    right: 0;
    left: 0;
    z-index: 1;
    opacity: var(--main-menu-dropdown-opacity, 0);
    pointer-events: var(--main-menu-dropdown-pointer-events, none);
    transform: translateY(-10px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (min-width: 1024px) {
    .main-menu-dropdown[_ngcontent-serverApp-c2325459790] {
        top: calc(var(--nc-header-height) - 30px);
    }
}
.main-menu-dropdown__container[_ngcontent-serverApp-c2325459790] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 28);
    height: calc(100% - var(--nc-header-height) - 28px);
    padding: 22px 16px;
    padding-top: calc(var(--scale) * 8);
    padding-bottom: calc(var(--scale) * 0);
    padding-left: calc(var(--scale) * 12);
    overflow-y: auto;
    opacity: var(--main-menu-dropdown-opacity, 0);
}
@media (min-width: 1024px) {
    .main-menu-dropdown__container[_ngcontent-serverApp-c2325459790] {
        padding-bottom: calc(var(--scale) * 22);
    }
}
.main-menu-dropdown__wrapper[_ngcontent-serverApp-c2325459790] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
}
.main-menu-dropdown__nav[_ngcontent-serverApp-c2325459790] {
    padding: calc(var(--scale) * 24) 0;
    color: var(--color-grey-30);
}
.main-menu-dropdown__nav--compact[_ngcontent-serverApp-c2325459790] {
    padding-top: calc(var(--scale) * 64);
}
@media (min-width: 768px) {
    .main-menu-dropdown__nav--compact[_ngcontent-serverApp-c2325459790] {
        margin-top: calc(var(--scale) * 48);
        padding-top: calc(var(--scale) * 24);
    }
}
@media (min-width: 1024px) {
    .main-menu-dropdown__nav--compact[_ngcontent-serverApp-c2325459790] {
        margin-top: calc(var(--scale) * 96);
    }
}
.main-menu-dropdown--shown[_ngcontent-serverApp-c2325459790] {
    --main-menu-dropdown-opacity: 1;
    --main-menu-dropdown-pointer-events: auto;
    align-content: space-between;
    height: calc(100% - var(--nc-header-height));
    border-radius: 0 0 24px 24px;
    transform: translateY(0);
}
@media (min-width: 1024px) {
    .main-menu-dropdown--shown[_ngcontent-serverApp-c2325459790] {
        height: auto;
        padding-top: 30px;
    }
}


[_nghost-serverApp-c2189514508] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nc-button-width, var(--nc-button-default-width));
    height: var(--nc-button-height, var(--nc-button-default-height));
    padding: 0 var(--nc-button-padding-x, var(--nc-button-default-padding-x));
    border: none;
    border-radius: var(--nc-button-border-radius, var(--nc-button-default-border-radius));
    background-color: var(--nc-button-background, var(--nc-button-default-background));
    color: var(--nc-button-color, var(--nc-button-default-color));
    font-size: var(--nc-button-font-size, var(--nc-button-default-font-size));
    line-height: var(--nc-button-line-height, var(--nc-button-default-line-height));
    font-weight: var(--nc-button-font-weight, var(--nc-button-default-font-weight));
    letter-spacing: var(--nc-button-letter-spacing, var(--nc-button-default-letter-spacing));
    text-decoration: none;
    cursor: pointer;
    transition: transform ease 0.4s, background ease 0.25s, color ease 0.25s;
    transform: scale(1);
    will-change: transform;
}
[_nghost-serverApp-c2189514508]:hover {
    --nc-button-background: var(--nc-button-default-hover-background);
}
[_nghost-serverApp-c2189514508]:focus {
    outline: var(--nc-button-outline, var(--nc-button-default-focus-outline));
    outline-offset: var(--nc-button-outline-offset, var(--nc-button-default-focus-outline-offset));
}
[_nghost-serverApp-c2189514508]:focus:not(:focus-visible) {
    outline: 0;
}
[_nghost-serverApp-c2189514508]:active {
    transform: scale(0.95);
}
[_nghost-serverApp-c2189514508] .content[_ngcontent-serverApp-c2189514508] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: var(--nc-button-default-spacing-x);
    padding-left: var(--nc-button-default-spacing-x);
}
[_nghost-serverApp-c2189514508]:disabled,
.disabled[_nghost-serverApp-c2189514508] {
    --nc-button-background: var(--nc-button-default-disabled-background);
    --nc-button-color: var(--nc-button-default-disabled-color);
    cursor: default;
}
.inverse[_nghost-serverApp-c2189514508] {
    --nc-button-default-background: var(--nc-button-inverse-background);
    --nc-button-default-color: var(--nc-button-inverse-color);
    --nc-button-default-disabled-background: var(--nc-button-inverse-disabled-background);
    --nc-button-default-disabled-color: var(--nc-button-inverse-disabled-color);
    --nc-button-default-focus-outline: var(--nc-button-inverse-focus-outline);
    --nc-button-default-focus-outline-offset: var(--nc-button-inverse-focus-outline-offset);
    --nc-button-default-hover-background: var(--nc-button-inverse-hover-background);
}
.primary[_nghost-serverApp-c2189514508] {
    --nc-button-default-background: var(--nc-button-primary-background);
    --nc-button-default-color: var(--nc-button-primary-color);
    --nc-button-default-disabled-background: var(--nc-button-primary-disabled-background);
    --nc-button-default-disabled-color: var(--nc-button-primary-disabled-color);
    --nc-button-default-focus-outline: var(--nc-button-primary-focus-outline);
    --nc-button-default-focus-outline-offset: var(--nc-button-primary-focus-outline-offset);
    --nc-button-default-hover-background: var(--nc-button-primary-hover-background);
}
.lg[_nghost-serverApp-c2189514508] {
    --nc-button-default-font-size: var(--nc-button-lg-font-size);
    --nc-button-default-height: var(--nc-button-lg-height);
    --nc-button-default-letter-spacing: var(--nc-button-lg-letter-spacing);
    --nc-button-default-line-height: var(--nc-button-lg-line-height);
    --nc-button-default-padding-x: var(--nc-button-lg-padding-x);
}
.xl[_nghost-serverApp-c2189514508] {
    --nc-button-default-font-size: var(--nc-button-xl-font-size);
    --nc-button-default-height: var(--nc-button-xl-height);
    --nc-button-default-letter-spacing: var(--nc-button-xl-letter-spacing);
    --nc-button-default-line-height: var(--nc-button-xl-line-height);
    --nc-button-default-padding-x: var(--nc-button-xl-padding-x);
}
.rounded[_nghost-serverApp-c2189514508] {
    --nc-button-default-border-radius: var(--nc-button-height, var(--nc-button-default-height));
}
.nc-action[_nghost-serverApp-c2189514508] {
    gap: 16px;
    padding-left: calc(14px + var(--nc-button-default-padding-x, 0px));
}
.nc-action[_nghost-serverApp-c2189514508] .icon-action[_ngcontent-serverApp-c2189514508] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-coffee-100);
}

.nc-slide {
    --nc-button-outline: transparent;
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 36);
}
@media (min-width: 744px) {
    .nc-slide {
        gap: calc(var(--scale) * 38);
    }
}
@media (min-width: 1024px) {
    .nc-slide {
        gap: calc(var(--scale) * 48);
    }
}
@media (min-width: 1200px) {
    .nc-slide {
        gap: calc(var(--scale) * 56);
    }
}
.nc-next {
    display: none;
}
@media (min-width: 744px) {
    .nc-next {
        display: block;
    }
}
.nc-navigation {
    --nc-button-width: calc(var(--scale) * 56);
    --nc-button-height: calc(var(--scale) * 56);
    --nc-button-border-radius: calc(var(--scale) * 62);
    display: flex;
    gap: calc(var(--scale) * 8);
    align-self: center;
}
.nc-navigation.hidden {
    display: none;
}
.nc-pagination {
    display: flex;
    align-items: center;
    height: calc(var(--scale) * 56);
    padding: 0 calc(var(--scale) * 24);
    border-radius: calc(var(--scale) * 62);
    background-color: var(--color-white);
}
.nc-pagination-bullet {
    padding: calc(var(--scale) * 10);
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.nc-pagination-bullet:before {
    content: "";
    display: block;
    width: calc(var(--scale) * 8);
    height: calc(var(--scale) * 8);
    border-radius: calc(var(--scale) * 8);
    background-color: var(--color-coffee-400);
    transition: width 0.5s ease, background-color 0.5s ease;
}
@media (min-width: 1200px) {
    .nc-pagination-bullet:before {
        width: calc(var(--scale) * 10);
        height: calc(var(--scale) * 10);
        border-radius: calc(var(--scale) * 10);
    }
}
.nc-pagination-bullet-active:before {
    width: calc(var(--scale) * 36);
    background-color: var(--color-gray-900);
}
@media (min-width: 1200px) {
    .nc-pagination-bullet-active:before {
        width: calc(var(--scale) * 43);
    }
}

[_nghost-serverApp-c1745392587] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nc-button-width, var(--nc-button-default-width));
    height: var(--nc-button-height, var(--nc-button-default-height));
    padding: 0 var(--nc-button-padding-x, var(--nc-button-default-padding-x));
    border: none;
    border-radius: var(--nc-button-border-radius, var(--nc-button-default-border-radius));
    background-color: var(--nc-button-background, var(--nc-button-default-background));
    color: var(--nc-button-color, var(--nc-button-default-color));
    font-size: var(--nc-button-font-size, var(--nc-button-default-font-size));
    line-height: var(--nc-button-line-height, var(--nc-button-default-line-height));
    font-weight: var(--nc-button-font-weight, var(--nc-button-default-font-weight));
    letter-spacing: var(--nc-button-letter-spacing, var(--nc-button-default-letter-spacing));
    text-decoration: none;
    cursor: pointer;
    transition: transform ease 0.4s, background ease 0.25s, color ease 0.25s;
    transform: scale(1);
    will-change: transform;
}
[_nghost-serverApp-c1745392587]:hover {
    --nc-button-background: var(--nc-button-default-hover-background);
}
[_nghost-serverApp-c1745392587]:focus {
    outline: var(--nc-button-outline, var(--nc-button-default-focus-outline));
    outline-offset: var(--nc-button-outline-offset, var(--nc-button-default-focus-outline-offset));
}
[_nghost-serverApp-c1745392587]:focus:not(:focus-visible) {
    outline: 0;
}
[_nghost-serverApp-c1745392587]:active {
    transform: scale(0.95);
}
[_nghost-serverApp-c1745392587] .content[_ngcontent-serverApp-c1745392587] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: var(--nc-button-default-spacing-x);
    padding-left: var(--nc-button-default-spacing-x);
}
[_nghost-serverApp-c1745392587]:disabled,
.disabled[_nghost-serverApp-c1745392587] {
    --nc-button-background: var(--nc-button-default-disabled-background);
    --nc-button-color: var(--nc-button-default-disabled-color);
    cursor: default;
}
.inverse[_nghost-serverApp-c1745392587] {
    --nc-button-default-background: var(--nc-button-inverse-background);
    --nc-button-default-color: var(--nc-button-inverse-color);
    --nc-button-default-disabled-background: var(--nc-button-inverse-disabled-background);
    --nc-button-default-disabled-color: var(--nc-button-inverse-disabled-color);
    --nc-button-default-focus-outline: var(--nc-button-inverse-focus-outline);
    --nc-button-default-focus-outline-offset: var(--nc-button-inverse-focus-outline-offset);
    --nc-button-default-hover-background: var(--nc-button-inverse-hover-background);
}
.primary[_nghost-serverApp-c1745392587] {
    --nc-button-default-background: var(--nc-button-primary-background);
    --nc-button-default-color: var(--nc-button-primary-color);
    --nc-button-default-disabled-background: var(--nc-button-primary-disabled-background);
    --nc-button-default-disabled-color: var(--nc-button-primary-disabled-color);
    --nc-button-default-focus-outline: var(--nc-button-primary-focus-outline);
    --nc-button-default-focus-outline-offset: var(--nc-button-primary-focus-outline-offset);
    --nc-button-default-hover-background: var(--nc-button-primary-hover-background);
}
.lg[_nghost-serverApp-c1745392587] {
    --nc-button-default-font-size: var(--nc-button-lg-font-size);
    --nc-button-default-height: var(--nc-button-lg-height);
    --nc-button-default-letter-spacing: var(--nc-button-lg-letter-spacing);
    --nc-button-default-line-height: var(--nc-button-lg-line-height);
    --nc-button-default-padding-x: var(--nc-button-lg-padding-x);
}
.xl[_nghost-serverApp-c1745392587] {
    --nc-button-default-font-size: var(--nc-button-xl-font-size);
    --nc-button-default-height: var(--nc-button-xl-height);
    --nc-button-default-letter-spacing: var(--nc-button-xl-letter-spacing);
    --nc-button-default-line-height: var(--nc-button-xl-line-height);
    --nc-button-default-padding-x: var(--nc-button-xl-padding-x);
}
.rounded[_nghost-serverApp-c1745392587] {
    --nc-button-default-border-radius: var(--nc-button-height, var(--nc-button-default-height));
}
.nc-action[_nghost-serverApp-c1745392587] {
    gap: 16px;
    padding-left: calc(14px + var(--nc-button-default-padding-x, 0px));
}
.nc-action[_nghost-serverApp-c1745392587] .icon-action[_ngcontent-serverApp-c1745392587] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-coffee-100);
}

[_nghost-serverApp-c2785189502] {
    display: inline-flex;
    width: var(--nc-icon-size, var(--nc-icon-default-size));
    height: var(--nc-icon-size, var(--nc-icon-default-size));
    border-radius: var(--nc-icon-border-radius, var(--nc-icon-default-border-radius));
    background-color: var(--nc-icon-background, var(--nc-icon-default-background));
    fill: none;
    stroke: none;
}
.md[_nghost-serverApp-c2785189502] {
    --nc-icon-default-size: var(--nc-icon-md-size);
}

[_nghost-serverApp-c912680443] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nc-button-width, var(--nc-button-default-width));
    height: var(--nc-button-height, var(--nc-button-default-height));
    padding: 0 var(--nc-button-padding-x, var(--nc-button-default-padding-x));
    border: none;
    border-radius: var(--nc-button-border-radius, var(--nc-button-default-border-radius));
    background-color: var(--nc-button-background, var(--nc-button-default-background));
    color: var(--nc-button-color, var(--nc-button-default-color));
    font-size: var(--nc-button-font-size, var(--nc-button-default-font-size));
    line-height: var(--nc-button-line-height, var(--nc-button-default-line-height));
    font-weight: var(--nc-button-font-weight, var(--nc-button-default-font-weight));
    letter-spacing: var(--nc-button-letter-spacing, var(--nc-button-default-letter-spacing));
    text-decoration: none;
    cursor: pointer;
    transition: transform ease 0.4s, background ease 0.25s, color ease 0.25s;
    transform: scale(1);
    will-change: transform;
}
[_nghost-serverApp-c912680443]:hover {
    --nc-button-background: var(--nc-button-default-hover-background);
}
[_nghost-serverApp-c912680443]:focus {
    outline: var(--nc-button-outline, var(--nc-button-default-focus-outline));
    outline-offset: var(--nc-button-outline-offset, var(--nc-button-default-focus-outline-offset));
}
[_nghost-serverApp-c912680443]:focus:not(:focus-visible) {
    outline: 0;
}
[_nghost-serverApp-c912680443]:active {
    transform: scale(0.95);
}
[_nghost-serverApp-c912680443] .content[_ngcontent-serverApp-c912680443] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: var(--nc-button-default-spacing-x);
    padding-left: var(--nc-button-default-spacing-x);
}
[_nghost-serverApp-c912680443]:disabled,
.disabled[_nghost-serverApp-c912680443] {
    --nc-button-background: var(--nc-button-default-disabled-background);
    --nc-button-color: var(--nc-button-default-disabled-color);
    cursor: default;
}
.inverse[_nghost-serverApp-c912680443] {
    --nc-button-default-background: var(--nc-button-inverse-background);
    --nc-button-default-color: var(--nc-button-inverse-color);
    --nc-button-default-disabled-background: var(--nc-button-inverse-disabled-background);
    --nc-button-default-disabled-color: var(--nc-button-inverse-disabled-color);
    --nc-button-default-focus-outline: var(--nc-button-inverse-focus-outline);
    --nc-button-default-focus-outline-offset: var(--nc-button-inverse-focus-outline-offset);
    --nc-button-default-hover-background: var(--nc-button-inverse-hover-background);
}
.primary[_nghost-serverApp-c912680443] {
    --nc-button-default-background: var(--nc-button-primary-background);
    --nc-button-default-color: var(--nc-button-primary-color);
    --nc-button-default-disabled-background: var(--nc-button-primary-disabled-background);
    --nc-button-default-disabled-color: var(--nc-button-primary-disabled-color);
    --nc-button-default-focus-outline: var(--nc-button-primary-focus-outline);
    --nc-button-default-focus-outline-offset: var(--nc-button-primary-focus-outline-offset);
    --nc-button-default-hover-background: var(--nc-button-primary-hover-background);
}
.lg[_nghost-serverApp-c912680443] {
    --nc-button-default-font-size: var(--nc-button-lg-font-size);
    --nc-button-default-height: var(--nc-button-lg-height);
    --nc-button-default-letter-spacing: var(--nc-button-lg-letter-spacing);
    --nc-button-default-line-height: var(--nc-button-lg-line-height);
    --nc-button-default-padding-x: var(--nc-button-lg-padding-x);
}
.xl[_nghost-serverApp-c912680443] {
    --nc-button-default-font-size: var(--nc-button-xl-font-size);
    --nc-button-default-height: var(--nc-button-xl-height);
    --nc-button-default-letter-spacing: var(--nc-button-xl-letter-spacing);
    --nc-button-default-line-height: var(--nc-button-xl-line-height);
    --nc-button-default-padding-x: var(--nc-button-xl-padding-x);
}
.rounded[_nghost-serverApp-c912680443] {
    --nc-button-default-border-radius: var(--nc-button-height, var(--nc-button-default-height));
}
.nc-action[_nghost-serverApp-c912680443] {
    gap: 16px;
    padding-left: calc(14px + var(--nc-button-default-padding-x, 0px));
}
.nc-action[_nghost-serverApp-c912680443] .icon-action[_ngcontent-serverApp-c912680443] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-coffee-100);
}


:root {
    --button-default-active-background: var(--color-black);
    --button-default-active-color: var(--color-white);
    --button-default-background: var(--color-black);
    --button-default-color: var(--color-white);
    --button-default-disabled-background: #6c6c6c;
    --button-default-disabled-color: #afaeaa;
    --button-default-hover-background: var(--color-green);
    --button-default-hover-color: var(--color-black);
    --button-secondary-active-background: var(--color-green);
    --button-secondary-active-color: var(--color-white);
    --button-secondary-background: var(--color-green);
    --button-secondary-color: var(--color-black);
    --button-secondary-hover-background: #eaffd0;
    --button-secondary-hover-color: var(--color-black);
    --button-lg-border-radius: var(--button-md-border-radius);
    --button-lg-font-size: var(--button-md-font-size);
    --button-lg-height: var(--button-md-height);
    --button-lg-letter-spacing: var(--button-md-letter-spacing);
    --button-lg-padding-x: var(--button-md-padding-x);
    --button-md-border-radius: 19px;
    --button-md-font-size: 18px;
    --button-md-height: 68px;
    --button-md-letter-spacing: -0.01em;
    --button-md-padding-x: 24px;
    --button-outline-background: transparent;
    --button-outline-border: var(--color-black);
    --button-outline-color: var(--color-black);
    --button-outline-hover-background: var(--color-white);
    --button-sm-border-radius: 13px;
    --button-sm-font-size: 16px;
    --button-sm-height: 40px;
    --button-sm-letter-spacing: -0.005em;
    --button-sm-padding-x: 8px;
    --button-xs-border-radius: 9px;
    --button-xs-font-size: 14px;
    --button-xs-height: 32px;
    --button-xs-letter-spacing: 0;
    --button-xs-padding-x: 6px;
    --color-black: #222222;
    --color-blue: #cfdefc;
    --color-light-blue: #0d93f3;
    --color-blue-5: #28a8e8;
    --color-green: #cbfa92;
    --color-green-5: #6fb72f;
    --color-green-10: #00bb66;
    --color-green-15: #cafce5;
    --color-green-20: #e6f8f0;
    --color-purple: #d6cffc;
    --color-yellow: #ffde88;
    --color-violet: #9aaaff;
    --color-violet-5: #f7f5ff;
    --color-violet-10: #ede9ff;
    --color-violet-15: #dcd4ff;
    --color-violet-20: #c8beff;
    --color-grey: #6e6e6e;
    --color-grey-5: #f8f8f8;
    --color-grey-10: #cccccc;
    --color-grey-15: #f3f3f3;
    --color-grey-20: #e0dbda;
    --color-grey-25: #cac2c0;
    --color-grey-30: #888888;
    --color-grey-35: #eae8e7;
    --color-grey-40: #d5cfcd;
    --color-grey-50: #eaeaea;
    --color-grey-60: #f3f3f3;
    --color-grey-80: #888888;
    --color-grey-90: #3a3a3a;
    --color-light-grey: var(--color-grey-50);
    --color-orange: #fce1cf;
    --color-punch: #ff5566;
    --color-pink: #ffeef0;
    --color-pink-5: #fccffc;
    --color-red-10: #ff5566;
    --color-red-15: #d91920;
    --color-red-20: #ffdddd;
    --color-white: #ffffff;
    --color-white-5: #fef9f5;
    --color-white-10: #ecddd7;
    --color-coffee-600: #cac2c0;
    --header-height: 56px;
    --label-bg: var(--color-green);
    --nav-menu-aside-offset: 12px;
    --card-color-background: var(--color-white);
    --card-color-primary: var(--color-black);
    --card-color-secondary: var(--color-grey-30);
    --card-link-color: var(--color-light-blue);
    --chip-color: var(--color-grey-5);
    --chip-color-hover: #f2f0f0;
    --chip-color-active: var(--color-black);
    --chip-color-text: var(--color-black);
    --compare-column-width: 50%;
    --b-accordion-background: var(--color-white);
    --b-accordion-shadow: 0 5px 25px rgba(54, 27, 97, 0.08);
    --b-accordion-content-px: 20px;
    --b-accordion-content-py: 20px;
    --ph-primary-color: var(--color-grey-50);
    --ph-secondary-color: var(--color-grey-10);
    --icon-loader-color-primary: var(--color-white);
    --icon-loader-color-secondary: rgba(255, 255, 255, 0.25);
}
@media (min-width: 768px) {
    :root {
        --header-height: 64px;
        --compare-column-width: 55%;
        --b-accordion-content-px: 32px;
        --b-accordion-content-py: 32px;
        --button-lg-border-radius: 26px;
        --button-lg-font-size: 24px;
        --button-lg-height: 90px;
        --button-lg-letter-spacing: -0.015em;
        --button-lg-padding-x: 50px;
    }
}
@media (min-width: 1024px) {
    :root {
        --header-height: 104px;
    }
}
@media (min-width: 1280px) {
    :root {
        --compare-column-width: 58%;
    }
}
.burger {
    position: relative;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.burger__line {
    position: absolute;
    display: block;
    border-radius: 1px;
    background-color: var(--color-black);
    width: 18px;
    height: 1.5px;
    transition: transform ease-in-out 0.25s;
}
.burger__line:nth-child(1) {
    top: 35%;
}
.burger__line:nth-child(2) {
    bottom: 35%;
}
.burger--close .burger__line:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.burger--close .burger__line:nth-child(2) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
}
.burger--hidden {
    visibility: hidden;
}