/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder;
}

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

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

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

small {
    font-size: 80%;
}

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

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

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

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

button,
select {
    text-transform: none;
}

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

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

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

:-moz-focusring {
    outline: auto;
}

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

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

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

progress {
    vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
    display: list-item;
}

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

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

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

:disabled {
    cursor: default;
}

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

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

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

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

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

[hidden] {
    display: none;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("../../assets/fonts/bukra/29ltbukralight.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("../../assets/fonts/bukra/29ltbukraregular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("../../assets/fonts/bukra/29LTBukra-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("../../assets/fonts/bukra/29ltbukrabold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("../../assets/fonts/bukra/29ltbukrabolditalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    font-family: "29LT Bukra", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
}

:where(h1, h2, h3, h4, h5, h6, p, li, ol) a {
    color: inherit;
}

strong,
b {
    font-weight: 700;
}

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

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

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins.
 */

/* Skip to main content
-------------------------------------------------------------------------- */

.skip-to-main-content {
    position: fixed;
    inset-inline-start: 20px;
    inset-block-start: 20px;
    z-index: 200;
    transform: translateY(-250%);
    padding: 10px 20px;
    border-radius: 12px;
    transition: transform .5s;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .skip-to-main-content:focus-within {
        transform: translateY(0%);
    }

    .skip-to-main-content a {
        text-decoration: underline;
    }

/* "Mourning" -mode, show the site in black an white (a class top parent element)
-------------------------------------------------------------------------- */

.mourning-mode {
    filter: grayscale(100%);
}

/* Buttons
-------------------------------------------------------------------------- */

.btn,
.link-btn,
.copy-code-button button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 9999px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: bottom;
    font-weight: 500;
    text-decoration-line: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

    .btn[disabled],
    .btn[aria-diabled],
    .link-btn[disabled],
    .link-btn[aria-diabled] {
        cursor: not-allowed;
    }

.btn--primary,
.link-btn--primary {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .btn--primary:focus-within,
    .link-btn--primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(151 154 211 / var(--tw-border-opacity));
    }

    .btn--primary:hover,
    .link-btn--primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(63 68 151 / var(--tw-bg-opacity));
    }

    .btn--primary:active,
    .link-btn--primary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(33 36 79 / var(--tw-bg-opacity));
    }

    .btn--primary:disabled,
    .link-btn--primary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(151 154 211 / var(--tw-bg-opacity));
    }

.btn--secondary,
.link-btn--secondary,
.copy-code-button button,
.rte .copy-code-button button {
    --tw-bg-opacity: 1;
    background-color: rgb(254 209 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .btn--secondary:focus-within,
    .link-btn--secondary:focus-within,
    .copy-code-button button:focus-within,
    .rte .copy-code-button button:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .btn--secondary:hover,
    .link-btn--secondary:hover,
    .copy-code-button button:hover,
    .rte .copy-code-button button:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 223 77 / var(--tw-bg-opacity));
    }

    .btn--secondary:active,
    .link-btn--secondary:active,
    .copy-code-button button:active,
    .rte .copy-code-button button:active {
        --tw-bg-opacity: 1;
        background-color: rgb(204 167 0 / var(--tw-bg-opacity));
    }

    .btn--secondary:disabled,
    .link-btn--secondary:disabled,
    .copy-code-button button:disabled,
    .rte .copy-code-button button:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(254 240 173 / var(--tw-bg-opacity));
    }

.btn--tertiary,
.link-btn--tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .btn--tertiary:focus-within,
    .link-btn--tertiary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .btn--tertiary:hover,
    .link-btn--tertiary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(232 233 252 / var(--tw-bg-opacity));
    }

    .btn--tertiary:active,
    .link-btn--tertiary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(140 147 242 / var(--tw-bg-opacity));
    }

    .btn--tertiary:disabled,
    .link-btn--tertiary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(225 226 255 / var(--tw-bg-opacity));
    }

.btn--quaternary,
.link-btn--quaternary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .btn--quaternary:focus-within,
    .link-btn--quaternary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .btn--quaternary:hover,
    .link-btn--quaternary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(232 233 252 / var(--tw-bg-opacity));
    }

    .btn--quaternary:active,
    .link-btn--quaternary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(140 147 242 / var(--tw-bg-opacity));
    }

    .btn--quaternary:disabled,
    .link-btn--quaternary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(225 226 255 / var(--tw-bg-opacity));
    }

.btn--senary,
.link-btn--senary {
    justify-content: space-between;
    border-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .btn--senary:focus-within,
    .link-btn--senary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .btn--senary:hover,
    .link-btn--senary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(232 233 252 / var(--tw-bg-opacity));
    }

    .btn--senary:active,
    .link-btn--senary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(140 147 242 / var(--tw-bg-opacity));
    }

    .btn--senary:disabled,
    .link-btn--senary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(225 226 255 / var(--tw-bg-opacity));
    }

/* Links
-------------------------------------------------------------------------- */

.link-text {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    vertical-align: bottom;
    font-weight: 400;
    text-decoration-line: none;
}

.link-text--primary {
    --tw-text-opacity: 1;
    color: rgb(75 76 170 / var(--tw-text-opacity));
}

    .link-text--primary:focus-within {
        --tw-text-opacity: 1;
        color: rgb(75 76 170 / var(--tw-text-opacity));
    }

    .link-text--primary:hover {
        --tw-text-opacity: 1;
        color: rgb(113 114 193 / var(--tw-text-opacity));
    }

    .link-text--primary:active {
        --tw-text-opacity: 1;
        color: rgb(113 114 193 / var(--tw-text-opacity));
    }

    .link-text--primary:disabled {
        --tw-text-opacity: 1;
        color: rgb(151 154 211 / var(--tw-text-opacity));
    }

.link-text--secondary {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .link-text--secondary:focus-within {
        --tw-text-opacity: 1;
        color: rgb(75 76 170 / var(--tw-text-opacity));
    }

    .link-text--secondary:hover {
        --tw-text-opacity: 1;
        color: rgb(151 154 211 / var(--tw-text-opacity));
    }

    .link-text--secondary:active {
        --tw-text-opacity: 1;
        color: rgb(113 114 193 / var(--tw-text-opacity));
    }

    .link-text--secondary:disabled {
        --tw-text-opacity: 1;
        color: rgb(151 154 211 / var(--tw-text-opacity));
    }

/* MenuList
-------------------------------------------------------------------------- */

[data-menulist] h3 + div {
    grid-template-rows: 0fr;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

@media (min-width: 993px) {
    [data-menulist] h3 + div {
        opacity: 1;
    }
}

[data-menulist] h3.is-open + div {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-bottom: 8px;
}

[data-menulist] h3 + div ul {
    overflow: hidden;
}

/* Mobile menu trigger (hamburger)
-------------------------------------------------------------------------- */

nav input[type=checkbox] + label .icon {
    background-color: #2C2D65;
    display: inline-block;
    height: 2px;
    margin-left: 3px;
    position: relative;
    transition: all 0.3s ease-in-out;
    width: 18px;
}

    nav input[type=checkbox] + label .icon::before,
    nav input[type=checkbox] + label .icon::after {
        background-color: #2C2D65;
        border-radius: 3px;
        content: '';
        height: 2px;
        left: 0px;
        position: absolute;
        top: -6px;
        transform-origin: 50% 50%;
        transition: all 0.3s ease-in-out;
        width: 18px;
    }

    nav input[type=checkbox] + label .icon::after {
        top: 6px;
    }

nav input[type=checkbox]:checked + label .icon {
    background-color: transparent;
}

    nav input[type=checkbox]:checked + label .icon::before {
        top: 0;
        transform: rotate(45deg);
    }

    nav input[type=checkbox]:checked + label .icon::after {
        top: 0;
        transform: rotate(-45deg);
    }

nav input[type=checkbox] + label [data-default] {
    display: inline-block;
}

nav input[type=checkbox] + label [data-open] {
    display: none;
}

nav input[type=checkbox]:checked + label [data-default] {
    display: none;
}

nav input[type=checkbox]:checked + label [data-open] {
    display: inline-block;
}

header.is-scrolling-up,
header.mobile-menu-open,
header.subnav-open {
    position: sticky;
    top: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

header {
    position: sticky;
    top: -56px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

@media (min-width: 993px) {
    header {
        top: -72px;
    }
}

header [data-menulist] h3.is-open {
    margin-bottom: 32px;
}

    header [data-menulist] h3.is-open::before {
        content: '';
        display: block;
        left: -16px;
        z-index: -1;
        position: absolute;
        height: 56px;
        width: 100vw;
        --tw-bg-opacity: 1;
        background-color: rgb(209 212 250 / var(--tw-bg-opacity));
    }

/*  Main navigation items
*/

header [data-main-nav-item] {
    position: relative;
}

    header [data-main-nav-item]::after {
        content: '';
        display: block;
        height: 4px;
        background-color: transparent;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    header [data-main-nav-item]:hover::after {
        --tw-bg-opacity: 1;
        background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    }

    header [data-main-nav-item].is-active::after {
        --tw-bg-opacity: 1;
        background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    }

    header [data-main-nav-item]:focus-visible {
        outline-width: 2px;
        outline-color: #2C2D65;
    }

/* Subnavigation desktop
-------------------------------------------------------------------------- */

.subnav {
    opacity: 0;
    top: -400px;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}

    .subnav.subnav-open {
        opacity: 1;
        top: 72px;
    }

/* Header backdrop
-------------------------------------------------------------------------- */

.header__backdrop,
.loader__backdrop,
.contact-ways-backdrop {
    content: '';
    left: -100vw;
    transition: left 0s linear 0.3s, opacity 0.3s linear;
    position: fixed;
    z-index: 5;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    opacity: 0;
}

    .header__backdrop.is-active,
    .loader__backdrop.is-active,
    .contact-ways-backdrop.is-active {
        transition: left 0s linear, opacity 0.3s linear;
        left: 0;
        opacity: 0.3;
    }

.header__backdrop {
    top: 72px;
}

.contact-ways-backdrop {
    z-index: 19;
}

/* Header search
-------------------------------------------------------------------------- */

header .header-search {
    display: none;
    gap: 16px;
}

@media (min-width: 993px) {
    header .header-search {
        margin-inline-start: 16px;
        display: flex;
    }
}

header .header-search::before {
    align-self: center;
    content: '';
    display: block;
    height: 24px;
    width: 0;
    border-inline-start-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
}

/* Header language switch
-------------------------------------------------------------------------- */

header .language-switch .language-switch__dropdown {
    display: none;
}

header .language-switch.is-open .language-switch__dropdown {
    display: block;
}

header .language-switch::after {
    content: '';
    position: absolute;
    bottom: -16px;
    display: block;
    height: 4px;
    width: 100%;
    background-color: transparent;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 993px) {
    header .language-switch::after {
        bottom: 0;
    }
}

header .language-switch.is-open::after {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
}

/* Image card
-------------------------------------------------------------------------- */

.card-image::before {
    grid-row: 1 / -1;
    grid-column: 1 / -1;
    z-index: 15;
    inset: 0;
    content: "";
}

.card-image:hover::before {
    animation: cardFadeIn .2s linear;
    background: linear-gradient(180deg, rgba(44, 45, 101, 0) 50%, rgba(44, 45, 101, 0.5) 100%), linear-gradient(0deg, rgba(44, 45, 101, 0.25), rgba(44, 45, 101, 0.25));
}

@keyframes cardFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.card-icon--compact > div:first-child {
    align-items: center;
}

@media (min-width: 993px) {
    .card-icon--compact > div:first-child {
        display: flex;
    }

        .card-icon--compact > div:first-child h2 {
            margin-top: 0;
        }
}

/* SwiperJS carousel
-------------------------------------------------------------------------- */

.swiper {
    overflow: visible !important;
}

    .swiper[data-swiper-alternative] .swiper-wrapper,
    .swiper[data-swiper-alternative] .swiper-nav {
        margin-top: 40px;
    }

@media(min-width: 1120px) {
    .swiper[data-swiper-mobile-only="true"] .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .swiper[data-swiper-alternative] {
        display: grid;
        grid-template-columns: 1fr 230px;
    }

        .swiper[data-swiper-alternative] .swiper-title {
            grid-row: 1;
            grid-column: 1;
            align-self: flex-end;
            transform: translateY(22px);
            padding-bottom: 16px;
        }

        .swiper[data-swiper-alternative] .swiper-wrapper {
            grid-row: 2;
            grid-column: 1 / -1;
            margin-top: 80px;
        }

        .swiper[data-swiper-alternative] .swiper-nav {
            grid-row: 1;
            grid-column: 2;
        }
}

.swiper-page-fraction {
    flex: 0 1 max-content;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline-start: 20px;
    padding-inline-end: 10px;
    letter-spacing: 6px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity))
}

.swiper .swiper-page-fraction,
.swiper .swiper-page-fraction span {
    color: inherit;
}

.swiper-navigation .swiper-nav-prev,
.swiper-navigation .swiper-nav-next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
    font-size: 32px;
    font-weight: 500;
}

.swiper .swiper-button-disabled > img {
    opacity: .5;
}

@media(min-width: 1120px) {
    .swiper-page-fraction {
        height: 56px;
    }

    .swiper-navigation .swiper-nav-prev,
    .swiper-navigation .swiper-nav-next {
        width: 56px;
        height: 56px;
    }
}

/* Swiper: featured carousel
-------------------------------------------------------------------------- */

@media(min-width: 624px) {
    .swiper .swiper__featured-slide {
        /* width: 500px; */
        width: calc(100vw - 32px);
        /* 32px = 16px padding left and right */
        height: 480px;
    }
}

@media(min-width: 993px) {
    .swiper .swiper__featured-slide {
        width: 100%;
        height: 480px;
    }
}

/* @media(min-width: 1440px) {
    .swiper .swiper__featured-slide {
        width: 1120px;
        height: 480px;
    }
} */

/* Swiper: corporate history
-------------------------------------------------------------------------- */

.swiper.swiper--history .swiper-slide {
    max-width: calc(100% - 32px);
    height: calc(100vh - 192px);
    width: auto;
}

@media (min-width: 624px) {
    .swiper.swiper--history .swiper-slide {
        height: 360px;
    }
}

.swiper.swiper--history .pag-container {
    display: inline-flex;
    height: 32px;
    width: 56px;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    padding-left: 8px;
    padding-right: 8px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.swiper.swiper--history .swiper-pagination-bullet-active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.swiper.swiper--history .swiper-navigation {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.swiper.swiper--history .swiper-nav-prev,
.swiper.swiper--history .swiper-nav-next {
    display: inline-flex;
    height: 32px;
    width: 32px;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    align-self: auto;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    padding-left: 8px;
    padding-right: 8px;
}

/* Swiper: hero
-------------------------------------------------------------------------- */

.swiper.hero-swiper .swiper-slide.swiper-slide-visible:not(.initial-slide) picture {
    animation: heroSwiperActive 9s linear forwards;
}

.swiper.hero-swiper .swiper-slide.initial-slide {
    animation: heroSwiperActive 9s linear forwards;
}

.swiper.hero-swiper .swiper-slide.swiper-slide-prev:not(.initial-slide) picture {
    transform: scale(1.2);
    animation: heroSwiperActive2 5s linear forwards;
}

@keyframes heroSwiperActive {
    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes heroSwiperActive2 {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1.3);
    }
}

/* Swiper slide, for carousels
-------------------------------------------------------------------------- */

@media(max-width: 992px) {
    .swiper-wrapper .swiper-slide {
        height: 100%;
        align-self: stretch;
    }
}

div.swiper-autoheight .swiper-slide {
    height: 100%;
}

/* Flight status tag styles
-------------------------------------------------------------------------- */

.flight-status.neutral {
    --tw-bg-opacity: 1;
    background-color: rgb(237 238 253 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.flight-status.neutral-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.flight-status.positive {
    --tw-bg-opacity: 1;
    background-color: rgb(217 238 227 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 87 40 / var(--tw-text-opacity));
}

.flight-status.alarming {
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 229 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(119 74 9 / var(--tw-text-opacity));
}

.flight-status.negative {
    --tw-bg-opacity: 1;
    background-color: rgb(242 225 225 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(134 36 34 / var(--tw-text-opacity));
}

@media (min-width: 624px) {
    .flight.flight--departure.is-compact > div {
        grid-template-columns: 56px 1fr 80px;
    }
}

/* Tab and tab-content
-------------------------------------------------------------------------- */

.tab {
    border-bottom-width: 3px;
    border-style: solid;
    border-color: transparent;
}

    .tab.is-active {
        border-bottom-width: 3px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

.tab-content {
    display: none;
}

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

/* Flights nav
-------------------------------------------------------------------------- */

.flights-nav::before {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
    height: 100%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(237 238 253 / var(--tw-bg-opacity));
    --tw-content: '';
    content: var(--tw-content);
    content: '';
    width: var(--vw, 98vw);
}

.flights-nav.flights-nav--sticky::before {
    --tw-shadow: 0 4px 8px rgb(0 0 0 / 8%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Dropdowns
-------------------------------------------------------------------------- */

.dropdown.is-open {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    display: flex;
    width: 100vw;
    justify-content: center;
}

@media (min-width: 624px) {
    .dropdown.is-open {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
    }
}

.dropdown__list:first-child:nth-last-child(2) {
    max-height: 320px;
    overflow-y: auto;
}

.dropdown--daytime-selector .days ul {
    display: flex;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(237 238 253 / var(--tw-bg-opacity));
    --tw-shadow: 0 4px 8px rgb(0 0 0 / 4%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dropdown--daytime-selector .days li {
    position: relative;
    flex: 1 1 0%;
}

    .dropdown--daytime-selector .days li label input[type=radio] {
        position: absolute;
        left: 0;
        opacity: 0;
    }

        .dropdown--daytime-selector .days li label input[type=radio] + time {
            display: flex;
            cursor: pointer;
            justify-content: center;
            gap: 8px;
            border-bottom-width: 3px;
            border-style: solid;
            border-color: transparent;
            background-color: transparent;
            padding: 16px;
            font-weight: 500;
        }

        .dropdown--daytime-selector .days li label input[type=radio]:checked + time {
            border-bottom-width: 3px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-bottom-color: rgb(44 45 101 / var(--tw-border-opacity));
        }

.dropdown--daytime-selector .timeslots li {
    position: relative;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 238 253 / var(--tw-border-opacity));
}

    .dropdown--daytime-selector .timeslots li label {
        display: flex;
        cursor: pointer;
        justify-content: center;
        gap: 16px;
        padding: 16px;
    }

        .dropdown--daytime-selector .timeslots li label input {
            position: absolute;
            left: 0;
            opacity: 0;
        }

            .dropdown--daytime-selector .timeslots li label input + img {
                height: 24px;
                width: 24px;
                opacity: 0;
            }

            .dropdown--daytime-selector .timeslots li label input:checked + img {
                opacity: 1;
            }

/* Category list
-------------------------------------------------------------------------- */

.cat-list a {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    border-radius: 0.375rem;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    padding-right: 14px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

    .cat-list a:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(209 212 250 / var(--tw-bg-opacity));
        font-weight: 500;
    }

    .cat-list a[aria-current="page"],
    .cat-list a.is-active {
        --tw-bg-opacity: 1;
        background-color: rgb(209 212 250 / var(--tw-bg-opacity));
        font-weight: 500;
    }

/*  Animating details and summary
    https: //linkedlist.ch/animate_details_element_60/
-------------------------------------------------------------------------- */

.detail-summary-expander > div {
    overflow: hidden;
    display: grid;
    /* intentionally independent from .animation as Safari 16
  would otherwise ignore the expansion animation. */
    animation-duration: .5s;
}

.detail-summary-expander > .animation {
    animation-name: grid-expand;
    animation-timing-function: ease-out;
}

.detail-summary-expander > .collapsing {
    animation-direction: reverse;
    animation-timing-function: ease-in;
}

.detail-summary-expander > div > div {
    min-height: 0;
}

details summary::-webkit-details-marker {
    display: none;
}

/* Shop filters
-------------------------------------------------------------------------- */

.shop-filter.is-open {
    top: 0;
    height: 100dvh;
}

.shop-filter .shop-filter__content {
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 500ms;
    transition-duration: 300ms;
}

.shop-filter.is-open .shop-filter__content {
    opacity: 1;
}

/* Home flight search
-------------------------------------------------------------------------- */

.flight-search[aria-hidden='false'] {
    top: 0;
}

.flight-search .flight-search__content {
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 300ms;
    transition-duration: 300ms;
}

.flight-search[aria-hidden='false'] .flight-search__content {
    opacity: 1;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Check radio label
-------------------------------------------------------------------------- */

.check-radio-label input + span {
    position: relative;
    cursor: pointer;
}

.check-radio-label.checkbox input + span::before {
    content: '';
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 0.25rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(44 45 101 / var(--tw-border-opacity));
}

.check-radio-label.checkbox input + span::after {
    content: '';
    background: url('/resourcepackages/da/assets/img/icons/check-02.svg') no-repeat 50% 50%;
    background-size: 16px 16px;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.check-radio-label.checkbox input:checked + span {
    font-weight: 500;
}

    .check-radio-label.checkbox input:checked + span::after {
        content: '';
        opacity: 1;
    }

.check-radio-label.checkbox input:checked:disabled + span::before {
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
}

.check-radio-label.checkbox input:checked:disabled + span::after {
    content: '';
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
    opacity: 1;
}

.check-radio-label.radio input + span::before {
    content: '';
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(44 45 101 / var(--tw-border-opacity));
}

.check-radio-label.radio input + span::after {
    content: '';
    position: absolute;
    inset-inline-start: 5px;
    top: 5px;
    height: 12px;
    width: 12px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.check-radio-label.radio input:checked + span {
    font-weight: 500;
}

    .check-radio-label.radio input:checked + span::after {
        content: '';
        opacity: 1;
    }

/* Journey step
-------------------------------------------------------------------------- */

.journey-step + .journey-step {
    margin-top: 24px;
}

.journey-step__line::before,
.journey-step__line::after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.journey-step__line:where([dir="ltr"], [dir="ltr"] *)::before,
.journey-step__line:where([dir="ltr"], [dir="ltr"] *)::after {
    left: 9px;
}

.journey-step__line:where([dir="rtl"], [dir="rtl"] *)::before,
.journey-step__line:where([dir="rtl"], [dir="rtl"] *)::after {
    right: 9px;
}

.journey-step:first-child .journey-step__line::before {
    top: 0;
    height: 26px;
}

.journey-step:not(:first-child) .journey-step__line::before {
    top: -24px;
    height: 50px;
}

.journey-step:last-child .journey-step__line::after {
    content: none;
}

.journey-step:not(:last-child) .journey-step__line::after {
    top: 46px;
    height: calc(100% - 46px);
}

.journey-step__content .toggle + div {
    grid-template-rows: 0fr;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.journey-step__content.is-open .toggle + div {
    grid-template-rows: 1fr;
    opacity: 1;
    padding-top: 24px;
}

.journey-step__content .toggle + div div {
    overflow: hidden;
}

@keyframes grid-expand {
    0% {
        grid-template-rows: 0fr;
    }

    100% {
        grid-template-rows: 1fr;
    }
}

/* contact-ways-List
-------------------------------------------------------------------------- */

.contact-ways-list {
    --menuLtrAnimateIn: calc(150% + 50px);
    --menuRtlAnimateIn: calc(-150% + 50px);
}

    .contact-ways-list ul {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 22px;
    }

    .contact-ways-list li {
        animation-duration: .3s;
        animation-fill-mode: forwards;
        transform: translateX(var(--menuLtrAnimateIn));
    }

    .contact-ways-list.hide-list li {
        animation-fill-mode: backwards;
    }

[dir="ltr"] .contact-ways-list li {
    transform: translateX(var(--menuLtrAnimateIn));
}

[dir="rtl"] .contact-ways-list li {
    transform: translateX(var(--menuRtlAnimateIn));
}

[dir="ltr"] .contact-ways-list.show-list li {
    animation-name: showContactButtonsLtr;
}

[dir="ltr"] .contact-ways-list.hide-list li {
    animation-name: hideContactButtonsLtr;
}

[dir="rtl"] .contact-ways-list.show-list li {
    animation-name: showContactButtonsRtl;
}

[dir="rtl"] .contact-ways-list.hide-list li {
    animation-name: hideContactButtonsRtl;
}

@keyframes showContactButtonsLtr {
    0% {
        transform: translateX(var(--menuLtrAnimateIn));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes hideContactButtonsLtr {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(var(--menuLtrAnimateIn));
    }
}

@keyframes showContactButtonsRtl {
    0% {
        transform: translateX(var(--menuRtlAnimateIn));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes hideContactButtonsRtl {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(var(--menuRtlAnimateIn));
    }
}

.contact-ways-list ul :is(a, button) {
    display: flex;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
    padding: 15px 25px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .contact-ways-list ul :is(a, button):hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

        .contact-ways-list ul :is(a, button):hover:hover:where([dir="ltr"], [dir="ltr"] *) {
            --tw-translate-x: -10px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        .contact-ways-list ul :is(a, button):hover:hover:where([dir="rtl"], [dir="rtl"] *) {
            --tw-translate-x: 10px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

/* Ajax loader, page based
-------------------------------------------------------------------------- */

.loader-page {
    position: fixed;
    z-index: 200;
    inset: 0;
    visibility: hidden;
}

.show-loader-page .loader-page {
    visibility: visible;
}

.loader-page__container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.loader-page__backdrop {
    position: fixed;
    inset: 0;
    z-index: 1;
    background-color: rgba(44, 45, 101, 0.3);
}

.loader-page__spinner {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Nofitication popup alert
-------------------------------------------------------------------------- */

.notification-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
}

    .notification-body[aria-hidden="false"] {
        grid-template-rows: 1fr;
    }

    .notification-body > div {
        overflow: hidden;
    }

/* Nofitication popup alert
-------------------------------------------------------------------------- */

.faq-questions > [aria-hidden="true"] {
    display: none;
}

/* Live chat
-------------------------------------------------------------------------- */

.live-chat {
    position: fixed;
    bottom: -8px;
    z-index: 30;
    inset-inline-end: 16px;
}

@media(min-width: 993px) {
    .live-chat {
        inset-inline-end: 96px;
    }
}

/* Rich-Text-Editor CMS parent class to style plain HTML child elements
-------------------------------------------------------------------------- */

.rte :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.rte h1 {
    margin-bottom: 12px;
    font-size: 32px;
}

@media (min-width: 993px) {
    .rte h1 {
        margin-bottom: 24px;
    }
}

.rte h2 {
    margin-bottom: 12px;
    font-size: 24px;
}

@media (min-width: 993px) {
    .rte h2 {
        margin-bottom: 24px;
    }
}

.rte h3 {
    margin-bottom: 12px;
    font-size: 20px;
}

@media (min-width: 993px) {
    .rte h3 {
        margin-bottom: 24px;
    }
}

.rte h4 {
    margin-bottom: 12px;
    font-size: 20px;
}

@media (min-width: 993px) {
    .rte h4 {
        margin-bottom: 24px;
    }
}

.rte h5 {
    margin-bottom: 12px;
    font-size: 20px;
}

@media (min-width: 993px) {
    .rte h5 {
        margin-bottom: 24px;
    }
}

.rte h6 {
    margin: 0;
    font-size: 20px;
}

.rte :is(div, p, li, th, td) {
    font-size: 16px;
}

.rte :is(th, td) {
    text-align: start;
}

.rte :is(p, ul, ol, table) {
    margin-bottom: 16px;
}

.rte :is(ul, ol) {
    margin-inline-start: 24px;
}

.rte :is(p, ul, ol, table):last-child {
    margin-bottom: 0;
}

.rte a:not(.btn, .link-btn) {
    text-decoration-line: underline;
}

.rte ul {
    list-style-type: disc;
}

.rte ol {
    list-style-type: decimal;
}

.rte a {
    word-break: break-all;
}

.rte table {
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 238 253 / var(--tw-border-opacity));
}

    .rte table td {
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(237 238 253 / var(--tw-border-opacity));
    }

    .rte table :is(th, td) {
        padding: 16px;
        text-align: start;
        font-weight: 400;
    }

    .rte table thead {
        --tw-bg-opacity: 1;
        background-color: rgb(237 238 253 / var(--tw-bg-opacity));
    }

.rte :is(strong, b) {
    font-weight: 500;
}

.rte :is(em, i) {
    font-weight: 400;
    font-style: italic;
}

.rte hr {
    margin-top: 12px;
    margin-bottom: 12px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(237 238 253 / var(--tw-border-opacity));
}

@media (min-width: 993px) {
    .rte hr {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

.rte :is(button, input[type="submit"]):not(.btn):not(.copy-code-button button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: bottom;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

    .rte :is(button, input[type="submit"]):not(.btn):not(.copy-code-button button):focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(151 154 211 / var(--tw-border-opacity));
    }

    .rte :is(button, input[type="submit"]):not(.btn):not(.copy-code-button button):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(63 68 151 / var(--tw-bg-opacity));
    }

    .rte :is(button, input[type="submit"]):not(.btn):not(.copy-code-button button):active {
        --tw-bg-opacity: 1;
        background-color: rgb(33 36 79 / var(--tw-bg-opacity));
    }

    .rte :is(button, input[type="submit"]):not(.btn):not(.copy-code-button button):disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(151 154 211 / var(--tw-bg-opacity));
    }

.rte input[type="text"] {
    height: 48px;
    width: 100%;
    border-radius: 12px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
}

.rte dt {
    font-weight: 500;
}

.rte dd {
    margin-bottom: 16px;
}

@media(min-width: 1120px) {
    .rte h1 {
        font-size: 60px;
    }

    .rte h2 {
        font-size: 48px;
    }

    .rte h3 {
        font-size: 40px;
    }

    .rte h4 {
        font-size: 32px;
    }

    .rte h5 {
        font-size: 24px;
    }

    .rte h6 {
        font-size: 20px;
    }
}

@media(max-width: 1120px) {
    .rte .mobile-wrap td {
        display: block;
        width: 100%;
    }

        .rte .mobile-wrap td[style] {
            width: 100% !important;
        }

        .rte .mobile-wrap td:first-child {
            font-weight: bold;
        }
}

.rte .mobile-wrap td:first-child {
    vertical-align: top;
}

/* Copy coupon code
-------------------------------------------------------------------------- */

.copy-code-button {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-block: 16px;
}

    .copy-code-button button {
        padding-inline-start: 55px;
        background-image: url(/assets/img/icons/copy.svg);
        background-repeat: no-repeat;
        background-position: 24px center;
    }

[dir="rtl"] .copy-code-button button {
    background-position: calc(100% - 24px) center;
}

.copy-code-button span {
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
    padding: 11px;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins.
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.-top-\[10px\] {
    top: -10px;
}

.bottom-0 {
    bottom: 0;
}

.bottom-90 {
    bottom: 90px;
}

.end-0 {
    inset-inline-end: 0;
}

.end-16 {
    inset-inline-end: 16px;
}

.end-\[10px\] {
    inset-inline-end: 10px;
}

.left-0 {
    left: 0;
}

.left-16 {
    left: 16px;
}

.left-\[50\%\] {
    left: 50%;
}

.left-full {
    left: 100%;
}

.start-0 {
    inset-inline-start: 0;
}

.start-16 {
    inset-inline-start: 16px;
}

.top-0 {
    top: 0;
}

.top-10 {
    top: 10px;
}

.top-12 {
    top: 12px;
}

.top-16 {
    top: 16px;
}

.top-2 {
    top: 2px;
}

.top-3 {
    top: 3px;
}

.top-40 {
    top: 40px;
}

.top-48 {
    top: 48px;
}

.top-56 {
    top: 56px;
}

.top-64 {
    top: 64px;
}

.top-\[100vh\] {
    top: 100vh;
}

.top-\[57px\] {
    top: 57px;
}

.top-\[60px\] {
    top: 60px;
}

.top-\[calc\(100vh_-_160px\)\] {
    top: calc(100vh - 160px);
}

.top-\[calc\(100vh_-_80px\)\] {
    top: calc(100vh - 80px);
}

.z-0 {
    z-index: 0;
}

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

.z-100 {
    z-index: 100;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-40 {
    z-index: 40;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

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

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

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

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

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

.col-end-3 {
    grid-column-end: 3;
}

.row-span-3 {
    grid-row: span 3 / span 3;
}

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

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

.m-0 {
    margin: 0;
}

.mx-16 {
    margin-left: 16px;
    margin-right: 16px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.-mb-24 {
    margin-bottom: -24px;
}

.-mb-32 {
    margin-bottom: -32px;
}

.-mb-\[320px\] {
    margin-bottom: -320px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-22 {
    margin-bottom: 22px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-80 {
    margin-bottom: 80px;
}

.me-16 {
    margin-inline-end: 16px;
}

.ms-16 {
    margin-inline-start: 16px;
}

.ms-24 {
    margin-inline-start: 24px;
}

.ms-40 {
    margin-inline-start: 40px;
}

.ms-8 {
    margin-inline-start: 8px;
}

.ms-auto {
    margin-inline-start: auto;
}

.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-56 {
    margin-top: 56px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-\[26px\] {
    margin-top: 26px;
}

.mt-auto {
    margin-top: auto;
}

.box-border {
    box-sizing: border-box;
}

.block {
    display: block;
}

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

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

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

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

.size-24 {
    width: 24px;
    height: 24px;
}

.size-40 {
    width: 40px;
    height: 40px;
}

.h-16 {
    height: 16px;
}

.h-24 {
    height: 24px;
}

.h-240 {
    height: 240px;
}

.h-32 {
    height: 32px;
}

.h-360 {
    height: 360px;
}

.h-40 {
    height: 40px;
}

.h-48 {
    height: 48px;
}

.h-72 {
    height: 72px;
}

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

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

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

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

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

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

.h-\[calc\(100\%_-_142px\)\] {
    height: calc(100% - 142px);
}

.h-\[calc\(100dvh_-_56px\)\] {
    height: calc(100dvh - 56px);
}

.h-\[calc\(100vh_-_160px\)\] {
    height: calc(100vh - 160px);
}

.h-\[calc\(100vh_-_211px\)\] {
    height: calc(100vh - 211px);
}

.h-\[calc\(100vh_-_48px\)\] {
    height: calc(100vh - 48px);
}

.h-\[calc\(100vh_-_56px\)\] {
    height: calc(100vh - 56px);
}

.h-auto {
    height: auto;
}

.h-dvh {
    height: 100dvh;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.max-h-\[120px\] {
    max-height: 120px;
}

.max-h-\[285px\] {
    max-height: 285px;
}

.max-h-\[300px\] {
    max-height: 300px;
}

.min-h-1 {
    min-height: 1px;
}

.min-h-\[188px\] {
    min-height: 188px;
}

.min-h-screen {
    min-height: 100vh;
}

.w-16 {
    width: 16px;
}

.w-24 {
    width: 24px;
}

.w-240 {
    width: 240px;
}

.w-32 {
    width: 32px;
}

.w-40 {
    width: 40px;
}

.w-64 {
    width: 64px;
}

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

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

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

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

.w-\[calc\(100\%_-_80px\)\] {
    width: calc(100% - 80px);
}

.w-auto {
    width: auto;
}

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

.w-full {
    width: 100%;
}

.w-max {
    width: -moz-max-content;
    width: max-content;
}

.w-screen {
    width: 100vw;
}

.min-w-\[284px\] {
    min-width: 284px;
}

.min-w-\[35px\] {
    min-width: 35px;
}

.min-w-\[max-content\] {
    min-width: -moz-max-content;
    min-width: max-content;
}

.max-w-240 {
    max-width: 240px;
}

.max-w-6xl {
    max-width: 72rem;
}

.max-w-800 {
    max-width: 800px;
}

.max-w-\[500px\] {
    max-width: 500px;
}

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

.max-w-screen-2xl {
    max-width: 1440px;
}

.max-w-sm {
    max-width: 24rem;
}

.max-w-xl {
    max-width: 36rem;
}

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

.flex-initial {
    flex: 0 1 auto;
}

.flex-none {
    flex: none;
}

.flex-shrink {
    flex-shrink: 1;
}

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

.flex-grow {
    flex-grow: 1;
}

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

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.list-decimal {
    list-style-type: decimal;
}

.list-none {
    list-style-type: none;
}

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

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

.grid-cols-\[16px_1fr_16px\] {
    grid-template-columns: 16px 1fr 16px;
}

.grid-cols-\[16px_auto\] {
    grid-template-columns: 16px auto;
}

.grid-cols-\[24px_1fr_24px\] {
    grid-template-columns: 24px 1fr 24px;
}

.grid-cols-\[320px_1fr_1fr\] {
    grid-template-columns: 320px 1fr 1fr;
}

.grid-cols-\[56px_1fr_51px\] {
    grid-template-columns: 56px 1fr 51px;
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-\[16px_1fr_16px\] {
    grid-template-rows: 16px 1fr 16px;
}

.grid-rows-\[240px\] {
    grid-template-rows: 240px;
}

.grid-rows-\[24px_1fr_24px\] {
    grid-template-rows: 24px 1fr 24px;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

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

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

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

.flex-nowrap {
    flex-wrap: nowrap;
}

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

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

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

.items-baseline {
    align-items: baseline;
}

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

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

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

.justify-stretch {
    justify-content: stretch;
}

.gap-12 {
    gap: 12px;
}

.gap-120 {
    gap: 120px;
}

.gap-16 {
    gap: 16px;
}

.gap-24 {
    gap: 24px;
}

.gap-32 {
    gap: 32px;
}

.gap-4 {
    gap: 4px;
}

.gap-40 {
    gap: 40px;
}

.gap-48 {
    gap: 48px;
}

.gap-8 {
    gap: 8px;
}

.gap-\[32px_16px\] {
    gap: 32px 16px;
}

.space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse));
}

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

.self-end {
    align-self: flex-end;
}

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

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

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

.overflow-x-hidden {
    overflow-x: hidden;
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-\[12px\] {
    border-radius: 12px;
}

.rounded-\[4px\] {
    border-radius: 4px;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 12px;
}

.rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.border {
    border-width: 1px;
}

.border-\[6px\] {
    border-width: 6px;
}

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

.border-b-2 {
    border-bottom-width: 2px;
}

.border-e-2 {
    border-inline-end-width: 2px;
}

.border-t {
    border-top-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

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

.border-neutrals-neutral1 {
    --tw-border-opacity: 1;
    border-color: rgb(237 238 253 / var(--tw-border-opacity));
}

.border-neutrals-neutral2 {
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
}

.border-primary-portgore {
    --tw-border-opacity: 1;
    border-color: rgb(44 45 101 / var(--tw-border-opacity));
}

.border-secondary-vividviolet {
    --tw-border-opacity: 1;
    border-color: rgb(107 48 119 / var(--tw-border-opacity));
}

.border-b-neutrals-neutral2 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(209 212 250 / var(--tw-border-opacity));
}

.bg-neutrals-neutral1 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 238 253 / var(--tw-bg-opacity));
}

.bg-neutrals-neutral2 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.bg-neutrals-neutral4 {
    --tw-bg-opacity: 1;
    background-color: rgb(101 105 190 / var(--tw-bg-opacity));
}

.bg-neutrals-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-primary-gold {
    --tw-bg-opacity: 1;
    background-color: rgb(254 209 0 / var(--tw-bg-opacity));
}

.bg-primary-portgore {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
}

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

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#7f81b0\] {
    --tw-gradient-from: #7f81b0 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(127 129 176 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#d1d4fa\] {
    --tw-gradient-to: #d1d4fa var(--tw-gradient-to-position);
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-\[50\%_50\%\] {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.p-0 {
    padding: 0;
}

.p-12 {
    padding: 12px;
}

.p-16 {
    padding: 16px;
}

.p-24 {
    padding: 24px;
}

.p-28 {
    padding: 28px;
}

.p-4 {
    padding: 4px;
}

.p-8 {
    padding: 8px;
}

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

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.px-18 {
    padding-left: 18px;
    padding-right: 18px;
}

.px-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.px-58 {
    padding-left: 58px;
    padding-right: 58px;
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.py-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-3 {
    padding-bottom: 3px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-72 {
    padding-bottom: 72px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pe-10 {
    padding-inline-end: 10px;
}

.pe-12 {
    padding-inline-end: 12px;
}

.pe-16 {
    padding-inline-end: 16px;
}

.pe-8 {
    padding-inline-end: 8px;
}

.ps-16 {
    padding-inline-start: 16px;
}

.ps-24 {
    padding-inline-start: 24px;
}

.ps-48 {
    padding-inline-start: 48px;
}

.ps-8 {
    padding-inline-start: 8px;
}

.ps-\[38px\] {
    padding-inline-start: 38px;
}

.pt-0 {
    padding-top: 0;
}

.pt-16 {
    padding-top: 16px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-56 {
    padding-top: 56px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-64 {
    padding-top: 64px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-80 {
    padding-top: 80px;
}

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

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

.align-middle {
    vertical-align: middle;
}

.text-2xl {
    font-size: 32px;
}

.text-4xl {
    font-size: 48px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-base {
    font-size: 16px;
}

.text-lg {
    font-size: 20px;
}

.text-sm {
    font-size: 12px;
}

.text-xl {
    font-size: 24px;
}

.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

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

.uppercase {
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

.leading-\[72px\] {
    line-height: 72px;
}

.leading-none {
    line-height: 1;
}

.text-primary-error {
    --tw-text-opacity: 1;
    color: rgb(166 30 22 / var(--tw-text-opacity));
}

.text-primary-portgore {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.text-primary-waterloo {
    --tw-text-opacity: 1;
    color: rgb(104 110 159 / var(--tw-text-opacity));
}

.text-secondary-vividviolet {
    --tw-text-opacity: 1;
    color: rgb(107 48 119 / var(--tw-text-opacity));
}

.text-text-link {
    --tw-text-opacity: 1;
    color: rgb(75 76 170 / var(--tw-text-opacity));
}

.text-text-primary {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.text-text-secondary {
    --tw-text-opacity: 1;
    color: rgb(73 74 131 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.line-through {
    text-decoration-line: line-through;
}

.no-underline {
    text-decoration-line: none;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.shadow-\[0_-4px_15px_rgb\(0_0_0_\/_4\%\)\] {
    --tw-shadow: 0 -4px 15px rgb(0 0 0 / 4%);
    --tw-shadow-colored: 0 -4px 15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_12px_rgb\(0_0_0_\/_8\%\)\] {
    --tw-shadow: 0 4px 12px rgb(0 0 0 / 8%);
    --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_8px_rgb\(0_0_0_\/_4\%\)\] {
    --tw-shadow: 0 4px 8px rgb(0 0 0 / 4%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-flight {
    --tw-shadow: 0 4px 8px rgb(33 36 79 / 8%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-floating {
    --tw-shadow: 0 4px 8px rgb(33 36 79 / 8%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-journeystep {
    --tw-shadow: 0 1px 3px rgb(33 36 79 / 10%);
    --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-2 {
    outline-width: 2px;
}

.outline-transparent {
    outline-color: transparent;
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-1000 {
    transition-duration: 1000ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * Use this directive to control where Tailwind injects the hover, focus,
 * responsive, dark mode, and other variants of each class.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */

.backdrop\:bg-primary-portgore::backdrop {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
}

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

.last\:mb-0:last-child {
    margin-bottom: 0;
}

.odd\:bg-neutrals-neutral1:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(237 238 253 / var(--tw-bg-opacity));
}

.open\:flex[open] {
    display: flex;
}

.focus-within\:bg-neutrals-neutral2:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.focus-within\:shadow-flight:focus-within {
    --tw-shadow: 0 4px 8px rgb(33 36 79 / 8%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:bg-\[\#E8E9FC\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(232 233 252 / var(--tw-bg-opacity));
}

.hover\:bg-neutrals-neutral2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.hover\:bg-neutrals-neutral4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(101 105 190 / var(--tw-bg-opacity));
}

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

.hover\:text-text-link:hover {
    --tw-text-opacity: 1;
    color: rgb(75 76 170 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:shadow-flighthover:hover {
    --tw-shadow: 0 8px 12px rgb(33 36 79 / 12%);
    --tw-shadow-colored: 0 8px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-floatinghover:hover {
    --tw-shadow: 0 8px 12px rgb(33 36 79 / 12%);
    --tw-shadow-colored: 0 8px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:before\:visible:hover::before {
    content: var(--tw-content);
    visibility: visible;
}

.focus-visible\:outline-neutrals-neutral3:focus-visible {
    outline-color: #979AD3;
}

.focus-visible\:outline-primary-portgore:focus-visible {
    outline-color: #2C2D65;
}

.active\:bg-\[\#21244F\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(33 36 79 / var(--tw-bg-opacity));
}

.active\:bg-neutrals-neutral2:active {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

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

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

.group[open] .group-open\:bg-neutrals-neutral2 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-neutrals-neutral5 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 151 / var(--tw-bg-opacity));
}

.group.error .group-\[\.error\]\:block {
    display: block;
}

.group.is-open .group-\[\.is-open\]\:block {
    display: block;
}

.group.btn--tertiary .group-\[\.btn--tertiary\]\:hidden {
    display: none;
}

.group.zero .group-\[\.zero\]\:hidden {
    display: none;
}

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

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

.group.dragover .group-\[\.dragover\]\:bg-neutrals-neutral2 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.group.is-open .group-\[\.is-open\]\:bg-neutrals-neutral2 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.group.bg-neutrals-neutral4 .group-\[\.bg-neutrals-neutral4\]\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group.error .group-\[\.error\]\:text-primary-error {
    --tw-text-opacity: 1;
    color: rgb(166 30 22 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:visible {
    visibility: visible;
}

.peer:checked ~ .peer-checked\:left-0 {
    left: 0;
}

.peer:checked ~ .peer-checked\:bg-primary-gold {
    --tw-bg-opacity: 1;
    background-color: rgb(254 209 0 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:font-medium:has(:checked) {
    font-weight: 500;
}

.aria-expanded\:bg-neutrals-neutral2[aria-expanded="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.aria-expanded\:shadow-floating[aria-expanded="true"] {
    --tw-shadow: 0 4px 8px rgb(33 36 79 / 8%);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-hidden\:hidden[aria-hidden="true"] {
    display: none;
}

.aria-hidden\:translate-y-full[aria-hidden="true"] {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.aria-hidden\:opacity-0[aria-hidden="true"] {
    opacity: 0;
}

.group[aria-expanded='false'] .group-aria-\[expanded\=\'false\'\]\:hidden {
    display: none;
}

.group[aria-expanded='true'] .group-aria-\[expanded\=\'true\'\]\:hidden {
    display: none;
}

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

@media (min-width: 375px) {
    .sm\:-mb-\[326px\] {
        margin-bottom: -326px;
    }

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

    .sm\:text-xl {
        font-size: 24px;
    }
}

@media (min-width: 624px) {
    .md\:absolute {
        position: absolute;
    }

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

    .md\:end-0 {
        inset-inline-end: 0;
    }

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

    .md\:top-72 {
        top: 72px;
    }

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

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

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

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

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

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

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

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

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

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

    .md\:mb-0 {
        margin-bottom: 0;
    }

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

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

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

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

    .md\:block {
        display: block;
    }

    .md\:inline {
        display: inline;
    }

    .md\:flex {
        display: flex;
    }

    .md\:grid {
        display: grid;
    }

    .md\:hidden {
        display: none;
    }

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

    .md\:h-360 {
        height: 360px;
    }

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

    .md\:max-h-\[592px\] {
        max-height: 592px;
    }

    .md\:max-h-\[calc\(100\%_-_171px\)\] {
        max-height: calc(100% - 171px);
    }

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

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

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

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

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

    .md\:transform-none {
        transform: none;
    }

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

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

    .md\:grid-cols-\[56px_1fr_64px_72px_80px_140px\] {
        grid-template-columns: 56px 1fr 64px 72px 80px 140px;
    }

    .md\:grid-cols-\[56px_1fr_64px_72px_80px_180px\] {
        grid-template-columns: 56px 1fr 64px 72px 80px 180px;
    }

    .md\:grid-cols-\[56px_1fr_64px_72px_80px_48px_180px\] {
        grid-template-columns: 56px 1fr 64px 72px 80px 48px 180px;
    }

    .md\:grid-cols-\[56px_1fr_auto_200px\] {
        grid-template-columns: 56px 1fr auto 200px;
    }

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

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

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

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

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

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

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

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

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

    .md\:rounded-b-lg {
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

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

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

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

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

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

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

    .md\:pb-16 {
        padding-bottom: 16px;
    }

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

    .md\:text-2xl {
        font-size: 32px;
    }

    .md\:text-3xl {
        font-size: 40px;
    }

    .md\:text-4xl {
        font-size: 48px;
    }

    .md\:text-lg {
        font-size: 20px;
    }

    .md\:text-xl {
        font-size: 24px;
    }

    .aria-expanded\:md\:rounded-b-none[aria-expanded="true"] {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .aria-hidden\:md\:hidden[aria-hidden="true"] {
        display: none;
    }

    .aria-hidden\:md\:opacity-100[aria-hidden="true"] {
        opacity: 1;
    }
}

@media (min-width: 993px) {
    .lg\:relative {
        position: relative;
    }

    .lg\:top-72 {
        top: 72px;
    }

    .lg\:top-\[calc\(50\%_-_12px\)\] {
        top: calc(50% - 12px);
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-3 {
        order: 3;
    }

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

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

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

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:my-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .lg\:my-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .lg\:-mb-48 {
        margin-bottom: -48px;
    }

    .lg\:mb-0 {
        margin-bottom: 0;
    }

    .lg\:mb-120 {
        margin-bottom: 120px;
    }

    .lg\:mb-16 {
        margin-bottom: 16px;
    }

    .lg\:mb-24 {
        margin-bottom: 24px;
    }

    .lg\:mb-32 {
        margin-bottom: 32px;
    }

    .lg\:mb-40 {
        margin-bottom: 40px;
    }

    .lg\:mb-80 {
        margin-bottom: 80px;
    }

    .lg\:me-0 {
        margin-inline-end: 0;
    }

    .lg\:ms-0 {
        margin-inline-start: 0;
    }

    .lg\:mt-0 {
        margin-top: 0;
    }

    .lg\:mt-16 {
        margin-top: 16px;
    }

    .lg\:mt-24 {
        margin-top: 24px;
    }

    .lg\:mt-40 {
        margin-top: 40px;
    }

    .lg\:mt-48 {
        margin-top: 48px;
    }

    .lg\:mt-56 {
        margin-top: 56px;
    }

    .lg\:block {
        display: block;
    }

    .lg\:inline {
        display: inline;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

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

    .lg\:h-40 {
        height: 40px;
    }

    .lg\:h-72 {
        height: 72px;
    }

    .lg\:h-800 {
        height: 800px;
    }

    .lg\:h-\[600px\] {
        height: 600px;
    }

    .lg\:h-\[calc\(100vh_-_72px\)\] {
        height: calc(100vh - 72px);
    }

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

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

    .lg\:w-1\/2 {
        width: 50%;
    }

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

    .lg\:w-320 {
        width: 320px;
    }

    .lg\:w-\[357px\] {
        width: 357px;
    }

    .lg\:w-\[738px\] {
        width: 738px;
    }

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

    .lg\:max-w-3xl {
        max-width: 48rem;
    }

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

    .lg\:transform-none {
        transform: none;
    }

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

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

    .lg\:grid-cols-\[1fr_70rem_1fr\] {
        grid-template-columns: 1fr 70rem 1fr;
    }

    .lg\:grid-cols-\[24px_1fr_24px\] {
        grid-template-columns: 24px 1fr 24px;
    }

    .lg\:grid-cols-\[256px_1fr\] {
        grid-template-columns: 256px 1fr;
    }

    .lg\:grid-cols-\[56px_1fr_424px_200px\] {
        grid-template-columns: 56px 1fr 424px 200px;
    }

    .lg\:grid-cols-\[96px_1fr_96px\] {
        grid-template-columns: 96px 1fr 96px;
    }

    .lg\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-rows-\[24px_1fr_24px\] {
        grid-template-rows: 24px 1fr 24px;
    }

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

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

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

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

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

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

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

    .lg\:gap-16 {
        gap: 16px;
    }

    .lg\:gap-32 {
        gap: 32px;
    }

    .lg\:gap-40 {
        gap: 40px;
    }

    .lg\:gap-72 {
        gap: 72px;
    }

    .lg\:gap-80 {
        gap: 80px;
    }

    .lg\:self-center {
        align-self: center;
    }

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

    .lg\:p-24 {
        padding: 24px;
    }

    .lg\:p-40 {
        padding: 40px;
    }

    .lg\:p-56 {
        padding: 56px;
    }

    .lg\:px-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

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

    .lg\:py-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .lg\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .lg\:pb-0 {
        padding-bottom: 0;
    }

    .lg\:pb-120 {
        padding-bottom: 120px;
    }

    .lg\:pb-40 {
        padding-bottom: 40px;
    }

    .lg\:pb-80 {
        padding-bottom: 80px;
    }

    .lg\:pe-0 {
        padding-inline-end: 0;
    }

    .lg\:pt-0 {
        padding-top: 0;
    }

    .lg\:pt-120 {
        padding-top: 120px;
    }

    .lg\:pt-40 {
        padding-top: 40px;
    }

    .lg\:pt-64 {
        padding-top: 64px;
    }

    .lg\:pt-80 {
        padding-top: 80px;
    }

    .lg\:text-2xl {
        font-size: 32px;
    }

    .lg\:text-3xl {
        font-size: 40px;
    }

    .lg\:text-4xl {
        font-size: 48px;
    }

    .lg\:text-base {
        font-size: 16px;
    }

    .lg\:text-lg {
        font-size: 20px;
    }

    .lg\:text-xl {
        font-size: 24px;
    }

    .lg\:leading-\[72px\] {
        line-height: 72px;
    }
}

@media (min-width: 1120px) {
    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .xl\:block {
        display: block;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:grid-cols-\[1fr_70rem_1fr\] {
        grid-template-columns: 1fr 70rem 1fr;
    }

    .xl\:grid-cols-\[24px_1fr_280px_24px\] {
        grid-template-columns: 24px 1fr 280px 24px;
    }

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

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

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

@media (min-width: 1440px) {
    .\32xl\:end-auto {
        inset-inline-end: auto;
    }

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

    .\32xl\:w-\[calc\(100\%_-_400px\)\] {
        width: calc(100% - 400px);
    }

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

    .\32xl\:grid-cols-\[1fr_70rem_1fr\] {
        grid-template-columns: 1fr 70rem 1fr;
    }

    .\32xl\:gap-80 {
        gap: 80px;
    }

    .\32xl\:p-28 {
        padding: 28px;
    }

    .\32xl\:p-40 {
        padding: 40px;
    }

    .\32xl\:text-3xl {
        font-size: 40px;
    }
}

.ltr\:left-16:where([dir="ltr"], [dir="ltr"] *) {
    left: 16px;
}

.ltr\:right-16:where([dir="ltr"], [dir="ltr"] *) {
    right: 16px;
}

.ltr\:scale-x-100:where([dir="ltr"], [dir="ltr"] *) {
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:left-16:where([dir="rtl"], [dir="rtl"] *) {
    left: 16px;
}

.rtl\:right-16:where([dir="rtl"], [dir="rtl"] *) {
    right: 16px;
}

.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:ps-10:where([dir="rtl"], [dir="rtl"] *) {
    padding-inline-start: 10px;
}

.\[\&\>\*\]\:border-b > * {
    border-bottom-width: 1px;
}

.\[\&\>\*\]\:border-b-neutrals-neutral1 > * {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(237 238 253 / var(--tw-border-opacity));
}

.\[\&\>\*\]\:bg-neutrals-white > * {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&\>\*\]\:py-8 > * {
    padding-top: 8px;
    padding-bottom: 8px;
}

.\[\&\>\*\]\:text-text-primary > * {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

@media (min-width: 993px) {
    .lg\:\[\&\>\*\]\:mt-16 > * {
        margin-top: 16px;
    }
}

@media (min-width: 624px) {
    .\[\&\>div\>a\>div\]\:md\:grid-cols-\[56px_1fr_180px\] > div > a > div {
        grid-template-columns: 56px 1fr 180px;
    }

    .\[\&\>div\>a\>div\]\:md\:grid-cols-\[56px_1fr_80px\] > div > a > div {
        grid-template-columns: 56px 1fr 80px;
    }
}

.\[\&\>div\>a\]\:rounded-none > div > a {
    border-radius: 0px;
}

.\[\&\>div\>a\]\:border-b > div > a {
    border-bottom-width: 1px;
}

.\[\&\>div\>a\]\:border-neutrals-neutral1 > div > a {
    --tw-border-opacity: 1;
    border-color: rgb(237 238 253 / var(--tw-border-opacity));
}

.\[\&\>iframe\]\:h-full > iframe {
    height: 100%;
}

.\[\&\>li\]\:mb-16 > li {
    margin-bottom: 16px;
}

.\[\&\>th\]\:p-16 > th {
    padding: 16px;
}

.\[\&\>th\]\:text-start > th {
    text-align: start;
}

.\[\&\>th\]\:font-normal > th {
    font-weight: 400;
}

.\[\&\>tr\>td\]\:p-16 > tr > td {
    padding: 16px;
}

.\[\&\>tr\]\:border-b > tr {
    border-bottom-width: 1px;
}

.\[\&\>tr\]\:border-solid > tr {
    border-style: solid;
}

.\[\&\>tr\]\:border-b-neutrals-neutral1 > tr {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(237 238 253 / var(--tw-border-opacity));
}