.disable {
    display: none;
}
.enable {
    display: inline;
}
.phaidra_morecontent {
    display: none;
}
.univiephaidra_memberIcon {
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}
.univiephaidra_memberIcon img {
    clear: both;
}
.univiephaidra_view_detail img {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
    min-height: 200px;
}
.univiephaidra_detailcontainer {
    position: relative;
}
.univiephaidra_view_detail {
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    padding: 5px;
    z-index: 10001;
    background-color: #ffffff;
    position: fixed;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0);
    max-height: 80%;
    overflow: auto;
}
.univiephaidra_figure {
    display: table;
    width: 100%;
}
.univiephaidra_detail_img,
.univiephaidra_figcaption {
    display: table-caption;
    caption-side: bottom;
}
.univiephaidra_download {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14pt;
}
.detailview_desc {
    font-size: 10pt;
    white-space: pre-wrap;
}
.univiephaidra_link {
    font-size: 14pt;
    text-align: center;
    min-height: 25px;
}
.univiephaidra_lightbox {
    display: none;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.controls-small {
    display: none;
}
.tx-univie-phaidra {
    padding-bottom: 50px;
}
.univie-phaidra-top-bar {
    padding: 0;
    padding-bottom: 20px;
    margin: 0;
}
.univie-phaidra-collection-bar {
    padding: 0;
    padding-bottom: 0px;
    margin-left: 0px;
}
.collectionLabel {
    margin: 0px;
}
.phaidra-childList {
    margin-left: 0px;
}
@media (max-width: 992px) {
    .listHeader {
        padding-bottom: 10px;
    }
    .univiephaidra_view_detail {
        top: 20px;
        max-height: 90%;
        width: 500px;
    }
    .controls {
        transform: translate(0, 5em);
        padding: 5px;
    }
}
@media (min-width: 992px) {
    .univiephaidra_view_detail {
        width: 600px;
    }
    .controls {
        transform: translate(0, 7.5em);
    }
}
@media (max-width: 768px) {
    .univiephaidra_view_detail {
        width: 90%;
    }
}
@media (max-width: 450px) {
    .controls {
        display: none;
        width: 10%;
    }
    .controls-small {
        display: block;
        padding: 5px;
    }
}
@media (min-width: 769px) {
    .transformY50 {
        margin-top: 6px;
    }
}
textarea.f3-form-error {
    background-color: #ff9f9f;
    border: 1px #ff0000 solid;
}
input.f3-form-error {
    background-color: #ff9f9f;
    border: 1px #ff0000 solid;
}
.tx-univie-phaidra table {
    border-collapse: separate;
    border-spacing: 10px;
}
.tx-univie-phaidra table th {
    font-weight: bold;
}
.tx-univie-phaidra table td {
    vertical-align: top;
}
.typo3-messages .message-error {
    color: red;
}
.typo3-messages .message-ok {
    color: green;
}
:root {
    --color-typo: #032138;
    --color-primary: #005c99;
    --color-primary-30: #005c994d;
    --color-primary-dark: #034672;
    --color-primary-darkest: #032138;
    --color-primary-darkest-70: #032138b3;
    --color-primary-darkest-80: #032138cc;
    --color-primary-darkest-90: #032138e6;
    --color-primary-light: #ffffff;
    --color-primary-light-20: #ffffff33;
    --color-primary-light-30: #ffffff4d;
    --color-primary-light-70: #ffffffb3;
    --color-secondary-one: #e65640;
    --color-secondary-one-30: #e656404d;
    --color-secondary-one-7: #b2cee0;
    --color-secondary-two: #ff8552;
    --color-secondary-three: #ffdc4c;
    --color-secondary-four: #a5c56c;
    --color-secondary-five: #2ba4a6;
    --color-secondary-six: #ca8adb;
    --color-gray-darkest: #1c374c;
    --color-gray-dark: #354d60;
    --color-gray-base: #9aa6af;
    --color-gray-light: #b3bcc3;
    --color-gray-light-alternative: #cdd3d7;
    --color-gray-lighter: #e6e9eb;
    --color-gray-lightest: #f2f4f5;
    --color-success: #43a319;
    --color-error: #cf1157;
    --color-info: #208bcc;
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #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: rgba(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:;
}
*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box;
}
:after,
:before {
    --tw-content: "";
}
:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: Inter, system-ui;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
body {
    line-height: inherit;
    margin: 0;
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        Liberation Mono,
        Courier New,
        monospace;
    font-size: 1em;
    font-variation-settings: normal;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset,
legend {
    padding: 0;
}
header menu, header ol, header ul, footer menu, footer ol, footer ul { list-style: none; margin: 0; padding: 0 }
main ol, main ul { list-style-type: square; list-style-position: inside }
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1;
}
input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}
[role="button"],
button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    height: auto;
    max-width: 100%;
}
[hidden] {
    display: none;
}
label {
    display: block;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 0.25rem;
    width: 100%;
}
label:has(.quantity-wrapper) {
    width: 100%;
}
@media (min-width: 768px) {
    label:has(.quantity-wrapper) {
        width: 13rem;
    }
}
label:has(textarea) {
    max-width: 892px;
}
input,
select,
textarea {
    border-color: var(--color-gray-base);
    border-radius: 4px;
    border-width: 1px;
    margin-bottom: 1rem;
    width: 100%;
}
@media (min-width: 768px) {
    input,
    select,
    textarea {
        margin-bottom: 1.75rem;
    }
}
textarea {
    max-width: 892px;
    min-height: 13rem;
    padding: 1rem 1.25rem;
    resize: none;
}
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"] {
    min-height: 3.5rem;
    padding: 0.625rem 0.875rem;
}
input[type="date"] {
    position: relative;
}
label:has(input[type="checkbox"]),
label:has(input[type="radio"]) {
    cursor: pointer;
    display: flex;
    gap: 0.625rem;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    margin-top: 1px;
    outline-offset: 4px;
    position: relative;
    width: 22px;
}
input[type="checkbox"]:checked {
    border-color: var(--color-primary);
}
input[type="checkbox"]:checked:after {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    content: var(--tw-content);
    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: 768px) {
    input[type="checkbox"] {
        margin-bottom: 1rem;
    }
}
input[type="checkbox"]:after {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    --tw-content: "";
    background-color: var(--color-primary);
    border-radius: 4px;
    content: var(--tw-content);
    display: block;
    height: 1rem;
    left: 50%;
    position: absolute;
    top: 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));
    width: 1rem;
}
@media (prefers-reduced-motion: no-preference) {
    input[type="checkbox"]:after {
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@media (prefers-reduced-motion: reduce) {
    input[type="checkbox"]:after {
        transition-property: none;
    }
}
input[type="checkbox"][class="mb-0"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    margin-top: 1px;
    outline-offset: 4px;
    position: relative;
    width: 22px;
}
input[type="checkbox"][class="mb-0"]:checked {
    border-color: var(--color-primary);
}
input[type="checkbox"][class="mb-0"]:checked:after {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    content: var(--tw-content);
    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: 768px) {
    input[type="checkbox"][class="mb-0"] {
        margin-bottom: 0;
    }
}
input[type="checkbox"][class="mb-0"]:after {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    --tw-content: "";
    background-color: var(--color-primary);
    border-radius: 4px;
    content: var(--tw-content);
    display: block;
    height: 1rem;
    left: 50%;
    position: absolute;
    top: 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));
    width: 1rem;
}
@media (prefers-reduced-motion: no-preference) {
    input[type="checkbox"][class="mb-0"]:after {
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@media (prefers-reduced-motion: reduce) {
    input[type="checkbox"][class="mb-0"]:after {
        transition-property: none;
    }
}
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    margin-top: 1px;
    outline-offset: 4px;
    position: relative;
    width: 22px;
}
input[type="radio"]:checked {
    border-color: var(--color-primary);
}
input[type="radio"]:checked:after {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    content: var(--tw-content);
    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: 768px) {
    input[type="radio"] {
        margin-bottom: 1rem;
    }
}
input[type="radio"]:after {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    --tw-content: "";
    background-color: var(--color-primary);
    border-radius: 9999px;
    content: var(--tw-content);
    display: block;
    height: 1rem;
    left: 50%;
    position: absolute;
    top: 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));
    width: 1rem;
}
@media (prefers-reduced-motion: no-preference) {
    input[type="radio"]:after {
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@media (prefers-reduced-motion: reduce) {
    input[type="radio"]:after {
        transition-property: none;
    }
}
.quantity-wrapper {
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .quantity-wrapper {
        margin-bottom: 1.75rem;
        width: 13rem;
    }
}
.quantity-wrapper .quantity-decrement {
    --tw-translate-y: -50%;
    align-items: center;
    display: flex;
    height: 1rem;
    justify-content: center;
    left: 0.875rem;
    position: absolute;
    top: 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));
    width: 1rem;
}
.quantity-wrapper .quantity-input {
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
}
.quantity-wrapper .quantity-increment {
    --tw-translate-y: -50%;
    align-items: center;
    display: flex;
    height: 1rem;
    justify-content: center;
    position: absolute;
    right: 0.875rem;
    top: 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));
    width: 1rem;
}
input[type="file"] {
    clip: rect(0 0 0 0);
    border-style: none;
    clip-path: inset(50%);
    height: 1px;
    left: 24rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
label:has(input[type="file"]) {
    cursor: pointer;
    max-width: 892px;
    width: 100%;
}
label:has(input[type="file"]):focus-within div {
    outline: 1px auto -webkit-focus-ring-color;
}
label:has(input[type="file"]):focus-within span.link-mockup {
    text-decoration-color: var(--color-primary);
}
label:has(input[type="file"]):hover span.link-mockup {
    text-decoration-color: var(--color-primary);
}
.file-upload-wrapper {
    align-items: center;
    border-color: var(--color-gray-base);
    border-radius: 4px;
    border-style: dashed;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    height: 13rem;
    justify-content: center;
}
.file-upload-wrapper:before {
    content: var(--tw-content);
    display: flex;
}
.upload-dragging .file-upload-wrapper {
    background-color: var(--color-gray-lighter);
}
.file-upload-icon {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(217 217 217 / var(--tw-text-opacity));
    display: flex;
    font-size: 72px;
    height: 72px;
    width: 72px;
}
.select-wrapper {
    position: relative;
    width: 100%;
}
.select-wrapper .select-arrow-icon {
    --tw-translate-y: 33.333333%;
    color: var(--color-primary);
    font-size: 1.5rem;
    pointer-events: none;
    position: absolute;
    right: 0.5rem;
    top: 1.75rem;
    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));
}
.select-wrapper:before {
    font-family: Icons;
}
.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 3.5rem;
    padding-left: 0.625rem;
    padding-right: 2rem;
}
@media (prefers-reduced-motion: no-preference) {
    a {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
.link-variant-light {
    color: var(--color-primary-light);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.625rem;
    text-decoration-color: inherit;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
.link-variant-light:focus-visible,
.link-variant-light:hover {
    text-underline-offset: 8px;
}
.nav-link {
    display: block;
    position: relative;
}
@media (min-width: 1024px) {
    .nav-link:before {
        content: var(--tw-content);
        display: block;
    }
}
.nav-link.is-active:before,
.nav-link.is-open:before,
.nav-link:focus-visible:before,
.nav-link:hover:before {
    --tw-translate-y: 0px;
    opacity: 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));
}
.nav-link:before {
    background-color: var(--color-primary-30);
    left: 0.25rem;
    opacity: 0;
    padding-bottom: 1px;
    padding-top: 0.125rem;
    position: absolute;
    right: 0.25rem;
}
@media (prefers-reduced-motion: no-preference) {
    .nav-link:before {
        --tw-translate-y: -0.25rem;
        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-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.nav-link.is-active:before {
    background-color: var(--color-primary);
}
.nav-link.is-active.is-open:before,
.nav-link.is-active:focus-visible:before,
.nav-link.is-active:hover:before {
    background-color: var(--color-primary-30);
}
.link-highlight {
    color: var(--color-typo);
    text-decoration-color: var(--color-primary-30);
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-underline-offset: 10px;
}
.link-highlight:focus-visible,
.link-highlight:hover {
    text-decoration-color: var(--color-primary);
}
html {
    scroll-behavior: smooth;
}
[x-cloak] {
    display: none !important;
}
body {
    color: var(--color-typo);
    font-family: Inter, system-ui;
}
.alternative-background {
    background-color: var(--color-gray-lightest);
    margin-bottom: 3rem !important;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
@media (min-width: 1024px) {
    .alternative-background {
        margin-bottom: 4rem !important;
    }
}
@media (min-width: 1280px) {
    .alternative-background {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
}
.alternative-background + .alternative-background {
    margin-top: -3rem !important;
}
@media (min-width: 1024px) {
    .alternative-background + .alternative-background {
        margin-top: -4rem !important;
    }
}
strong {
    font-weight: 600;
}
.h1,
h1 {
    font-family:
        Source Serif,
        system-ui;
    font-size: 1.9375rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 2.5187rem;
    margin-bottom: 0.5em;
}
@media (min-width: 640px) {
    .h1,
    h1 {
        font-size: 2.4375rem;
        line-height: 3.1688rem;
    }
}
@media (min-width: 1024px) {
    .h1,
    h1 {
        font-size: 3rem;
        line-height: 3.9rem;
    }
}
@media (min-width: 1280px) {
    .h1,
    h1 {
        font-size: 3.4375rem;
        line-height: 3.7813rem;
    }
}
.h2,
h2 {
    font-family:
        Source Serif,
        system-ui;
    font-size: 1.5625rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 2.0313rem;
    margin-bottom: 0.5em;
}
@media (min-width: 640px) {
    .h2,
    h2 {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
}
@media (min-width: 1024px) {
    .h2,
    h2 {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
}
@media (min-width: 1280px) {
    .h2,
    h2 {
        font-size: 2.4375rem;
        line-height: 3.1688rem;
    }
}
.h3,
h3 {
    font-family:
        Source Serif,
        system-ui;
    font-size: 1.375rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.788rem;
    margin-bottom: 0.5em;
}
@media (min-width: 640px) {
    .h3,
    h3 {
        font-size: 1.5625rem;
        line-height: 2.0313rem;
    }
}
@media (min-width: 1024px) {
    .h3,
    h3 {
        font-size: 1.5625rem;
        line-height: 2.0313rem;
    }
}
@media (min-width: 1280px) {
    .h3,
    h3 {
        font-size: 2.1875rem;
        line-height: 2.844rem;
    }
}
.h4,
h4 {
    font-family:
        Source Serif,
        system-ui;
    font-size: 1.25rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.875rem;
    margin-bottom: 0.5em;
}
@media (min-width: 640px) {
    .h4,
    h4 {
        font-size: 1.375rem;
        line-height: 1.788rem;
    }
}
@media (min-width: 1024px) {
    .h4,
    h4 {
        font-size: 1.375rem;
        line-height: 1.788rem;
    }
}
@media (min-width: 1280px) {
    .h4,
    h4 {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
}
.h5,
h5 {
    font-family:
        Source Serif,
        system-ui;
    font-size: 1rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.75rem;
    margin-bottom: 0.5em;
}
@media (min-width: 640px) {
    .h5,
    h5 {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}
@media (min-width: 1024px) {
    .h5,
    h5 {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}
@media (min-width: 1280px) {
    .h5,
    h5 {
        font-size: 1.5625rem;
        line-height: 2.0313rem;
    }
}
.h6,
h6 {
    font-family:
        Source Serif,
        system-ui;
    font-size: 1rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.75rem;
    margin-bottom: 0.5em;
}
@media (min-width: 1024px) {
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1280px) {
    .h6,
    h6 {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}
.p,
p {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
}
/*
.list-variant ol {
    line-height: 1.9;
    list-style-type: decimal;
    margin-bottom: 1rem;
    max-width: 718px;
    padding-left: 1.5rem;
}
.list-variant ol ::marker {
    color: var(--color-primary);
    font-weight: 600;
}
.list-variant ol::marker {
    color: var(--color-primary);
    font-weight: 600;
}

@media (min-width: 1024px) {
    .list-variant ol {
        margin-bottom: 2rem;
    }
}

.list-variant ol li {
    margin-bottom: 0.125rem;
    padding-left: 0.5rem;
}
.list-variant ol li:first-child {
    margin-top: 0.75rem;
}
.list-variant ol ol {
    list-style-type: lower-latin;
    margin-bottom: 0.5rem;
}
.list-variant ol ol ::marker {
    color: var(--color-primary);
}
.list-variant ol ol::marker {
    color: var(--color-primary);
}
.list-variant ol ol ol {
    list-style-type: lower-roman;
    margin-bottom: 0.5rem;
}
.list-variant ol ol ol ::marker {
    color: var(--color-primary);
}
.list-variant ol ol ol::marker {
    color: var(--color-primary);
}
.list-variant ul:not(.splide__list):not(.splide__pagination) {
    line-height: 1.9;
    margin-bottom: 1rem;
    max-width: 718px;
    padding-left: 0.5rem;
}

@media (min-width: 1024px) {
    .list-variant ul:not(.splide__list):not(.splide__pagination) {
        margin-bottom: 2rem;
    }
}

.list-variant ul:not(.splide__list):not(.splide__pagination):not(ol) > li {
    margin-bottom: 0.5rem;
    padding-left: 1.25rem;
    position: relative;
}
.list-variant ul:not(.splide__list):not(.splide__pagination):not(ol) > li:first-child {
    margin-top: 0.75rem;
}
.list-variant ul:not(.splide__list):not(.splide__pagination):not(ol) > li:before {
    --tw-translate-y: -25%;
    --tw-content: "";
    background-color: var(--color-primary);
    border-radius: 9999px;
    content: var(--tw-content);
    height: 0.5rem;
    left: 0;
    position: absolute;
    top: 0.75rem;
    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));
    width: 0.5rem;
}
.list-variant ul:not(.splide__list):not(.splide__pagination) ul {
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}
.list-variant ul:not(.splide__list):not(.splide__pagination) ul li:before {
    background-color: var(--color-gray-dark);
}
.list-infobox ol {
    list-style-type: decimal;
    margin-top: 0.75rem;
    padding-left: 1.5rem;
}
.list-infobox ol li {
    line-height: 2.2;
    margin-bottom: 0.125rem;
}
.list-infobox ol ol {
    list-style-type: lower-latin;
    margin-bottom: 0.5rem;
}
.list-infobox ul {
    margin-top: 0.75rem;
    padding-left: 0.5rem;
}
.list-infobox ul li {
    line-height: 2.2;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    position: relative;
}
.list-infobox ul li:before {
    --tw-content: "";
    background-color: var(--color-primary);
    border-radius: 9999px;
    content: var(--tw-content);
    height: 0.5rem;
    left: 0;
    position: absolute;
    top: 0.75rem;
    width: 0.5rem;
}
.list-infobox ul ul {
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}
.list-infobox--light ul li:before {
    background-color: var(--color-primary-light);
}
*/
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url("fonts/inter-v18-latin-600.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: italic;
    font-weight: 600;
    src: url("fonts/inter-v18-latin-600italic.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/inter-v18-latin-regular.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: italic;
    font-weight: 400;
    src: url("fonts/inter-v18-latin-italic.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Source Serif";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/source-serif-4-v8-latin-regular.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Source Serif";
    font-style: italic;
    font-weight: 400;
    src: url("fonts/source-serif-4-v8-latin-italic.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/icons.woff2") format("woff2");
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
}
.icon-plus:before {
    content: "\e800";
}
.icon-arrow-down:before {
    content: "\e801";
}
.icon-arrow-left:before {
    content: "\e802";
}
.icon-arrow-right:before {
    content: "\e803";
}
.icon-arrow-topleft:before {
    content: "\e804";
}
.icon-arrow-topright:before {
    content: "\e805";
}
.icon-arrow-top:before {
    content: "\e806";
}
.icon-calendar:before {
    content: "\e807";
}
.icon-chat-bubble:before {
    content: "\e847";
}
.icon-chevron-double-left:before {
    content: "\e809";
}
.icon-chevron-double-right:before {
    content: "\e80A";
}
.icon-chevron-down:before {
    content: "\e80B";
}
.icon-chevron-left:before {
    content: "\e80C";
}
.icon-chevron-right:before {
    content: "\e80D";
}
.icon-chevron-up:before {
    content: "\e80E";
}
.icon-circle-copyright:before {
    content: "\e80F";
}
.icon-pause-circle:before {
    content: "\e810";
}
.icon-close:before {
    content: "\e811";
}
.icon-cloud:before {
    content: "\e813";
}
.icon-day:before {
    content: "\e814";
}
.icon-download:before {
    content: "\e815";
}
.icon-facebook:before {
    content: "\e816";
}
.icon-home:before {
    content: "\e817";
}
.icon-filter:before {
    content: "\e818";
}
.icon-info:before {
    content: "\e819";
}
.icon-instagram:before {
    content: "\e81A";
}
.icon-language:before {
    content: "\e81B";
}
.icon-linkedin:before {
    content: "\e81C";
}
.icon-mail:before {
    content: "\e81D";
}
.icon-list:before {
    content: "\e81E";
}
.icon-maintenance:before {
    content: "\e81F";
}
.icon-menu:before {
    content: "\e820";
}
.icon-mic:before {
    content: "\e821";
}
.icon-news:before {
    content: "\e822";
}
.icon-newsletter:before {
    content: "\e823";
}
.icon-paper:before {
    content: "\e824";
}
.icon-museum:before {
    content: "\e825";
}
.icon-mystery:before,
.icon-search:before {
    content: "\e826";
}
.icon-person:before {
    content: "\e827";
}
.icon-play:before {
    content: "\e829";
}
.icon-quote:before {
    content: "\e82A";
}
.icon-pointer:before {
    content: "\e82B";
}
.icon-radio:before {
    content: "\e82C";
}
.icon-remove:before {
    content: "\e82D";
}
.icon-security:before {
    content: "\e82E";
}
.icon-time:before {
    content: "\e82F";
}
.icon-x:before {
    content: "\e830";
}
.icon-upload:before {
    content: "\e831";
}
.icon-work:before {
    content: "\e832";
}
.icon-xing:before {
    content: "\e833";
}
.icon-tiles:before {
    content: "\e834";
}
.icon-youtube:before {
    content: "\e835";
}
.icon-quotes-outline:before {
    content: "\e812";
}
.icon-play-circle:before {
    content: "\e836";
}
.icon-github:before {
    content: "\e88f";
}
.icon-researchgate:before {
    content: "\e890";
}
.icon-exclamation:before {
    content: "\e838";
}
.icon-location:before {
    content: "\e839";
}
.icon-tv:before {
    content: "\e83A";
}
.icon-web:before {
    content: "\e83B";
}
.icon-bluesky:before {
    content: "\e83c";
}
.icon-rss:before {
    content: "\e840";
}
.icon-whatsapp:before {
    content: "\e83f";
}
.icon-vimeo:before {
    content: "\e83e";
}
.icon-skype:before {
    content: "\e83d";
}
.icon-sort-amount-desc:before {
    content: "\e842";
}
.icon-sort-amount-asc:before {
    content: "\e843";
}
.icon-uniblog:before {
    content: "\e844";
}
.icon-account:before {
    content: "\e846";
}
.icon-pc:before {
    content: "\e828";
}
.icon-cloud:before {
    content: "\e837";
}
.icon-research:before {
    content: "\e848";
}
.icon-software:before {
    content: "\e849";
}
.icon-studies:before {
    content: "\e84a";
}
.icon-web:before {
    content: "\e84b";
}
.icon-network:before {
    content: "\e84c";
}
.icon-construction:before {
    content: "\e808";
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}
.powermail-errors-list {
    background-color: var(--color-gray-lightest);
    border-color: var(--color-gray-lighter);
    border-radius: 8px;
    border-width: 1px;
    display: flex;
    font-family: Icons;
    gap: 1rem;
    padding: 1.5rem 1.25rem;
}
.powermail-errors-list:before {
    --tw-content: "\e811";
    align-items: center;
    background-color: var(--color-secondary-one);
    border-radius: 9999px;
    color: var(--color-primary-light);
    content: var(--tw-content);
    display: flex;
    flex-shrink: 0;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}
.powermail-errors-list li {
    align-items: center;
    display: flex;
    font-family: Inter, system-ui;
    font-size: 0.875rem;
    line-height: 1.625rem;
}
.powermail_field {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    row-gap: 0.5rem;
}
.powermail_field input,
.powermail_field select,
.powermail_field textarea {
    margin-bottom: 0;
}
.link-text a:not([class*="btn"]) {
    color: var(--color-primary);
    font-weight: 600;
    outline-offset: 4px;
    text-decoration-color: var(--color-primary-30);
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-underline-offset: 4px;
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.link-text a:not([class*="btn"]):focus-visible,
.link-text a:not([class*="btn"]):hover {
    text-decoration-color: inherit;
}
.link-text-light ol a:not([class*="btn"]),
.link-text-light p a:not([class*="btn"]),
.link-text-light ul a:not([class*="btn"]) {
    color: var(--color-primary-light);
    font-weight: 600;
    outline-offset: 4px;
    text-decoration-color: var(--color-primary-light-70);
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-underline-offset: 4px;
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.link-text-light ol a:not([class*="btn"]):focus-visible,
.link-text-light ol a:not([class*="btn"]):hover,
.link-text-light p a:not([class*="btn"]):focus-visible,
.link-text-light p a:not([class*="btn"]):hover,
.link-text-light ul a:not([class*="btn"]):focus-visible,
.link-text-light ul a:not([class*="btn"]):hover {
    text-decoration-color: inherit;
}
.link-mockup {
    color: var(--color-primary);
    font-weight: 600;
    outline-offset: 4px;
    text-decoration-color: var(--color-primary-30);
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-underline-offset: 4px;
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.link-mockup:focus-visible,
.link-mockup:hover {
    text-decoration-color: inherit;
}
.link-external-internal[href^="http://"] .icon-placeholder:before,.link-external-internal[href^="https://"] .icon-placeholder:before
{
    content: "\e805";
}
.link-external-internal:not([href^="https://"]):not([href^="http://"]) .icon-placeholder:before
{
    content: "\e803";
}
.container {
    width: 100%;
}
@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
}
@media (min-width: 1921px) {
    .container {
        max-width: 1921px;
    }
}
.fluid-container-full-upper-no-padding {
    margin-left: auto;
    margin-right: auto;
    max-width: 3000px;
}
.fluid-container-full {
    margin-left: auto;
    margin-right: auto;
    max-width: 1944px;
    padding-left: 12px;
    padding-right: 12px;
}
.fluid-container-full-no-padding {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
}
.fluid-container-xl {
    margin-left: auto;
    margin-right: auto;
    max-width: 1560px;
    padding-left: 12px;
    padding-right: 12px;
}
.fluid-container-xl-no-padding {
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
}
.fluid-container-lg {
    padding-left: 24px;
    padding-right: 24px;
}
.fluid-container-lg,
.fluid-container-lg-for-inner-padding {
    margin-left: auto;
    margin-right: auto;
    max-width: 1304px;
}
.fluid-container-lg-no-padding {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
.fluid-container-md {
    margin-left: auto;
    margin-right: auto;
    max-width: 916px;
    padding-left: 18px;
    padding-right: 18px;
}
.fluid-container-sm {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    padding-left: 12px;
    padding-right: 12px;
}
@media (prefers-reduced-motion: no-preference) {
    button {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 600;
    gap: 0.625rem;
    justify-content: center;
    min-height: 60px;
    outline-offset: 4px;
    overflow: hidden;
    padding: 0.875rem 1.5rem;
    position: relative;
    z-index: 0;
}
.btn:after {
    --tw-content: "";
    bottom: 0;
    content: var(--tw-content);
    height: 100%;
    left: 0;
    position: absolute;
    width: 0;
    z-index: -10;
}
@media (prefers-reduced-motion: no-preference) {
    .btn:after {
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.btn:focus-visible:after,
.btn:hover:after {
    width: 100%;
}
.btn-md {
    min-height: 50px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.btn-lg {
    font-size: 1.25rem;
    line-height: 1.875rem;
    min-height: 5rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-primary-light);
}
.btn-primary:after {
    background-color: var(--color-primary-dark);
}
.btn-secondary {
    background-color: transparent;
    border-color: var(--color-primary);
    border-width: 1px;
    color: var(--color-primary);
}
.btn-secondary:focus-visible,
.btn-secondary:hover {
    border-color: var(--color-primary-darkest);
    color: var(--color-primary-darkest);
}
.btn-inverted {
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
    border-width: 1px;
    color: var(--color-primary);
}
.btn-inverted:focus-visible,
.btn-inverted:hover {
    color: var(--color-primary-light);
}
.btn-inverted:after {
    background-color: var(--color-primary);
}
.btn-round {
    align-items: center;
    border-radius: 9999px;
    display: inline-flex;
    justify-content: center;
    position: relative;
}
.btn-round-sm {
    font-size: 1.5rem;
    height: 3.5rem;
    width: 3.5rem;
}
@media (min-width: 640px) {
    .btn-round-sm {
        height: 4rem;
        width: 4rem;
    }
}
.btn-round-md {
    font-size: 1.9375rem;
    height: 6rem;
    line-height: 2.5187rem;
    width: 6rem;
}
.btn-round-primary {
    background-color: var(--color-primary-darkest-70);
    color: var(--color-primary-light);
}
.btn-round-primary:focus-visble,
.btn-round-primary:hover {
    background-color: var(--color-primary-darkest);
}
.calendar-table {
    width: 100%;
}
.calendar-table td {
    aspect-ratio: 1/1;
    margin: -1px;
}
.calendar-table td:first-child a {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important;
}
.calendar-table td:last-child a {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
}
.calendar-table td a.event-start {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
}
.calendar-table td a.event-end {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
}
ul.tx-indexedsearch-browsebox {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}
ul.tx-indexedsearch-browsebox a:focus,
ul.tx-indexedsearch-browsebox a:hover {
    color: var(--color-primary);
}
.rte-btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 600;
    gap: 0.625rem;
    justify-content: center;
    margin-top: 1.5rem;
    min-height: 60px;
    outline-offset: 4px;
    overflow: hidden;
    padding: 0.875rem 1.5rem;
    position: relative;
    z-index: 0;
}
.rte-btn:after {
    --tw-content: "";
    bottom: 0;
    content: var(--tw-content);
    height: 100%;
    left: 0;
    position: absolute;
    width: 0;
    z-index: -10;
}
@media (prefers-reduced-motion: no-preference) {
    .rte-btn:after {
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.rte-btn:focus-visible:after,
.rte-btn:hover:after {
    width: 100%;
}
.rte-btn-primary {
    background-color: var(--color-primary);
    color: var(--color-primary-light);
}
.rte-btn-primary:after {
    background-color: var(--color-primary-dark);
}
.rte-btn-secondary {
    background-color: transparent;
    border-color: var(--color-primary);
    border-width: 1px;
    color: var(--color-primary);
}
.rte-btn-secondary:focus-visible,
.rte-btn-secondary:hover {
    border-color: var(--color-primary-darkest);
    color: var(--color-primary-darkest);
}
.splide__arrow {
    aspect-ratio: 1/1;
    background-color: var(--color-primary-light);
    border-color: var(--color-primary);
    border-radius: 9999px;
    border-width: 1px;
    color: var(--color-primary);
    font-size: 1.5625rem;
    line-height: 2.0313rem;
    outline-offset: 4px;
    overflow: hidden;
    position: relative;
    width: 3rem;
}
.splide__arrow:after {
    --tw-content: "";
    background-color: var(--color-primary);
    bottom: 0;
    content: var(--tw-content);
    height: 100%;
    left: -0.25rem;
    position: absolute;
    width: 0;
    z-index: 10;
}
@media (prefers-reduced-motion: no-preference) {
    .splide__arrow:after {
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.splide__arrow:focus-visible,
.splide__arrow:hover {
    color: var(--color-primary-light);
}
.splide__arrow:focus-visible:after,
.splide__arrow:hover:after {
    width: 120%;
}
.splide__arrow:disabled {
    border-color: var(--color-gray-base);
    color: var(--color-gray-base);
    opacity: 0.5;
    pointer-events: none;
}
.splide__arrow [class*="icon-arrow-"] {
    position: relative;
    z-index: 20;
}
.splide__pagination {
    align-items: center;
    gap: 1rem;
    min-height: 1.25rem;
}
.splide__pagination__page {
    background-color: var(--color-gray-dark);
    border-radius: 9999px;
    height: 0.75rem;
    width: 0.75rem;
}
@media (prefers-reduced-motion: no-preference) {
    .splide__pagination__page {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.splide__pagination__page:focus-visible {
    outline-offset: 4px;
}
.splide__pagination__page.is-active {
    background-color: var(--color-primary);
    transform-origin: center;
    width: 2rem;
}
.splide__spinner {
    z-index: -10;
}
.splide:not(.is-overflow) .splide__arrows {
    display: none;
}
figure:not(.image-figure).table {
    display: block !important;
    max-width: 100%;
    overflow: auto;
    width: 100%;
}
figure:not(.image-figure).table:not(.table-bordered):not(.table-default) tbody tr:nth-child(2n) {
    background-color: var(--color-gray-lightest);
}
figure:not(.image-figure).table.table-bordered th {
    border-color: var(--color-primary);
    border-width: 1px;
}
figure:not(.image-figure).table.table-bordered td {
    border-color: var(--color-gray-dark);
    border-width: 1px;
}
figure:not(.image-figure).table table {
    caption-side: bottom;
    width: 100%;
}
figure:not(.image-figure).table th {
    background-color: var(--color-primary);
    color: var(--color-primary-light);
    padding: 0.875rem 1.25rem;
    text-align: left;
}
@media (min-width: 1024px) {
    figure:not(.image-figure).table th {
        font-size: 1.25rem;
        line-height: 1.875rem;
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
    }
}
figure:not(.image-figure).table th button {
    outline-offset: 2px;
    padding-right: 1.5rem;
    position: relative;
    text-align: left;
    width: 100%;
}
figure:not(.image-figure).table th button [class^="icon-"] {
    position: absolute;
    right: 0;
}
@media (min-width: 1024px) {
    figure:not(.image-figure).table th button [class^="icon-"] {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}
figure:not(.image-figure).table th button .icon-chevron-up {
    --tw-translate-y: -0.25rem;
}
figure:not(.image-figure).table th button .icon-chevron-down,
figure:not(.image-figure).table th button .icon-chevron-up {
    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));
}
figure:not(.image-figure).table th button .icon-chevron-down {
    --tw-translate-y: 0.25rem;
}
figure:not(.image-figure).table th[aria-sort="ascending"] .icon-chevron-down {
    display: none;
}
figure:not(.image-figure).table th[aria-sort="ascending"] .icon-chevron-up {
    --tw-translate-y: 0px;
    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));
}
figure:not(.image-figure).table th[aria-sort="descending"] .icon-chevron-up {
    display: none;
}
figure:not(.image-figure).table th[aria-sort="descending"] .icon-chevron-down {
    --tw-translate-y: 0px;
    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));
}
figure:not(.image-figure).table td {
    padding: 0.875rem 1.25rem;
}
figure:not(.image-figure).table caption,
figure:not(.image-figure).table figcaption {
    font-size: 0.875rem;
    line-height: 1.625rem;
    padding-left: 1.25rem;
    padding-top: 0.5rem;
    text-align: left;
}
.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.inset-0 {
    inset: 0;
}
.\!bottom-2 {
    bottom: 0.5rem !important;
}
.\!bottom-2\.5 {
    bottom: 0.625rem !important;
}
.\!bottom-\[0\.7rem\] {
    bottom: 0.7rem !important;
}
.\!left-\[8rem\] {
    left: 8rem !important;
}
.\!right-2 {
    right: 0.5rem !important;
}
.\!right-2\.5 {
    right: 0.625rem !important;
}
.\!right-\[0\.5rem\] {
    right: 0.5rem !important;
}
.\!top-\[12\.5rem\] {
    top: 12.5rem !important;
}
.\!top-\[8\.5rem\] {
    top: 8.5rem !important;
}
.\!top-full {
    top: 100% !important;
}
.-bottom-1 {
    bottom: -0.25rem;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-bottom-px {
    bottom: -1px;
}
.-left-4 {
    left: -1rem;
}
.-right-2 {
    right: -0.5rem;
}
.-right-5 {
    right: -1.25rem;
}
.-top-0 {
    top: 0;
}
.-top-0\.5 {
    top: -0.125rem;
}
.-top-1 {
    top: -0.25rem;
}
.-top-1\.5 {
    top: -0.375rem;
}
.-top-2 {
    top: -0.5rem;
}
.-top-3 {
    top: -0.75rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-2\.5 {
    bottom: 0.625rem;
}
.bottom-3 {
    bottom: 0.75rem;
}
.bottom-4 {
    bottom: 1rem;
}
.left-0 {
    left: 0;
}
.left-0\.5 {
    left: 0.125rem;
}
.left-1 {
    left: 0.25rem;
}
.left-2\.5 {
    left: 0.625rem;
}
.left-3 {
    left: 0.75rem;
}
.left-4 {
    left: 1rem;
}
.left-gutter-half {
    left: 0.75rem;
}
.right-0 {
    right: 0;
}
.right-1 {
    right: 0.25rem;
}
.right-1\.5 {
    right: 0.375rem;
}
.right-2 {
    right: 0.5rem;
}
.right-2\.5 {
    right: 0.625rem;
}
.right-3 {
    right: 0.75rem;
}
.right-3\.5 {
    right: 0.875rem;
}
.right-4 {
    right: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.right-6 {
    right: 1.5rem;
}
.right-px {
    right: 1px;
}
.top-0 {
    top: 0;
}
.top-0\.5 {
    top: 0.125rem;
}
.top-1\.5 {
    top: 0.375rem;
}
.top-1\/2 {
    top: 50%;
}
.top-2 {
    top: 0.5rem;
}
.top-2\.5 {
    top: 0.625rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-\[3px\] {
    top: 3px;
}
.top-full {
    top: 100%;
}
.top-px {
    top: 1px;
}
.-z-10 {
    z-index: -10;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-40 {
    z-index: 40;
}
.z-60 {
    z-index: 60;
}
.z-\[100\] {
    z-index: 100;
}
.z-\[60\] {
    z-index: 60;
}
.z-\[70\] {
    z-index: 70;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-last {
    order: 9999;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-10 {
    grid-column: span 10 / span 10;
}
.col-span-12 {
    grid-column: span 12 / span 12;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.row-span-3 {
    grid-row: span 3 / span 3;
}
.-m-px {
    margin: -1px;
}
.m-0 {
    margin: 0;
}
.m-4 {
    margin: 1rem;
}
.m-auto {
    margin: auto;
}
.\!mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.-mx-gutter-half {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}
.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.-mb-2 {
    margin-bottom: -0.5rem;
}
.-ml-1 {
    margin-left: -0.25rem;
}
.-ml-2 {
    margin-left: -0.5rem;
}
.-mr-1 {
    margin-right: -0.25rem;
}
.-mt-0\.5 {
    margin-top: -0.125rem;
}
.-mt-px {
    margin-top: -1px;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-0\.5 {
    margin-bottom: 0.125rem;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-1\.5 {
    margin-bottom: 0.375rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-11 {
    margin-bottom: 2.75rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-2\.5 {
    margin-bottom: 0.625rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-7 {
    margin-bottom: 1.75rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.ml-0 {
    margin-left: 0;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-3 {
    margin-left: 0.75rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-auto {
    margin-left: auto;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mr-1\.5 {
    margin-right: 0.375rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mr-6 {
    margin-right: 1.5rem;
}
.mr-auto {
    margin-right: auto;
}
.mt-0\.5 {
    margin-top: 0.125rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-1\.5 {
    margin-top: 0.375rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-2\.5 {
    margin-top: 0.625rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-auto {
    margin-top: auto;
}
.box-border {
    box-sizing: border-box;
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
}
.line-clamp-2,
.line-clamp-3 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.\!table {
    display: table !important;
}
.table {
    display: table;
}
.table-caption {
    display: table-caption;
}
.table-cell {
    display: table-cell;
}
.table-row {
    display: table-row;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.aspect-\[11\/4\] {
    aspect-ratio: 11/4;
}
.aspect-\[4\/3\] {
    aspect-ratio: 4/3;
}
.aspect-square {
    aspect-ratio: 1/1;
}
.aspect-video {
    aspect-ratio: 16/9;
}
.size-12 {
    height: 3rem;
    width: 3rem;
}
.size-6 {
    height: 1.5rem;
    width: 1.5rem;
}
.size-\[60px\] {
    height: 60px;
    width: 60px;
}
.size-full {
    height: 100%;
    width: 100%;
}
.h-3 {
    height: 0.75rem;
}
.h-3\/5 {
    height: 60%;
}
.h-36 {
    height: 9rem;
}
.h-6 {
    height: 1.5rem;
}
.h-9 {
    height: 2.25rem;
}
.h-auto {
    height: auto;
}
.h-fit {
    height: -moz-fit-content;
    height: fit-content;
}
.h-full {
    height: 100%;
}
.max-h-\[90vh\] {
    max-height: 90vh;
}
.max-h-\[95vh\] {
    max-height: 95vh;
}
.max-h-dvh {
    max-height: 100dvh;
}
.max-h-full {
    max-height: 100%;
}
.min-h-0 {
    min-height: 0;
}
.min-h-60 {
    min-height: 15rem;
}
.min-h-\[212px\] {
    min-height: 212px;
}
.min-h-\[370px\] {
    min-height: 370px;
}
.min-h-\[60px\] {
    min-height: 60px;
}
.min-h-full {
    min-height: 100%;
}
.w-10 {
    width: 2.5rem;
}
.w-11 {
    width: 2.75rem;
}
.w-14 {
    width: 3.5rem;
}
.w-20 {
    width: 5rem;
}
.w-36 {
    width: 9rem;
}
.w-40 {
    width: 10rem;
}
.w-6 {
    width: 1.5rem;
}
.w-7 {
    width: 1.75rem;
}
.w-8 {
    width: 2rem;
}
.w-9 {
    width: 2.25rem;
}
.w-\[163px\] {
    width: 163px;
}
.w-\[16rem\] {
    width: 16rem;
}
.w-\[370px\] {
    width: 370px;
}
.w-\[38px\] {
    width: 38px;
}
.w-auto {
    width: auto;
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-px {
    width: 1px;
}
.min-w-60 {
    min-width: 15rem;
}
.min-w-full {
    min-width: 100%;
}
.max-w-24 {
    max-width: 6rem;
}
.max-w-3xl {
    max-width: 48rem;
}
.max-w-5xl {
    max-width: 64rem;
}
.max-w-\[760px\] {
    max-width: 760px;
}
.max-w-\[880px\] {
    max-width: 880px;
}
.max-w-content-md {
    max-width: 892px;
}
.max-w-content-upper-md {
    max-width: 1010px;
}
.max-w-content-xs {
    max-width: 640px;
}
.max-w-full {
    max-width: 100%;
}
.max-w-lg {
    max-width: 32rem;
}
.max-w-none {
    max-width: none;
}
.max-w-xl {
    max-width: 36rem;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-none {
    flex: none;
}
.shrink-0 {
    flex-shrink: 0;
}
.flex-grow,
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.basis-1\/2 {
    flex-basis: 50%;
}
.caption-bottom {
    caption-side: bottom;
}
.border-collapse {
    border-collapse: collapse;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
        skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
}
.-translate-y-full {
    --tw-translate-y: -100%;
}
.-translate-y-full,
.translate-x-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));
}
.translate-x-0 {
    --tw-translate-x: 0px;
}
.translate-y-1 {
    --tw-translate-y: 0.25rem;
}
.translate-y-1,
.translate-y-2 {
    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-2 {
    --tw-translate-y: 0.5rem;
}
.rotate-180 {
    --tw-rotate: 180deg;
}
.rotate-180,
.rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
        skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
    --tw-rotate: 90deg;
}
.transform {
    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;
}
.resize {
    resize: both;
}
.list-none {
    list-style-type: none;
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.columns-3 {
    -moz-columns: 3;
    column-count: 3;
}
.break-inside-avoid-column {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.content-center {
    align-content: center;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-11 {
    gap: 2.75rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-2\.5 {
    gap: 0.625rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-3\.5 {
    gap: 0.875rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-7 {
    gap: 1.75rem;
}
.gap-9 {
    gap: 2.25rem;
}
.gap-gutter {
    gap: 1.25rem;
}
.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}
.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.gap-x-7 {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem;
}
.gap-x-gutter {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.gap-x-gutter-half {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}
.gap-y-2 {
    row-gap: 0.5rem;
}
.gap-y-2\.5 {
    row-gap: 0.625rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.gap-y-gutter {
    row-gap: 1.25rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
    margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
    margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}
.divide-gray-light-alternative > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-gray-light-alternative);
}
.divide-gray-lighter > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-gray-lighter);
}
.place-self-start {
    place-self: start;
}
.place-self-end {
    place-self: end;
}
.place-self-center {
    place-self: center;
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.self-center {
    align-self: center;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.break-words {
    overflow-wrap: break-word;
}
.break-all {
    word-break: break-all;
}
.rounded {
    border-radius: 4px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 16px;
}
.rounded-md {
    border-radius: 8px;
}
.rounded-b {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.rounded-b-md {
    border-bottom-left-radius: 8px;
}
.rounded-b-md,
.rounded-br-md {
    border-bottom-right-radius: 8px;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-\[3px\] {
    border-width: 3px;
}
.border-y {
    border-top-width: 1px;
}
.border-b,
.border-y {
    border-bottom-width: 1px;
}
.border-t {
    border-top-width: 1px;
}
.border-t-2 {
    border-top-width: 2px;
}
.\!border-primary-light {
    border-color: var(--color-primary-light) !important;
}
.border-gray-light {
    border-color: var(--color-gray-light);
}
.border-gray-light-alternative {
    border-color: var(--color-gray-light-alternative);
}
.border-gray-lighter {
    border-color: var(--color-gray-lighter);
}
.border-gray-lightest {
    border-color: var(--color-gray-lightest);
}
.border-primary {
    border-color: var(--color-primary);
}
.border-primary-darkest {
    border-color: var(--color-primary-darkest);
}
.border-primary-light {
    border-color: var(--color-primary-light);
}
.border-primary-light-30 {
    border-color: var(--color-primary-light-30);
}
.border-y-gray-lighter {
    border-top-color: var(--color-gray-lighter);
}
.border-b-gray-lighter,
.border-y-gray-lighter {
    border-bottom-color: var(--color-gray-lighter);
}
.border-t-primary-light-30 {
    border-top-color: var(--color-primary-light-30);
}
.\!bg-primary {
    background-color: var(--color-primary) !important;
}
.bg-gray-light {
    background-color: var(--color-gray-light);
}
.bg-gray-lighter {
    background-color: var(--color-gray-lighter);
}
.bg-gray-lightest {
    background-color: var(--color-gray-lightest);
}
.bg-primary {
    background-color: var(--color-primary);
}
.bg-primary-30 {
    background-color: var(--color-primary-30);
}
.bg-primary-darkest {
    background-color: var(--color-primary-darkest);
}
.bg-primary-darkest-70 {
    background-color: var(--color-primary-darkest-70);
}
.bg-primary-darkest-80 {
    background-color: var(--color-primary-darkest-80);
}
.bg-primary-darkest-90 {
    background-color: var(--color-primary-darkest-90);
}
.bg-primary-light {
    background-color: var(--color-primary-light);
}
.bg-primary-light-70 {
    background-color: var(--color-primary-light-70);
}
.bg-secondary-five {
    background-color: var(--color-secondary-five);
}
.bg-secondary-four {
    background-color: var(--color-secondary-four);
}
.bg-secondary-one {
    background-color: var(--color-secondary-one);
}
.bg-secondary-one-7 {
    background-color: var(--color-secondary-one-7);
}
.bg-secondary-six {
    background-color: var(--color-secondary-six);
}
.bg-secondary-three {
    background-color: var(--color-secondary-three);
}
.bg-secondary-two {
    background-color: var(--color-secondary-two);
}
.bg-transparent {
    background-color: transparent;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-center {
    -o-object-position: center;
    object-position: center;
}
.\!p-0 {
    padding: 0 !important;
}
.\!p-2 {
    padding: 0.5rem !important;
}
.p-1 {
    padding: 0.25rem;
}
.p-1\.5 {
    padding: 0.375rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-3\.5 {
    padding: 0.875rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.\!px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-gutter-half {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
}
.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.py-1\.5 {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
}
.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.py-2\.5 {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}
.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}
.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
}
.py-px {
    padding-bottom: 1px;
    padding-top: 1px;
}
.\!pr-10 {
    padding-right: 2.5rem !important;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-2\.5 {
    padding-bottom: 0.625rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pb-3\.5 {
    padding-bottom: 0.875rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-5 {
    padding-bottom: 1.25rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[141\%\] {
    padding-bottom: 141%;
}
.pb-\[50\%\] {
    padding-bottom: 50%;
}
.pl-10 {
    padding-left: 2.5rem;
}
.pl-3 {
    padding-left: 0.75rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-5 {
    padding-left: 1.25rem;
}
.pl-9 {
    padding-left: 2.25rem;
}
.pr-1 {
    padding-right: 0.25rem;
}
.pr-10 {
    padding-right: 2.5rem;
}
.pr-12 {
    padding-right: 3rem;
}
.pr-14 {
    padding-right: 3.5rem;
}
.pr-16 {
    padding-right: 4rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-3 {
    padding-right: 0.75rem;
}
.pr-6 {
    padding-right: 1.5rem;
}
.pr-9 {
    padding-right: 2.25rem;
}
.pr-gutter-half {
    padding-right: 0.75rem;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-10 {
    padding-top: 2.5rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-2\.5 {
    padding-top: 0.625rem;
}
.pt-20 {
    padding-top: 5rem;
}
.pt-3 {
    padding-top: 0.75rem;
}
.pt-3\.5 {
    padding-top: 0.875rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-5 {
    padding-top: 1.25rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.align-middle {
    vertical-align: middle;
}
.font-sans {
    font-family: Inter, system-ui;
}
.font-serif {
    font-family:
        Source Serif,
        system-ui;
}
.text-2xl {
    font-size: 1.9375rem;
    line-height: 2.5187rem;
}
.text-3xl {
    font-size: 2.4375rem;
    line-height: 3.1688rem;
}
.text-4xl {
    font-size: 3rem;
    line-height: 3.9rem;
}
.text-5xl {
    font-size: 3.4375rem;
    line-height: 3.7813rem;
}
.text-\[32px\] {
    font-size: 32px;
}
.text-base {
    font-size: 1rem;
    line-height: 1.75rem;
}
.text-icon-base {
    font-size: 1.5rem;
}
.text-lg {
    font-size: 1.25rem;
    line-height: 1.875rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.625rem;
}
.text-xl {
    font-size: 1.5625rem;
    line-height: 2.0313rem;
}
.text-xl-s {
    font-size: 1.375rem;
    line-height: 1.788rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1.5rem;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.leading-lg {
    line-height: 2.2;
}
.leading-none {
    line-height: 0;
}
.text-error {
    color: var(--color-error);
}
.text-gray-dark {
    color: var(--color-gray-dark);
}
.text-gray-darkest {
    color: var(--color-gray-darkest);
}
.text-primary {
    color: var(--color-primary);
}
.text-primary-light {
    color: var(--color-primary-light);
}
.text-typo {
    color: var(--color-typo);
}
.underline {
    text-decoration-line: underline;
}
.decoration-inherit {
    text-decoration-color: inherit;
}
.decoration-primary-light {
    text-decoration-color: var(--color-primary-light);
}
.decoration-transparent {
    text-decoration-color: transparent;
}
.underline-offset-2 {
    text-underline-offset: 2px;
}
.underline-offset-4 {
    text-underline-offset: 4px;
}
.placeholder-gray-dark::-moz-placeholder {
    color: var(--color-gray-dark);
}
.placeholder-gray-dark::placeholder {
    color: var(--color-gray-dark);
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.shadow {
    --tw-shadow: 0px 4px 6px 4px #03213814;
    --tw-shadow-colored: 0px 4px 6px 4px var(--tw-shadow-color);
}
.shadow,
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
    --tw-shadow: 0px 3px 18px -6px #0321383d, 0px 12px 42px -4px #18274b1f;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color), 0px 12px 42px -4px var(--tw-shadow-color);
}
.shadow-md {
    --tw-shadow: 0px 3px 18px -6px #0321383d;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
}
.shadow-md,
.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color);
}
.outline {
    outline-style: solid;
}
.-outline-offset-2 {
    outline-offset: -2px;
}
.-outline-offset-4 {
    outline-offset: -4px;
}
.outline-offset-2 {
    outline-offset: 2px;
}
.outline-offset-4 {
    outline-offset: 4px;
}
.outline-offset-8 {
    outline-offset: 8px;
}
.ring-8 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-secondary-one-30 {
    --tw-ring-color: var(--color-secondary-one-30);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
        var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-300 {
    transition-duration: 0.3s;
}
.duration-500 {
    transition-duration: 0.5s;
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\@container {
    container-type: inline-size;
}
.\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
}
@media (min-width: 768px) {
    .md\:h3 {
        font-family:
            Source Serif,
            system-ui;
        font-size: 1.375rem;
        -webkit-hyphens: auto;
        hyphens: auto;
        line-height: 1.788rem;
        margin-bottom: 0.5em;
    }
    @media (min-width: 640px) {
        .md\:h3 {
            font-size: 1.5625rem;
            line-height: 2.0313rem;
        }
    }
    @media (min-width: 1024px) {
        .md\:h3 {
            font-size: 1.5625rem;
            line-height: 2.0313rem;
        }
    }
    @media (min-width: 1280px) {
        .md\:h3 {
            font-size: 2.1875rem;
            line-height: 2.844rem;
        }
    }
}
.\[\&\>p\>a\]\:link-variant-light > p > a {
    color: var(--color-primary-light);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.625rem;
    text-decoration-color: inherit;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
@media (min-width: 640px) {
    .sm\:fluid-container-xl {
        margin-left: auto;
        margin-right: auto;
        max-width: 1560px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (min-width: 768px) {
    .md\:fluid-container-md {
        margin-left: auto;
        margin-right: auto;
        max-width: 916px;
        padding-left: 18px;
        padding-right: 18px;
    }
}
@media (min-width: 1024px) {
    .lg\:fluid-container-lg {
        margin-left: auto;
        margin-right: auto;
        max-width: 1304px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
.placeholder\:text-gray-dark::-moz-placeholder {
    color: var(--color-gray-dark);
}
.placeholder\:text-gray-dark::placeholder {
    color: var(--color-gray-dark);
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:right-0:before {
    content: var(--tw-content);
    right: 0;
}
.before\:top-0:before {
    content: var(--tw-content);
    top: 0;
}
.before\:top-full:before {
    content: var(--tw-content);
    top: 100%;
}
.before\:-z-10:before {
    content: var(--tw-content);
    z-index: -10;
}
.before\:h-2\.5:before {
    content: var(--tw-content);
    height: 0.625rem;
}
.before\:h-4:before {
    content: var(--tw-content);
    height: 1rem;
}
.before\:rounded:before {
    border-radius: 4px;
    content: var(--tw-content);
}
.before\:bg-primary:before {
    background-color: var(--color-primary);
    content: var(--tw-content);
}
.before\:bg-secondary-five:before {
    background-color: var(--color-secondary-five);
    content: var(--tw-content);
}
.before\:bg-secondary-four:before {
    background-color: var(--color-secondary-four);
    content: var(--tw-content);
}
.before\:bg-secondary-one:before {
    background-color: var(--color-secondary-one);
    content: var(--tw-content);
}
.before\:bg-secondary-six:before {
    background-color: var(--color-secondary-six);
    content: var(--tw-content);
}
.before\:bg-secondary-three:before {
    background-color: var(--color-secondary-three);
    content: var(--tw-content);
}
.before\:bg-secondary-two:before {
    background-color: var(--color-secondary-two);
    content: var(--tw-content);
}
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
}
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.after\:-left-3:after {
    content: var(--tw-content);
    left: -0.75rem;
}
.after\:-right-3:after {
    content: var(--tw-content);
    right: -0.75rem;
}
.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content);
}
.after\:bottom-2:after {
    bottom: 0.5rem;
    content: var(--tw-content);
}
.after\:left-0:after {
    content: var(--tw-content);
    left: 0;
}
.after\:right-0:after {
    content: var(--tw-content);
    right: 0;
}
.after\:top-2\.5:after {
    content: var(--tw-content);
    top: 0.625rem;
}
.after\:-z-10:after {
    content: var(--tw-content);
    z-index: -10;
}
.after\:block:after {
    content: var(--tw-content);
    display: block;
}
.after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
}
.after\:rounded:after {
    border-radius: 4px;
    content: var(--tw-content);
}
.after\:bg-gray:after {
    background-color: var(--color-gray-base);
    content: var(--tw-content);
}
.after\:bg-inherit:after {
    background-color: inherit;
    content: var(--tw-content);
}
.after\:bg-primary-light:after {
    background-color: var(--color-primary-light);
    content: var(--tw-content);
}
.first\:translate-x-0:first-child {
    --tw-translate-x: 0px;
    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));
}
.first\:\!pt-0:first-child {
    padding-top: 0 !important;
}
.first\:after\:hidden:first-child:after {
    content: var(--tw-content);
    display: none;
}
.last\:-translate-x-full:last-child {
    --tw-translate-x: -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));
}
.only\:col-span-2:only-child {
    grid-column: span 2 / span 2;
}
.only\:mb-0:only-child {
    margin-bottom: 0;
}
.only\:h-full:only-child {
    height: 100%;
}
.only\:\!pl-0:only-child {
    padding-left: 0 !important;
}
.only\:pb-0:only-child {
    padding-bottom: 0;
}
.only\:after\:hidden:only-child:after {
    content: var(--tw-content);
    display: none;
}
.even\:pl-px:nth-child(2n) {
    padding-left: 1px;
}
.focus-within\:translate-y-0:focus-within {
    --tw-translate-y: 0px;
    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));
}
.hover\:size-14:hover {
    height: 3.5rem;
    width: 3.5rem;
}
.hover\:size-28:hover {
    height: 7rem;
    width: 7rem;
}
.hover\:bg-gray-lightest:hover {
    background-color: var(--color-gray-lightest);
}
.hover\:bg-primary:hover {
    background-color: var(--color-primary);
}
.hover\:bg-primary-dark:hover {
    background-color: var(--color-primary-dark);
}
.hover\:bg-primary-darkest-70:hover {
    background-color: var(--color-primary-darkest-70);
}
.hover\:bg-primary-light:hover {
    background-color: var(--color-primary-light);
}
.hover\:bg-secondary-one:hover {
    background-color: var(--color-secondary-one);
}
.hover\:text-gray-light:hover {
    color: var(--color-gray-light);
}
.hover\:text-primary:hover {
    color: var(--color-primary);
}
.hover\:text-primary-dark:hover {
    color: var(--color-primary-dark);
}
.hover\:text-primary-light:hover {
    color: var(--color-primary-light);
}
.hover\:decoration-primary-light:hover {
    text-decoration-color: var(--color-primary-light);
}
.hover\:decoration-transparent:hover {
    text-decoration-color: transparent;
}
.hover\:shadow-lg:hover {
    --tw-shadow: 0px 3px 18px -6px #0321383d, 0px 12px 42px -4px #18274b1f;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color), 0px 12px 42px -4px var(--tw-shadow-color);
}
.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
    --tw-shadow: 0px 3px 18px -6px #0321383d;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
}
.hover\:ring-0:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:not-sr-only:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    white-space: normal;
    width: auto;
}
.focus-visible\:size-14:focus-visible {
    height: 3.5rem;
    width: 3.5rem;
}
.focus-visible\:size-28:focus-visible {
    height: 7rem;
    width: 7rem;
}
.focus-visible\:bg-gray-lightest:focus-visible {
    background-color: var(--color-gray-lightest);
}
.focus-visible\:bg-primary:focus-visible {
    background-color: var(--color-primary);
}
.focus-visible\:bg-primary-dark:focus-visible {
    background-color: var(--color-primary-dark);
}
.focus-visible\:bg-primary-darkest-70:focus-visible {
    background-color: var(--color-primary-darkest-70);
}
.focus-visible\:bg-primary-light:focus-visible {
    background-color: var(--color-primary-light);
}
.focus-visible\:bg-secondary-one:focus-visible {
    background-color: var(--color-secondary-one);
}
.focus-visible\:text-gray-light:focus-visible {
    color: var(--color-gray-light);
}
.focus-visible\:text-primary:focus-visible {
    color: var(--color-primary);
}
.focus-visible\:text-primary-dark:focus-visible {
    color: var(--color-primary-dark);
}
.focus-visible\:text-primary-light:focus-visible {
    color: var(--color-primary-light);
}
.focus-visible\:decoration-transparent:focus-visible {
    text-decoration-color: transparent;
}
.focus-visible\:shadow-md:focus-visible {
    --tw-shadow: 0px 3px 18px -6px #0321383d;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:ring-0:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.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\:before\:content-\[\'\\e82d\'\]:before {
    --tw-content: "\e82d";
    content: var(--tw-content);
}
.group:hover .group-hover\:right-0 {
    right: 0;
}
.group:hover .group-hover\:translate-x-6 {
    --tw-translate-x: 1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
        skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-primary-dark {
    border-color: var(--color-primary-dark);
}
.group:hover .group-hover\:border-primary-darkest {
    border-color: var(--color-primary-darkest);
}
.group:hover .group-hover\:bg-primary {
    background-color: var(--color-primary);
}
.group:hover .group-hover\:text-primary {
    color: var(--color-primary);
}
.group:hover .group-hover\:text-primary-dark {
    color: var(--color-primary-dark);
}
.group:hover .group-hover\:text-primary-darkest {
    color: var(--color-primary-darkest);
}
.group:hover .group-hover\:text-primary-light {
    color: var(--color-primary-light);
}
.group:hover .group-hover\:shadow-lg {
    --tw-shadow: 0px 3px 18px -6px #0321383d, 0px 12px 42px -4px #18274b1f;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color), 0px 12px 42px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-visible .group-focus-visible\:right-0 {
    right: 0;
}
.group:focus-visible .group-focus-visible\:translate-x-6 {
    --tw-translate-x: 1.5rem;
    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:focus-visible .group-focus-visible\:border-primary-dark {
    border-color: var(--color-primary-dark);
}
.group:focus-visible .group-focus-visible\:border-primary-darkest {
    border-color: var(--color-primary-darkest);
}
.group:focus-visible .group-focus-visible\:bg-primary {
    background-color: var(--color-primary);
}
.group:focus-visible .group-focus-visible\:text-primary {
    color: var(--color-primary);
}
.group:focus-visible .group-focus-visible\:text-primary-dark {
    color: var(--color-primary-dark);
}
.group:focus-visible .group-focus-visible\:text-primary-darkest {
    color: var(--color-primary-darkest);
}
.group:focus-visible .group-focus-visible\:shadow-lg {
    --tw-shadow: 0px 3px 18px -6px #0321383d, 0px 12px 42px -4px #18274b1f;
    --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color), 0px 12px 42px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[aria-expanded="true"] .group-aria-expanded\: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[aria-expanded="true"] .group-aria-expanded\:before\:content-\[\'\\e82d\'\]:before {
    --tw-content: "\e82d";
    content: var(--tw-content);
}
@media (prefers-reduced-motion: no-preference) {
    .motion-safe\:translate-x-full {
        --tw-translate-x: 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));
    }
    .motion-safe\:opacity-0 {
        opacity: 0;
    }
    .motion-safe\:transition-all {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    .motion-safe\:transition-colors {
        transition-duration: 0.15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    .motion-safe\:transition-transform {
        transition-duration: 0.15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    .motion-safe\:duration-300 {
        transition-duration: 0.3s;
    }
}
@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\!transition-none {
        transition-property: none !important;
    }
}
@media not all and (min-width: 1024px) {
    .max-lg\:order-1 {
        order: 1;
    }
    .max-lg\:order-2 {
        order: 2;
    }
    .max-lg\:-mx-3 {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .max-lg\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .max-lg\:ml-2 {
        margin-left: 0.5rem;
    }
    .max-lg\:mt-1 {
        margin-top: 0.25rem;
    }
    .max-lg\:mt-2 {
        margin-top: 0.5rem;
    }
    .max-lg\:flex {
        display: flex;
    }
    .max-lg\:hidden {
        display: none;
    }
    .max-lg\:flex-col {
        flex-direction: column;
    }
    .max-lg\:flex-wrap {
        flex-wrap: wrap;
    }
    .max-lg\:items-start {
        align-items: flex-start;
    }
    .max-lg\:justify-center {
        justify-content: center;
    }
    .max-lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
        margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
    }
    .max-lg\:bg-primary-darkest-70 {
        background-color: var(--color-primary-darkest-70);
    }
    .max-lg\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .max-lg\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }
    .max-lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .max-lg\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .max-lg\:pb-16 {
        padding-bottom: 4rem;
    }
    .max-lg\:pr-0 {
        padding-right: 0;
    }
    .max-lg\:pt-10 {
        padding-top: 2.5rem;
    }
    .max-lg\:first\:border-t:first-child {
        border-top-width: 1px;
    }
    .max-desktop\:fixed {
        position: fixed;
    }
    .max-desktop\:bottom-0 {
        bottom: 0;
    }
    .max-desktop\:left-0 {
        left: 0;
    }
    .max-desktop\:right-0 {
        right: 0;
    }
    .max-desktop\:order-2 {
        order: 2;
    }
    .max-desktop\:-mt-gutter {
        margin-top: -1.25rem;
    }
    .max-desktop\:mb-1 {
        margin-bottom: 0.25rem;
    }
    .max-desktop\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .max-desktop\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .max-desktop\:mb-8 {
        margin-bottom: 2rem;
    }
    .max-desktop\:ml-5 {
        margin-left: 1.25rem;
    }
    .max-desktop\:mt-0\.5 {
        margin-top: 0.125rem;
    }
    .max-desktop\:mt-1 {
        margin-top: 0.25rem;
    }
    .max-desktop\:flex {
        display: flex;
    }
    .max-desktop\:hidden {
        display: none;
    }
    .max-desktop\:h-full {
        height: 100%;
    }
    .max-desktop\:min-h-96 {
        min-height: 24rem;
    }
    .max-desktop\:w-full {
        width: 100%;
    }
    .max-desktop\:flex-col {
        flex-direction: column;
    }
    .max-desktop\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .max-desktop\:gap-y-6 {
        row-gap: 1.5rem;
    }
    .max-desktop\:overflow-auto {
        overflow: auto;
    }
    .max-desktop\:rounded {
        border-radius: 4px;
    }
    .max-desktop\:border-t {
        border-top-width: 1px;
    }
    .max-desktop\:border-primary-light-20 {
        border-color: var(--color-primary-light-20);
    }
    .max-desktop\:bg-gray-lightest {
        background-color: var(--color-gray-lightest);
    }
    .max-desktop\:bg-primary-darkest-70 {
        background-color: var(--color-primary-darkest-70);
    }
    .max-desktop\:bg-primary-light {
        background-color: var(--color-primary-light);
    }
    .max-desktop\:bg-secondary-one-7 {
        background-color: var(--color-secondary-one-7);
    }
    .max-desktop\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .max-desktop\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .max-desktop\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .max-desktop\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }
    .max-desktop\:py-3\.5 {
        padding-bottom: 0.875rem;
        padding-top: 0.875rem;
    }
    .max-desktop\:pb-2\.5 {
        padding-bottom: 0.625rem;
    }
    .max-desktop\:pb-4 {
        padding-bottom: 1rem;
    }
    .max-desktop\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .max-desktop\:pl-1 {
        padding-left: 0.25rem;
    }
    .max-desktop\:pl-3 {
        padding-left: 0.75rem;
    }
    .max-desktop\:pl-4 {
        padding-left: 1rem;
    }
    .max-desktop\:pr-12 {
        padding-right: 3rem;
    }
    .max-desktop\:pr-4 {
        padding-right: 1rem;
    }
    .max-desktop\:pt-2\.5 {
        padding-top: 0.625rem;
    }
    .max-desktop\:pt-3 {
        padding-top: 0.75rem;
    }
    .max-desktop\:pt-4 {
        padding-top: 1rem;
    }
    .max-desktop\:pt-7 {
        padding-top: 1.75rem;
    }
    .max-desktop\:text-sm {
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
    .max-desktop\:transition-all {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    .max-desktop\:after\:hidden:after {
        content: var(--tw-content);
        display: none;
    }
    .first\:max-desktop\:pt-2:first-child {
        padding-top: 0.5rem;
    }
    .last\:max-desktop\:pb-6:last-child {
        padding-bottom: 1.5rem;
    }
    .max-desktop\:hover\:bg-gray-lightest:hover {
        background-color: var(--color-gray-lightest);
    }
    .max-desktop\:hover\:bg-primary:hover {
        background-color: var(--color-primary);
    }
    .max-desktop\:hover\:text-primary:hover {
        color: var(--color-primary);
    }
    .max-desktop\:hover\:text-primary-light:hover {
        color: var(--color-primary-light);
    }
    .max-desktop\:focus-visible\:bg-gray-lightest:focus-visible {
        background-color: var(--color-gray-lightest);
    }
    .max-desktop\:focus-visible\:bg-primary:focus-visible {
        background-color: var(--color-primary);
    }
    .max-desktop\:focus-visible\:text-primary:focus-visible {
        color: var(--color-primary);
    }
    .max-desktop\:focus-visible\:text-primary-light:focus-visible {
        color: var(--color-primary-light);
    }
    .group:hover .max-desktop\:group-hover\:decoration-inherit {
        text-decoration-color: inherit;
    }
    .group:focus-visible .max-desktop\:group-focus-visible\:decoration-inherit {
        text-decoration-color: inherit;
    }
}
@media not all and (min-width: 768px) {
    .max-md\:order-1 {
        order: 1;
    }
    .max-md\:order-2 {
        order: 2;
    }
    .max-md\:-mx-3,
    .max-md\:-mx-gutter-half {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .max-md\:mb-4 {
        margin-bottom: 1rem;
    }
    .max-md\:mb-8 {
        margin-bottom: 2rem;
    }
    .max-md\:hidden {
        display: none;
    }
    .max-md\:w-full {
        width: 100%;
    }
    .max-md\:flex-col {
        flex-direction: column;
    }
    .max-md\:pb-6 {
        padding-bottom: 1.5rem;
    }
}
@media not all and (min-width: 640px) {
    .max-sm\:fixed {
        position: fixed;
    }
    .max-sm\:relative {
        position: relative;
    }
    .max-sm\:bottom-0 {
        bottom: 0;
    }
    .max-sm\:left-0 {
        left: 0;
    }
    .max-sm\:left-\[calc\(100vw-30px\)\] {
        left: calc(100vw - 30px);
    }
    .max-sm\:right-0 {
        right: 0;
    }
    .max-sm\:z-10 {
        z-index: 10;
    }
    .max-sm\:order-1 {
        order: 1;
    }
    .max-sm\:order-2 {
        order: 2;
    }
    .max-sm\:-mx-3,
    .max-sm\:-mx-gutter-half {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .max-sm\:mb-4 {
        margin-bottom: 1rem;
    }
    .max-sm\:mr-4 {
        margin-right: 1rem;
    }
    .max-sm\:hidden {
        display: none;
    }
    .max-sm\:aspect-square {
        aspect-ratio: 1/1;
    }
    .max-sm\:w-full {
        width: 100%;
    }
    .max-sm\:max-w-24 {
        max-width: 6rem;
    }
    .max-sm\:-translate-x-full {
        --tw-translate-x: -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));
    }
    .max-sm\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .max-sm\:flex-wrap {
        flex-wrap: wrap;
    }
    .max-sm\:border-t {
        border-top-width: 1px;
    }
    .max-sm\:border-t-gray {
        border-top-color: var(--color-gray-base);
    }
    .max-sm\:object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .max-sm\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .max-sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .max-sm\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
    .max-sm\:pb-24 {
        padding-bottom: 6rem;
    }
    .max-sm\:pt-2 {
        padding-top: 0.5rem;
    }
    .max-sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
    .max-sm\:hover\:size-\[60px\]:hover {
        height: 60px;
        width: 60px;
    }
    .max-sm\:focus-visible\:size-\[60px\]:focus-visible {
        height: 60px;
        width: 60px;
    }
}
@media (min-width: 480px) {
    .xs\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .xs\:grid {
        display: grid;
    }
    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xs\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
@media (min-width: 640px) {
    .sm\:fixed {
        position: fixed;
    }
    .sm\:relative {
        position: relative;
    }
    .sm\:\!bottom-\[2\.2rem\] {
        bottom: 2.2rem !important;
    }
    .sm\:\!right-\[2rem\] {
        right: 2rem !important;
    }
    .sm\:bottom-0 {
        bottom: 0;
    }
    .sm\:bottom-4 {
        bottom: 1rem;
    }
    .sm\:left-5 {
        left: 1.25rem;
    }
    .sm\:left-\[calc\(100vw-12px\)\] {
        left: calc(100vw - 12px);
    }
    .sm\:right-0 {
        right: 0;
    }
    .sm\:right-5 {
        right: 1.25rem;
    }
    .sm\:right-\[4\.5rem\] {
        right: 4.5rem;
    }
    .sm\:top-5 {
        top: 1.25rem;
    }
    .sm\:-z-10 {
        z-index: -10;
    }
    .sm\:order-1 {
        order: 1;
    }
    .sm\:order-2 {
        order: 2;
    }
    .sm\:order-last {
        order: 9999;
    }
    .sm\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .sm\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .sm\:col-start-7 {
        grid-column-start: 7;
    }
    .sm\:col-start-8 {
        grid-column-start: 8;
    }
    .sm\:\!mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .sm\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .sm\:mb-0 {
        margin-bottom: 0;
    }
    .sm\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .sm\:mb-16 {
        margin-bottom: 4rem;
    }
    .sm\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .sm\:ml-14 {
        margin-left: 3.5rem;
    }
    .sm\:ml-20 {
        margin-left: 5rem;
    }
    .sm\:ml-24 {
        margin-left: 6rem;
    }
    .sm\:ml-7 {
        margin-left: 1.75rem;
    }
    .sm\:mr-4 {
        margin-right: 1rem;
    }
    .sm\:mt-36 {
        margin-top: 9rem;
    }
    .sm\:mt-4 {
        margin-top: 1rem;
    }
    .sm\:aspect-\[16\/7\] {
        aspect-ratio: 16/7;
    }
    .sm\:size-12 {
        height: 3rem;
        width: 3rem;
    }
    .sm\:size-24 {
        height: 6rem;
        width: 6rem;
    }
    .sm\:size-28 {
        height: 7rem;
        width: 7rem;
    }
    .sm\:max-h-\[50vh\] {
        max-height: 50vh;
    }
    .sm\:max-h-\[80vh\] {
        max-height: 80vh;
    }
    .sm\:min-h-\[376px\] {
        min-height: 376px;
    }
    .sm\:min-h-\[583px\] {
        min-height: 583px;
    }
    .sm\:w-1\/2 {
        width: 50%;
    }
    .sm\:w-5\/12 {
        width: 41.666667%;
    }
    .sm\:w-6\/12 {
        width: 50%;
    }
    .sm\:w-\[446px\] {
        width: 446px;
    }
    .sm\:max-w-\[85vw\] {
        max-width: 85vw;
    }
    .sm\:-translate-x-full {
        --tw-translate-x: -100%;
    }
    .sm\:-translate-x-full,
    .sm\:-translate-y-14 {
        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\:-translate-y-14 {
        --tw-translate-y: -3.5rem;
    }
    .sm\:translate-x-1\/2 {
        --tw-translate-x: 50%;
    }
    .sm\:translate-x-1\/2,
    .sm\:translate-y-1\/2 {
        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\:translate-y-1\/2 {
        --tw-translate-y: 50%;
    }
    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .sm\:gap-8 {
        gap: 2rem;
    }
    .sm\:gap-x-3 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
    .sm\:gap-y-10 {
        row-gap: 2.5rem;
    }
    .sm\:gap-y-6 {
        row-gap: 1.5rem;
    }
    .sm\:rounded {
        border-radius: 4px;
    }
    .sm\:bg-primary-darkest-70 {
        background-color: var(--color-primary-darkest-70);
    }
    .sm\:\!px-3 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .sm\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .sm\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .sm\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }
    .sm\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }
    .sm\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .sm\:pb-9 {
        padding-bottom: 2.25rem;
    }
    .sm\:pl-5 {
        padding-left: 1.25rem;
    }
    .sm\:pl-7 {
        padding-left: 1.75rem;
    }
    .sm\:pt-10 {
        padding-top: 2.5rem;
    }
    .sm\:pt-2 {
        padding-top: 0.5rem;
    }
    .sm\:pt-9 {
        padding-top: 2.25rem;
    }
    .sm\:text-right {
        text-align: right;
    }
    .sm\:text-2xl {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
    .sm\:text-4xl {
        font-size: 3rem;
        line-height: 3.9rem;
    }
    .sm\:text-5xl {
        font-size: 3.4375rem;
        line-height: 3.7813rem;
    }
    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
    .sm\:text-xl {
        font-size: 1.5625rem;
        line-height: 2.0313rem;
    }
    .sm\:ring-8 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    }
    .sm\:ring-8,
    .sm\:ring-\[6px\] {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }
    .sm\:ring-\[6px\] {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    }
    .sm\:grid-areas-header {
        grid-template-areas: "header";
    }
    .sm\:grid-in-header {
        grid-area: header;
    }
}
@media (min-width: 768px) {
    .md\:\!left-\[9\.5rem\] {
        left: 9.5rem !important;
    }
    .md\:\!top-\[14\.99rem\] {
        top: 14.99rem !important;
    }
    .md\:\!top-\[8\.5rem\] {
        top: 8.5rem !important;
    }
    .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .md\:col-span-11 {
        grid-column: span 11 / span 11;
    }
    .md\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .md\:m-8 {
        margin: 2rem;
    }
    .md\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .md\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .md\:mb-20 {
        margin-bottom: 5rem;
    }
    .md\:ml-6 {
        margin-left: 1.5rem;
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:mt-3 {
        margin-top: 0.75rem;
    }
    .md\:mt-7 {
        margin-top: 1.75rem;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:flex {
        display: flex;
    }
    .md\:max-h-20 {
        max-height: 5rem;
    }
    .md\:w-1\/2,
    .md\:w-2\/4 {
        width: 50%;
    }
    .md\:w-\[189px\] {
        width: 189px;
    }
    .md\:w-\[calc\(50\%-1\.25rem\)\] {
        width: calc(50% - 1.25rem);
    }
    .md\:max-w-52 {
        max-width: 13rem;
    }
    .md\:max-w-content-sm {
        max-width: 718px;
    }
    .md\:columns-xs {
        -moz-columns: 20rem;
        columns: 20rem;
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:justify-end {
        justify-content: flex-end;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:gap-5 {
        gap: 1.25rem;
    }
    .md\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem;
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
    }
    .md\:pb-20 {
        padding-bottom: 5rem;
    }
    .md\:pb-9 {
        padding-bottom: 2.25rem;
    }
    .md\:pl-12 {
        padding-left: 3rem;
    }
    .md\:pr-6 {
        padding-right: 1.5rem;
    }
    .md\:pt-16 {
        padding-top: 4rem;
    }
    .md\:text-2xl {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
    .md\:only\:mt-0:only-child {
        margin-top: 0;
    }
}
@media (min-width: 1024px) {
    .lg\:inset-6 {
        inset: 1.5rem;
    }
    .lg\:left-2\.5 {
        left: 0.625rem;
    }
    .lg\:right-2\.5 {
        right: 0.625rem;
    }
    .lg\:right-4 {
        right: 1rem;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .lg\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .lg\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .lg\:col-start-2 {
        grid-column-start: 2;
    }
    .lg\:col-start-9 {
        grid-column-start: 9;
    }
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .lg\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }
    .lg\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .lg\:-mt-4 {
        margin-top: -1rem;
    }
    .lg\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .lg\:mb-12 {
        margin-bottom: 3rem;
    }
    .lg\:mb-16 {
        margin-bottom: 4rem;
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .lg\:mb-8 {
        margin-bottom: 2rem;
    }
    .lg\:ml-10 {
        margin-left: 2.5rem;
    }
    .lg\:mt-14 {
        margin-top: 3.5rem;
    }
    .lg\:block {
        display: block;
    }
    .lg\:grid {
        display: grid;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:w-1\/2 {
        width: 50%;
    }
    .lg\:w-24 {
        width: 6rem;
    }
    .lg\:w-\[62px\] {
        width: 62px;
    }
    .lg\:max-w-\[680px\] {
        max-width: 680px;
    }
    .lg\:-translate-x-1\/2 {
        --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));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .lg\:gap-1 {
        gap: 0.25rem;
    }
    .lg\:gap-14 {
        gap: 3.5rem;
    }
    .lg\:gap-3\.5 {
        gap: 0.875rem;
    }
    .lg\:gap-y-14 {
        row-gap: 3.5rem;
    }
    .lg\:p-0 {
        padding: 0;
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .lg\:px-gutter-half {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .lg\:py-11 {
        padding-bottom: 2.75rem;
        padding-top: 2.75rem;
    }
    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }
    .lg\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }
    .lg\:pb-4 {
        padding-bottom: 1rem;
    }
    .lg\:pl-5 {
        padding-left: 1.25rem;
    }
    .lg\:pt-2 {
        padding-top: 0.5rem;
    }
    .lg\:pt-20 {
        padding-top: 5rem;
    }
    .lg\:font-serif {
        font-family:
            Source Serif,
            system-ui;
    }
    .lg\:text-2xl {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
    .lg\:text-4xl {
        font-size: 3rem;
        line-height: 3.9rem;
    }
    .lg\:text-5xl {
        font-size: 3.4375rem;
        line-height: 3.7813rem;
    }
    .lg\:text-xl {
        font-size: 1.5625rem;
        line-height: 2.0313rem;
    }
    .lg\:opacity-0 {
        opacity: 0;
    }
    .lg\:shadow-md {
        --tw-shadow: 0px 3px 18px -6px #0321383d;
        --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .lg\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute;
    }
    .lg\:before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%;
    }
    .lg\:before\:top-0:before {
        content: var(--tw-content);
        top: 0;
    }
    .lg\:before\:h-full:before {
        content: var(--tw-content);
        height: 100%;
    }
    .lg\:before\:w-px:before {
        content: var(--tw-content);
        width: 1px;
    }
    .lg\:before\:bg-primary-light-30:before {
        background-color: var(--color-primary-light-30);
        content: var(--tw-content);
    }
    .lg\:before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content);
    }
    .lg\:last\:border-none:last-child {
        border-style: none;
    }
    .group:hover .lg\:group-hover\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
            skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1;
    }
    .group:focus-visible .lg\:group-focus-visible\:translate-x-0 {
        --tw-translate-x: 0px;
        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:focus-visible .lg\:group-focus-visible\:opacity-100 {
        opacity: 1;
    }
    @media (prefers-reduced-motion: no-preference) {
        .lg\:motion-safe\:transition-all {
            transition-duration: 0.15s;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
        .lg\:motion-safe\:duration-300 {
            transition-duration: 0.3s;
        }
    }
    .desktop\:absolute {
        position: absolute;
    }
    .desktop\:relative {
        position: relative;
    }
    .desktop\:-bottom-5 {
        bottom: -1.25rem;
    }
    .desktop\:-left-4 {
        left: -1rem;
    }
    .desktop\:-right-2 {
        right: -0.5rem;
    }
    .desktop\:bottom-px {
        bottom: 1px;
    }
    .desktop\:right-0 {
        right: 0;
    }
    .desktop\:right-3 {
        right: 0.75rem;
    }
    .desktop\:top-0 {
        top: 0;
    }
    .desktop\:top-1\.5 {
        top: 0.375rem;
    }
    .desktop\:top-5 {
        top: 1.25rem;
    }
    .desktop\:top-full {
        top: 100%;
    }
    .desktop\:order-1 {
        order: 1;
    }
    .desktop\:order-2 {
        order: 2;
    }
    .desktop\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .desktop\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .desktop\:-mx-1 {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .desktop\:mb-4 {
        margin-bottom: 1rem;
    }
    .desktop\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .desktop\:mt-5 {
        margin-top: 1.25rem;
    }
    .desktop\:\!block {
        display: block !important;
    }
    .desktop\:block {
        display: block;
    }
    .desktop\:flex {
        display: flex;
    }
    .desktop\:hidden {
        display: none;
    }
    .desktop\:aspect-square {
        aspect-ratio: 1/1;
    }
    .desktop\:w-1\/2 {
        width: 50%;
    }
    .desktop\:w-11 {
        width: 2.75rem;
    }
    .desktop\:w-12 {
        width: 3rem;
    }
    .desktop\:w-96 {
        width: 24rem;
    }
    .desktop\:w-\[212px\] {
        width: 212px;
    }
    .desktop\:w-full {
        width: 100%;
    }
    .desktop\:translate-y-5 {
        --tw-translate-y: 1.25rem;
    }
    .desktop\:rotate-90,
    .desktop\:translate-y-5 {
        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));
    }
    .desktop\:rotate-90 {
        --tw-rotate: 90deg;
    }
    .desktop\:flex-row {
        flex-direction: row;
    }
    .desktop\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .desktop\:items-start {
        align-items: flex-start;
    }
    .desktop\:items-center {
        align-items: center;
    }
    .desktop\:justify-end {
        justify-content: flex-end;
    }
    .desktop\:justify-center {
        justify-content: center;
    }
    .desktop\:gap-2 {
        gap: 0.5rem;
    }
    .desktop\:gap-6 {
        gap: 1.5rem;
    }
    .desktop\:whitespace-nowrap {
        white-space: nowrap;
    }
    .desktop\:rounded {
        border-radius: 4px;
    }
    .desktop\:rounded-full {
        border-radius: 9999px;
    }
    .desktop\:p-2 {
        padding: 0.5rem;
    }
    .desktop\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .desktop\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .desktop\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .desktop\:py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
    }
    .desktop\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .desktop\:pb-2\.5 {
        padding-bottom: 0.625rem;
    }
    .desktop\:pb-5 {
        padding-bottom: 1.25rem;
    }
    .desktop\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .desktop\:pl-1 {
        padding-left: 0.25rem;
    }
    .desktop\:pl-16 {
        padding-left: 4rem;
    }
    .desktop\:pl-3 {
        padding-left: 0.75rem;
    }
    .desktop\:pr-2\.5 {
        padding-right: 0.625rem;
    }
    .desktop\:pr-4 {
        padding-right: 1rem;
    }
    .desktop\:pr-5 {
        padding-right: 1.25rem;
    }
    .desktop\:pt-1 {
        padding-top: 0.25rem;
    }
    .desktop\:pt-11 {
        padding-top: 2.75rem;
    }
    .desktop\:pt-2 {
        padding-top: 0.5rem;
    }
    .desktop\:pt-5 {
        padding-top: 1.25rem;
    }
    .desktop\:text-2xl {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
    .desktop\:text-lg {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
    .desktop\:text-sm {
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
    .desktop\:text-xl {
        font-size: 1.5625rem;
        line-height: 2.0313rem;
    }
    .desktop\:font-semibold {
        font-weight: 600;
    }
    .desktop\:leading-none {
        line-height: 0;
    }
    .desktop\:text-primary {
        color: var(--color-primary);
    }
    .desktop\:shadow {
        --tw-shadow: 0px 4px 6px 4px #03213814;
        --tw-shadow-colored: 0px 4px 6px 4px var(--tw-shadow-color);
    }
    .desktop\:shadow,
    .desktop\:shadow-md {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .desktop\:shadow-md {
        --tw-shadow: 0px 3px 18px -6px #0321383d;
        --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
    }
    .desktop\:outline-offset-4 {
        outline-offset: 4px;
    }
    .desktop\:before\:bottom-0:before {
        bottom: 0;
        content: var(--tw-content);
    }
    .desktop\:before\:bottom-2\.5:before {
        bottom: 0.625rem;
        content: var(--tw-content);
    }
    .desktop\:odd\:mr-auto:nth-child(odd) {
        margin-right: auto;
    }
    .desktop\:odd\:pr-4:nth-child(odd) {
        padding-right: 1rem;
    }
    .desktop\:even\:ml-auto:nth-child(2n) {
        margin-left: auto;
    }
    .last-of-type\:desktop\:pr-14:last-of-type {
        padding-right: 3.5rem;
    }
    .desktop\:hover\:bg-primary:hover {
        background-color: var(--color-primary);
    }
    .desktop\:hover\:text-primary-light:hover {
        color: var(--color-primary-light);
    }
    .desktop\:focus-visible\:bg-primary:focus-visible {
        background-color: var(--color-primary);
    }
    .desktop\:focus-visible\:text-primary-light:focus-visible {
        color: var(--color-primary-light);
    }
    .group:nth-child(odd) .desktop\:group-odd\:mr-gutter {
        margin-right: 1.25rem;
    }
    .group:nth-child(2n) .desktop\:group-even\:ml-gutter {
        margin-left: 1.25rem;
    }
    .group.is-open .desktop\:group-\[\.is-open\]\:-rotate-90 {
        --tw-rotate: -90deg;
        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 (prefers-reduced-motion: no-preference) {
        .desktop\:motion-safe\:translate-y-3 {
            --tw-translate-y: 0.75rem;
            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));
        }
        .desktop\:motion-safe\:opacity-0 {
            opacity: 0;
        }
        .desktop\:motion-safe\:transition-all {
            transition-duration: 0.15s;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
        .desktop\:motion-safe\:duration-300 {
            transition-duration: 0.3s;
        }
    }
}
@media (min-width: 1280px) {
    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .xl\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .xl\:col-start-10 {
        grid-column-start: 10;
    }
    .xl\:col-start-6 {
        grid-column-start: 6;
    }
    .xl\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem;
    }
    .xl\:mb-16 {
        margin-bottom: 4rem;
    }
    .xl\:mb-32 {
        margin-bottom: 8rem;
    }
    .xl\:mr-6 {
        margin-right: 1.5rem;
    }
    .xl\:mt-1 {
        margin-top: 0.25rem;
    }
    .xl\:w-1\/2 {
        width: 50%;
    }
    .xl\:pl-7 {
        padding-left: 1.75rem;
    }
    .xl\:text-4xl {
        font-size: 3rem;
        line-height: 3.9rem;
    }
}
@media (min-width: 1921px) {
    .full\:left-0 {
        left: 0;
    }
}
@media (min-width: 1024px) {
    .desktop\:\[\&\:has\(\[aria-expanded\=\'true\'\]\)\]\:shadow-none:has([aria-expanded="true"]) {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}
@media not all and (min-width: 1024px) {
    .max-lg\:\[\&\:last-child\>a\]\:-mr-8:last-child > a {
        margin-right: -2rem;
    }
    .max-lg\:\[\&\:last-child\>div\]\:-mr-5:last-child > div {
        margin-right: -1.25rem;
    }
    .max-lg\:\[\&\:last-child\>div\]\:-mr-8:last-child > div {
        margin-right: -2rem;
    }
}
.\[\&\:not\(\.is-open\)\]\:hover\:before\:bg-primary-30:hover:not(.is-open):before {
    background-color: var(--color-primary-30);
    content: var(--tw-content);
}
@media (min-width: 1024px) {
    .lg\:\[\&\:nth-last-child\(2\)\]\:border-none:nth-last-child(2) {
        border-style: none;
    }
}
.\[\&\:only-child\]\:mx-auto:only-child {
    margin-left: auto;
    margin-right: auto;
}
.\[\&\:only-child\]\:w-full:only-child {
    width: 100%;
}
.\[\&\:only-child\]\:max-w-content-md:only-child {
    max-width: 892px;
}
.\[\&\>\.news\]\:grow > .news {
    flex-grow: 1;
}
.\[\&\>header\>\*\]\:mb-0 > header > * {
    margin-bottom: 0;
}
.\[\&\>header\>\*\]\:text-2xl > header > * {
    font-size: 1.9375rem;
    line-height: 2.5187rem;
}
@media (min-width: 1024px) {
    .lg\:\[\&\>header\>\*\]\:mb-0 > header > * {
        margin-bottom: 0;
    }
    .lg\:\[\&\>header\>\*\]\:text-4xl > header > * {
        font-size: 3rem;
        line-height: 3.9rem;
    }
}
.\[\&\>p\>a\]\:text-base > p > a {
    font-size: 1rem;
    line-height: 1.75rem;
}
.\[\&\>p\>a\]\:text-sm > p > a {
    font-size: 0.875rem;
    line-height: 1.625rem;
}
.\[\&\>p\]\:mb-0 > p {
    margin-bottom: 0;
}
.\[\&\>p\]\:font-serif > p {
    font-family:
        Source Serif,
        system-ui;
}
.\[\&\>p\]\:text-2xl > p {
    font-size: 1.9375rem;
    line-height: 2.5187rem;
}
.\[\&\>p\]\:text-base > p {
    font-size: 1rem;
    line-height: 1.75rem;
}
.\[\&\>p\]\:text-sm > p {
    font-size: 0.875rem;
    line-height: 1.625rem;
}
@media (min-width: 768px) {
    .md\:\[\&\>p\]\:text-3xl > p {
        font-size: 2.4375rem;
        line-height: 3.1688rem;
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&\>p\]\:text-lg > p {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}
.\[\&_a\]\:mb-2\.5 a {
    margin-bottom: 0.625rem;
}
.\[\&_a\]\:inline-block a {
    display: inline-block;
}
@media (min-width: 1024px) {
    .\[\&_h2\]\:lg\:text-2xl h2 {
        font-size: 1.9375rem;
        line-height: 2.5187rem;
    }
}
@media (min-width: 1280px) {
    .\[\&_h2\]\:xl\:text-3xl h2 {
        font-size: 2.4375rem;
        line-height: 3.1688rem;
    }
}
@media (pointer: coarse) {
    .\[\@media\(pointer\:coarse\)\]\:hidden {
        display: none;
    }
} /* required styles */

:root {
    --cc-bg: #fff;
    --cc-text: #2d4156;
    --cc-border-radius: 0.35em;
    --cc-btn-primary-bg: #eaeff2;
    --cc-btn-primary-text: var(--cc-text);
    --cc-btn-primary-hover-bg: #d8e0e6;
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-btn-border-radius: 4px;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: #2d4156;
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, 0.85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}
.cc_div *,
.cc_div :after,
.cc_div :before,
.cc_div {
    animation: none;
    background: none;
    border: none;
    border-radius: unset;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    float: none;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    height: auto;
    letter-spacing: unset;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    transition: none;
    vertical-align: baseline;
    visibility: unset;
}
#c-inr {
    margin-bottom: 10px;
}
#c-footer {
    background: var(--cc-bg);
    border-top: 1px solid var(--cc-text);
    color: var(--cc-text);
    padding: 0.4em 0 0.5em;
    margin: 0 auto;
    font-size: 14px;
}
#c-footer .c-link-group > * + * {
    margin-left: 1.3em;
}
.cc_div {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2d4156;
    color: var(--cc-text);
    font-size: 16px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
#c-ttl,
#s-bl td:before,
#s-ttl,
.cc_div .b-tl,
.cc_div .c-bn {
    font-weight: 600;
}
#cm,
#s-bl .act .b-acc,
#s-inr,
.cc_div .b-tl,
.cc_div .c-bl {
    border-radius: 0.35em;
    border-radius: var(--cc-border-radius);
}
#s-bl .act .b-acc {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cc_div a,
.cc_div button,
.cc_div input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
}
.cc_div a {
    border-bottom: 1px solid;
}
.cc_div a:hover {
    border-color: transparent;
    text-decoration: none;
}
#cm-ov,
#cs-ov,
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr {
    transition:
        visibility 0.25s linear,
        opacity 0.25s ease,
        transform 0.25s ease !important;
}
.c--anim .c-bn {
    transition: background-color 0.25s ease !important;
}
.c--anim #cm.bar.slide,
.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide #s-inr,
.c--anim .bar.slide + #cs-ov {
    transition:
        visibility 0.4s ease,
        opacity 0.4s ease,
        transform 0.4s ease !important;
}
#cm.bar.slide,
.cc_div .bar.slide #s-inr {
    opacity: 1;
    transform: translateX(100%);
}
#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
    opacity: 1;
    transform: translateX(-100%);
}
#cm.slide,
.cc_div .slide #s-inr {
    transform: translateY(1.6em);
}
#cm.top.slide {
    transform: translateY(-1.6em);
}
#cm.bar.slide {
    transform: translateY(100%);
}
#cm.bar.top.slide {
    transform: translateY(-100%);
}
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
    opacity: 1;
    transform: scale(1);
    visibility: visible !important;
}
.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
    transform: scale(1) translateY(-50%);
}
.show--settings .c--anim #s-cnt {
    visibility: visible !important;
}
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
    opacity: 1 !important;
    visibility: visible !important;
}
#cm {
    background: #fff;
    background: var(--cc-bg);
    bottom: 1.25em;
    box-shadow: 0 0.625em 1.875em #000;
    box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
    font-family: inherit;
    line-height: normal;
    max-width: 24.2em;
    opacity: 0;
    padding: 1.1em 1.5em 1.4em;
    position: fixed;
    right: 1.25em;
    transform: scale(0.95);
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
#cc_div #cm {
    display: block !important;
}
#c-ttl {
    font-size: 1.05em;
    margin-bottom: 0.7em;
}
.cloud #c-ttl {
    margin-top: -0.15em;
}
#c-txt {
    font-size: 0.9em;
    line-height: 1.5em;
}
.cc_div #c-bns {
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em;
}
.cc_div .c-bn {
    background: #eaeff2;
    background: var(--cc-btn-secondary-bg);
    border-radius: 4px;
    border-radius: var(--cc-btn-border-radius);
    color: #2d4156;
    color: var(--cc-btn-secondary-text);
    cursor: pointer;
    display: inline-block;
    flex: 1;
    font-size: 0.82em;
    padding: 1em 1.7em;
    text-align: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#c-bns button + button,
#s-c-bn,
#s-cnt button + button {
    float: right;
    margin-left: 1em;
}
#s-cnt #s-rall-bn {
    float: none;
}
#cm .c_link:active,
#cm .c_link:hover,
#s-c-bn:active,
#s-c-bn:hover,
#s-cnt button + button:active,
#s-cnt button + button:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg);
}
#s-cnt {
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 101;
}
#s-bl {
    outline: none;
}
#s-bl .title {
    margin-top: 1.4em;
}
#s-bl .b-bn,
#s-bl .title:first-child {
    margin-top: 0;
}
#s-bl .b-acc .p {
    margin-top: 0;
    padding: 1em;
}
#s-cnt .b-bn .b-tl {
    background: none;
    display: block;
    font-family: inherit;
    font-size: 0.95em;
    padding: 1.3em 6.4em 1.3em 2.7em;
    position: relative;
    transition: background-color 0.25s ease;
    width: 100%;
}
#s-cnt .b-bn .b-tl.exp {
    cursor: pointer;
}
#s-cnt .act .b-bn .b-tl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover);
}
#s-bl .b-bn {
    position: relative;
}
#s-bl .c-bl {
    border: 1px solid #f1f3f5;
    border: 1px solid var(--cc-section-border);
    margin-bottom: 0.5em;
    padding: 1em;
    transition: background-color 0.25s ease;
}
#s-bl .c-bl:hover {
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg);
}
#s-bl .c-bl:last-child {
    margin-bottom: 0.5em;
}
#s-bl .c-bl:first-child {
    border: none;
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0;
    transition: none;
}
#s-bl .c-bl:not(.b-ex):first-child:hover {
    background: transparent;
    background: unset;
}
#s-bl .c-bl.b-ex {
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg);
    border: none;
    padding: 0;
    transition: none;
}
#s-bl .c-bl.b-ex + .c-bl {
    margin-top: 2em;
}
#s-bl .c-bl.b-ex + .c-bl.b-ex {
    margin-top: 0;
}
#s-bl .c-bl.b-ex:first-child {
    margin-bottom: 1em;
    margin-bottom: 0.5em;
}
#s-bl .b-acc {
    display: none;
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
}
#s-bl .act .b-acc {
    display: block;
    max-height: 100%;
    overflow: hidden;
}
#s-cnt .p {
    color: #2d4156;
    color: var(--cc-block-text);
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: 0.85em;
}
.cc_div .b-tg .c-tgl:disabled {
    cursor: not-allowed;
}
.cc_div .b-tg .expand-button:disabled {
    cursor: not-allowed;
}
#c-vln {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
#cs {
    bottom: 0;
    left: 0;
    padding: 0 1.7em;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}
#cs,
#s-inr {
    height: 100%;
}
#s-inr {
    box-shadow: 0 13px 27px -5px rgba(3, 6, 9, 0.26);
    margin: 0 auto;
    max-width: 45em;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 4.75em;
    padding-top: 4.75em;
    position: relative;
    transform: scale(0.96);
    visibility: hidden;
}
#s-bns,
#s-hdr,
#s-inr {
    background: #fff;
    background: var(--cc-bg);
}
#s-bl {
    display: block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    padding: 1.3em 1.8em;
    width: 100%;
}
#s-bns {
    border-top: 1px solid #f1f3f5;
    border-top: 1px solid var(--cc-section-border);
    bottom: 0;
    height: 4.75em;
    left: 0;
    padding: 1em 1.8em;
    position: absolute;
    right: 0;
}
.cc_div .cc-link {
    border-bottom: 1px solid #2d4156;
    border-bottom: 1px solid var(--cc-btn-primary-text);
    color: #2d4156;
    color: var(--cc-btn-primary-text);
    cursor: pointer;
    display: inline;
    font-weight: 600;
    padding-bottom: 0;
    text-decoration: none;
}
.cc_div .cc-link:active,
.cc_div .cc-link:hover {
    border-color: transparent;
}
#c-bns button:first-child,
#s-bns button:first-child {
    background: #2d4156;
    background: var(--cc-btn-primary-bg);
    color: #fff;
    color: var(--cc-btn-primary-text);
}
#c-bns.swap button:first-child {
    background: #eaeff2;
    background: var(--cc-btn-secondary-bg);
    color: #2d4156;
    color: var(--cc-btn-secondary-text);
}
#c-bns.swap button:last-child {
    background: #2d4156;
    background: var(--cc-btn-primary-bg);
    color: #fff;
    color: var(--cc-btn-primary-text);
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: #2d4156;
    background: var(--cc-toggle-bg-on);
}
.cc_div .b-tg .expand-button:checked ~ .c-tg {
    background: #2d4156;
    background: var(--cc-toggle-bg-on);
}
#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover {
    background: #1d2e38;
    background: var(--cc-btn-primary-hover-bg);
}
#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg);
}
#s-hdr {
    border-bottom: 1px solid #f1f3f5;
    border-bottom: 1px solid var(--cc-section-border);
    display: table;
    height: 4.75em;
    padding: 0 1.8em;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
#s-hdr,
#s-ttl {
    vertical-align: middle;
}
#s-ttl {
    display: table-cell;
    font-size: 1em;
}
#s-c-bn {
    font-size: 1.45em;
    font-weight: 400;
    height: 1.7em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1.7em;
}
#s-c-bnc {
    display: table-cell;
    vertical-align: middle;
}
.cc_div span.t-lb {
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}
#c_policy__text {
    height: 31.25em;
    margin-top: 1.25em;
    overflow-y: auto;
}
#c-s-in {
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 37.5em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 688px) {
    #s-bl::-webkit-scrollbar {
        background: transparent;
        border-radius: 0 0.25em 0.25em 0;
        height: 100%;
        width: 0.9em;
    }
    #s-bl::-webkit-scrollbar-thumb {
        background: #cfd5db;
        background: var(--cc-webkit-scrollbar-bg);
        border: 0.25em solid #fff;
        border: 0.25em solid var(--cc-bg);
        border-radius: 100em;
    }
    #s-bl::-webkit-scrollbar-thumb:hover {
        background: #9199a0;
        background: var(--cc-webkit-scrollbar-bg-hover);
    }
    #s-bl::-webkit-scrollbar-button {
        height: 5px;
        width: 10px;
    }
}
.cc_div .b-tg {
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 0;
    right: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
.cc_div .b-tg,
.cc_div .b-tg .c-tgl {
    cursor: pointer;
    position: absolute;
    top: 0;
}
.cc_div .b-tg,
.cc_div .b-tg .expand-button {
    cursor: pointer;
    position: absolute;
    top: 0;
}
.cc_div .b-tg .c-tgl {
    border: 0;
    display: block;
    left: 0;
    margin: 0;
}
.cc_div .b-tg .expand-button {
    border: 0;
    display: block;
    left: 0;
    margin: 0;
}
.cc_div .b-tg .c-tg {
    background: #919ea6;
    background: var(--cc-toggle-bg-off);
    pointer-events: none;
    position: absolute;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl,
.cc_div span.t-lb {
    border-radius: 4em;
    height: 1.5em;
    width: 3.4em;
}
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .expand-button,
.cc_div span.t-lb {
    border-radius: 4em;
    height: 1.5em;
    width: 3.4em;
}
.cc_div .b-tg .c-tg.c-ro {
    cursor: not-allowed;
}
.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
    background: #d5dee2;
    background: var(--cc-toggle-bg-readonly);
}
.cc_div .b-tg .expand-button ~ .c-tg.c-ro {
    background: #d5dee2;
    background: var(--cc-toggle-bg-readonly);
}
.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
    box-shadow: none;
}
.cc_div .b-tg .expand-button ~ .c-tg.c-ro:after {
    box-shadow: none;
}
.cc_div .b-tg .c-tg:after {
    background: #fff;
    background: var(--cc-toggle-knob-bg);
    border: none;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
    box-sizing: content-box;
    content: "";
    display: block;
    height: 1.25em;
    left: 0.125em;
    position: relative;
    top: 0.125em;
    transition: transform 0.25s ease;
    width: 1.25em;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
    transform: translateX(1.9em);
}
.cc_div .b-tg .expand-button:checked ~ .c-tg:after {
    transform: translateX(1.9em);
}
#s-bl table,
#s-bl td,
#s-bl th {
    border: none;
}
#s-bl tbody tr {
    transition: background-color 0.25s ease;
}
#s-bl tbody tr:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover);
}
#s-bl table {
    border-collapse: collapse;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}
#s-bl td,
#s-bl th {
    font-size: 0.8em;
    padding: 0.8em 0.625em 0.8em 1.2em;
    text-align: left;
    vertical-align: top;
}
#s-bl th {
    font-family: inherit;
    padding: 1.2em;
}
#s-bl thead tr:first-child {
    border-bottom: 1px solid #e9edf2;
    border-bottom: 1px solid var(--cc-cookie-table-border);
}
.force--consent #cs,
.force--consent #s-cnt {
    width: 100vw;
}
#cm-ov,
#cs-ov {
    background: #070707;
    background: rgba(4, 6, 8, 0.85);
    background: var(--cc-overlay-bg);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: none;
    visibility: hidden;
}
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov,
.show--settings #cs-ov {
    display: block;
}
#cs-ov {
    z-index: 2;
}
.force--consent .cc_div {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: visibility 0.25s linear;
    visibility: hidden;
    width: 100%;
    width: 100vw;
}
.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
    visibility: visible;
}
.force--consent #cm {
    position: absolute;
}
.force--consent #cm.bar {
    max-width: 100vw;
    width: 100vw;
}
html.force--consent.show--consent {
    overflow-y: hidden !important;
}
html.force--consent.show--consent,
html.force--consent.show--consent body {
    height: auto !important;
    overflow-x: hidden !important;
}
.cc_div .act .b-bn .exp:before,
.cc_div .b-bn .exp:before {
    border: solid #2d4156;
    border: solid var(--cc-btn-secondary-text);
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    left: 1.2em;
    margin-right: 15px;
    padding: 0.2em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.cc_div .act .b-bn .b-tl:before {
    transform: translateY(-20%) rotate(225deg);
}
.cc_div .on-i:before {
    border: solid #ecf2fa;
    border: solid var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    left: 0.75em;
    padding: 0.1em 0.1em 0.45em;
    top: 0.37em;
}
#s-c-bn:after,
#s-c-bn:before,
.cc_div .on-i:before {
    content: "";
    margin: 0 auto;
    position: absolute;
    transform: rotate(45deg);
}
#s-c-bn:after,
#s-c-bn:before {
    background: #2d4156;
    background: var(--cc-btn-secondary-text);
    border-radius: 1em;
    height: 0.6em;
    left: 0.82em;
    top: 0.58em;
    width: 1.5px;
}
#s-c-bn:after {
    transform: rotate(-45deg);
}
.cc_div .off-i,
.cc_div .on-i {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    transition: opacity 0.15s ease;
    width: 50%;
}
.cc_div .on-i {
    left: 0;
    opacity: 0;
}
.cc_div .off-i:after,
.cc_div .off-i:before {
    background: #ecf2fa;
    background: var(--cc-toggle-knob-icon-color);
    content: " ";
    display: block;
    height: 0.7em;
    margin: 0 auto;
    position: absolute;
    right: 0.8em;
    top: 0.42em;
    transform-origin: center;
    width: 0.09375em;
}
.cc_div .off-i:before {
    transform: rotate(45deg);
}
.cc_div .off-i:after {
    transform: rotate(-45deg);
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
    opacity: 1;
}
.cc_div .b-tg .expand-button:checked ~ .c-tg .on-i {
    opacity: 1;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
    opacity: 0;
}
.cc_div .b-tg .expand-button:checked ~ .c-tg .off-i {
    opacity: 0;
}
#cm.box.middle,
#cm.cloud.middle {
    bottom: auto;
    top: 50%;
    transform: translateY(-37%);
}
#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
    transform: scale(0.95) translateY(-50%);
}
#cm.box.center,
#cm.cloud {
    left: 1em;
    margin: 0 auto;
    right: 1em;
}
#cm.cloud {
    max-width: 50em;
    overflow: hidden;
    padding: 1.3em 2em;
    text-align: center;
    width: unset;
}
.cc_div .cloud #c-inr {
    display: table;
    width: 100%;
}
.cc_div .cloud #c-inr-i {
    display: table-cell;
    padding-right: 2.4em;
    vertical-align: top;
    width: 70%;
}
.cc_div .cloud #c-txt {
    font-size: 0.85em;
}
.cc_div .cloud #c-bns {
    display: table-cell;
    min-width: 170px;
    vertical-align: middle;
}
#cm.cloud .c-bn {
    margin: 0.625em 0 0;
    width: 100%;
}
#cm.cloud .c-bn:first-child {
    margin: 0;
}
#cm.cloud.left {
    margin-right: 1.25em;
}
#cm.cloud.right {
    margin-left: 1.25em;
}
#cm.bar {
    border-radius: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 2em;
    position: fixed;
    right: 0;
    width: 100%;
}
#cm.bar #c-inr {
    margin: 0 auto;
    max-width: 32em;
}
#cm.bar #c-bns {
    max-width: 33.75em;
}
#cm.bar #cs {
    padding: 0;
}
.cc_div .bar #c-s-in {
    height: 100%;
    max-height: 100%;
    top: 0;
    transform: none;
}
.cc_div .bar #s-bl,
.cc_div .bar #s-bns,
.cc_div .bar #s-hdr {
    padding-left: 1.6em;
    padding-right: 1.6em;
}
.cc_div .bar #cs {
    padding: 0;
}
.cc_div .bar #s-inr {
    border-radius: 0;
    margin: 0 0 0 auto;
    max-width: 32em;
}
.cc_div .bar.left #s-inr {
    margin-left: 0;
    margin-right: auto;
}
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
    display: block;
}
.cc_div .bar #s-bl thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.cc_div .bar #s-bl tr {
    border-top: 1px solid #e9edf2;
    border-top: 1px solid var(--cc-cookie-table-border);
}
.cc_div .bar #s-bl td {
    border: none;
    padding-left: 35%;
    position: relative;
}
.cc_div .bar #s-bl td:before {
    color: #2d4156;
    color: var(--cc-text);
    content: attr(data-column);
    left: 1em;
    overflow: hidden;
    padding-right: 0.625em;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#cm.top {
    bottom: auto;
    top: 1.25em;
}
#cm.left {
    left: 1.25em;
    right: auto;
}
#cm.right {
    left: auto;
    right: 1.25em;
}
#cm.bar.left,
#cm.bar.right {
    left: 0;
    right: 0;
}
#cm.bar.top {
    top: 0;
}
@media screen and (max-width: 688px) {
    #cm,
    #cm.cloud,
    #cm.left,
    #cm.right {
        bottom: 1em;
        display: block;
        left: 1em;
        margin: 0;
        max-width: 100%;
        padding: 1.4em !important;
        right: 1em;
        width: auto;
    }
    .force--consent #cm,
    .force--consent #cm.cloud {
        max-width: 100vw;
        width: auto;
    }
    #cm.top {
        bottom: auto;
        top: 1em;
    }
    #cm.bottom {
        bottom: 1em;
        top: auto;
    }
    #cm.bar.bottom {
        bottom: 0;
    }
    #cm.cloud .c-bn {
        font-size: 0.85em;
    }
    #s-bns,
    .cc_div .bar #s-bns {
        padding: 1em 1.3em;
    }
    .cc_div .bar #s-inr {
        max-width: 100%;
        width: 100%;
    }
    .cc_div .cloud #c-inr-i {
        padding-right: 0;
    }
    #cs {
        border-radius: 0;
        padding: 0;
    }
    #c-s-in {
        height: 100%;
        max-height: 100%;
        top: 0;
        transform: none;
    }
    .cc_div .b-tg {
        right: 1.1em;
        transform: scale(1.1);
    }
    #s-inr {
        border-radius: 0;
        margin: 0;
        padding-bottom: 7.9em;
    }
    #s-bns {
        height: 7.9em;
    }
    #s-bl,
    .cc_div .bar #s-bl {
        padding: 1.3em;
    }
    #s-hdr,
    .cc_div .bar #s-hdr {
        padding: 0 1.3em;
    }
    #s-bl table {
        width: 100%;
    }
    #s-inr.bns-t {
        padding-bottom: 10.5em;
    }
    .bns-t #s-bns {
        height: 10.5em;
    }
    .cc_div .bns-t .c-bn {
        font-size: 0.83em;
        padding: 0.9em 1.6em;
    }
    #s-cnt .b-bn .b-tl {
        padding-bottom: 1.2em;
        padding-top: 1.2em;
    }
    #s-bl table,
    #s-bl tbody,
    #s-bl td,
    #s-bl th,
    #s-bl thead,
    #s-bl tr,
    #s-cnt {
        display: block;
    }
    #s-bl thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }
    #s-bl tr {
        border-top: 1px solid #e9edf2;
        border-top: 1px solid var(--cc-cookie-table-border);
    }
    #s-bl td {
        border: none;
        padding-left: 35%;
        position: relative;
    }
    #s-bl td:before {
        color: #2d4156;
        color: var(--cc-text);
        content: attr(data-column);
        left: 1em;
        overflow: hidden;
        padding-right: 0.625em;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #cm .c-bn,
    .cc_div .c-bn {
        margin-right: 0;
        width: 100%;
    }
    #s-cnt #s-rall-bn {
        margin-left: 0;
    }
    .cc_div #c-bns {
        flex-direction: column;
    }
    #c-bns button + button,
    #s-cnt button + button {
        float: unset;
        margin-left: 0;
        margin-top: 0.625em;
    }
    #cm.box,
    #cm.cloud {
        left: 1em;
        right: 1em;
        width: auto;
    }
    #cm.cloud.left,
    #cm.cloud.right {
        margin: 0;
    }
    .cc_div .cloud #c-bns,
    .cc_div .cloud #c-inr,
    .cc_div .cloud #c-inr-i {
        display: block;
        min-width: unset;
        width: auto;
    }
    .cc_div .cloud #c-txt {
        font-size: 0.9em;
    }
    .cc_div .cloud #c-bns {
        margin-top: 1.625em;
    }
}
.cc_div.ie #c-vln {
    height: 100%;
    padding-top: 5.62em;
}
.cc_div.ie .bar #c-vln {
    padding-top: 0;
}
.cc_div.ie #cs {
    margin-top: -5.625em;
    max-height: 37.5em;
    position: relative;
    top: 0;
}
.cc_div.ie .bar #cs {
    margin-top: 0;
    max-height: 100%;
}
.cc_div.ie #cm {
    border: 1px solid #dee6e9;
}
.cc_div.ie #c-s-in {
    top: 0;
}
.cc_div.ie .b-tg {
    margin-bottom: 0.7em;
    padding-left: 1em;
}
.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
    left: 1.95em;
}
.cc_div.ie .b-tg .expand-button:checked ~ .c-tg:after {
    left: 1.95em;
}
.cc_div.ie #s-bl table {
    overflow: auto;
}
.cc_div.ie .b-tg .c-tg {
    display: none;
}
.cc_div.ie .b-tg .c-tgl {
    display: inline-block;
    height: auto;
    margin-bottom: 0.2em;
    position: relative;
    vertical-align: middle;
}
.cc_div.ie .b-tg .expand-button {
    display: inline-block;
    height: auto;
    margin-bottom: 0.2em;
    position: relative;
    vertical-align: middle;
}
.cc_div.ie #s-cnt .b-bn .b-tl {
    padding: 1.3em 6.4em 1.3em 1.4em;
}
.cc_div.ie .bar #s-bl td:before {
    display: none;
}
.cc_div.ie .bar #s-bl td {
    padding: 0.8em 0.625em 0.8em 1.2em;
}
.cc_div.ie .bar #s-bl thead tr {
    position: relative;
}
.cc_div.ie .b-tg .t-lb {
    filter: alpha(opacity=0);
}
.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
    filter: alpha(opacity=80);
}
div[data-service],
div[data-service]:after,
div[data-service]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    color: inherit;
    background: inherit;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
}
div[data-service] .c-ld {
    bottom: 2em;
    right: 2.5em;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease;
}
div[data-service] .c-ld,
div[data-service] .c-ld:after {
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    width: 20px;
    height: 20px;
}
div[data-service] .c-ld::after {
    content: "";
    border: 4px solid #fff;
    border-top: 4px solid transparent;
    animation: spin 1s linear infinite;
}
div[data-service].c-h-n .c-ld {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
div[data-service] {
    display: inline-block;
    max-width: 100%;
    min-height: 150px;
    min-width: 300px;
    font-family: inherit;
    position: relative;
    background-color: #0b1016;
}
div[data-service] button,
div[data-service] h1,
div[data-service] h2,
div[data-service] h3,
div[data-service] input,
div[data-service] label {
    transition: none;
    animation: none;
}
div[data-autoscale] {
    height: auto;
    width: 100%;
}
div[data-service] .c-nt {
    color: #fff;
    max-width: 100%;
    height: 100%;
    width: 100%;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
div[data-service] .c-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 1;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease;
}
div[data-service] .c-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
    background: #1e3861;
    background: linear-gradient(
        14deg,
        rgba(12, 15, 23, 0.95) 10%,
        rgba(0, 0, 0, 0.51) 100%,
        rgba(68, 77, 125, 0.1082983535) 0
    );
    background: -moz-linear-gradient(14deg, #1e3861 0, rgba(206, 220, 233, 0.1181022751) 100%);
    background: -webkit-linear-gradient(14deg, #1e3861 0, rgba(206, 220, 233, 0.1181022751) 100%);
    background: linear-gradient(14deg, #1e3861 0, rgba(206, 220, 233, 0.1181022751) 100%);
}
div[data-service] .c-bg-i {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}
div[data-service] .c-bg-i.loaded {
    opacity: 1;
}
div[data-service] .c-tl {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
}
div[data-service].c-h-n .c-bg {
    opacity: 1;
    transform: scale(1);
}
div[data-service].c-h-n .c-nt {
    opacity: 0;
    visibility: hidden;
}
div[data-service] .c-n-c {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 0.9em;
    transition:
        background-color 0.3s ease,
        opacity 0.3s ease;
}
div[data-service] .c-n-t {
    display: block;
    font-size: 0.95em;
    position: relative;
    z-index: 1;
    line-height: 1.4em;
    color: #fff;
    max-width: 420px;
    margin: 0 auto;
    margin-bottom: 20px;
}
div[data-service] .c-n-a,
div[data-service] .c-n-t {
    text-align: center;
}
div[data-service] .c-t-cn {
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0.3s ease;
}
div[data-service] .c-n-c .c-l-b,
div[data-service] .c-n-c .c-la-b {
    display: inline-block;
    position: relative;
    padding: 1em;
    vertical-align: middle;
    background: rgba(0, 102, 219, 0.84);
    border: none;
    border-radius: 0.25em;
    font-size: 0.85em;
    padding-left: 2.8em;
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
    cursor: pointer;
    transition:
        opacity 0.3s ease,
        transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
        visibility 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease;
    box-shadow: rgba(0, 0, 0, 0.19) 0 4px 12px;
}
div[data-service] .c-n-c .c-l-b::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 1.1em;
    z-index: 2;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
}
div[data-service] .c-n-c .c-la-b {
    margin-left: 1em;
    padding: 1em;
    background: rgba(225, 239, 255, 0.8);
    color: #0d1f34;
}
div[data-service] .c-n-c .c-la-b:hover {
    background: rgba(225, 239, 255, 0.95);
}
div[data-service] .c-n-c .c-l-b:hover {
    background: rgba(9, 80, 161, 0.89);
}
div[data-service] .c-n-c .c-la-b:active {
    transition: none;
    background: rgba(225, 239, 255, 0.6);
}
div[data-service] .c-n-c .c-l-b:active {
    transition: none;
    box-shadow: 0 0 0 4px rgba(24, 104, 250, 0.24);
}
div[data-service].c-h-n .c-t-cn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
}
div[data-service] iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border: none;
    max-width: 100%;
    width: 100%;
    background: #000;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
}
div[data-service].c-h-b iframe {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0.1s;
}
div[data-service] .c-n-t a {
    color: #5fb3fb;
    text-decoration: none;
    border-bottom: 1px solid #5fb3fb;
}
div[data-service] .c-n-t a:hover {
    border-color: transparent;
}
#cm {
    max-width: 36.2em;
}
.c-bn {
    word-break: break-word;
}
#s-cnt .cfwrapper {
    background: var(--cc-cookie-category-block-bg);
    margin-bottom: 20px;
}
#s-cnt .block-section {
    display: none;
}
#s-cnt .block-section.opencategory {
    display: block;
}
#s-cnt .block-section .b-bn .b-tl {
    padding: 0.4em 6em 0.4em 3.7em;
}
#s-cnt .block-section .b-bn .b-tl:before {
    left: 2.2em;
}
#s-cnt .block-section .b-ex .desc {
    margin-left: 20px;
    margin-right: 20px;
}
#s-cnt .cfwrapper .cf-category-description {
    font-size: 0.8em;
    padding: 0.8em 0.625em 0.8em 1.2em;
    text-align: left;
    vertical-align: top;
}
.cc_div #cf-category-wrapper .act.exp:before {
    transform: translateY(-20%) rotate(225deg);
}
.cf-cookie-openconsent {
    position: fixed;
    bottom: 15px;
    left: 15px;
    border-radius: 50%;
    background: #202020;
    z-index: 10000000;
    padding: 10px;
    color: #fff;
}
.cookie-additional-description,
.cookie-additional-header {
    background: var(--cc-cookie-category-block-bg-hover);
}
.cookie-informations p {
    display: flex;
    font-weight: normal;
    margin-bottom: 5px;
}
.cookie-informations p span {
    padding-right: 5px;
    font-weight: bold;
}
.cookie-informations p a {
    display: block;
}
.cookie-informations p[data-key="description"] {
    flex-direction: column;
}
.cookie-informations p[data-key="description"] .cookie-title {
    padding: 0 0 5px 0;
}
#s-bl table .cookie-additional-description,
#s-bl tbody .cookie-additional-description,
#s-bl td .cookie-additional-description,
#s-bl th .cookie-additional-description,
#s-bl thead .cookie-additional-description,
#s-bl tr .cookie-additional-description,
#s-cnt .cookie-additional-description {
    display: none;
}
.cookie-item {
    border-bottom: solid 1px var(--cc-cookie-category-block-bg-hover);
}
#cf-category-wrapper .desc.b-acc {
    font-weight: bold;
}
.cookie-info-icon {
    width: 25px;
    fill: var(--cc-block-text);
}
.cookie-description-active {
    display: table-row !important;
}
.bar .cookie-description-active {
    display: block !important;
}
.cookie-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cookie-category {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.cookie-category-title {
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: bold;
}
.cookie-services {
    margin: 10px 0;
    padding: 10px;
    border-top: 1px solid #ddd;
}
.cookie-service {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.cookie-service-name {
    font-size: 1.2em;
    font-weight: bold;
}
.cookie-service-link {
    color: #007bff;
    text-decoration: none;
}
.cookie-details {
    margin-top: 10px;
}
.cookie-label {
    font-weight: bold;
}
.cookie-list {
    margin: 10px 0;
    padding-left: 20px;
}
.cookie-item {
    margin-bottom: 5px;
}
.cookie-name {
    font-weight: bold;
}
.cookie-description {
    font-style: italic;
}
@media screen and (max-width: 688px) {
    .cookie-description-active {
        display: block !important;
    }
}