/*!*******************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./assets/styles/app.css ***!
\*******************************************************************************************************************/
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
--breakpoint-d: 1024px;
--spacing-margin: 3.6rem;
--spacing-gap: 3.6rem;
--max-columns: 12;
--spacing-s: 0.3rem;
--spacing-m: 0.9rem;
--spacing-l: 1.8rem;
--spacing-xl: 3.6rem;
--spacing-xxl: 7.2rem;
--spacing-xxxl: 16rem;
--color-dark: #000;
--color-light: #fff;
--color-blue: #3558A2;
--color-valid: #81CA7A;
--color-magenta: #D874DF;
--color-red: #EF695F;
--default-transition-duration: 400ms;
--default-transition-timing-function: ease;
--pannel-width: calc(var(--spacing-col-5) + var(--margin));
--spacing-1: 0.1rem;
--spacing-3: 0.3rem;
--spacing-6: 0.6rem;
--spacing-7: 0.7rem;
--spacing-8: 0.8rem;
--spacing-9: 0.9rem;
--spacing-10: 1rem;
--spacing-12: 1.2rem;
--spacing-13: 1.3rem;
--spacing-14: 1.4rem;
--spacing-15: 1.5rem;
--spacing-16: 1.6rem;
--spacing-18: 1.8rem;
--spacing-20: 2rem;
--spacing-21: 2.1rem;
--spacing-24: 2.4rem;
--spacing-26: 2.6rem;
--spacing-35: 3.5rem;
--spacing-36: 3.6rem;
--spacing-40: 4rem;
--spacing-45: 4.5rem;
--spacing-52: 5.2rem;
--spacing-57: 5.7rem;
--spacing-66: 6.6rem;
--spacing-69: 6.9rem;
--spacing-72: 7.2rem;
--spacing-84: 8.4rem;
--spacing-96: 9.6rem;
--spacing-110: 11rem;
--spacing-120: 12rem;
--spacing-129: 12.9rem;
--spacing-132: 13.2rem;
--spacing-144: 14.4rem;
--spacing-168: 16.8rem;
--spacing-202: 20.2rem;
--spacing-218: 21.8rem;
--spacing-col-5: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 5 + (var(--spacing-gap) * (5 - 1)) );
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--font-weight-semibold: 600;
--leading-normal: 1.5;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
:root {
--transition-duration: 400ms;
--transition-timing-function: ease;
--transition: var(--transition-duration) var(--transition-timing-function);
--transition-secondary-duration: 800ms;
--transition-secondary-timing-function: ease-in-out;
--transition-secondary: var(--transition-secondary-duration) var(--transition-secondary-timing-function);
--ts-h1-font-size: 5.2rem;
--ts-h1-line-height: 5.6rem;
--ts-h1-font-family: Pachinko, sans-serif;
--ts-h2-font-size: 4.2rem;
--ts-h2-line-height: 4.6rem;
--ts-h2-font-family: Pachinko, sans-serif;
--ts-h3-font-size: 2.8rem;
--ts-h3-line-height: 3.4rem;
--ts-h3-font-family: Pachinko, sans-serif;
--ts-h4-font-size: 2.2rem;
--ts-h4-line-height: 2.6rem;
--ts-h4-font-family: Pachinko, sans-serif;
--ts-body-font-size: 1.6rem;
--ts-body-line-height: 2.4rem;
--ts-body-font-weight: 400;
--ts-body-font-family: Marianne, sans-serif;
--ts-cta-font-size: 1.3rem;
--ts-cta-line-height: 1.5rem;
--ts-cta-font-weight: 500;
--ts-label-font-size: 1.2rem;
--ts-label-line-height: 1.4rem;
--ts-label-font-weight: 400;
--ts-bold-font-weight: 700;
--spacing-col-1: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 1 + (var(--spacing-gap) * (1 - 1)) );
--spacing-col-2: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 2 + (var(--spacing-gap) * (2 - 1)) );
--spacing-col-3: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 3 + (var(--spacing-gap) * (3 - 1)) );
--spacing-col-4: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 4 + (var(--spacing-gap) * (4 - 1)) );
--spacing-col-5: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 5 + (var(--spacing-gap) * (5 - 1)) );
--spacing-col-6: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 6 + (var(--spacing-gap) * (6 - 1)) );
--spacing-col-7: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 7 + (var(--spacing-gap) * (7 - 1)) );
--spacing-col-8: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 8 + (var(--spacing-gap) * (8 - 1)) );
--spacing-col-9: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 9 + (var(--spacing-gap) * (9 - 1)) );
--spacing-col-10: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 10 + (var(--spacing-gap) * (10 - 1)) );
--spacing-col-11: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 11 + (var(--spacing-gap) * (11 - 1)) );
--spacing-col-12: calc( ((var(--layout-width) - (var(--spacing-gap) * (var(--max-columns) - 1))) / var(--max-columns)) * 12 + (var(--spacing-gap) * (12 - 1)) );
--layout-width: calc(100vw - 2 * var(--spacing-margin));
}
@media screen and (min-width: 1024px) {
:root {
--ts-h1-font-size: 9.2rem;
--ts-h1-line-height: 8.2rem;
--ts-h2-font-size: 5.6rem;
--ts-h2-line-height: 6rem;
--ts-h3-font-size: 3.6rem;
--ts-h3-line-height: 4rem;
--ts-h4-font-size: 2.4rem;
--ts-h4-line-height: 2.8rem;
}
}
h1 {
font-size: var(--ts-h1-font-size);
line-height: var(--ts-h1-line-height);
font-family: var(--ts-h1-font-family);
}
h2 {
font-size: var(--ts-h2-font-size);
line-height: var(--ts-h2-line-height);
font-family: var(--ts-h2-font-family);
}
h3 {
font-size: var(--ts-h3-font-size);
line-height: var(--ts-h3-line-height);
font-family: var(--ts-h3-font-family);
}
h4 {
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
}
body {
font-size: var(--ts-body-font-size);
line-height: var(--ts-body-line-height);
font-weight: var(--ts-body-font-weight);
font-family: var(--ts-body-font-family);
}
cta {
font-size: var(--ts-cta-font-size);
line-height: var(--ts-cta-line-height);
font-weight: var(--ts-cta-font-weight);
}
label {
font-size: var(--ts-label-font-size);
line-height: var(--ts-label-line-height);
font-weight: var(--ts-label-font-weight);
}
bold {
font-weight: var(--ts-bold-font-weight);
}
html {
font-size: 10px;
}
.sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
html.lenis, html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
@layer theme, base, components, utilities;
@layer theme;
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
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;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
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 {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::-moz-placeholder {
opacity: 1;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::-moz-placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-5 {
z-index: 5;
}
.z-90 {
z-index: 90;
}
.z-100 {
z-index: 100;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-5 {
grid-column: span 5 / span 5;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-9 {
grid-column: span 9 / span 9;
}
.col-span-full {
grid-column: 1 / -1;
}
.container {
width: 100%;
@media (width >= 768px) {
max-width: 768px;
}
@media (width >= 1024px) {
max-width: 1024px;
}
@media (width >= 1024px) {
max-width: 1024px;
}
@media (width >= 1280px) {
max-width: 1280px;
}
@media (width >= 1440px) {
max-width: 1440px;
}
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.m-auto {
margin: auto;
}
.-mx-s {
margin-inline: calc(var(--spacing-s) * -1);
}
.mx-l {
margin-inline: var(--spacing-l);
}
.-my-1 {
margin-block: calc(var(--spacing-1) * -1);
}
.-my-l {
margin-block: calc(var(--spacing-l) * -1);
}
.my-auto {
margin-block: auto;
}
.-mt-\[\.2rem\] {
margin-top: calc(.2rem * -1);
}
.mt-7 {
margin-top: var(--spacing-7);
}
.mt-36 {
margin-top: var(--spacing-36);
}
.mt-auto {
margin-top: auto;
}
.mt-l {
margin-top: var(--spacing-l);
}
.mt-m {
margin-top: var(--spacing-m);
}
.mr-12 {
margin-right: var(--spacing-12);
}
.mr-l {
margin-right: var(--spacing-l);
}
.mb-0\! {
margin-bottom: calc(var(--spacing) * 0) !important;
}
.-ml-xl {
margin-left: calc(var(--spacing-xl) * -1);
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.aspect-198\/334 {
aspect-ratio: 198/334;
}
.aspect-315\/530 {
aspect-ratio: 315/530;
}
.aspect-376\/632 {
aspect-ratio: 376/632;
}
.aspect-376\/634 {
aspect-ratio: 376/634;
}
.aspect-412\/917 {
aspect-ratio: 412/917;
}
.aspect-432\/728 {
aspect-ratio: 432/728;
}
.aspect-\[2\/1\] {
aspect-ratio: 2/1;
}
.aspect-\[4\/3\] {
aspect-ratio: 4/3;
}
.size-12 {
width: var(--spacing-12);
height: var(--spacing-12);
}
.size-20 {
width: var(--spacing-20);
height: var(--spacing-20);
}
.size-40 {
width: var(--spacing-40);
height: var(--spacing-40);
}
.size-45 {
width: var(--spacing-45);
height: var(--spacing-45);
}
.size-72 {
width: var(--spacing-72);
height: var(--spacing-72);
}
.size-full {
width: 100%;
height: 100%;
}
.size-m {
width: var(--spacing-m);
height: var(--spacing-m);
}
.h-1 {
height: var(--spacing-1);
}
.h-18 {
height: var(--spacing-18);
}
.h-40 {
height: var(--spacing-40);
}
.h-66 {
height: var(--spacing-66);
}
.h-69 {
height: var(--spacing-69);
}
.h-\[6\.9rem\] {
height: 6.9rem;
}
.h-\[33\.4rem\] {
height: 33.4rem;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.max-h-\[72\.8rem\] {
max-height: 72.8rem;
}
.container {
width: 100%;
max-width: 100%;
padding: 0 var(--spacing-margin);
}
.w-\(--buttons-width\) {
width: var(--buttons-width);
}
.w-36 {
width: var(--spacing-36);
}
.w-129 {
width: var(--spacing-129);
}
.w-\[19\.8rem\] {
width: 19.8rem;
}
.w-\[43\.2rem\] {
width: 43.2rem;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-m {
width: var(--spacing-m);
}
.max-w-\[46\.8rem\] {
max-width: 46.8rem;
}
.max-w-full {
max-width: 100%;
}
.min-w-40 {
min-width: var(--spacing-40);
}
.flex-1 {
flex: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.grow {
flex-grow: 1;
}
.table-fixed {
table-layout: fixed;
}
.border-separate {
border-collapse: separate;
}
.border-spacing-x-0 {
--tw-border-spacing-x: calc(var(--spacing) * 0);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-l {
--tw-border-spacing-y: var(--spacing-l);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-y-\[0\.9rem\] {
--tw-translate-y: calc(0.9rem * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.gap {
gap: var(--spacing-gap);
}
.gap-3 {
gap: var(--spacing-3);
}
.gap-8 {
gap: var(--spacing-8);
}
.gap-l {
gap: var(--spacing-l);
}
.gap-m {
gap: var(--spacing-m);
}
.gap-xl {
gap: var(--spacing-xl);
}
.space-y-24 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-24) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-l {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-l) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-l) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-m {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-m) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-m) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-s {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-s) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-s) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-xl {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-xl) * calc(1 - var(--tw-space-y-reverse)));
}
}
.gap-x-gap {
-moz-column-gap: var(--spacing-gap);
column-gap: var(--spacing-gap);
}
.gap-x-l {
-moz-column-gap: var(--spacing-l);
column-gap: var(--spacing-l);
}
.gap-x-m {
-moz-column-gap: var(--spacing-m);
column-gap: var(--spacing-m);
}
.gap-x-xxl {
-moz-column-gap: var(--spacing-xxl);
column-gap: var(--spacing-xxl);
}
.gap-y-120 {
row-gap: var(--spacing-120);
}
.gap-y-l {
row-gap: var(--spacing-l);
}
.gap-y-m {
row-gap: var(--spacing-m);
}
.gap-y-xl {
row-gap: var(--spacing-xl);
}
.gap-y-xxl {
row-gap: var(--spacing-xxl);
}
.divide-y-\[0\.1rem\] {
:where(& > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0.1rem * var(--tw-divide-y-reverse));
border-bottom-width: calc(0.1rem * calc(1 - var(--tw-divide-y-reverse)));
}
}
.divide-current {
:where(& > :not(:last-child)) {
border-color: currentcolor;
}
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-\[0\.1rem\] {
border-style: var(--tw-border-style);
border-width: 0.1rem;
}
.border-t-\[0\.1rem\] {
border-top-style: var(--tw-border-style);
border-top-width: 0.1rem;
}
.border-t-\[0\.0625rem\] {
border-top-style: var(--tw-border-style);
border-top-width: 0.0625rem;
}
.border-r-\[0\.1rem\] {
border-right-style: var(--tw-border-style);
border-right-width: 0.1rem;
}
.border-b-\[0\.1rem\] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0.1rem;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.border-black {
border-color: var(--color-black);
}
.border-current {
border-color: currentcolor;
}
.border-white {
border-color: var(--color-white);
}
.bg-\[red\] {
background-color: red;
}
.bg-black {
background-color: var(--color-black);
}
.bg-blue {
background-color: var(--color-blue);
}
.bg-current {
background-color: currentcolor;
}
.bg-magenta {
background-color: var(--color-magenta);
}
.bg-red {
background-color: var(--color-red);
}
.bg-valid {
background-color: var(--color-valid);
}
.bg-white {
background-color: var(--color-white);
}
.fill-current {
fill: currentcolor;
}
.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;
}
.object-top-left {
-o-object-position: left top;
object-position: left top;
}
.p-13 {
padding: var(--spacing-13);
}
.p-l {
padding: var(--spacing-l);
}
.px-6 {
padding-inline: var(--spacing-6);
}
.px-12 {
padding-inline: var(--spacing-12);
}
.px-18 {
padding-inline: var(--spacing-18);
}
.px-l {
padding-inline: var(--spacing-l);
}
.px-m {
padding-inline: var(--spacing-m);
}
.py-12 {
padding-block: var(--spacing-12);
}
.py-13 {
padding-block: var(--spacing-13);
}
.py-l {
padding-block: var(--spacing-l);
}
.py-m {
padding-block: var(--spacing-m);
}
.py-xl {
padding-block: var(--spacing-xl);
}
.pt-26 {
padding-top: var(--spacing-26);
}
.pt-52 {
padding-top: var(--spacing-52);
}
.pt-\[0\.15rem\] {
padding-top: 0.15rem;
}
.pt-l {
padding-top: var(--spacing-l);
}
.pt-xl {
padding-top: var(--spacing-xl);
}
.pr-\(--buttons-width\) {
padding-right: var(--buttons-width);
}
.pr-35 {
padding-right: var(--spacing-35);
}
.pr-l {
padding-right: var(--spacing-l);
}
.pb-\[0\.15rem\] {
padding-bottom: 0.15rem;
}
.pb-l {
padding-bottom: var(--spacing-l);
}
.pb-xxl {
padding-bottom: var(--spacing-xxl);
}
.pl-12 {
padding-left: var(--spacing-12);
}
.pl-l {
padding-left: var(--spacing-l);
}
.pl-xl {
padding-left: var(--spacing-xl);
}
.text-center {
text-align: center;
}
.align-middle {
vertical-align: middle;
}
.ts-body {
font-size: var(--ts-body-font-size);
line-height: var(--ts-body-line-height);
font-weight: var(--ts-body-font-weight);
font-family: var(--ts-body-font-family);
}
.ts-body\! {
font-size: var(--ts-body-font-size) !important;
line-height: var(--ts-body-line-height) !important;
font-weight: var(--ts-body-font-weight) !important;
font-family: var(--ts-body-font-family) !important;
}
.ts-h1 {
font-size: var(--ts-h1-font-size);
line-height: var(--ts-h1-line-height);
font-family: var(--ts-h1-font-family);
}
.ts-h3 {
font-size: var(--ts-h3-font-size);
line-height: var(--ts-h3-line-height);
font-family: var(--ts-h3-font-family);
}
.ts-h3\! {
font-size: var(--ts-h3-font-size) !important;
line-height: var(--ts-h3-line-height) !important;
font-family: var(--ts-h3-font-family) !important;
}
.ts-h4 {
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
}
.ts-h4\! {
font-size: var(--ts-h4-font-size) !important;
line-height: var(--ts-h4-line-height) !important;
font-family: var(--ts-h4-font-family) !important;
}
.ts-cta {
font-size: var(--ts-cta-font-size);
line-height: var(--ts-cta-line-height);
font-weight: var(--ts-cta-font-weight);
}
.ts-label {
font-size: var(--ts-label-font-size);
line-height: var(--ts-label-line-height);
font-weight: var(--ts-label-font-weight);
}
.ts-label\! {
font-size: var(--ts-label-font-size) !important;
line-height: var(--ts-label-line-height) !important;
font-weight: var(--ts-label-font-weight) !important;
}
.leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.ts-bold {
font-weight: var(--ts-bold-font-weight);
}
.ts-bold\! {
font-weight: var(--ts-bold-font-weight) !important;
}
.text-balance {
text-wrap: balance;
}
.text-light {
color: var(--color-light);
}
.text-white {
color: var(--color-white);
}
.text-white\/50 {
color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.underline {
text-decoration-line: underline;
}
.opacity-0 {
opacity: 0%;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.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 {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\,_visibility\] {
transition-property: opacity, visibility;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-\(--transition-duration\) {
--tw-duration: var(--transition-duration);
transition-duration: var(--transition-duration);
}
.duration-500 {
--tw-duration: 500ms;
transition-duration: 500ms;
}
.duration-1000 {
--tw-duration: 1000ms;
transition-duration: 1000ms;
}
.ease-\(--transition-timing-function\) {
--tw-ease: var(--transition-timing-function);
transition-timing-function: var(--transition-timing-function);
}
.ease-\[cubic-bezier\(0\,0\,0\,1\)\] {
--tw-ease: cubic-bezier(0,0,0,1);
transition-timing-function: cubic-bezier(0,0,0,1);
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.\[-ms-overflow-style\:none\] {
-ms-overflow-style: none;
}
.\[scrollbar-width\:none\] {
scrollbar-width: none;
}
.\[writing-mode\:vertical-rl\] {
writing-mode: vertical-rl;
}
.backface-hidden {
backface-visibility: hidden;
}
.transition {
transition: var(--transition);
}
.group-hover\:opacity-100 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
opacity: 100%;
}
}
}
.group-\[\&\.active\]\:block {
&:is(:where(.group).active *) {
display: block;
}
}
.group-\[\&\.active\]\:hidden {
&:is(:where(.group).active *) {
display: none;
}
}
.placeholder\:ts-h4 {
&::-moz-placeholder {
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
}
&::placeholder {
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
}
}
.placeholder\:text-white\/50 {
&::-moz-placeholder {
color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
&::placeholder {
color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
}
.before\:absolute {
&::before {
content: var(--tw-content);
position: absolute;
}
}
.before\:inset-y-0 {
&::before {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
}
.before\:right-full {
&::before {
content: var(--tw-content);
right: 100%;
}
}
.before\:my-xl {
&::before {
content: var(--tw-content);
margin-block: var(--spacing-xl);
}
}
.before\:mt-xl {
&::before {
content: var(--tw-content);
margin-top: var(--spacing-xl);
}
}
.before\:mr-xl {
&::before {
content: var(--tw-content);
margin-right: var(--spacing-xl);
}
}
.before\:mb-xl {
&::before {
content: var(--tw-content);
margin-bottom: var(--spacing-xl);
}
}
.before\:block {
&::before {
content: var(--tw-content);
display: block;
}
}
.before\:size-16 {
&::before {
content: var(--tw-content);
width: var(--spacing-16);
height: var(--spacing-16);
}
}
.before\:w-1 {
&::before {
content: var(--tw-content);
width: var(--spacing-1);
}
}
.before\:translate-x-0 {
&::before {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.before\:rounded-full {
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
}
.before\:bg-black {
&::before {
content: var(--tw-content);
background-color: var(--color-black);
}
}
.before\:bg-current {
&::before {
content: var(--tw-content);
background-color: currentcolor;
}
}
.before\:transition-transform {
&::before {
content: var(--tw-content);
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
}
.before\:duration-300 {
&::before {
content: var(--tw-content);
--tw-duration: 300ms;
transition-duration: 300ms;
}
}
.before\:ease-in-out {
&::before {
content: var(--tw-content);
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
}
.group-aria-checked\:before\:translate-x-18 {
&:is(:where(.group)[aria-checked="true"] *) {
&::before {
content: var(--tw-content);
--tw-translate-x: var(--spacing-18);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.after\:absolute {
&::after {
content: var(--tw-content);
position: absolute;
}
}
.after\:inset-y-0 {
&::after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
}
.after\:right-0 {
&::after {
content: var(--tw-content);
right: calc(var(--spacing) * 0);
}
}
.after\:my-l {
&::after {
content: var(--tw-content);
margin-block: var(--spacing-l);
}
}
.after\:mr-\(--buttons-width\) {
&::after {
content: var(--tw-content);
margin-right: var(--buttons-width);
}
}
.after\:block {
&::after {
content: var(--tw-content);
display: block;
}
}
.after\:w-1 {
&::after {
content: var(--tw-content);
width: var(--spacing-1);
}
}
.after\:bg-white {
&::after {
content: var(--tw-content);
background-color: var(--color-white);
}
}
.after\:pb-l {
&::after {
content: var(--tw-content);
padding-bottom: var(--spacing-l);
}
}
.after\:pb-xl {
&::after {
content: var(--tw-content);
padding-bottom: var(--spacing-xl);
}
}
.hover\:border-black {
&:hover {
@media (hover: hover) {
border-color: var(--color-black);
}
}
}
.hover\:border-blue {
&:hover {
@media (hover: hover) {
border-color: var(--color-blue);
}
}
}
.hover\:border-white {
&:hover {
@media (hover: hover) {
border-color: var(--color-white);
}
}
}
.hover\:bg-black {
&:hover {
@media (hover: hover) {
background-color: var(--color-black);
}
}
}
.hover\:bg-white {
&:hover {
@media (hover: hover) {
background-color: var(--color-white);
}
}
}
.hover\:text-blue {
&:hover {
@media (hover: hover) {
color: var(--color-blue);
}
}
}
.hover\:text-white {
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
.hover\:underline {
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
.hover\:before\:bg-blue {
&:hover {
@media (hover: hover) {
&::before {
content: var(--tw-content);
background-color: var(--color-blue);
}
}
}
}
.l\:absolute {
@media (width >= 1024px) {
position: absolute;
}
}
.l\:relative {
@media (width >= 1024px) {
position: relative;
}
}
.l\:sticky {
@media (width >= 1024px) {
position: sticky;
}
}
.l\:inset-x-0 {
@media (width >= 1024px) {
inset-inline: calc(var(--spacing) * 0);
}
}
.l\:top-0 {
@media (width >= 1024px) {
top: calc(var(--spacing) * 0);
}
}
.l\:top-xl {
@media (width >= 1024px) {
top: var(--spacing-xl);
}
}
.l\:bottom-0 {
@media (width >= 1024px) {
bottom: calc(var(--spacing) * 0);
}
}
.l\:order-1 {
@media (width >= 1024px) {
order: 1;
}
}
.d\:col-span-1 {
@media (width >= 1024px) {
grid-column: span 1 / span 1;
}
}
.d\:col-span-4 {
@media (width >= 1024px) {
grid-column: span 4 / span 4;
}
}
.l\:col-span-2 {
@media (width >= 1024px) {
grid-column: span 2 / span 2;
}
}
.l\:col-span-3 {
@media (width >= 1024px) {
grid-column: span 3 / span 3;
}
}
.l\:col-span-4 {
@media (width >= 1024px) {
grid-column: span 4 / span 4;
}
}
.l\:col-span-5 {
@media (width >= 1024px) {
grid-column: span 5 / span 5;
}
}
.l\:col-span-6 {
@media (width >= 1024px) {
grid-column: span 6 / span 6;
}
}
.l\:col-span-7 {
@media (width >= 1024px) {
grid-column: span 7 / span 7;
}
}
.l\:col-span-9 {
@media (width >= 1024px) {
grid-column: span 9 / span 9;
}
}
.l\:col-span-12 {
@media (width >= 1024px) {
grid-column: span 12 / span 12;
}
}
.d\:col-start-5 {
@media (width >= 1024px) {
grid-column-start: 5;
}
}
.l\:col-start-8 {
@media (width >= 1024px) {
grid-column-start: 8;
}
}
.l\:col-start-9 {
@media (width >= 1024px) {
grid-column-start: 9;
}
}
.l\:row-span-2 {
@media (width >= 1024px) {
grid-row: span 2 / span 2;
}
}
.l\:m-xl {
@media (width >= 1024px) {
margin: var(--spacing-xl);
}
}
.l\:mx-xl {
@media (width >= 1024px) {
margin-inline: var(--spacing-xl);
}
}
.l\:-mt-132 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing-132) * -1);
}
}
.l\:mt-0 {
@media (width >= 1024px) {
margin-top: calc(var(--spacing) * 0);
}
}
.l\:mt-132 {
@media (width >= 1024px) {
margin-top: var(--spacing-132);
}
}
.l\:mt-auto {
@media (width >= 1024px) {
margin-top: auto;
}
}
.l\:mt-xl {
@media (width >= 1024px) {
margin-top: var(--spacing-xl);
}
}
.l\:mr-auto {
@media (width >= 1024px) {
margin-right: auto;
}
}
.l\:mr-xl {
@media (width >= 1024px) {
margin-right: var(--spacing-xl);
}
}
.l\:-mb-l {
@media (width >= 1024px) {
margin-bottom: calc(var(--spacing-l) * -1);
}
}
.l\:ml-auto {
@media (width >= 1024px) {
margin-left: auto;
}
}
.l\:ml-l {
@media (width >= 1024px) {
margin-left: var(--spacing-l);
}
}
.l\:block {
@media (width >= 1024px) {
display: block;
}
}
.l\:flex {
@media (width >= 1024px) {
display: flex;
}
}
.l\:grid {
@media (width >= 1024px) {
display: grid;
}
}
.l\:hidden {
@media (width >= 1024px) {
display: none;
}
}
.l\:aspect-514\/874 {
@media (width >= 1024px) {
aspect-ratio: 514/874;
}
}
.l\:aspect-1440\/800 {
@media (width >= 1024px) {
aspect-ratio: 1440/800;
}
}
.l\:aspect-auto {
@media (width >= 1024px) {
aspect-ratio: auto;
}
}
.l\:size-full {
@media (width >= 1024px) {
width: 100%;
height: 100%;
}
}
.l\:h-72 {
@media (width >= 1024px) {
height: var(--spacing-72);
}
}
.l\:h-96 {
@media (width >= 1024px) {
height: var(--spacing-96);
}
}
.l\:h-110 {
@media (width >= 1024px) {
height: var(--spacing-110);
}
}
.l\:h-\[9\.6rem\] {
@media (width >= 1024px) {
height: 9.6rem;
}
}
.l\:h-\[100svh\] {
@media (width >= 1024px) {
height: 100svh;
}
}
.l\:h-\[calc\(100svh-7\.2rem\)\] {
@media (width >= 1024px) {
height: calc(100svh - 7.2rem);
}
}
.l\:h-\[calc\(100svh_-_2_\*_var\(--spacing-margin\)\)\]\! {
@media (width >= 1024px) {
height: calc(100svh - 2 * var(--spacing-margin)) !important;
}
}
.l\:h-\[calc\(100vh-72px\)\] {
@media (width >= 1024px) {
height: calc(100vh - 72px);
}
}
.l\:h-auto {
@media (width >= 1024px) {
height: auto;
}
}
.l\:h-full {
@media (width >= 1024px) {
height: 100%;
}
}
.l\:max-h-none {
@media (width >= 1024px) {
max-height: none;
}
}
.l\:min-h-218 {
@media (width >= 1024px) {
min-height: var(--spacing-218);
}
}
.l\:min-h-\[100svh\] {
@media (width >= 1024px) {
min-height: 100svh;
}
}
.l\:min-h-screen {
@media (width >= 1024px) {
min-height: 100vh;
}
}
.l\:w-auto {
@media (width >= 1024px) {
width: auto;
}
}
.l\:w-full {
@media (width >= 1024px) {
width: 100%;
}
}
.l\:max-w-none {
@media (width >= 1024px) {
max-width: none;
}
}
.l\:shrink-0 {
@media (width >= 1024px) {
flex-shrink: 0;
}
}
.l\:grow {
@media (width >= 1024px) {
flex-grow: 1;
}
}
.l\:translate-y-21 {
@media (width >= 1024px) {
--tw-translate-y: var(--spacing-21);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.d\:grid-cols-12 {
@media (width >= 1024px) {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
.l\:grid-cols-2 {
@media (width >= 1024px) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.l\:grid-cols-3 {
@media (width >= 1024px) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.l\:grid-cols-6 {
@media (width >= 1024px) {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.l\:grid-cols-12 {
@media (width >= 1024px) {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
.l\:grid-rows-2 {
@media (width >= 1024px) {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
}
.l\:flex-col {
@media (width >= 1024px) {
flex-direction: column;
}
}
.l\:flex-row {
@media (width >= 1024px) {
flex-direction: row;
}
}
.l\:flex-row-reverse {
@media (width >= 1024px) {
flex-direction: row-reverse;
}
}
.l\:items-center {
@media (width >= 1024px) {
align-items: center;
}
}
.l\:items-start {
@media (width >= 1024px) {
align-items: flex-start;
}
}
.l\:justify-between {
@media (width >= 1024px) {
justify-content: space-between;
}
}
.l\:justify-end {
@media (width >= 1024px) {
justify-content: flex-end;
}
}
.l\:justify-start {
@media (width >= 1024px) {
justify-content: flex-start;
}
}
.l\:gap-l {
@media (width >= 1024px) {
gap: var(--spacing-l);
}
}
.l\:gap-xl {
@media (width >= 1024px) {
gap: var(--spacing-xl);
}
}
.l\:space-y-0 {
@media (width >= 1024px) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.l\:space-y-120 {
@media (width >= 1024px) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-120) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-120) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.l\:space-y-m {
@media (width >= 1024px) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-m) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-m) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.l\:space-y-xl {
@media (width >= 1024px) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-xl) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.l\:space-y-xxl {
@media (width >= 1024px) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-xxl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-xxl) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
.l\:gap-x-xl {
@media (width >= 1024px) {
-moz-column-gap: var(--spacing-xl);
column-gap: var(--spacing-xl);
}
}
.l\:gap-x-xxl {
@media (width >= 1024px) {
-moz-column-gap: var(--spacing-xxl);
column-gap: var(--spacing-xxl);
}
}
.l\:gap-y-0 {
@media (width >= 1024px) {
row-gap: calc(var(--spacing) * 0);
}
}
.l\:gap-y-l {
@media (width >= 1024px) {
row-gap: var(--spacing-l);
}
}
.l\:gap-y-xl {
@media (width >= 1024px) {
row-gap: var(--spacing-xl);
}
}
.l\:gap-y-xxl {
@media (width >= 1024px) {
row-gap: var(--spacing-xxl);
}
}
.l\:divide-y-0 {
@media (width >= 1024px) {
:where(& > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0px * var(--tw-divide-y-reverse));
border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
}
}
.l\:border-t-0 {
@media (width >= 1024px) {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
}
.l\:border-t-\[0\.1rem\] {
@media (width >= 1024px) {
border-top-style: var(--tw-border-style);
border-top-width: 0.1rem;
}
}
.l\:border-r-\[0\.1rem\] {
@media (width >= 1024px) {
border-right-style: var(--tw-border-style);
border-right-width: 0.1rem;
}
}
.l\:border-b-0 {
@media (width >= 1024px) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
}
.l\:border-l-\[0\.1rem\] {
@media (width >= 1024px) {
border-left-style: var(--tw-border-style);
border-left-width: 0.1rem;
}
}
.l\:border-l-\[0\.0625rem\] {
@media (width >= 1024px) {
border-left-style: var(--tw-border-style);
border-left-width: 0.0625rem;
}
}
.l\:border-current {
@media (width >= 1024px) {
border-color: currentcolor;
}
}
.l\:p-xl {
@media (width >= 1024px) {
padding: var(--spacing-xl);
}
}
.l\:px-26 {
@media (width >= 1024px) {
padding-inline: var(--spacing-26);
}
}
.l\:px-margin {
@media (width >= 1024px) {
padding-inline: var(--spacing-margin);
}
}
.l\:px-xl {
@media (width >= 1024px) {
padding-inline: var(--spacing-xl);
}
}
.d\:py-xl {
@media (width >= 1024px) {
padding-block: var(--spacing-xl);
}
}
.l\:py-84 {
@media (width >= 1024px) {
padding-block: var(--spacing-84);
}
}
.l\:py-l {
@media (width >= 1024px) {
padding-block: var(--spacing-l);
}
}
.l\:py-xl {
@media (width >= 1024px) {
padding-block: var(--spacing-xl);
}
}
.l\:pt-0 {
@media (width >= 1024px) {
padding-top: calc(var(--spacing) * 0);
}
}
.l\:pt-36 {
@media (width >= 1024px) {
padding-top: var(--spacing-36);
}
}
.l\:pt-168 {
@media (width >= 1024px) {
padding-top: var(--spacing-168);
}
}
.l\:pt-l {
@media (width >= 1024px) {
padding-top: var(--spacing-l);
}
}
.l\:pt-xl {
@media (width >= 1024px) {
padding-top: var(--spacing-xl);
}
}
.l\:pr-xl {
@media (width >= 1024px) {
padding-right: var(--spacing-xl);
}
}
.l\:pb-0 {
@media (width >= 1024px) {
padding-bottom: calc(var(--spacing) * 0);
}
}
.l\:pb-l {
@media (width >= 1024px) {
padding-bottom: var(--spacing-l);
}
}
.l\:pb-xl {
@media (width >= 1024px) {
padding-bottom: var(--spacing-xl);
}
}
.l\:pl-xl {
@media (width >= 1024px) {
padding-left: var(--spacing-xl);
}
}
.l\:ts-h3 {
@media (width >= 1024px) {
font-size: var(--ts-h3-font-size);
line-height: var(--ts-h3-line-height);
font-family: var(--ts-h3-font-family);
}
}
.l\:after\:absolute {
@media (width >= 1024px) {
&::after {
content: var(--tw-content);
position: absolute;
}
}
}
.l\:after\:left-full {
@media (width >= 1024px) {
&::after {
content: var(--tw-content);
left: 100%;
}
}
}
.after\:l\:my-xl {
&::after {
content: var(--tw-content);
@media (width >= 1024px) {
margin-block: var(--spacing-xl);
}
}
}
.l\:after\:ml-l {
@media (width >= 1024px) {
&::after {
content: var(--tw-content);
margin-left: var(--spacing-l);
}
}
}
.l\:after\:h-full {
@media (width >= 1024px) {
&::after {
content: var(--tw-content);
height: 100%;
}
}
}
.l\:after\:w-1 {
@media (width >= 1024px) {
&::after {
content: var(--tw-content);
width: var(--spacing-1);
}
}
}
.l\:after\:bg-current {
@media (width >= 1024px) {
&::after {
content: var(--tw-content);
background-color: currentcolor;
}
}
}
.l\:hover\:z-1 {
@media (width >= 1024px) {
&:hover {
@media (hover: hover) {
z-index: 1;
}
}
}
}
.\[\&_\>\*\:first-child\]\:mt-0 {
& >*:first-child {
margin-top: calc(var(--spacing) * 0);
}
}
.\[\&_\>\*\:last-child\]\:mb-0 {
& >*:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
}
.\[\&_svg\]\:h-full {
& svg {
height: 100%;
}
}
.\[\&_svg\]\:w-auto {
& svg {
width: auto;
}
}
.\[\&\.active\]\:visible {
&.active {
visibility: visible;
}
}
.\[\&\.active\]\:flex {
&.active {
display: flex;
}
}
.\[\&\.active\]\:border-white {
&.active {
border-color: var(--color-white);
}
}
.\[\&\.active\]\:bg-white {
&.active {
background-color: var(--color-white);
}
}
.\[\&\.active\]\:text-black {
&.active {
color: var(--color-black);
}
}
.\[\&\.active\]\:underline {
&.active {
text-decoration-line: underline;
}
}
.\[\&\.active\]\:opacity-100 {
&.active {
opacity: 100%;
}
}
.\[\&\:\:-webkit-scrollbar\]\:hidden {
&::-webkit-scrollbar {
display: none;
}
}
.\[\&\:\:checkmark\]\:hidden {
&::checkmark {
display: none;
}
}
.\[\&\>\*\]\:first\:mt-0 {
&>* {
&:first-child {
margin-top: calc(var(--spacing) * 0);
}
}
}
.\[\&\>\*\]\:last\:mb-0 {
&>* {
&:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
}
}
.\[\&\>p\]\:empty\:hidden {
&>p {
&:empty {
display: none;
}
}
}
.\[\&\>ul\]\:list-disc {
&>ul {
list-style-type: disc;
}
}
.\[\&\>ul\]\:pl-24 {
&>ul {
padding-left: var(--spacing-24);
}
}
.\[\[wp-class\*\=\'error404\'\]_\&\]\:hidden {
[wp-class*='error404'] & {
display: none;
}
}
.\[\[wp-class\*\=\'error404\'\]_\&\]\:pt-0\! {
[wp-class*='error404'] & {
padding-top: calc(var(--spacing) * 0) !important;
}
}
.l\:\[\[wp-class\*\=\'error404\'\]_\&\]\:mt-0 {
@media (width >= 1024px) {
[wp-class*='error404'] & {
margin-top: calc(var(--spacing) * 0);
}
}
}
.\[\[wp-class\*\=\'home\'\]_\&\]\:h-\[10\.8rem\] {
[wp-class*='home'] & {
height: 10.8rem;
}
}
.l\:\[\[wp-class\*\=\'home\'\]_\&\]\:-mt-202 {
@media (width >= 1024px) {
[wp-class*='home'] & {
margin-top: calc(var(--spacing-202) * -1);
}
}
}
.l\:\[\[wp-class\*\=\'home\'\]_\&\]\:h-\[16\.6rem\] {
@media (width >= 1024px) {
[wp-class*='home'] & {
height: 16.6rem;
}
}
}
}
:root {
--header-height: 4.8rem;
--pannel-width: 100vw;
}
@media (width >= 1024px) {
:root {
--header-height: 4.8rem + var(--spacing-margin) + var(--spacing-xl);
--pannel-width: 46.8rem;
}
}
*::-moz-selection {
background-color: var(--color-dark);
color: var(--color-light);
}
*::selection {
background-color: var(--color-dark);
color: var(--color-light);
}
#app-content {
background-color: var(--color-light);
}
button {
cursor: pointer;
}
.button-burger {
position: relative;
display: flex;
width: var(--spacing-16);
flex-direction: column;
align-items: center;
justify-content: center;
height: calc(1rem + 3px);
transition: var(--transition);
&.active {
transform: rotate(45deg);
& > span:nth-child(1) {
transform: translate3d(0, calc(.5rem + 1px), 0) rotate(90deg);
}
& > span:nth-child(2) {
width: calc(var(--spacing) * 0);
opacity: 0%;
}
& > span:nth-child(3) {
transform: translate3d(0, calc((.5rem + 1px) * -1), 0);
}
}
& > span:nth-child(1) {
position: absolute;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
}
& > span:nth-child(3) {
position: absolute;
bottom: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
}
& span {
height: 1px;
width: 100%;
border-radius: calc(infinity * 1px);
background-color: var(--color-dark);
transition: var(--transition);
}
}
@media screen and (min-width: 1440px) {
html {
font-size: calc(100vw * 10 / 1440);
}
}
@media screen and (min-width: 1920px) {
html {
font-size: calc(1920px * 10 / 1440);
}
}
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@font-face {
font-family: 'Marianne';
font-weight: 400;
font-display: swap;
src: url(/wp-content/themes/danka/assets/build/4faa276658b2851009bd.woff2) format("woff2");
}
@font-face {
font-family: 'Marianne';
font-weight: 400;
font-style: italic;
font-display: swap;
src: url(/wp-content/themes/danka/assets/build/7d4b170b6681f0c5b8bd.woff2) format("woff2");
}
@font-face {
font-family: 'Marianne';
font-weight: 500;
font-display: swap;
src: url(/wp-content/themes/danka/assets/build/956126be6ce42573e16b.woff2) format("woff2");
}
@font-face {
font-family: 'Pachinko';
font-weight: 400;
font-display: swap;
src: url(/wp-content/themes/danka/assets/build/b711a20f34418b66e4bf.woff2) format("woff2");
}
@font-face {
font-family: 'Pachinko';
font-weight: 400;
font-style: italic;
font-display: swap;
src: url(/wp-content/themes/danka/assets/build/a0e61fc8feb5a3578dbb.woff2) format("woff2");
}
.animation {
&--text {
&.split {
&.words {
.word, .whitespace {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
span {
display: inline-flex;
transform: translate3d(0, 120%, 0) rotate3d(1, 1, 1, 4deg);
}
}
&.is-in-view {
.word.is-show span {
transition: transform var(--transition-secondary);
transform: translateY(0%);
}
}
}
}
}
&--fade-up {
opacity: 0;
transform: translate3d(0, var(--spacing-l), 0);
transition: opacity var(--transition-secondary), transform var(--transition-secondary);
&.is-in-view {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
&--fade-down-bg {
position: relative;
&::before {
position: absolute;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 0;
height: calc(var(--spacing) * 0);
width: 100%;
background-color: var(--color-dark);
content: '';
transition: height var(--transition-secondary);
}
& > * {
z-index: 1;
}
&.is-in-view::before {
height: 100%;
}
}
}
.acf-component--marquee {
display: flex;
width: 100%;
overflow: hidden;
}
.acf-component--marquee {
button {
display: flex;
width: var(--spacing-40);
height: var(--spacing-40);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0.1rem;
border-color: currentcolor;
background-color: var(--color-white);
svg {
height: var(--spacing-20);
width: var(--spacing-20);
}
.play {
display: none;
}
}
&.paused {
button {
.pause {
display: none;
}
.play {
display: flex;
}
}
}
.acf-component__text {
width: 100%;
> div {
display: flex;
height: 100%;
align-items: center;
white-space: nowrap;
}
}
}
.component-form {
& .advancedform {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--spacing-xl);
& > * {
grid-column: 1 / -1;
}
& .advancedform-field-container {
& > p {
display: flex;
flex-direction: column;
align-items: flex-start;
& br {
display: none;
}
& label {
font-size: var(--ts-label-font-size);
line-height: var(--ts-label-line-height);
font-weight: var(--ts-label-font-weight);
text-transform: uppercase;
}
& > span {
width: 100%;
& input, & select, & textarea {
width: 100%;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0.1rem;
border-color: currentcolor;
padding-top: var(--spacing-14);
padding-bottom: var(--spacing-l);
&::-moz-placeholder {
opacity: 40%;
}
&::placeholder {
opacity: 40%;
}
}
& textarea {
height: var(--spacing-57);
min-height: var(--spacing-57);
}
}
}
&.required label::after {
--tw-content: '*';
content: var(--tw-content);
}
&.checkbox div p {
display: flex;
align-items: center;
gap: var(--spacing-9);
text-transform: uppercase;
}
}
& button[type="submit"] {
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0.1rem;
border-color: var(--color-black);
padding: var(--spacing-12);
font-size: var(--ts-cta-font-size);
line-height: var(--ts-cta-line-height);
font-weight: var(--ts-cta-font-weight);
text-transform: uppercase;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in);
transition-timing-function: var(--ease-in);
&:hover {
@media (hover: hover) {
border-color: var(--color-blue);
}
}
&:hover {
@media (hover: hover) {
background-color: var(--color-blue);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
}
.custom-checkbox {
display: none;
}
}
form.advancedform .advancedform-field-container.checkbox p input[type="checkbox"] {
width: var(--spacing-24);
height: var(--spacing-24);
flex-shrink: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-style: var(--tw-border-style);
border-width: 0.1rem;
border-color: currentcolor;
position: relative;
&:checked {
&::after {
content: '';
position: absolute;
top: calc(1/2 * 100%);
left: calc(1/2 * 100%);
height: var(--spacing-18);
width: var(--spacing-18);
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml;charset=UTF-8,");
background-repeat: no-repeat;
background-position: center;
}
}
}
:root {
--base: #fde863;
--bg-blend: multiply;
--blur: 0px;
--fg-blend: screen;
--foreground: #3558a2;
--opacity: 1;
--spacing: 0px;
}
.component-image.has-filter {
background-color: var(--base);
display: flex;
flex: 1 1 100%;
overflow: hidden;
padding: var(--spacing);
position: relative;
}
.component-image.has-filter img {
filter: grayscale(100%) contrast(1) blur(var(--blur));
flex: 1 0 100%;
height: 100%;
max-width: 100%;
mix-blend-mode: var(--bg-blend);
-o-object-fit: cover;
object-fit: cover;
opacity: var(--opacity);
position: relative;
width: 100%;
}
.component-image.has-filter::before {
background-color: var(--foreground);
bottom: 0;
content: '';
height: 100%;
left: 0;
mix-blend-mode: var(--fg-blend);
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.component-hero-page .component-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.component-slider {
position: relative;
}
.component-slider__item {
&.active {
opacity: 100%;
}
}
.component-slider__item-image {
& .component-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.component-marquee-logos {
position: relative;
display: flex;
overflow: hidden;
padding-bottom: calc(var(--spacing-xxl) + 4.8rem);
& > button {
position: absolute;
bottom: calc(var(--spacing) * 0);
left: var(--spacing-margin);
& > span > svg:last-child {
display: none;
}
}
}
.component-marquee-logos__container {
display: flex;
& > div {
display: flex;
flex-shrink: 0;
align-items: center;
gap: var(--spacing-xxl);
padding-left: var(--spacing-xxl);
& > * {
width: var(--spacing-144);
flex-shrink: 0;
--tw-saturate: saturate(0%);
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,);
& img {
-o-object-fit: contain;
object-fit: contain;
}
}
}
}
.component-marquee-logos.paused {
& > button > span > svg:first-child {
display: none;
}
& > button > span > svg:last-child {
display: block;
}
}
.component-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--spacing-s);
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0.1rem;
font-size: var(--ts-cta-font-size);
line-height: var(--ts-cta-line-height);
font-weight: var(--ts-cta-font-weight);
text-transform: uppercase;
padding: 0.85rem 1.2rem 0.95rem 1.2rem;
& > span {
color: currentcolor;
& svg {
height: var(--spacing-20);
width: auto;
}
}
&:hover:not(disabled) {
border-color: var(--color-blue);
background-color: var(--color-blue);
color: var(--color-white);
}
}
.component-button--secondary {
&:hover:not(disabled) {
border-color: var(--color-white);
background-color: var(--color-white);
color: var(--color-blue);
}
}
.component-button--tertiary {
font-size: var(--ts-label-font-size);
line-height: var(--ts-label-line-height);
font-weight: var(--ts-label-font-weight);
padding: 0.5rem 0.9rem 0.6rem 0.9rem;
&:hover:not(disabled) {
border-color: var(--color-white);
background-color: var(--color-white);
color: var(--color-black);
}
}
.component-button--pagination {
width: var(--spacing-40);
height: var(--spacing-40);
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0.1rem;
border-color: var(--color-dark);
background-color: transparent;
padding-inline: calc(var(--spacing) * 0);
color: var(--color-dark);
&.active {
background-color: var(--color-dark);
color: var(--color-light);
& > span {
color: var(--color-light);
}
}
}
.component-button--burger {
gap: var(--spacing-10);
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0.1rem;
border-color: currentColor;
background-color: transparent;
color: var(--color-dark);
& > span {
position: relative;
display: flex;
width: var(--spacing-15);
flex-direction: column;
justify-content: center;
color: var(--color-dark);
transition: transform var(--transition);
& > span {
height: 2px;
width: 100%;
background-color: var(--color-dark);
transition: var(--transition);
&:first-child {
position: absolute;
width: 100%;
transform: translate3d(0, -4px, 0);
}
&:last-child {
position: absolute;
width: 100%;
transform: translate3d(0, 4px, 0);
}
}
}
&.active {
& > span {
transform: rotate(45deg);
& > span {
&:first-child {
transform: rotate(90deg) translate3d(0, 0, 0);
}
&:last-child {
transform: translate3d(0, 0, 0);
}
&:nth-child(2) {
width: 0;
}
}
}
}
}
.component-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--spacing-l);
}
html.headroom--top .component-header .component-header__buttons, html.headroom--up .component-header .component-header__buttons, .component-header.component-header--open .component-header__buttons, .component-header .component-header__buttons:hover {
.component-header__buttons__inner {
@media screen and (min-width: 1024px) {
visibility: visible;
opacity: 100%;
}
}
.component-header__icon {
@media screen and (min-width: 1024px) {
visibility: hidden;
opacity: 0%;
}
}
}
.component-header.component-header--open .component-header__button-search, .component-header.component-header--open .component-header__languages {
display: flex !important;
}
.component-header .component-header__button-search, .component-header .component-header__languages {
display: none !important;
@media screen and (min-width: 1024px) {
display: flex !important;
}
}
html.headroom--down .component-header {
.component-header__buttons__inner {
@media screen and (min-width: 1024px) {
visibility: hidden;
opacity: 0%;
}
}
.component-header__icon {
@media screen and (min-width: 1024px) {
visibility: visible;
opacity: 100%;
}
}
}
.component-header .component-header__buttons__inner, .component-header .component-header__icon {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.component-header {
--buttons-width: 5.6rem;
& .component-header__buttons {
width: var(--buttons-width);
& .component-header__button-burger, & .component-header__button-search {
& > svg:nth-child(2) {
display: none;
}
&.is-active {
& > svg:nth-child(1) {
display: none;
}
& > svg:nth-child(2) {
display: block;
}
}
}
& .component-header__languages {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--spacing-l);
text-transform: uppercase;
}
}
& .component-header__container-pannels {
position: fixed;
top: calc(var(--spacing) * 0);
right: calc(var(--spacing) * 0);
display: flex;
height: 100%;
flex-direction: column;
gap: var(--spacing-l);
background-color: var(--color-blue);
padding-block: var(--spacing-xl);
padding-left: var(--spacing-l);
color: var(--color-light);
@media (width >= 1024px) {
gap: var(--spacing-xl);
}
@media (width >= 1024px) {
padding: var(--spacing-margin);
}
padding-right: var(--buttons-width);
transform: translateX(100%);
@media screen and (min-width: 1024px) {
padding-right: var(--buttons-width);
}
& .component-header__wrapper-pannels {
position: relative;
width: 100%;
overflow-y: auto;
& .component-header__pannel-menu {
& > ul {
display: flex;
flex-direction: column;
gap: var(--spacing-m);
& > li.has-children {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-l);
& > button {
display: flex;
align-items: flex-start;
gap: var(--spacing-l);
text-align: left;
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
& > svg:nth-child(2) {
display: none;
}
}
& > ul {
display: none;
flex-direction: column;
gap: var(--spacing-m);
}
&.is-opened {
& > button {
& > svg:nth-child(1) {
display: none;
}
& > svg:nth-child(2) {
display: block;
}
}
& > ul {
display: flex;
}
}
}
}
& a {
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
}
}
}
}
@media screen and (min-width: 1024px) {
--buttons-width: 7.2rem;
}
&.component-header--open {
& .component-header__button-search, & .component-header__languages {
display: flex;
}
& .component-header__container-pannels {
transform: translateX(0);
}
}
}
.component-accordions__accordion {
width: 100%;
}
.component-accordions__accordion.active {
& .component-accordions__accordion-body {
grid-template-rows: 1fr;
}
}
.component-accordions__accordion-header {
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
justify-content: space-between;
gap: var(--spacing-l);
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
& h3 {
font-size: var(--ts-h4-font-size);
line-height: var(--ts-h4-line-height);
font-family: var(--ts-h4-font-family);
}
& span {
flex-shrink: 0;
& svg {
transition: transform var(--transition);
height: var(--spacing-20);
width: auto;
}
}
}
.component-accordions__accordion-body {
transition: grid-template-rows var(--transition);
display: grid;
grid-template-rows: 0fr;
}
body:not(.show-quick-links) {
#quick-links {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
}
body.show-quick-links {
#quick-links {
position: fixed;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 10000000;
background-color: var(--color-light);
padding: var(--spacing-margin);
}
}
.component-pannel {
position: fixed;
top: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
z-index: 1000;
overflow: hidden;
background-color: var(--color-light);
transform: translateX(100%);
& > * {
height: 100%;
}
}
.component-pannel--right {
right: calc(var(--spacing) * 0);
height: 100svh;
}
.component-pannel--left {
left: calc(var(--spacing) * 0);
height: 100svh;
}
.component-pannel--top {
top: calc(var(--spacing) * 0);
width: 100%;
}
.component-pannel--bottom {
bottom: calc(var(--spacing) * 0);
width: 100%;
}
.component-pannel.is-visible {
transform: translateX(0);
}
.component-pannel-overlay {
visibility: hidden;
position: fixed;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 89;
height: 100%;
width: 100%;
background-color: var(--color-dark);
opacity: 0%;
}
.component-pannel-overlay.is-visible {
visibility: visible;
opacity: 50%;
}
.component-pannel-filters {
--buttons-width: 5.6rem;
@media screen and (min-width: 1024px) {
--buttons-width: 7.2rem;
}
}
.component--cookies-manager {
z-index: 100;
&:not(.active) {
display: none;
}
& > div:not(.active) {
display: none;
}
& .component__main {
& > div:first-child {
display: flex;
flex-direction: column;
gap: var(--spacing-s);
}
}
& .component__privacy-policy {
text-decoration-line: underline;
}
& .component__service {
display: flex;
justify-content: space-between;
gap: var(--spacing-l);
span {
font-size: var(--ts-body-font-size);
line-height: var(--ts-body-line-height);
font-weight: var(--ts-body-font-weight);
font-family: var(--ts-body-font-family);
}
button {
width: 3.6rem;
height: 2rem;
position: relative;
}
button::before {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: var(--color-dark);
border: solid 1px var(--color-light);
border-radius: 10rem;
transition: background-color .3s ease;
}
button::after {
content: '';
position: absolute;
inset: 0;
width: 1.8rem;
height: 1.8rem;
margin: 0.1rem;
background-color: var(--color-light);
border-radius: 8rem;
transition: background-color .3s ease, left .3s ease;
}
&.active button, &[data-name="necessary"] button {
&::before {
background-color: var(--color-light);
}
&::after {
background-color: var(--color-dark);
left: calc(100% - 2rem);
}
}
&[data-name="necessary"] button {
opacity: .3;
}
}
}
body {
& > div {
overflow: hidden;
}
& main,
& #app-content {
transition: var(--transition);
transition-property: opacity, transform, background-color;
}
}
body:not(.content-loaded) #app {
opacity: 0;
}
body.page-switching {
& #app-content {
opacity: 0;
}
}
.component-grid-helper {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
padding-right: var(--spacing-margin);
padding-left: var(--spacing-margin);
opacity: .2;
visibility: hidden;
z-index: 1000;
& > * {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: var(--spacing-gap);
height: 100%;
& > * {
grid-column: span 1 / span 1;
height: 100%;
background-color: red;
}
}
}
.component-grid-helper.active {
visibility: visible;
pointer-events: none;
}
@property --tw-border-spacing-x {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-border-spacing-y {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@property --tw-content {
syntax: "*";
initial-value: "";
inherits: false;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
}
}
}