diff --git a/404.php b/404.php index 6e0aefa..5b87494 100644 --- a/404.php +++ b/404.php @@ -1,24 +1,30 @@ - - class="no-js"> - - - - + +
+
+
+
404
- - - -
-
-
-
404
-
-

- - - -
-
-
- - +
+ +
+ Страница не найдена +
+ + + +
+ + +
+ + +
+ \ No newline at end of file diff --git a/archive-trainer.php b/archive-trainer.php index 38f2f07..ec2bf43 100644 --- a/archive-trainer.php +++ b/archive-trainer.php @@ -47,67 +47,73 @@ if ($trainers) { ?> -
+
-
+
- + <?php echo esc_attr($team_photo['alt']); ?> + class="max-[768px]:h-[240px] rounded-[20px] w-full h-[620px] object-cover" + src="" + alt=""/> -
+
$block): ?> -
+
-

+

-

+

diff --git a/archive-training.php b/archive-training.php new file mode 100644 index 0000000..564ccbe --- /dev/null +++ b/archive-training.php @@ -0,0 +1,361 @@ + 'training', + 'posts_per_page' => -1, + 'lang' => $current_lang, + 'post_status' => 'publish', + 'sort' => 'menu_order', + 'order' => 'ASC', + ); + + return get_posts($args); + } +} + +function get_training_taxonomies() +{ + $taxonomies = get_object_taxonomies('training', 'objects'); + $result = array(); + + foreach ($taxonomies as $taxonomy) { + if (!in_array($taxonomy->name, array('language', 'post_translations'))) { + $terms = get_terms(array( + 'taxonomy' => $taxonomy->name, + 'hide_empty' => true, + )); + + if (!is_wp_error($terms) && !empty($terms)) { + $result[$taxonomy->name] = array( + 'taxonomy' => $taxonomy, + 'terms' => $terms + ); + } + } + } + + return $result; +} + +$trainings = get_trainings_for_current_language(); +$taxonomies_data = get_training_taxonomies(); + +$trainings_data = array(); +if ($trainings) { + foreach ($trainings as $training) { + $training_info = array( + 'post' => $training, + 'name' => '', + 'exp' => '', + 'short_desc' => '', + 'terms' => array() + ); + + if (have_rows('short_info', $training->ID)) { + while (have_rows('short_info', $training->ID)) { + the_row(); + $training_info['name'] = get_sub_field('name'); + $training_info['exp'] = get_sub_field('exp'); + $training_info['short_desc'] = get_sub_field('short_desc'); + } + } + + foreach ($taxonomies_data as $taxonomy_name => $taxonomy_info) { + $post_terms = wp_get_post_terms($training->ID, $taxonomy_name); + if (!is_wp_error($post_terms)) { + $training_info['terms'][$taxonomy_name] = $post_terms; + } + } + + $trainings_data[] = $training_info; + } +} + +function group_trainings_by_terms($trainings_data, $taxonomies_data) +{ + $grouped = array(); + + foreach ($taxonomies_data as $taxonomy_name => $taxonomy_info) { + $grouped[$taxonomy_name] = array(); + + foreach ($taxonomy_info['terms'] as $term) { + $grouped[$taxonomy_name][$term->slug] = array( + 'term' => $term, + 'trainings' => array() + ); + + foreach ($trainings_data as $training_data) { + if (isset($training_data['terms'][$taxonomy_name])) { + foreach ($training_data['terms'][$taxonomy_name] as $training_term) { + if ($training_term->slug === $term->slug) { + $grouped[$taxonomy_name][$term->slug]['trainings'][] = $training_data; + break; + } + } + } + } + } + } + + return $grouped; +} + +$grouped_trainings = group_trainings_by_terms($trainings_data, $taxonomies_data); + + +if (have_rows('short_info')) { + while (have_rows('short_info')) { + the_row(); + $training_name = get_sub_field('name'); + $training_short_desc = get_sub_field('short_desc'); + $training_difficulty = get_sub_field('dificulty'); + } +} + +?> + +
+ +
+ + + + + + \ No newline at end of file diff --git a/assets/images/form-bg-light.png b/assets/images/form-bg-light.png index 34d98e5..ea8346a 100644 Binary files a/assets/images/form-bg-light.png and b/assets/images/form-bg-light.png differ diff --git a/assets/images/form-bg-light.png.webp b/assets/images/form-bg-light.png.webp index 21a3fbb..aa47941 100644 Binary files a/assets/images/form-bg-light.png.webp and b/assets/images/form-bg-light.png.webp differ diff --git a/assets/images/welcom-dark.png b/assets/images/welcom-dark.png new file mode 100644 index 0000000..c64fe52 Binary files /dev/null and b/assets/images/welcom-dark.png differ diff --git a/assets/images/welcom-light.png b/assets/images/welcom-light.png new file mode 100644 index 0000000..6265994 Binary files /dev/null and b/assets/images/welcom-light.png differ diff --git a/css/app.css b/css/app.css index 625e26c..ce78e65 100644 --- a/css/app.css +++ b/css/app.css @@ -1,2528 +1 @@ -/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */ -@layer theme, base, components, utilities; -@layer theme { - :root, :host { - --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-blue-50: oklch(0.97 0.014 254.604); - --color-blue-800: oklch(0.424 0.199 265.638); - --color-blue-900: oklch(0.379 0.146 265.522); - --color-gray-100: oklch(0.967 0.003 264.542); - --color-gray-200: oklch(0.928 0.006 264.531); - --color-gray-500: oklch(0.551 0.027 264.364); - --color-gray-600: oklch(0.446 0.03 256.802); - --color-gray-700: oklch(0.373 0.034 259.733); - --color-gray-800: oklch(0.278 0.033 256.848); - --color-gray-900: oklch(0.21 0.034 264.665); - --color-black: #000; - --color-white: #fff; - --spacing: 0.25rem; - --container-sm: 24rem; - --container-lg: 32rem; - --text-sm: var(--wp--preset--font-size--sm, 0.875rem); - --text-sm--line-height: calc(1.25 / 0.875); - --text-xl: var(--wp--preset--font-size--xl, 1.25rem); - --text-xl--line-height: calc(1.75 / 1.25); - --text-2xl: var(--wp--preset--font-size--2xl, 1.5rem); - --text-2xl--line-height: calc(2 / 1.5); - --text-3xl: var(--wp--preset--font-size--3xl, 1.875rem); - --text-3xl--line-height: calc(2.25 / 1.875); - --text-5xl: var(--wp--preset--font-size--5xl, 3rem); - --text-5xl--line-height: 1; - --font-weight-light: 300; - --font-weight-semibold: 600; - --font-weight-bold: 700; - --font-weight-extrabold: 800; - --leading-tight: 1.25; - --radius-xs: 0.125rem; - --radius-md: 0.375rem; - --radius-lg: 0.5rem; - --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); - --blur-sm: 8px; - --default-transition-duration: 150ms; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - --default-font-family: var(--font-sans); - --default-font-feature-settings: var(--font-sans--font-feature-settings); - --default-font-variation-settings: var( - --font-sans--font-variation-settings - ); - --default-mono-font-family: var(--font-mono); - --default-mono-font-feature-settings: var( - --font-mono--font-feature-settings - ); - --default-mono-font-variation-settings: var( - --font-mono--font-variation-settings - ); - --color-primary: var(--wp--preset--color--primary); - --font-family-sans: 'Gilroy', ui-sans-serif, system-ui, sans-serif; - } -} -@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; - } - body { - line-height: inherit; - } - 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; - color: color-mix(in oklab, currentColor 50%, transparent); - } - ::placeholder { - opacity: 1; - 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; - } - .\!static { - position: static !important; - } - .absolute { - position: absolute; - } - .fixed { - position: fixed; - } - .relative { - position: relative; - } - .static { - position: static; - } - .inset-0 { - inset: calc(var(--spacing) * 0); - } - .top-0 { - top: calc(var(--spacing) * 0); - } - .top-4 { - top: calc(var(--spacing) * 4); - } - .top-\[24px\] { - top: 24px; - } - .top-\[32px\] { - top: 32px; - } - .right-0 { - right: calc(var(--spacing) * 0); - } - .right-4 { - right: calc(var(--spacing) * 4); - } - .right-\[24px\] { - right: 24px; - } - .bottom-0 { - bottom: calc(var(--spacing) * 0); - } - .bottom-\[16px\] { - bottom: 16px; - } - .left-0 { - left: calc(var(--spacing) * 0); - } - .left-\[12px\] { - left: 12px; - } - .z-0 { - z-index: 0; - } - .z-10 { - z-index: 10; - } - .z-50 { - z-index: 50; - } - .z-\[0\] { - z-index: 0; - } - .z-\[1\] { - z-index: 1; - } - .z-\[49\] { - z-index: 49; - } - .container { - width: 100%; - } - @media (width >= 480px) { - .container { - max-width: 480px; - } - } - @media (width >= 600px) { - .container { - max-width: 600px; - } - } - @media (width >= 782px) { - .container { - max-width: 782px; - } - } - @media (width >= 960px) { - .container { - max-width: 960px; - } - } - @media (width >= 1280px) { - .container { - max-width: 1280px; - } - } - @media (width >= 1440px) { - .container { - max-width: 1440px; - } - } - .\!m-0 { - margin: calc(var(--spacing) * 0) !important; - } - .\!m-\[-1px\] { - margin: -1px !important; - } - .m-8 { - margin: calc(var(--spacing) * 8); - } - .\!mx-auto { - margin-inline: auto !important; - } - .mx-auto { - margin-inline: auto; - } - .my-3 { - margin-block: calc(var(--spacing) * 3); - } - .my-8 { - margin-block: calc(var(--spacing) * 8); - } - .mt-0 { - margin-top: calc(var(--spacing) * 0); - } - .mt-4 { - margin-top: calc(var(--spacing) * 4); - } - .mt-6 { - margin-top: calc(var(--spacing) * 6); - } - .mt-\[4px\] { - margin-top: 4px; - } - .mt-\[8px\] { - margin-top: 8px; - } - .mt-\[10px\] { - margin-top: 10px; - } - .mt-\[12px\] { - margin-top: 12px; - } - .mt-\[14px\] { - margin-top: 14px; - } - .mt-\[16px\] { - margin-top: 16px; - } - .mt-\[20px\] { - margin-top: 20px; - } - .mt-\[22px\] { - margin-top: 22px; - } - .mt-\[24px\] { - margin-top: 24px; - } - .mt-\[26px\] { - margin-top: 26px; - } - .mt-\[28px\] { - margin-top: 28px; - } - .mt-\[32px\] { - margin-top: 32px; - } - .mt-\[40px\] { - margin-top: 40px; - } - .mt-\[44px\] { - margin-top: 44px; - } - .mt-\[45px\] { - margin-top: 45px; - } - .mt-\[50px\] { - margin-top: 50px; - } - .mt-auto { - margin-top: auto; - } - .mb-1 { - margin-bottom: calc(var(--spacing) * 1); - } - .mb-2 { - margin-bottom: calc(var(--spacing) * 2); - } - .mb-4 { - margin-bottom: calc(var(--spacing) * 4); - } - .mb-8 { - margin-bottom: calc(var(--spacing) * 8); - } - .mb-\[8px\] { - margin-bottom: 8px; - } - .mb-\[12px\] { - margin-bottom: 12px; - } - .mb-\[16px\] { - margin-bottom: 16px; - } - .mb-\[20px\] { - margin-bottom: 20px; - } - .mb-\[24px\] { - margin-bottom: 24px; - } - .mb-\[30px\] { - margin-bottom: 30px; - } - .mb-\[40px\] { - margin-bottom: 40px; - } - .mb-\[90px\] { - margin-bottom: 90px; - } - .ml-\[8px\] { - margin-left: 8px; - } - .ml-auto { - margin-left: auto; - } - .block { - display: block; - } - .flex { - display: flex; - } - .grid { - display: grid; - } - .hidden { - display: none; - } - .inline-flex { - display: inline-flex; - } - .\!h-\[1px\] { - height: 1px !important; - } - .\!h-\[62px\] { - height: 62px !important; - } - .\!h-\[100px\] { - height: 100px !important; - } - .h-1 { - height: calc(var(--spacing) * 1); - } - .h-5 { - height: calc(var(--spacing) * 5); - } - .h-8 { - height: calc(var(--spacing) * 8); - } - .h-\[2px\] { - height: 2px; - } - .h-\[6px\] { - height: 6px; - } - .h-\[8px\] { - height: 8px; - } - .h-\[24px\] { - height: 24px; - } - .h-\[29px\] { - height: 29px; - } - .h-\[30px\] { - height: 30px; - } - .h-\[32px\] { - height: 32px; - } - .h-\[36px\] { - height: 36px; - } - .h-\[43px\] { - height: 43px; - } - .h-\[44px\] { - height: 44px; - } - .h-\[45px\] { - height: 45px; - } - .h-\[46px\] { - height: 46px; - } - .h-\[55px\] { - height: 55px; - } - .h-\[59px\] { - height: 59px; - } - .h-\[64px\] { - height: 64px; - } - .h-\[74px\] { - height: 74px; - } - .h-\[75px\] { - height: 75px; - } - .h-\[76px\] { - height: 76px; - } - .h-\[78px\] { - height: 78px; - } - .h-\[80px\] { - height: 80px; - } - .h-\[120px\] { - height: 120px; - } - .h-\[147px\] { - height: 147px; - } - .h-\[240px\] { - height: 240px; - } - .h-\[244px\] { - height: 244px; - } - .h-\[258px\] { - height: 258px; - } - .h-\[280px\] { - height: 280px; - } - .h-\[298px\] { - height: 298px; - } - .h-\[305px\] { - height: 305px; - } - .h-\[358px\] { - height: 358px; - } - .h-\[383px\] { - height: 383px; - } - .h-\[440px\] { - height: 440px; - } - .h-\[460px\] { - height: 460px; - } - .h-\[500px\] { - height: 500px; - } - .h-\[512px\] { - height: 512px; - } - .h-\[540px\] { - height: 540px; - } - .h-\[575px\] { - height: 575px; - } - .h-\[580px\] { - height: 580px; - } - .h-\[600px\] { - height: 600px; - } - .h-\[608px\] { - height: 608px; - } - .h-\[620px\] { - height: 620px; - } - .h-\[828px\] { - height: 828px; - } - .h-full { - height: 100%; - } - .max-h-\[90vh\] { - max-height: 90vh; - } - .min-h-\[48px\] { - min-height: 48px; - } - .min-h-\[260px\] { - min-height: 260px; - } - .min-h-\[330px\] { - min-height: 330px; - } - .min-h-\[440px\] { - min-height: 440px; - } - .min-h-\[500px\] { - min-height: 500px; - } - .min-h-screen { - min-height: 100vh; - } - .\!w-\[1px\] { - width: 1px !important; - } - .\!w-full { - width: 100% !important; - } - .w-5 { - width: calc(var(--spacing) * 5); - } - .w-8 { - width: calc(var(--spacing) * 8); - } - .w-16 { - width: calc(var(--spacing) * 16); - } - .w-\[6px\] { - width: 6px; - } - .w-\[8px\] { - width: 8px; - } - .w-\[32px\] { - width: 32px; - } - .w-\[42px\] { - width: 42px; - } - .w-\[55px\] { - width: 55px; - } - .w-\[64px\] { - width: 64px; - } - .w-\[76px\] { - width: 76px; - } - .w-\[80px\] { - width: 80px; - } - .w-\[136px\] { - width: 136px; - } - .w-\[160px\] { - width: 160px; - } - .w-\[424px\] { - width: 424px; - } - .w-fit { - width: -moz-fit-content; - width: fit-content; - } - .w-full { - width: 100%; - } - .container { - max-width: 1330px; - padding-left: 5px; - padding-right: 5px; - } - .max-w-\[102px\] { - max-width: 102px; - } - .max-w-\[135px\] { - max-width: 135px; - } - .max-w-\[160px\] { - max-width: 160px; - } - .max-w-\[179px\] { - max-width: 179px; - } - .max-w-\[210px\] { - max-width: 210px; - } - .max-w-\[213px\] { - max-width: 213px; - } - .max-w-\[220px\] { - max-width: 220px; - } - .max-w-\[240px\] { - max-width: 240px; - } - .max-w-\[245px\] { - max-width: 245px; - } - .max-w-\[270px\] { - max-width: 270px; - } - .max-w-\[281px\] { - max-width: 281px; - } - .max-w-\[300px\] { - max-width: 300px; - } - .max-w-\[301px\] { - max-width: 301px; - } - .max-w-\[312px\] { - max-width: 312px; - } - .max-w-\[320px\] { - max-width: 320px; - } - .max-w-\[330px\] { - max-width: 330px; - } - .max-w-\[400px\] { - max-width: 400px; - } - .max-w-\[424px\] { - max-width: 424px; - } - .max-w-\[535px\] { - max-width: 535px; - } - .max-w-\[590px\] { - max-width: 590px; - } - .max-w-\[648px\] { - max-width: 648px; - } - .max-w-\[687px\] { - max-width: 687px; - } - .max-w-\[725px\] { - max-width: 725px; - } - .max-w-\[760px\] { - max-width: 760px; - } - .max-w-\[872px\] { - max-width: 872px; - } - .max-w-\[900px\] { - max-width: 900px; - } - .max-w-\[970px\] { - max-width: 970px; - } - .max-w-\[2000px\] { - max-width: 2000px; - } - .max-w-fit { - max-width: -moz-fit-content; - max-width: fit-content; - } - .max-w-full { - max-width: 100%; - } - .max-w-lg { - max-width: var(--container-lg); - } - .max-w-sm { - max-width: var(--container-sm); - } - .flex-1 { - flex: 1; - } - .flex-shrink-0 { - flex-shrink: 0; - } - .flex-grow { - flex-grow: 1; - } - .grow { - flex-grow: 1; - } - .translate-y-\[2px\] { - --tw-translate-y: 2px; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .scale-90 { - --tw-scale-x: 90%; - --tw-scale-y: 90%; - --tw-scale-z: 90%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .scale-100 { - --tw-scale-x: 100%; - --tw-scale-y: 100%; - --tw-scale-z: 100%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .transform { - transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); - } - .\!cursor-grab { - cursor: grab !important; - } - .cursor-pointer { - cursor: pointer; - } - .resize { - resize: both; - } - .grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - .grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .flex-col { - flex-direction: column; - } - .flex-col-reverse { - flex-direction: column-reverse; - } - .flex-wrap { - flex-wrap: wrap; - } - .place-items-center { - place-items: center; - } - .items-center { - align-items: center; - } - .items-end { - align-items: flex-end; - } - .items-start { - align-items: flex-start; - } - .justify-between { - justify-content: space-between; - } - .justify-center { - justify-content: center; - } - .justify-end { - justify-content: flex-end; - } - .justify-start { - justify-content: flex-start; - } - .gap-\[4px\] { - gap: 4px; - } - .gap-\[6px\] { - gap: 6px; - } - .gap-\[8px\] { - gap: 8px; - } - .gap-\[10px\] { - gap: 10px; - } - .gap-\[12px\] { - gap: 12px; - } - .gap-\[16px\] { - gap: 16px; - } - .gap-\[20px\] { - gap: 20px; - } - .gap-\[24px\] { - gap: 24px; - } - .gap-\[30px\] { - gap: 30px; - } - .gap-\[32px\] { - gap: 32px; - } - .gap-\[48px\] { - gap: 48px; - } - .gap-\[60px\] { - gap: 60px; - } - :where(.space-y-1 > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); - } - :where(.space-y-4 > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); - } - :where(.space-y-\[8px\] > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(8px * var(--tw-space-y-reverse)); - margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse))); - } - :where(.space-y-\[12px\] > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(12px * var(--tw-space-y-reverse)); - margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse))); - } - .gap-x-\[40px\] { - -moz-column-gap: 40px; - column-gap: 40px; - } - .gap-y-\[16px\] { - row-gap: 16px; - } - :where(.divide-x > :not(:last-child)) { - --tw-divide-x-reverse: 0; - border-inline-style: var(--tw-border-style); - border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); - border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); - } - :where(.divide-\[\#e0e0e0\] > :not(:last-child)) { - border-color: #e0e0e0; - } - .overflow-hidden { - overflow: hidden; - } - .overflow-y-auto { - overflow-y: auto; - } - .rounded { - border-radius: 0.25rem; - } - .rounded-\[6px\] { - border-radius: 6px; - } - .rounded-\[8px\] { - border-radius: 8px; - } - .rounded-\[9px\] { - border-radius: 9px; - } - .rounded-\[12px\] { - border-radius: 12px; - } - .rounded-\[16px\] { - border-radius: 16px; - } - .rounded-\[20px\] { - border-radius: 20px; - } - .rounded-\[24px\] { - border-radius: 24px; - } - .rounded-\[25px\] { - border-radius: 25px; - } - .rounded-\[30px\] { - border-radius: 30px; - } - .rounded-\[32px\] { - border-radius: 32px; - } - .rounded-\[90px\] { - border-radius: 90px; - } - .rounded-full { - border-radius: calc(infinity * 1px); - } - .rounded-lg { - border-radius: var(--radius-lg); - } - .rounded-md { - border-radius: var(--radius-md); - } - .rounded-xs { - border-radius: var(--radius-xs); - } - .rounded-tl-none { - border-top-left-radius: 0; - } - .rounded-b-\[0\] { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - .rounded-br-none { - border-bottom-right-radius: 0; - } - .rounded-bl-none { - border-bottom-left-radius: 0; - } - .\!border-0 { - border-style: var(--tw-border-style) !important; - border-width: 0px !important; - } - .border { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-\[1px\] { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-\[2px\] { - border-style: var(--tw-border-style); - border-width: 2px; - } - .border-t { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - } - .border-r-\[0px\] { - border-right-style: var(--tw-border-style); - border-right-width: 0px; - } - .border-b { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - } - .border-b-\[2px\] { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 2px; - } - .border-b-\[4px\] { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 4px; - } - .border-\[\#E0E0E0\] { - border-color: #E0E0E0; - } - .border-\[\#e0e0e0\] { - border-color: #e0e0e0; - } - .border-\[\#e5e7eb\] { - border-color: #e5e7eb; - } - .border-\[\#e21e24\] { - border-color: #e21e24; - } - .border-\[\#fff\] { - border-color: #fff; - } - .border-primary { - border-color: var(--color-primary); - } - .border-t-\[\#f1f1f1\] { - border-top-color: #f1f1f1; - } - .\!border-b-\[\#e21e24\] { - border-bottom-color: #e21e24 !important; - } - .border-b-\[transparent\] { - border-bottom-color: transparent; - } - .bg-\[\#3b82f6\] { - background-color: #3b82f6; - } - .bg-\[\#10b981\] { - background-color: #10b981; - } - .bg-\[\#E21E24\] { - background-color: #E21E24; - } - .bg-\[\#e21e24\] { - background-color: #e21e24; - } - .bg-\[\#f3f4f6\] { - background-color: #f3f4f6; - } - .bg-\[\#f8f8f8\] { - background-color: #f8f8f8; - } - .bg-\[\#f9f9f9\] { - background-color: #f9f9f9; - } - .bg-\[\#fff\] { - background-color: #fff; - } - .bg-\[\#ffffff\] { - background-color: #ffffff; - } - .bg-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\] { - background-color: 0 2px 32px 0 rgba(16, 15, 15, 0.03); - } - .bg-\[rgba\(0\,0\,0\,0\.5\)\] { - background-color: rgba(0,0,0,0.5); - } - .bg-blue-50 { - background-color: var(--color-blue-50); - } - .bg-gray-100 { - background-color: var(--color-gray-100); - } - .bg-gray-200 { - background-color: var(--color-gray-200); - } - .bg-primary { - background-color: var(--color-primary); - } - .bg-transparent { - background-color: transparent; - } - .bg-white { - background-color: var(--color-white); - } - .bg-gradient-to-t { - --tw-gradient-position: to top in oklab; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .bg-\[linear-gradient\(90deg\,\#2b2c35_67\.31\%\,\#4f5870_92\.9\%\)\] { - background-image: linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#2b2c35_39\.42\%\,_\#6e7996_92\.9\%\)\] { - background-image: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#2b2c35_67\.31\%\,_\#4f5870_92\.9\%\)\] { - background-image: linear-gradient(90deg, #2b2c35 67.31%, #4f5870 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#bbb7b1_92\.9\%\)\] { - background-image: linear-gradient(90deg, #9d9994 39.42%, #bbb7b1 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#ccc9c4_92\.9\%\)\] { - background-image: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%); - } - .bg-\[linear-gradient\(90deg\,_rgba\(43\,_44\,_53\,_0\.06\)_39\.42\%\,_rgba\(110\,_121\,_150\,_0\.06\)_92\.9\%\)\] { - background-image: linear-gradient(90deg, rgba(43, 44, 53, 0.06) 39.42%, rgba(110, 121, 150, 0.06) 92.9%); - } - .bg-\[linear-gradient\(90deg\,rgba\(157\,153\,148\,0\.7\)_39\.42\%\,rgba\(197\,197\,185\,0\.7\)_92\.9\%\)\] { - background-image: linear-gradient(90deg,rgba(157,153,148,0.7) 39.42%,rgba(197,197,185,0.7) 92.9%); - } - .bg-\[linear-gradient\(180deg\,_\#f2f2f2_69\.59\%\,_\#ededed_100\%\)\] { - background-image: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%); - } - .bg-\[linear-gradient\(180deg\,_\#f9f9f9_69\.59\%\,_\#ededed_100\%\)\] { - background-image: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%); - } - .from-black\/50 { - --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .to-transparent { - --tw-gradient-to: transparent; - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .bg-cover { - background-size: cover; - } - .bg-clip-text { - -webkit-background-clip: text; - background-clip: text; - } - .bg-center { - background-position: center; - } - .bg-no-repeat { - background-repeat: no-repeat; - } - .fill-\[\#222\] { - fill: #222; - } - .fill-\[\#222222\] { - fill: #222222; - } - .fill-\[\#E0E0E0\] { - fill: #E0E0E0; - } - .fill-\[\#f8f8f8\] { - fill: #f8f8f8; - } - .object-contain { - -o-object-fit: contain; - object-fit: contain; - } - .object-cover { - -o-object-fit: cover; - object-fit: cover; - } - .\!p-0 { - padding: calc(var(--spacing) * 0) !important; - } - .p-4 { - padding: calc(var(--spacing) * 4); - } - .p-6 { - padding: calc(var(--spacing) * 6); - } - .p-\[10px\] { - padding: 10px; - } - .p-\[20px\] { - padding: 20px; - } - .p-\[24px\] { - padding: 24px; - } - .p-\[28px\] { - padding: 28px; - } - .p-\[30px\] { - padding: 30px; - } - .p-\[40px\] { - padding: 40px; - } - .p-\[48px\] { - padding: 48px; - } - .px-3 { - padding-inline: calc(var(--spacing) * 3); - } - .px-4 { - padding-inline: calc(var(--spacing) * 4); - } - .px-6 { - padding-inline: calc(var(--spacing) * 6); - } - .px-\[10px\] { - padding-inline: 10px; - } - .px-\[12px\] { - padding-inline: 12px; - } - .px-\[20px\] { - padding-inline: 20px; - } - .px-\[24px\] { - padding-inline: 24px; - } - .px-\[28px\] { - padding-inline: 28px; - } - .px-\[32px\] { - padding-inline: 32px; - } - .px-\[40px\] { - padding-inline: 40px; - } - .py-2 { - padding-block: calc(var(--spacing) * 2); - } - .py-\[8px\] { - padding-block: 8px; - } - .py-\[12px\] { - padding-block: 12px; - } - .py-\[24px\] { - padding-block: 24px; - } - .py-\[30px\] { - padding-block: 30px; - } - .py-\[45px\] { - padding-block: 45px; - } - .py-\[48px\] { - padding-block: 48px; - } - .py-\[60px\] { - padding-block: 60px; - } - .py-\[90px\] { - padding-block: 90px; - } - .py-\[96px\] { - padding-block: 96px; - } - .\!pt-\[0\] { - padding-top: 0 !important; - } - .\!pt-\[0px\] { - padding-top: 0px !important; - } - .pt-\[16px\] { - padding-top: 16px; - } - .pt-\[24px\] { - padding-top: 24px; - } - .pt-\[32px\] { - padding-top: 32px; - } - .pt-\[45px\] { - padding-top: 45px; - } - .pt-\[48px\] { - padding-top: 48px; - } - .pt-\[90px\] { - padding-top: 90px; - } - .pt-\[96px\] { - padding-top: 96px; - } - .pt-\[161px\] { - padding-top: 161px; - } - .pr-0 { - padding-right: calc(var(--spacing) * 0); - } - .pr-\[12px\] { - padding-right: 12px; - } - .pr-\[16px\] { - padding-right: 16px; - } - .pb-0 { - padding-bottom: calc(var(--spacing) * 0); - } - .pb-\[16px\] { - padding-bottom: 16px; - } - .pb-\[24px\] { - padding-bottom: 24px; - } - .pb-\[30px\] { - padding-bottom: 30px; - } - .pb-\[45px\] { - padding-bottom: 45px; - } - .pb-\[60px\] { - padding-bottom: 60px; - } - .pb-\[90px\] { - padding-bottom: 90px; - } - .pl-0 { - padding-left: calc(var(--spacing) * 0); - } - .pl-\[16px\] { - padding-left: 16px; - } - .text-center { - text-align: center; - } - .text-2xl { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - } - .text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - .text-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } - .text-xl { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - .text-\[13px\] { - font-size: 13px; - } - .text-\[14px\] { - font-size: 14px; - } - .text-\[15px\] { - font-size: 15px; - } - .text-\[16px\] { - font-size: 16px; - } - .text-\[18px\] { - font-size: 18px; - } - .text-\[20px\] { - font-size: 20px; - } - .text-\[24px\] { - font-size: 24px; - } - .text-\[32px\] { - font-size: 32px; - } - .text-\[36px\] { - font-size: 36px; - } - .text-\[40px\] { - font-size: 40px; - } - .text-\[42px\] { - font-size: 42px; - } - .text-\[48px\] { - font-size: 48px; - } - .text-\[62px\] { - font-size: 62px; - } - .leading-\[20px\] { - --tw-leading: 20px; - line-height: 20px; - } - .leading-\[110\%\] { - --tw-leading: 110%; - line-height: 110%; - } - .leading-\[115\%\] { - --tw-leading: 115%; - line-height: 115%; - } - .leading-\[120\%\] { - --tw-leading: 120%; - line-height: 120%; - } - .leading-\[125\%\] { - --tw-leading: 125%; - line-height: 125%; - } - .leading-\[130\%\] { - --tw-leading: 130%; - line-height: 130%; - } - .leading-\[140\%\] { - --tw-leading: 140%; - line-height: 140%; - } - .leading-\[145\%\] { - --tw-leading: 145%; - line-height: 145%; - } - .leading-\[150\%\] { - --tw-leading: 150%; - line-height: 150%; - } - .leading-\[160\%\] { - --tw-leading: 160%; - line-height: 160%; - } - .leading-\[195\%\] { - --tw-leading: 195%; - line-height: 195%; - } - .leading-tight { - --tw-leading: var(--leading-tight); - line-height: var(--leading-tight); - } - .font-\[400\] { - --tw-font-weight: 400; - font-weight: 400; - } - .font-\[500\] { - --tw-font-weight: 500; - font-weight: 500; - } - .font-\[600\] { - --tw-font-weight: 600; - font-weight: 600; - } - .font-\[700\] { - --tw-font-weight: 700; - font-weight: 700; - } - .font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - } - .font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold); - } - .font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light); - } - .font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - } - .text-\[\#1f2937\] { - color: #1f2937; - } - .text-\[\#2B2C35\] { - color: #2B2C35; - } - .text-\[\#6b7280\] { - color: #6b7280; - } - .text-\[\#6c6b6b\] { - color: #6c6b6b; - } - .text-\[\#222\] { - color: #222; - } - .text-\[\#E21E24\] { - color: #E21E24; - } - .text-\[\#e0e0e0\] { - color: #e0e0e0; - } - .text-\[\#f8f8f8\] { - color: #f8f8f8; - } - .text-\[\#fff\] { - color: #fff; - } - .text-\[\#ffffff\] { - color: #ffffff; - } - .text-\[222\] { - color: 222; - } - .text-blue-800 { - color: var(--color-blue-800); - } - .text-blue-900 { - color: var(--color-blue-900); - } - .text-gray-500 { - color: var(--color-gray-500); - } - .text-gray-600 { - color: var(--color-gray-600); - } - .text-gray-700 { - color: var(--color-gray-700); - } - .text-gray-800 { - color: var(--color-gray-800); - } - .text-gray-900 { - color: var(--color-gray-900); - } - .text-transparent { - color: transparent; - } - .text-white { - color: var(--color-white); - } - .\!no-underline { - text-decoration-line: none !important; - } - .\!decoration-transparent { - text-decoration-color: transparent !important; - } - .antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - .opacity-0 { - opacity: 0%; - } - .opacity-50 { - opacity: 50%; - } - .opacity-100 { - opacity: 100%; - } - .shadow-\[0_2px_16px_0_rgba\(16\,_15\,_15\,_0\.08\)\] { - --tw-shadow: 0 2px 16px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.08)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\] { - --tw-shadow: 0 2px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.03)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-lg { - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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); - } - .blur { - --tw-blur: blur(8px); - 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,); - } - .filter { - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .backdrop-blur-\[8px\] { - --tw-backdrop-blur: blur(8px); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-blur-sm { - --tw-backdrop-blur: blur(var(--blur-sm)); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-filter { - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .transition { - transition-property: color, background-color, border-color, 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; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-all { - transition-property: all; - 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-opacity { - transition-property: opacity; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-shadow { - transition-property: box-shadow; - 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-300 { - --tw-duration: 300ms; - transition-duration: 300ms; - } - .duration-\[180ms\] { - --tw-duration: 180ms; - transition-duration: 180ms; - } - .ease-in-out { - --tw-ease: var(--ease-in-out); - transition-timing-function: var(--ease-in-out); - } - .select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - } - @media (hover: hover) { - .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) { - scale: 1.05; - } - } - @media (hover: hover) { - .group-hover\:text-\[\#e21e24\]:is(:where(.group):hover *) { - color: #e21e24; - } - } - @media (hover: hover) { - .group-hover\:shadow-\[0_8px_32px_0_rgba\(16\,_15\,_15\,_0\.12\)\]:is(:where(.group):hover *) { - --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.12)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - } - @media (hover: hover) { - .hover\:border-b-\[\#e21e24\]:hover { - border-bottom-color: #e21e24; - } - } - @media (hover: hover) { - .hover\:bg-\[\#2563eb\]:hover { - background-color: #2563eb; - } - } - @media (hover: hover) { - .hover\:bg-\[\#e0e0e0\]:hover { - background-color: #e0e0e0; - } - } - @media (hover: hover) { - .hover\:bg-gray-100:hover { - background-color: var(--color-gray-100); - } - } - @media (hover: hover) { - .hover\:text-\[\#2B2C35\]:hover { - color: #2B2C35; - } - } - @media (hover: hover) { - .hover\:text-\[\#9d9994\]:hover { - color: #9d9994; - } - } - @media (hover: hover) { - .hover\:text-\[\#222\]:hover { - color: #222; - } - } - @media (hover: hover) { - .hover\:text-\[\#555\]:hover { - color: #555; - } - } - @media (hover: hover) { - .hover\:text-gray-700:hover { - color: var(--color-gray-700); - } - } - @media (hover: hover) { - .hover\:\!no-underline:hover { - text-decoration-line: none !important; - } - } - @media (hover: hover) { - .hover\:\!decoration-inherit:hover { - text-decoration-color: inherit !important; - } - } - @media (hover: hover) { - .hover\:opacity-80:hover { - opacity: 80%; - } - } - @media (hover: hover) { - .hover\:opacity-90:hover { - opacity: 90%; - } - } - @media (hover: hover) { - .hover\:shadow-\[0_8px_32px_0_rgba\(16\,_15\,_15\,_0\.12\)\]:hover { - --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.12)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - } - @media (hover: hover) { - .hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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); - } - } - .focus\:ring-2:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .focus\:ring-\[\#3b82f6\]:focus { - --tw-ring-color: #3b82f6; - } - .focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - } - .focus\:outline-none:focus { - --tw-outline-style: none; - outline-style: none; - } - @media (width < 768px) { - .max-\[768px\]\:gap-\[20px\] { - gap: 20px; - } - } - @media (width < 768px) { - .max-\[768px\]\:p-\[20px\] { - padding: 20px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[14px\] { - font-size: 14px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[20px\] { - font-size: 20px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[34px\] { - font-size: 34px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[36px\] { - font-size: 36px; - } - } - @media (width >= 782px) { - .md\:my-6 { - margin-block: calc(var(--spacing) * 6); - } - } - @media (width >= 782px) { - .md\:flex { - display: flex; - } - } - @media (width >= 782px) { - .md\:w-1\/2 { - width: calc(1/2 * 100%); - } - } - @media (width >= 782px) { - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - @media (width >= 782px) { - .md\:text-3xl { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } - } - @media (width >= 960px) { - .lg\:-mx-4 { - margin-inline: calc(var(--spacing) * -4); - } - } - @media (width >= 960px) { - .lg\:mx-4 { - margin-inline: calc(var(--spacing) * 4); - } - } - @media (width >= 960px) { - .lg\:mt-0 { - margin-top: calc(var(--spacing) * 0); - } - } - @media (width >= 960px) { - .lg\:block { - display: block; - } - } - @media (width >= 960px) { - .lg\:flex { - display: flex; - } - } - @media (width >= 960px) { - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - @media (width >= 960px) { - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - @media (width >= 960px) { - .lg\:bg-transparent { - background-color: transparent; - } - } - @media (width >= 960px) { - .lg\:p-0 { - padding: calc(var(--spacing) * 0); - } - } - @media (width >= 960px) { - .lg\:text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - } - @media (width >= 1280px) { - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .dark\:max-w-\[860px\]:where(.dark, .dark *) { - max-width: 860px; - } - .dark\:border:where(.dark, .dark *) { - border-style: var(--tw-border-style); - border-width: 1px; - } - .dark\:\!border-none:where(.dark, .dark *) { - --tw-border-style: none !important; - border-style: none !important; - } - .dark\:border-\[\#574348\]:where(.dark, .dark *) { - border-color: #574348; - } - .dark\:border-\[rgba\(248\,_248\,_248\,_0\.2\)\]:where(.dark, .dark *) { - border-color: rgba(248, 248, 248, 0.2); - } - .dark\:border-\[rgba\(248\,_248\,_248\,_0\.5\)\]:where(.dark, .dark *) { - border-color: rgba(248, 248, 248, 0.5); - } - .dark\:border-transparent:where(.dark, .dark *) { - border-color: transparent; - } - .dark\:border-white\/\[0\.05\]:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white) 5%, transparent); - } - .dark\:\!border-b-\[\#fff\]:where(.dark, .dark *) { - border-bottom-color: #fff !important; - } - .dark\:\!bg-\[\#f8f8f8\]:where(.dark, .dark *) { - background-color: #f8f8f8 !important; - } - .dark\:bg-\[\#141419\]:where(.dark, .dark *) { - background-color: #141419; - } - .dark\:bg-\[\#f4f4f4\]:where(.dark, .dark *) { - background-color: #f4f4f4; - } - .dark\:bg-\[\#f8f8f8\]:where(.dark, .dark *) { - background-color: #f8f8f8; - } - .dark\:bg-\[transparent\]:where(.dark, .dark *) { - background-color: transparent; - } - .dark\:bg-inherit:where(.dark, .dark *) { - background-color: inherit; - } - .dark\:bg-white:where(.dark, .dark *) { - background-color: var(--color-white); - } - .dark\:bg-gradient-to-r:where(.dark, .dark *) { - --tw-gradient-position: to right in oklab; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .dark\:\!bg-none:where(.dark, .dark *) { - background-image: none !important; - } - .dark\:bg-\[linear-gradient\(90deg\,_\#2b2c35_53\.4\%\,_\#4f5870_100\%\)\]:where(.dark, .dark *) { - background-image: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%); - } - .dark\:bg-\[linear-gradient\(90deg\,rgba\(248\,248\,248\,0\.04\)_65\.8\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]:where(.dark, .dark *) { - background-image: linear-gradient(90deg,rgba(248,248,248,0.04) 65.8%,rgba(255,255,255,0.12) 100%); - } - .dark\:bg-none:where(.dark, .dark *) { - background-image: none; - } - .dark\:from-\[rgba\(248\,248\,248\,0\.55\)\]:where(.dark, .dark *) { - --tw-gradient-from: rgba(248,248,248,0.55); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .dark\:to-white:where(.dark, .dark *) { - --tw-gradient-to: var(--color-white); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .dark\:bg-clip-text:where(.dark, .dark *) { - -webkit-background-clip: text; - background-clip: text; - } - .dark\:fill-\[\#222222\]:where(.dark, .dark *) { - fill: #222222; - } - .dark\:fill-\[\#F8F8F8\]:where(.dark, .dark *) { - fill: #F8F8F8; - } - .dark\:text-\[42px\]:where(.dark, .dark *) { - font-size: 42px; - } - .dark\:text-\[\#6c6b6b\]:where(.dark, .dark *) { - color: #6c6b6b; - } - .dark\:text-\[\#222\]:where(.dark, .dark *) { - color: #222; - } - .dark\:text-\[\#F8F8F8\]:where(.dark, .dark *) { - color: #F8F8F8; - } - .dark\:text-\[\#f8f8f8\]:where(.dark, .dark *) { - color: #f8f8f8; - } - .dark\:text-\[\#fff\]:where(.dark, .dark *) { - color: #fff; - } - .dark\:text-transparent:where(.dark, .dark *) { - color: transparent; - } - .dark\:opacity-20:where(.dark, .dark *) { - opacity: 20%; - } - .dark\:backdrop-blur-\[20px\]:where(.dark, .dark *) { - --tw-backdrop-blur: blur(20px); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - @media (hover: hover) { - .dark\:hover\:border-b-\[\#fff\]:where(.dark, .dark *):hover { - border-bottom-color: #fff; - } - } - @media (hover: hover) { - .dark\:hover\:text-\[\#9d9994\]:where(.dark, .dark *):hover { - color: #9d9994; - } - } - @media (hover: hover) { - .dark\:hover\:text-\[\#c7c7c7\]:where(.dark, .dark *):hover { - color: #c7c7c7; - } - } - @media (hover: hover) { - .dark\:hover\:text-\[\#f8f8f8\]:where(.dark, .dark *):hover { - color: #f8f8f8; - } - } - .\[\&_\.swiper-scrollbar-drag\]\:dark\:\!bg-\[\#989597\] .swiper-scrollbar-drag:where(.dark, .dark *) { - background-color: #989597 !important; - } - .\[\&_div\]\:text-\[\#222\] div { - color: #222; - } - .\[\&_div\]\:text-\[\#f8f8f8\] div { - color: #f8f8f8; - } - .\[\&_img\]\:w-\[294px\] img { - width: 294px; - } - .\[\&_p\]\:text-\[\#6c6b6b\] p { - color: #6c6b6b; - } - .\[\&_p\]\:text-\[\#bcbcc0\] p { - color: #bcbcc0; - } - @media (hover: hover) { - .hover\:\[\&_svg\]\:fill-\[\#e21e24\]:hover svg { - fill: #e21e24; - } - } - .\[\&\>_img\]\:max-w-none> img { - max-width: none; - } - .\[\&\>img\]\:w-\[294px\]>img { - width: 294px; - } - @media (hover: hover) { - .hover\:\[\&\>img\]\:brightness-150:hover>img { - --tw-brightness: brightness(150%); - 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,); - } - } - @media (hover: hover) { - .dark\:hover\:\[\&\>img\]\:brightness-90:where(.dark, .dark *):hover>img { - --tw-brightness: brightness(90%); - 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,); - } - } - .\[\&\>li\>a\]\:\!no-underline>li>a { - text-decoration-line: none !important; - } - .\[\&\>svg\]\:min-w-fit>svg { - min-width: -moz-fit-content; - min-width: fit-content; - } - @media (hover: hover) { - .hover\:\[\&\>svg\]\:translate-x-\[6px\]:hover>svg { - --tw-translate-x: 6px; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - } -} -html, body { - font-family: var(--font-family-sans); - color: #222; -} -.red-gradient { - background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); -} -.dark-gradient { - background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); -} -.grey-gradient { - background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%); -} -.grey-gradient-hover { - background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.grey-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark .grey-gradient-hover { - border: 1px solid rgba(248, 248, 248, 0.12); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); - background-size: 177% 100%; - background-position: -1px 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark .grey-gradient-hover:hover { - background-position: 9.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.red-gradient-hover { - background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.red-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark-gradient-hover { - background: linear-gradient(90deg, #2b2c35 0%, #6e7996 53.48%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.radial-gradient { - background: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%); -} -.header-gradient { - background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%); -} -.small-shadow { - box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03); -} -.dark-gradient { - background: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%); -} -#fluentform_4 .ff-el-form-control { - border: none; - box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03); - background: #fff; - border-radius: 90px; - height: 77px; - padding-left: 32px; - padding-right: 32px; - outline: 1px solid transparent; - font-weight: 500; - font-size: 16px; - line-height: 130%; - color: #6c6b6b; -} -#fluentform_4 .ff-btn-submit { - height: 75px; - background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); - border-radius: 90px; - font-weight: 600; - font-size: 18px; - line-height: 195%; - color: #f8f8f8; - display: grid; - place-content: center; - width: 100%; - cursor: pointer; - transition: 180ms ease-in; -} -#fluentform_4 .ff-btn-submit:hover { - font-weight: 700; - transition: 180ms ease-in; -} -#fluentform_4 .ff_submit_btn_wrapper { - margin-bottom: 0 !important; -} -#fluentform_4 .error.text-danger { - position: absolute; - margin-top: 0; - bottom: -18px; - left: 0; - width: 100%; - text-align: center; -} -#fluentform_4 .ff-el-group { - position: relative; - margin-bottom: 18px; -} -#fluentform_4_success { - display: none !important; -} -#fluentform_4 .ff-el-input--label { - position: absolute; - top: 50%; - left: 32px; - transform: translateY(-50%); - pointer-events: none; - z-index: 2; - margin: 0; - transition: 180ms ease-in-out; - font-weight: 500; - font-size: 16px; - line-height: 130%; - color: #6c6b6b; -} -#fluentform_4 .ff-el-group.focused .ff-el-input--label, #fluentform_4 .ff-el-group.has-value .ff-el-input--label { - top: 6px; - transform: translateY(0); - transition: 180ms ease-in-out; - font-size: 14px; -} -#fluentform_4 .ff-el-tc { - margin-top: 32px !important; - font-weight: 500 !important; - font-size: 16px !important; - line-height: 145% !important; - color: #6c6b6b !important; - margin-bottom: 0 !important; -} -@font-face { - font-family: 'Gilroy'; - src: local('Gilroy Light'), url(../fonts/Gilroy-Light.eot?8862796bffbd019727b3b4516ada8089?#iefix) format('embedded-opentype'), url(../fonts/Gilroy-Light.woff?9df2f5dbbb9c90a6ede7c1348521d216) format('woff'), url(../fonts/Gilroy-Light.ttf?1b7fff53076b212839677d44fe93ad1c) format('truetype'); - font-weight: 300; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'Gilroy'; - src: local('Gilroy Regular'), url(../fonts/Gilroy-Regular.eot?1d051d9d4215c09cbcaa846199555107?#iefix) format('embedded-opentype'), url(../fonts/Gilroy-Regular.woff?31d54a4b841c0e438f130447e373792b) format('woff'), url(../fonts/Gilroy-Regular.ttf?b91b0127c56a8e5f9e83a2a49ba4e315) format('truetype'); - font-weight: 400; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'Gilroy'; - src: local('Gilroy Medium'), url(../fonts/Gilroy-Medium.eot?b84941b7bdcce7cbba6db36330079273?#iefix) format('embedded-opentype'), url(../fonts/Gilroy-Medium.woff?2bc7f5d7ea77ee1bddb3d9388913a8d1) format('woff'), url(../fonts/Gilroy-Medium.ttf?f9f832b0ed3f1ab138c962ada983dbcc) format('truetype'); - font-weight: 500; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'Gilroy'; - src: local('Gilroy SemiBold'), url(../fonts/Gilroy-SemiBold.eot?8134b9ab378c54626928c6a4e62b63bf?#iefix) format('embedded-opentype'), url(../fonts/Gilroy-SemiBold.woff?e38937dbf8202c1448029851a98cb96a) format('woff'), url(../fonts/Gilroy-SemiBold.ttf?6780292641f883b3dad36614cac8dd5a) format('truetype'); - font-weight: 600; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'Gilroy'; - src: local('Gilroy Bold'), url(../fonts/Gilroy-Bold.eot?a732fed1bc6140852a0bcc237f16618e?#iefix) format('embedded-opentype'), url(../fonts/Gilroy-Bold.woff?5fb38b9fa452b5814397d5bcce0d2d5e) format('woff'), url(../fonts/Gilroy-Bold.ttf?b900325e44ec0c673e88af6e02e3b453) format('truetype'); - font-weight: 700; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: 'Gilroy'; - src: local('Gilroy Regular Italic'), url(../fonts/Gilroy-RegularItalic.eot?ddc7f8242457fe9b7fe23ccb97153130?#iefix) format('embedded-opentype'), url(../fonts/Gilroy-RegularItalic.woff?cd8c71a8df152621a239f0df1acb06be) format('woff'), url(../fonts/Gilroy-RegularItalic.ttf?8bbf15be10d36d90b3411e1fc7454c88) format('truetype'); - font-weight: 400; - font-style: italic; - font-display: swap; -} -@layer utilities { - article > *:not(.entry-content), .entry-content > * { - margin-inline: auto; - } - .entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li { - list-style-position: inside; - list-style-type: disc; - } - .entry-content ol li, .block-editor-block-list__layout ol li { - list-style-position: inside; - list-style-type: decimal; - } -} -@layer base { - *, - ::after, - ::before, - ::backdrop, - ::file-selector-button { - border-color: var(--color-gray-200, currentColor); - } -} -@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-scale-x { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-y { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-z { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-rotate-x { - syntax: "*"; - inherits: false; - initial-value: rotateX(0); -} -@property --tw-rotate-y { - syntax: "*"; - inherits: false; - initial-value: rotateY(0); -} -@property --tw-rotate-z { - syntax: "*"; - inherits: false; - initial-value: rotateZ(0); -} -@property --tw-skew-x { - syntax: "*"; - inherits: false; - initial-value: skewX(0); -} -@property --tw-skew-y { - syntax: "*"; - inherits: false; - initial-value: skewY(0); -} -@property --tw-space-y-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-divide-x-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-border-style { - syntax: "*"; - inherits: false; - initial-value: solid; -} -@property --tw-gradient-position { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-from { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-via { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-to { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-stops { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-via-stops { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-from-position { - syntax: ""; - inherits: false; - initial-value: 0%; -} -@property --tw-gradient-via-position { - syntax: ""; - inherits: false; - initial-value: 50%; -} -@property --tw-gradient-to-position { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@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-inset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-shadow-color { - syntax: "*"; - inherits: false; -} -@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-backdrop-blur { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-brightness { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-contrast { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-grayscale { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-hue-rotate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-invert { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-opacity { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-saturate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-sepia { - syntax: "*"; - inherits: false; -} -@property --tw-duration { - syntax: "*"; - inherits: false; -} -@property --tw-ease { - syntax: "*"; - inherits: false; -} - - - +/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--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-blue-50:oklch(.97 .014 254.604);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-900:oklch(.21 .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-sm:var(--wp--preset--font-size--sm,.875rem);--text-sm--line-height:1.42857;--text-xl:var(--wp--preset--font-size--xl,1.25rem);--text-xl--line-height:1.4;--text-2xl:var(--wp--preset--font-size--2xl,1.5rem);--text-2xl--line-height:1.33333;--text-5xl:var(--wp--preset--font-size--5xl,3rem);--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-primary:var(--wp--preset--color--primary);--font-family-sans:"Gilroy",ui-sans-serif,system-ui,sans-serif}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;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-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;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{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}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{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::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}*,::backdrop,:after,:before{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.\!static{position:static!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[-14px\]{top:-14px}.top-\[0\]{top:0}.top-\[24px\]{top:24px}.top-\[32px\]{top:32px}.top-\[50\%\]{top:50%}.top-\[161px\]{top:161px}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-\[-14px\]{right:-14px}.right-\[0\]{right:0}.right-\[16px\]{right:16px}.right-\[24px\]{right:24px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[16px\]{bottom:16px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[12px\]{left:12px}.left-\[16px\]{left:16px}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[0\]{z-index:0}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[20\]{z-index:20}.z-\[49\]{z-index:49}.z-\[9999\]{z-index:9999}.container{width:100%}@media (width>=480px){.container{max-width:480px}}@media (width>=600px){.container{max-width:600px}}@media (width>=782px){.container{max-width:782px}}@media (width>=960px){.container{max-width:960px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1440px){.container{max-width:1440px}}.\!m-0{margin:calc(var(--spacing)*0)!important}.\!m-\[-1px\]{margin:-1px!important}.\!mx-\[-24px\]{margin-inline:-24px!important}.\!mx-auto{margin-inline:auto!important}.mx-\[-24px\]{margin-inline:-24px}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-\[-9px\]{margin-top:-9px}.mt-\[4px\]{margin-top:4px}.mt-\[8px\]{margin-top:8px}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[14px\]{margin-top:14px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[24px\]{margin-top:24px}.mt-\[26px\]{margin-top:26px}.mt-\[28px\]{margin-top:28px}.mt-\[32px\]{margin-top:32px}.mt-\[40px\]{margin-top:40px}.mt-\[44px\]{margin-top:44px}.mt-\[45px\]{margin-top:45px}.mt-\[50px\]{margin-top:50px}.mt-\[64px\]{margin-top:64px}.mt-auto{margin-top:auto}.mr-\[8px\]{margin-right:8px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-\[-9px\]{margin-bottom:-9px}.mb-\[16px\]{margin-bottom:16px}.mb-\[20px\]{margin-bottom:20px}.mb-\[24px\]{margin-bottom:24px}.mb-\[40px\]{margin-bottom:40px}.ml-\[8px\]{margin-left:8px}.ml-\[20px\]{margin-left:20px}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.\!h-\[1px\]{height:1px!important}.\!h-\[62px\]{height:62px!important}.\!h-\[100px\]{height:100px!important}.h-1{height:calc(var(--spacing)*1)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-\[2px\]{height:2px}.h-\[8px\]{height:8px}.h-\[24px\]{height:24px}.h-\[29px\]{height:29px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[35px\]{height:35px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[41px\]{height:41px}.h-\[43px\]{height:43px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[51px\]{height:51px}.h-\[55px\]{height:55px}.h-\[59px\]{height:59px}.h-\[64px\]{height:64px}.h-\[75px\]{height:75px}.h-\[76px\]{height:76px}.h-\[78px\]{height:78px}.h-\[80px\]{height:80px}.h-\[147px\]{height:147px}.h-\[240px\]{height:240px}.h-\[244px\]{height:244px}.h-\[258px\]{height:258px}.h-\[260px\]{height:260px}.h-\[298px\]{height:298px}.h-\[305px\]{height:305px}.h-\[358px\]{height:358px}.h-\[383px\]{height:383px}.h-\[440px\]{height:440px}.h-\[453px\]{height:453px}.h-\[460px\]{height:460px}.h-\[500px\]{height:500px}.h-\[512px\]{height:512px}.h-\[540px\]{height:540px}.h-\[575px\]{height:575px}.h-\[580px\]{height:580px}.h-\[608px\]{height:608px}.h-\[620px\]{height:620px}.h-\[828px\]{height:828px}.h-\[calc\(100vh-161px\)\]{height:calc(100vh - 161px)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.\!max-h-\[21px\]{max-height:21px!important}.max-h-\[90vh\]{max-height:90vh}.min-h-\[47px\]{min-height:47px}.min-h-\[48px\]{min-height:48px}.min-h-\[76px\]{min-height:76px}.min-h-\[260px\]{min-height:260px}.min-h-\[330px\]{min-height:330px}.min-h-\[440px\]{min-height:440px}.min-h-\[500px\]{min-height:500px}.min-h-\[540px\]{min-height:540px}.min-h-screen{min-height:100vh}.\!w-\[1px\]{width:1px!important}.\!w-full{width:100%!important}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-\[8px\]{width:8px}.w-\[20px\]{width:20px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[42px\]{width:42px}.w-\[55px\]{width:55px}.w-\[64px\]{width:64px}.w-\[76px\]{width:76px}.w-\[80px\]{width:80px}.w-\[136px\]{width:136px}.w-\[160px\]{width:160px}.w-\[327px\]{width:327px}.w-\[424px\]{width:424px}.w-\[500px\]{width:500px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.\!max-w-fit{max-width:-moz-fit-content!important;max-width:fit-content!important}.max-w-\[60px\]{max-width:60px}.max-w-\[95px\]{max-width:95px}.max-w-\[102px\]{max-width:102px}.max-w-\[135px\]{max-width:135px}.max-w-\[160px\]{max-width:160px}.max-w-\[176px\]{max-width:176px}.max-w-\[179px\]{max-width:179px}.max-w-\[210px\]{max-width:210px}.max-w-\[213px\]{max-width:213px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[245px\]{max-width:245px}.max-w-\[270px\]{max-width:270px}.max-w-\[281px\]{max-width:281px}.max-w-\[290px\]{max-width:290px}.max-w-\[300px\]{max-width:300px}.max-w-\[301px\]{max-width:301px}.max-w-\[312px\]{max-width:312px}.max-w-\[320px\]{max-width:320px}.max-w-\[327px\]{max-width:327px}.max-w-\[330px\]{max-width:330px}.max-w-\[365px\]{max-width:365px}.max-w-\[400px\]{max-width:400px}.max-w-\[410px\]{max-width:410px}.max-w-\[424px\]{max-width:424px}.max-w-\[450px\]{max-width:450px}.max-w-\[535px\]{max-width:535px}.max-w-\[536px\]{max-width:536px}.max-w-\[590px\]{max-width:590px}.max-w-\[640px\]{max-width:640px}.max-w-\[648px\]{max-width:648px}.max-w-\[687px\]{max-width:687px}.max-w-\[725px\]{max-width:725px}.max-w-\[760px\]{max-width:760px}.max-w-\[872px\]{max-width:872px}.max-w-\[900px\]{max-width:900px}.max-w-\[2000px\]{max-width:2000px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[27px\]{min-width:27px}.min-w-\[32px\]{min-width:32px}.min-w-\[55px\]{min-width:55px}.min-w-\[76px\]{min-width:76px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.flex-1{flex:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2,.-translate-x-\[50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[0\]{--tw-translate-x:0}.translate-x-\[0\],.translate-x-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-\[6px\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[6px\]{--tw-translate-y:-6px}.-translate-y-\[50\%\]{--tw-translate-y:-50%}.-translate-y-\[50\%\],.translate-y-\[0\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[0\]{--tw-translate-y:0}.translate-y-\[2px\]{--tw-translate-y:2px}.translate-y-\[2px\],.translate-y-\[6px\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[6px\]{--tw-translate-y:6px}.translate-y-\[100\%\]{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-\[45deg\]{rotate:-45deg}.rotate-\[45deg\]{rotate:45deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.\!cursor-grab{cursor:grab!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[27px\]{gap:27px}.gap-\[30px\]{gap:30px}.gap-\[60px\]{gap:60px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}.gap-x-\[16px\]{-moz-column-gap:16px;column-gap:16px}.gap-x-\[40px\]{-moz-column-gap:40px;column-gap:40px}.gap-y-\[16px\]{row-gap:16px}.gap-y-\[24px\]{row-gap:24px}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-end-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-style:var(--tw-border-style)}:where(.divide-\[\#e0e0e0\]>:not(:last-child)){border-color:#e0e0e0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[90px\]{border-radius:90px}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-tl-none{border-top-left-radius:0}.rounded-b-\[0\]{border-bottom-left-radius:0}.rounded-b-\[0\],.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0\.76px\]{border-style:var(--tw-border-style);border-width:.76px}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-\[0px\]{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[2px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[4px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#E0E0E0\],.border-\[\#e0e0e0\]{border-color:#e0e0e0}.border-\[\#e5e7eb\]{border-color:#e5e7eb}.border-\[\#e21e24\]{border-color:#e21e24}.border-\[\#fff\]{border-color:#fff}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.border-white\/\[0\.14\]{border-color:color-mix(in oklab,var(--color-white)14%,transparent)}.border-t-\[\#f1f1f1\]{border-top-color:#f1f1f1}.\!border-b-\[\#e21e24\]{border-bottom-color:#e21e24!important}.border-b-\[transparent\]{border-bottom-color:#0000}.bg-\[\#3b82f6\]{background-color:#3b82f6}.bg-\[\#10b981\]{background-color:#10b981}.bg-\[\#e21e24\]{background-color:#e21e24}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f9f9f9\]{background-color:#f9f9f9}.bg-\[\#f62a29\]{background-color:#f62a29}.bg-\[\#fff\],.bg-\[\#ffffff\]{background-color:#fff}.bg-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{background-color:0 2px 32px 0 #100f0f08}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-\[rgba\(51\,51\,51\,0\.52\)\]{background-color:#33333385}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,\#2b2c35_67\.31\%\,\#4f5870_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%)}.bg-\[linear-gradient\(90deg\,_\#2b2c35_39\.42\%\,_\#6e7996_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c35 39.42%,#6e7996 92.9%)}.bg-\[linear-gradient\(90deg\,_\#2b2c35_67\.31\%\,_\#4f5870_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%)}.bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#bbb7b1_92\.9\%\)\]{background-image:linear-gradient(90deg,#9d9994 39.42%,#bbb7b1 92.9%)}.bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#ccc9c4_92\.9\%\)\]{background-image:linear-gradient(90deg,#9d9994 39.42%,#ccc9c4 92.9%)}.bg-\[linear-gradient\(90deg\,_\#e21e24_39\.42\%\,_\#ff2f35_92\.9\%\)\]{background-image:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.bg-\[linear-gradient\(90deg\,_\#ffd65a_39\.42\%\,_\#ffe595_92\.9\%\)\]{background-image:linear-gradient(90deg,#ffd65a 39.42%,#ffe595 92.9%)}.bg-\[linear-gradient\(90deg\,_rgba\(43\,_44\,_53\,_0\.06\)_39\.42\%\,_rgba\(110\,_121\,_150\,_0\.06\)_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c350f 39.42%,#6e79960f 92.9%)}.bg-\[linear-gradient\(90deg\,_rgba\(255\,_214\,_90\,_0\.24\)_39\.42\%\,_rgba\(255\,_229\,_149\,_0\.24\)_92\.9\%\)\]{background-image:linear-gradient(90deg,#ffd65a3d 39.42%,#ffe5953d 92.9%)}.bg-\[linear-gradient\(90deg\,rgba\(157\,153\,148\,0\.7\)_39\.42\%\,rgba\(197\,197\,185\,0\.7\)_92\.9\%\)\]{background-image:linear-gradient(90deg,#9d9994b3 39.42%,#c5c5b9b3 92.9%)}.bg-\[linear-gradient\(180deg\,_\#f2f2f2_69\.59\%\,_\#ededed_100\%\)\]{background-image:linear-gradient(#f2f2f2 69.59%,#ededed)}.bg-\[linear-gradient\(180deg\,_\#f9f9f9_69\.59\%\,_\#ededed_100\%\)\]{background-image:linear-gradient(#f9f9f9 69.59%,#ededed)}.from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--color-black)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-\[100\%_8px\]{background-position:100% 8px}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-\[\#222222\],.fill-\[\#222\]{fill:#222}.fill-\[\#E0E0E0\]{fill:#e0e0e0}.fill-\[\#f8f8f8\]{fill:#f8f8f8}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.p-\[20px\]{padding:20px}.p-\[24px\]{padding:24px}.p-\[28px\]{padding:28px}.p-\[30px\]{padding:30px}.p-\[40px\]{padding:40px}.p-\[48px\]{padding:48px}.\!px-\[24px\]{padding-inline:24px!important}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[12px\]{padding-inline:12px}.px-\[14px\]{padding-inline:14px}.px-\[16px\]{padding-inline:16px}.px-\[20px\]{padding-inline:20px}.px-\[24px\]{padding-inline:24px}.px-\[25px\]{padding-inline:25px}.px-\[28px\]{padding-inline:28px}.px-\[32px\]{padding-inline:32px}.py-2{padding-block:calc(var(--spacing)*2)}.py-\[4px\]{padding-block:4px}.py-\[8px\]{padding-block:8px}.py-\[12px\]{padding-block:12px}.py-\[14px\]{padding-block:14px}.py-\[15px\]{padding-block:15px}.py-\[24px\]{padding-block:24px}.py-\[30px\]{padding-block:30px}.py-\[32px\]{padding-block:32px}.py-\[48px\]{padding-block:48px}.py-\[90px\]{padding-block:90px}.py-\[96px\]{padding-block:96px}.\!pt-\[0\],.\!pt-\[0px\]{padding-top:0!important}.pt-\[14px\]{padding-top:14px}.pt-\[16px\]{padding-top:16px}.pt-\[24px\]{padding-top:24px}.pt-\[32px\]{padding-top:32px}.pt-\[45px\]{padding-top:45px}.pt-\[48px\]{padding-top:48px}.pt-\[90px\]{padding-top:90px}.pt-\[96px\]{padding-top:96px}.pt-\[161px\]{padding-top:161px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-\[10px\]{padding-right:10px}.pr-\[12px\]{padding-right:12px}.pr-\[16px\]{padding-right:16px}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-\[16px\]{padding-bottom:16px}.pb-\[24px\]{padding-bottom:24px}.pb-\[30px\]{padding-bottom:30px}.pb-\[45px\]{padding-bottom:45px}.pb-\[60px\]{padding-bottom:60px}.pb-\[90px\]{padding-bottom:90px}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-\[16px\]{padding-left:16px}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[48px\]{font-size:48px}.text-\[62px\]{font-size:62px}.text-\[150px\]{font-size:150px}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[100\%\]{--tw-leading:100%;line-height:100%}.leading-\[110\%\]{--tw-leading:110%;line-height:110%}.leading-\[115\%\]{--tw-leading:115%;line-height:115%}.leading-\[120\%\]{--tw-leading:120%;line-height:120%}.leading-\[125\%\]{--tw-leading:125%;line-height:125%}.leading-\[140\%\]{--tw-leading:140%;line-height:140%}.leading-\[141\%\]{--tw-leading:141%;line-height:141%}.leading-\[145\%\]{--tw-leading:145%;line-height:145%}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-\[195\%\]{--tw-leading:195%;line-height:195%}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-\[700\]{--tw-font-weight:700;font-weight:700}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.text-\[\#1f2937\]{color:#1f2937}.text-\[\#2b2c35\]{color:#2b2c35}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#6c6b6b\]{color:#6c6b6b}.text-\[\#222\]{color:#222}.text-\[\#E21E24\]{color:#e21e24}.text-\[\#e0e0e0\]{color:#e0e0e0}.text-\[\#f8f8f8\]{color:#f8f8f8}.text-\[\#fff\],.text-\[\#ffffff\]{color:#fff}.text-\[222\]{color:222}.text-black{color:var(--color-black)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.\!no-underline{text-decoration-line:none!important}.no-underline{text-decoration-line:none}.\!decoration-transparent{text-decoration-color:#0000!important}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\[0\]{opacity:0}.opacity-\[100\],.opacity-\[1\]{opacity:1}.shadow-\[0_1px_23px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{--tw-shadow:0 1px 23px 0 var(--tw-shadow-color,#100f0f08)}.shadow-\[0_1px_23px_0_rgba\(16\,_15\,_15\,_0\.03\)\],.shadow-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{--tw-shadow:0 2px 32px 0 var(--tw-shadow-color,#100f0f08)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\[8px\]{--tw-backdrop-blur:blur(8px)}.backdrop-blur-\[8px\],.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[opacity\,visibility\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[transform\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));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-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-shadow{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[180ms\]{--tw-duration:.18s;transition-duration:.18s}.duration-\[500ms\]{--tw-duration:.5s;transition-duration:.5s}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[\#e21e24\]:is(:where(.group):hover *){color:#e21e24}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\:opacity-\[100\%\]:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-\[0_4px_48px_0_rgba\(16\,_15\,_15\,_0\.1\)\]:is(:where(.group):hover *){--tw-shadow:0 4px 48px 0 var(--tw-shadow-color,#100f0f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-\[-10px\]:before{content:var(--tw-content);top:-10px}.before\:right-\[-10px\]:before{content:var(--tw-content);right:-10px}.before\:bottom-\[-10px\]:before{bottom:-10px;content:var(--tw-content)}.before\:left-\[-10px\]:before{content:var(--tw-content);left:-10px}.before\:-z-10:before{content:var(--tw-content);z-index:-10}.before\:h-\[76px\]:before{content:var(--tw-content);height:76px}.before\:w-\[76px\]:before{content:var(--tw-content);width:76px}.before\:bg-gradient-to-r:before{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));content:var(--tw-content)}.before\:from-\[\#2B2C35\]:before{--tw-gradient-from:#2b2c35;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));content:var(--tw-content)}.before\:from-\[39\.4\%\]:before{--tw-gradient-from-position:39.4%;content:var(--tw-content)}.before\:to-\[\#6E7996\]:before{--tw-gradient-to:#6e7996;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));content:var(--tw-content)}.before\:to-\[92\.9\%\]:before{--tw-gradient-to-position:92.9%;content:var(--tw-content)}.before\:opacity-\[0\.62\]:before{content:var(--tw-content);opacity:.62}.before\:blur-\[7px\]:before{--tw-blur:blur(7px);content:var(--tw-content);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,)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-\[\#e21e24\]:hover{border-color:#e21e24}.hover\:border-b-\[\#e21e24\]:hover{border-bottom-color:#e21e24}.hover\:bg-\[\#2563eb\]:hover{background-color:#2563eb}.hover\:bg-\[\#e01c1b\]:hover{background-color:#e01c1b}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-\[\#9d9994\]:hover{color:#9d9994}.hover\:text-\[\#222\]:hover{color:#222}.hover\:text-\[\#555\]:hover{color:#555}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:\!no-underline:hover{text-decoration-line:none!important}.hover\:no-underline:hover{text-decoration-line:none}.hover\:\!decoration-inherit:hover{text-decoration-color:inherit!important}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000}.hover\:shadow-none:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#3b82f6\]:focus{--tw-ring-color:#3b82f6}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width<1330px){.max-\[1330px\]\:text-\[36px\]{font-size:36px}}@media (width<1300px){.max-\[1300px\]\:\!mx-auto{margin-inline:auto!important}.max-\[1300px\]\:mx-auto{margin-inline:auto}.max-\[1300px\]\:h-\[360px\]{height:360px}.max-\[1300px\]\:h-auto{height:auto}.max-\[1300px\]\:w-full{width:100%}.max-\[1300px\]\:max-w-full{max-width:100%}.max-\[1300px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1300px\]\:gap-0{gap:calc(var(--spacing)*0)}.max-\[1300px\]\:gap-\[16px\]{gap:16px}.max-\[1300px\]\:gap-\[24px\]{gap:24px}:where(.max-\[1300px\]\:divide-none>:not(:last-child)){--tw-border-style:none;border-style:none}.max-\[1300px\]\:p-0{padding:calc(var(--spacing)*0)}}@media (width<1250px){.max-\[1250px\]\:block{display:block}.max-\[1250px\]\:hidden{display:none}.max-\[1250px\]\:h-\[30px\]{height:30px}.max-\[1250px\]\:w-\[30px\]{width:30px}}@media (width<1200px){.max-\[1200px\]\:ml-auto{margin-left:auto}.max-\[1200px\]\:block{display:block}.max-\[1200px\]\:flex{display:flex}.max-\[1200px\]\:hidden{display:none}.max-\[1200px\]\:flex-col{flex-direction:column}.max-\[1200px\]\:items-center{align-items:center}.max-\[1200px\]\:justify-start{justify-content:flex-start}.max-\[1200px\]\:gap-\[12px\]{gap:12px}}@media (width<1140px){.max-\[1140px\]\:gap-\[8px\]{gap:8px}}@media (width<1100px){.max-\[1100px\]\:mt-0{margin-top:calc(var(--spacing)*0)}.max-\[1100px\]\:mt-\[16px\]{margin-top:16px}.max-\[1100px\]\:flex{display:flex}.max-\[1100px\]\:hidden{display:none}.max-\[1100px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1100px\]\:flex-col{flex-direction:column}.max-\[1100px\]\:text-\[16px\]{font-size:16px}}@media (width<1050px){.max-\[1050px\]\:static{position:static}.max-\[1050px\]\:col-span-2{grid-column:span 2/span 2}.max-\[1050px\]\:\!mx-auto{margin-inline:auto!important}.max-\[1050px\]\:mx-auto{margin-inline:auto}.max-\[1050px\]\:mt-\[16px\]{margin-top:16px}.max-\[1050px\]\:mt-\[32px\]{margin-top:32px}.max-\[1050px\]\:block{display:block}.max-\[1050px\]\:flex{display:flex}.max-\[1050px\]\:grid{display:grid}.max-\[1050px\]\:hidden{display:none}.max-\[1050px\]\:h-\[83px\]{height:83px}.max-\[1050px\]\:h-\[320px\]{height:320px}.max-\[1050px\]\:h-\[326px\]{height:326px}.max-\[1050px\]\:h-\[360px\]{height:360px}.max-\[1050px\]\:h-\[380px\]{height:380px}.max-\[1050px\]\:h-auto{height:auto}.max-\[1050px\]\:max-h-\[274px\]{max-height:274px}.max-\[1050px\]\:min-h-auto{min-height:auto}.max-\[1050px\]\:w-\[30px\]{width:30px}.max-\[1050px\]\:w-\[calc\(50\%-6px\)\]{width:calc(50% - 6px)}.max-\[1050px\]\:w-\[calc\(100\%\+20px\)\]{width:calc(100% + 20px)}.max-\[1050px\]\:max-w-full{max-width:100%}.max-\[1050px\]\:min-w-\[120px\]{min-width:120px}.max-\[1050px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1050px\]\:flex-col{flex-direction:column}.max-\[1050px\]\:flex-col-reverse{flex-direction:column-reverse}.max-\[1050px\]\:flex-row{flex-direction:row}.max-\[1050px\]\:flex-nowrap{flex-wrap:nowrap}.max-\[1050px\]\:place-content-center{place-content:center}.max-\[1050px\]\:items-center{align-items:center}.max-\[1050px\]\:justify-between{justify-content:space-between}.max-\[1050px\]\:justify-center{justify-content:center}.max-\[1050px\]\:justify-start{justify-content:flex-start}.max-\[1050px\]\:gap-\[8px\]{gap:8px}.max-\[1050px\]\:gap-\[12px\]{gap:12px}.max-\[1050px\]\:gap-\[16px\]{gap:16px}.max-\[1050px\]\:gap-\[20px\]{gap:20px}.max-\[1050px\]\:gap-\[24px\]{gap:24px}.max-\[1050px\]\:\!bg-none{background-image:none!important}.max-\[1050px\]\:p-0{padding:calc(var(--spacing)*0)}.max-\[1050px\]\:p-\[20px\]{padding:20px}.max-\[1050px\]\:p-\[24px\]{padding:24px}.max-\[1050px\]\:py-\[0\]{padding-block:0}.max-\[1050px\]\:text-\[14px\]{font-size:14px}.max-\[1050px\]\:text-\[16px\]{font-size:16px}.max-\[1050px\]\:text-\[18px\]{font-size:18px}.max-\[1050px\]\:text-\[20px\]{font-size:20px}.max-\[1050px\]\:text-\[24px\]{font-size:24px}.max-\[1050px\]\:text-\[28px\]{font-size:28px}.max-\[1050px\]\:text-\[30px\]{font-size:30px}.max-\[1050px\]\:text-\[36px\]{font-size:36px}.max-\[1050px\]\:text-\[48px\]{font-size:48px}.max-\[1050px\]\:font-\[500\]{--tw-font-weight:500;font-weight:500}.max-\[1050px\]\:whitespace-nowrap{white-space:nowrap}}@media (width<1000px){.max-\[1000px\]\:block{display:block}.max-\[1000px\]\:flex{display:flex}.max-\[1000px\]\:hidden{display:none}}@media (width<850px){.max-\[850px\]\:hidden{display:none}}@media (width<800px){.max-\[800px\]\:block{display:block}.max-\[800px\]\:hidden{display:none}}@media (width<768px){.max-\[768px\]\:top-\[-29px\]{top:-29px}.max-\[768px\]\:top-\[141px\]{top:141px}.max-\[768px\]\:bottom-\[8px\]{bottom:8px}.max-\[768px\]\:left-\[8px\]{left:8px}.max-\[768px\]\:order-1{order:1}.max-\[768px\]\:col-span-1{grid-column:span 1/span 1}.max-\[768px\]\:\!mx-\[-24px\]{margin-inline:-24px!important}.max-\[768px\]\:mx-0{margin-inline:calc(var(--spacing)*0)}.max-\[768px\]\:mx-auto{margin-inline:auto}.max-\[768px\]\:\!mt-\[-8px\]{margin-top:-8px!important}.max-\[768px\]\:mt-0{margin-top:calc(var(--spacing)*0)}.max-\[768px\]\:mt-\[8px\]{margin-top:8px}.max-\[768px\]\:mt-\[10px\]{margin-top:10px}.max-\[768px\]\:mt-\[14px\]{margin-top:14px}.max-\[768px\]\:mt-\[16px\]{margin-top:16px}.max-\[768px\]\:mt-\[24px\]{margin-top:24px}.max-\[768px\]\:mt-\[40px\]{margin-top:40px}.max-\[768px\]\:mb-\[12px\]{margin-bottom:12px}.max-\[768px\]\:mb-\[24px\]{margin-bottom:24px}.max-\[768px\]\:ml-0{margin-left:calc(var(--spacing)*0)}.max-\[768px\]\:block{display:block}.max-\[768px\]\:flex{display:flex}.max-\[768px\]\:hidden{display:none}.max-\[768px\]\:\!h-\[40px\]{height:40px!important}.max-\[768px\]\:\!h-\[60px\]{height:60px!important}.max-\[768px\]\:h-\[29px\]{height:29px}.max-\[768px\]\:h-\[32px\]{height:32px}.max-\[768px\]\:h-\[36px\]{height:36px}.max-\[768px\]\:h-\[41px\]{height:41px}.max-\[768px\]\:h-\[53px\]{height:53px}.max-\[768px\]\:h-\[59px\]{height:59px}.max-\[768px\]\:h-\[61px\]{height:61px}.max-\[768px\]\:h-\[180px\]{height:180px}.max-\[768px\]\:h-\[220px\]{height:220px}.max-\[768px\]\:h-\[240px\]{height:240px}.max-\[768px\]\:h-\[290px\]{height:290px}.max-\[768px\]\:h-\[352px\]{height:352px}.max-\[768px\]\:h-\[440px\]{height:440px}.max-\[768px\]\:h-\[510px\]{height:510px}.max-\[768px\]\:h-\[calc\(100vh-141px\)\]{height:calc(100vh - 141px)}.max-\[768px\]\:h-auto{height:auto}.max-\[768px\]\:h-full{height:100%}.max-\[768px\]\:min-h-\[70px\]{min-height:70px}.max-\[768px\]\:min-h-\[220px\]{min-height:220px}.max-\[768px\]\:w-\[93px\]{width:93px}.max-\[768px\]\:w-\[107px\]{width:107px}.max-\[768px\]\:w-\[327px\]{width:327px}.max-\[768px\]\:w-\[calc\(100\%\+48px\)\]{width:calc(100% + 48px)}.max-\[768px\]\:w-auto{width:auto}.max-\[768px\]\:w-full{width:100%}.max-\[768px\]\:max-w-\[60px\]{max-width:60px}.max-\[768px\]\:max-w-\[105px\]{max-width:105px}.max-\[768px\]\:max-w-\[180px\]{max-width:180px}.max-\[768px\]\:max-w-\[240px\]{max-width:240px}.max-\[768px\]\:max-w-\[327px\]{max-width:327px}.max-\[768px\]\:max-w-full{max-width:100%}.max-\[768px\]\:min-w-\[144px\]{min-width:144px}.max-\[768px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[768px\]\:flex-col{flex-direction:column}.max-\[768px\]\:flex-col-reverse{flex-direction:column-reverse}.max-\[768px\]\:flex-row{flex-direction:row}.max-\[768px\]\:flex-wrap{flex-wrap:wrap}.max-\[768px\]\:items-center{align-items:center}.max-\[768px\]\:items-start{align-items:flex-start}.max-\[768px\]\:justify-center{justify-content:center}.max-\[768px\]\:justify-start{justify-content:flex-start}.max-\[768px\]\:gap-0{gap:calc(var(--spacing)*0)}.max-\[768px\]\:gap-\[4px\]{gap:4px}.max-\[768px\]\:gap-\[6px\]{gap:6px}.max-\[768px\]\:gap-\[12px\]{gap:12px}.max-\[768px\]\:gap-\[16px\]{gap:16px}.max-\[768px\]\:gap-\[20px\]{gap:20px}.max-\[768px\]\:gap-\[24px\]{gap:24px}.max-\[768px\]\:rounded-\[16px\]{border-radius:16px}.max-\[768px\]\:p-\[12px\]{padding:12px}.max-\[768px\]\:p-\[20px\]{padding:20px}.max-\[768px\]\:\!px-\[14px\]{padding-inline:14px!important}.max-\[768px\]\:\!px-\[24px\]{padding-inline:24px!important}.max-\[768px\]\:px-\[12px\]{padding-inline:12px}.max-\[768px\]\:px-\[14px\]{padding-inline:14px}.max-\[768px\]\:px-\[15px\]{padding-inline:15px}.max-\[768px\]\:px-\[16px\]{padding-inline:16px}.max-\[768px\]\:px-\[20px\]{padding-inline:20px}.max-\[768px\]\:py-0{padding-block:calc(var(--spacing)*0)}.max-\[768px\]\:py-\[10px\]{padding-block:10px}.max-\[768px\]\:py-\[14px\]{padding-block:14px}.max-\[768px\]\:py-\[40px\]{padding-block:40px}.max-\[768px\]\:py-\[45px\]{padding-block:45px}.max-\[768px\]\:\!pt-\[8px\]{padding-top:8px!important}.max-\[768px\]\:pt-0{padding-top:calc(var(--spacing)*0)}.max-\[768px\]\:pt-\[20px\]{padding-top:20px}.max-\[768px\]\:pt-\[40px\]{padding-top:40px}.max-\[768px\]\:pt-\[45px\]{padding-top:45px}.max-\[768px\]\:pt-\[141px\]{padding-top:141px}.max-\[768px\]\:pb-\[20px\]{padding-bottom:20px}.max-\[768px\]\:pb-\[22px\]{padding-bottom:22px}.max-\[768px\]\:pb-\[32px\]{padding-bottom:32px}.max-\[768px\]\:pb-\[40px\]{padding-bottom:40px}.max-\[768px\]\:pb-\[45px\]{padding-bottom:45px}.max-\[768px\]\:\!text-\[15px\]{font-size:15px!important}@media (width<768px){.max-\[768px\]\:max-\[768px\]\:text-\[24px\]{font-size:24px}}.max-\[768px\]\:text-\[14px\]{font-size:14px}.max-\[768px\]\:text-\[15px\]{font-size:15px}.max-\[768px\]\:text-\[16px\]{font-size:16px}.max-\[768px\]\:text-\[18px\]{font-size:18px}.max-\[768px\]\:text-\[20px\]{font-size:20px}.max-\[768px\]\:text-\[24px\]{font-size:24px}.max-\[768px\]\:text-\[32px\]{font-size:32px}.max-\[768px\]\:text-\[34px\]{font-size:34px}.max-\[768px\]\:text-\[36px\]{font-size:36px}.max-\[768px\]\:text-\[42px\]{font-size:42px}.max-\[768px\]\:text-\[100px\]{font-size:100px}.max-\[768px\]\:font-\[500\]{--tw-font-weight:500;font-weight:500}.max-\[768px\]\:font-\[600\]{--tw-font-weight:600;font-weight:600}.max-\[768px\]\:whitespace-normal{white-space:normal}.max-\[768px\]\:text-\[\#fff\]{color:#fff}.max-\[768px\]\:shadow-\[0_4px_48px_0_rgba\(16\,_15\,_15\,_0\.1\)\]{--tw-shadow:0 4px 48px 0 var(--tw-shadow-color,#100f0f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (width<767px){.max-\[767px\]\:block{display:block}}@media (width<750px){.max-\[750px\]\:text-\[24px\]{font-size:24px}}@media (width<640px){.max-\[640px\]\:rounded-\[0\]{border-radius:0}}@media (width<550px){.max-\[550px\]\:max-w-\[240px\]{max-width:240px}.max-\[550px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<480px){.max-\[480px\]\:right-\[8px\]{right:8px}.max-\[480px\]\:bottom-\[8px\]{bottom:8px}.max-\[480px\]\:left-\[8px\]{left:8px}.max-\[480px\]\:p-\[16px\]{padding:16px}}@media (width>=768px){.min-\[768px\]\:right-\[16px\]{right:16px}.min-\[768px\]\:left-auto{left:auto}.min-\[768px\]\:block{display:block}}@media (width>=782px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:max-w-\[860px\]:where(.dark,.dark *){max-width:860px}.dark\:border:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:1px}.dark\:\!border-none:where(.dark,.dark *){--tw-border-style:none!important;border-style:none!important}.dark\:border-\[\#574348\]:where(.dark,.dark *){border-color:#574348}.dark\:border-\[rgba\(248\,_248\,_248\,_0\.2\)\]:where(.dark,.dark *){border-color:#f8f8f833}.dark\:border-\[rgba\(248\,_248\,_248\,_0\.5\)\]:where(.dark,.dark *){border-color:#f8f8f880}.dark\:border-transparent:where(.dark,.dark *){border-color:#0000}.dark\:border-white\/\[0\.05\]:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}.dark\:\!border-b-\[\#fff\]:where(.dark,.dark *){border-bottom-color:#fff!important}.dark\:\!bg-\[\#f8f8f8\]:where(.dark,.dark *){background-color:#f8f8f8!important}.dark\:bg-\[\#141419\]:where(.dark,.dark *){background-color:#141419}.dark\:bg-\[\#151419\]:where(.dark,.dark *){background-color:#151419}.dark\:bg-\[\#f4f4f4\]:where(.dark,.dark *){background-color:#f4f4f4}.dark\:bg-\[\#f8f8f8\]:where(.dark,.dark *){background-color:#f8f8f8}.dark\:bg-\[transparent\]:where(.dark,.dark *){background-color:#0000}.dark\:bg-inherit:where(.dark,.dark *){background-color:inherit}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-gradient-to-r:where(.dark,.dark *){--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.dark\:\!bg-none:where(.dark,.dark *){background-image:none!important}.dark\:bg-\[linear-gradient\(90deg\,_\#2b2c35_53\.4\%\,_\#4f5870_100\%\)\]:where(.dark,.dark *){background-image:linear-gradient(90deg,#2b2c35 53.4%,#4f5870)}.dark\:bg-\[linear-gradient\(90deg\,rgba\(248\,248\,248\,0\.04\)_65\.8\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]:where(.dark,.dark *){background-image:linear-gradient(90deg,#f8f8f80a 65.8%,#ffffff1f)}.dark\:bg-none:where(.dark,.dark *){background-image:none}.dark\:from-\[rgba\(248\,248\,248\,0\.55\)\]:where(.dark,.dark *){--tw-gradient-from:#f8f8f88c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-white:where(.dark,.dark *){--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:bg-clip-text:where(.dark,.dark *){-webkit-background-clip:text;background-clip:text}.dark\:fill-\[\#222222\]:where(.dark,.dark *){fill:#222}.dark\:fill-\[\#F8F8F8\]:where(.dark,.dark *){fill:#f8f8f8}.dark\:py-\[90px\]:where(.dark,.dark *){padding-block:90px}.dark\:text-\[42px\]:where(.dark,.dark *){font-size:42px}.dark\:text-\[\#6c6b6b\]:where(.dark,.dark *){color:#6c6b6b}.dark\:text-\[\#222\]:where(.dark,.dark *){color:#222}.dark\:text-\[\#F8F8F8\]:where(.dark,.dark *),.dark\:text-\[\#f8f8f8\]:where(.dark,.dark *){color:#f8f8f8}.dark\:text-\[\#fff\]:where(.dark,.dark *){color:#fff}.dark\:text-transparent:where(.dark,.dark *){color:#0000}.dark\:opacity-20:where(.dark,.dark *){opacity:.2}.dark\:backdrop-blur-\[20px\]:where(.dark,.dark *){--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media (hover:hover){.dark\:hover\:border-b-\[\#fff\]:where(.dark,.dark *):hover{border-bottom-color:#fff}.dark\:hover\:text-\[\#9d9994\]:where(.dark,.dark *):hover{color:#9d9994}.dark\:hover\:text-\[\#c7c7c7\]:where(.dark,.dark *):hover{color:#c7c7c7}.dark\:hover\:text-\[\#f8f8f8\]:where(.dark,.dark *):hover{color:#f8f8f8}}@media (width<768px){.dark\:max-\[768px\]\:py-\[45px\]:where(.dark,.dark *){padding-block:45px}.max-\[768px\]\:dark\:text-\[24px\]:where(.dark,.dark *){font-size:24px}}.\[\&_\.swiper-scrollbar-drag\]\:dark\:\!bg-\[\#989597\] .swiper-scrollbar-drag:where(.dark,.dark *){background-color:#989597!important}.\[\&_div\]\:text-\[\#222\] div{color:#222}.\[\&_div\]\:text-\[\#f8f8f8\] div{color:#f8f8f8}.\[\&_img\]\:w-\[294px\] img{width:294px}@media (width<768px){.max-\[768px\]\:\[\&_img\]\:w-\[196px\] img{width:196px}}.\[\&_p\]\:text-\[\#6c6b6b\] p{color:#6c6b6b}.\[\&_p\]\:text-\[\#bcbcc0\] p{color:#bcbcc0}@media (hover:hover){.hover\:\[\&_svg\]\:fill-\[\#e21e24\]:hover svg{fill:#e21e24}}.\[\&\>_img\]\:max-w-none>img{max-width:none}.\[\&\>_img\]\:transition>img{transition-duration:var(--tw-duration,var(--default-transition-duration));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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.\[\&\>_img\]\:group-hover\:rotate-\[45deg\]>img:is(:where(.group):hover *){rotate:45deg}}@media (width<768px){.max-\[768px\]\:\[\&\>_img\]\:hidden>img{display:none}.max-\[768px\]\:\[\&\>_img\]\:h-\[20px\]>img{height:20px}.max-\[768px\]\:\[\&\>_img\]\:w-\[20px\]>img{width:20px}.max-\[768px\]\:\[\&\>br\]\:hidden>br{display:none}}.\[\&\>img\]\:w-\[30px\]>img{width:30px}.\[\&\>img\]\:w-\[36px\]>img{width:36px}.\[\&\>img\]\:w-\[294px\]>img{width:294px}@media (hover:hover){.hover\:\[\&\>img\]\:brightness-150:hover>img{--tw-brightness:brightness(150%);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,)}}@media (width<768px){.max-\[768px\]\:\[\&\>img\]\:w-\[196px\]>img{width:196px}.max-\[768px\]\:\[\&\>img\]\:w-fit>img{width:-moz-fit-content;width:fit-content}}@media (hover:hover){.dark\:hover\:\[\&\>img\]\:brightness-90:where(.dark,.dark *):hover>img{--tw-brightness:brightness(90%);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,)}}.\[\&\>li\>a\]\:\!no-underline>li>a{text-decoration-line:none!important}.\[\&\>svg\]\:min-w-fit>svg{min-width:-moz-fit-content;min-width:fit-content}@media (hover:hover){.hover\:\[\&\>svg\]\:translate-x-\[6px\]:hover>svg{--tw-translate-x:6px;translate:var(--tw-translate-x)var(--tw-translate-y)}}.container{max-width:1330px;padding-left:5px;padding-right:5px}.entry-content>*,article>:not(.entry-content){margin-inline:auto}:is(.entry-content,.block-editor-block-list__layout) ul:not(.block-editor-block-variation-picker__variations) li{list-style-position:inside;list-style-type:disc}:is(.entry-content,.block-editor-block-list__layout) ol li{list-style-position:inside;list-style-type:decimal}}body,html{color:#222;font-family:var(--font-family-sans)}.red-gradient{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.grey-gradient,.grey-gradient-hover{background:linear-gradient(90deg,#9d9994 39.42%,#c5c5b9 92.9%)}.grey-gradient-hover{background-size:101%!important;transition:background .18s ease-in-out}.grey-gradient-hover:hover{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.dark .grey-gradient-hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(90deg,#2b2c35 39.42%,#6e7996 92.9%);border:1px solid #f8f8f81f;box-shadow:0 2px 32px #100f0f08;transition:background .18s cubic-bezier(.4,0,.2,1)}.dark .grey-gradient-hover:hover{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%),linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.red-gradient-hover{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%) 0 0/177% 100%}.red-gradient-hover,.red-gradient-hover:hover{transition:background-position .18s cubic-bezier(.4,0,.2,1)}.red-gradient-hover:hover{background-position:39.42% 0}.dark-gradient-hover{background:linear-gradient(90deg,#2b2c35,#6e7996 53.48%) 0 0/177% 100%}.dark-gradient-hover,.dark-gradient-hover:hover{transition:background-position .18s cubic-bezier(.4,0,.2,1)}.dark-gradient-hover:hover{background-position:39.42% 0}.radial-gradient{background:linear-gradient(#f2f2f2 69.59%,#ededed)}.header-gradient{background:linear-gradient(#f9f9f9 69.59%,#ededed)}.small-shadow{box-shadow:0 2px 32px #100f0f08}.dark-gradient{background:linear-gradient(90deg,#2b2c35 53.4%,#4f5870)}#fluentform_4 .ff-el-form-control,#fluentform_5 .ff-el-form-control{background:#fff;border:none;border-radius:90px;box-shadow:0 2px 32px #100f0f08;color:#6c6b6b;font-size:16px;font-weight:500;height:77px;line-height:130%;outline:1px solid #0000;padding-left:32px;padding-right:32px}#fluentform_4 .ff-btn-submit,#fluentform_5 .ff-btn-submit{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%);border-radius:90px;color:#f8f8f8;cursor:pointer;display:grid;font-size:18px;font-weight:600;height:75px;line-height:195%;place-content:center;transition:all .18s ease-in;width:100%}@media (width<=1049px){#fluentform_4 .ff-btn-submit,#fluentform_4 .ff-el-form-control,#fluentform_5 .ff-btn-submit,#fluentform_5 .ff-el-form-control{font-size:16px;height:69px}}#fluentform_4 .ff-btn-submit:hover,#fluentform_5 .ff-btn-submit:hover{font-weight:700;transition:all .18s ease-in}#fluentform_4 .ff_submit_btn_wrapper,#fluentform_5 .ff_submit_btn_wrapper{margin-bottom:0!important}#fluentform_4 .error.text-danger,#fluentform_5 .error.text-danger{bottom:-18px;left:0;margin-top:0;position:absolute;text-align:center;width:100%}#fluentform_4 .ff-el-group,#fluentform_5 .ff-el-group{margin-bottom:18px;position:relative}#fluentform_4_success,#fluentform_5_success{display:none!important}#fluentform_4 .ff-el-input--label,#fluentform_5 .ff-el-input--label{color:#6c6b6b;font-size:16px;font-weight:500;left:32px;line-height:130%;margin:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s ease-in-out;z-index:2}#fluentform_4 .ff-el-group.focused .ff-el-input--label,#fluentform_4 .ff-el-group.has-value .ff-el-input--label,#fluentform_5 .ff-el-group.focused .ff-el-input--label,#fluentform_5 .ff-el-group.has-value .ff-el-input--label{font-size:14px;top:6px;transform:translateY(0);transition:all .18s ease-in-out}#fluentform_4 .ff-el-tc,#fluentform_5 .ff-el-tc{color:#6c6b6b!important;font-size:16px!important;font-weight:500!important;line-height:145%!important;margin-bottom:0!important;margin-top:32px!important}@media (width<=1047px){#fluentform_4 .ff-el-tc,#fluentform_5 .ff-el-tc{font-size:12px!important;margin-top:16px!important}}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:300;src:local(Gilroy Light),url(../fonts/Gilroy-Light.eot?8862796bffbd019727b3b4516ada8089?#iefix)format("embedded-opentype"),url(../fonts/Gilroy-Light.woff?9df2f5dbbb9c90a6ede7c1348521d216)format("woff"),url(../fonts/Gilroy-Light.ttf?1b7fff53076b212839677d44fe93ad1c)format("truetype")}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:400;src:local(Gilroy Regular),url(../fonts/Gilroy-Regular.eot?1d051d9d4215c09cbcaa846199555107?#iefix)format("embedded-opentype"),url(../fonts/Gilroy-Regular.woff?31d54a4b841c0e438f130447e373792b)format("woff"),url(../fonts/Gilroy-Regular.ttf?b91b0127c56a8e5f9e83a2a49ba4e315)format("truetype")}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:500;src:local(Gilroy Medium),url(../fonts/Gilroy-Medium.eot?b84941b7bdcce7cbba6db36330079273?#iefix)format("embedded-opentype"),url(../fonts/Gilroy-Medium.woff?2bc7f5d7ea77ee1bddb3d9388913a8d1)format("woff"),url(../fonts/Gilroy-Medium.ttf?f9f832b0ed3f1ab138c962ada983dbcc)format("truetype")}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:600;src:local(Gilroy SemiBold),url(../fonts/Gilroy-SemiBold.eot?8134b9ab378c54626928c6a4e62b63bf?#iefix)format("embedded-opentype"),url(../fonts/Gilroy-SemiBold.woff?e38937dbf8202c1448029851a98cb96a)format("woff"),url(../fonts/Gilroy-SemiBold.ttf?6780292641f883b3dad36614cac8dd5a)format("truetype")}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:700;src:local(Gilroy Bold),url(../fonts/Gilroy-Bold.eot?a732fed1bc6140852a0bcc237f16618e?#iefix)format("embedded-opentype"),url(../fonts/Gilroy-Bold.woff?5fb38b9fa452b5814397d5bcce0d2d5e)format("woff"),url(../fonts/Gilroy-Bold.ttf?b900325e44ec0c673e88af6e02e3b453)format("truetype")}@font-face{font-display:swap;font-family:Gilroy;font-style:italic;font-weight:400;src:local(Gilroy Regular Italic),url(../fonts/Gilroy-RegularItalic.eot?ddc7f8242457fe9b7fe23ccb97153130?#iefix)format("embedded-opentype"),url(../fonts/Gilroy-RegularItalic.woff?cd8c71a8df152621a239f0df1acb06be)format("woff"),url(../fonts/Gilroy-RegularItalic.ttf?8bbf15be10d36d90b3411e1fc7454c88)format("truetype")}@media (width<=767px){@layer utilities{.container{padding-left:24px;padding-right:24px}}}@media (width<=349px){@layer utilities{.container{padding-left:5px;padding-right:5px}}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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:0}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""} diff --git a/css/editor-style.css b/css/editor-style.css index 67dfb05..9f6c992 100644 --- a/css/editor-style.css +++ b/css/editor-style.css @@ -1,2467 +1 @@ -/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */ -@layer theme, base, components, utilities; -@layer theme { - :root, :host { - --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-blue-50: oklch(0.97 0.014 254.604); - --color-blue-800: oklch(0.424 0.199 265.638); - --color-blue-900: oklch(0.379 0.146 265.522); - --color-gray-100: oklch(0.967 0.003 264.542); - --color-gray-200: oklch(0.928 0.006 264.531); - --color-gray-500: oklch(0.551 0.027 264.364); - --color-gray-600: oklch(0.446 0.03 256.802); - --color-gray-700: oklch(0.373 0.034 259.733); - --color-gray-800: oklch(0.278 0.033 256.848); - --color-gray-900: oklch(0.21 0.034 264.665); - --color-black: #000; - --color-white: #fff; - --spacing: 0.25rem; - --container-sm: 24rem; - --container-lg: 32rem; - --text-sm: var(--wp--preset--font-size--sm, 0.875rem); - --text-sm--line-height: calc(1.25 / 0.875); - --text-xl: var(--wp--preset--font-size--xl, 1.25rem); - --text-xl--line-height: calc(1.75 / 1.25); - --text-2xl: var(--wp--preset--font-size--2xl, 1.5rem); - --text-2xl--line-height: calc(2 / 1.5); - --text-3xl: var(--wp--preset--font-size--3xl, 1.875rem); - --text-3xl--line-height: calc(2.25 / 1.875); - --text-5xl: var(--wp--preset--font-size--5xl, 3rem); - --text-5xl--line-height: 1; - --font-weight-light: 300; - --font-weight-semibold: 600; - --font-weight-bold: 700; - --font-weight-extrabold: 800; - --leading-tight: 1.25; - --radius-xs: 0.125rem; - --radius-md: 0.375rem; - --radius-lg: 0.5rem; - --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); - --blur-sm: 8px; - --default-transition-duration: 150ms; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - --default-font-family: var(--font-sans); - --default-font-feature-settings: var(--font-sans--font-feature-settings); - --default-font-variation-settings: var( - --font-sans--font-variation-settings - ); - --default-mono-font-family: var(--font-mono); - --default-mono-font-feature-settings: var( - --font-mono--font-feature-settings - ); - --default-mono-font-variation-settings: var( - --font-mono--font-variation-settings - ); - --color-primary: var(--wp--preset--color--primary); - --font-family-sans: 'Gilroy', ui-sans-serif, system-ui, sans-serif; - } -} -@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; - } - body { - line-height: inherit; - } - 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; - color: color-mix(in oklab, currentColor 50%, transparent); - } - ::placeholder { - opacity: 1; - 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; - } - .\!static { - position: static !important; - } - .absolute { - position: absolute; - } - .fixed { - position: fixed; - } - .relative { - position: relative; - } - .static { - position: static; - } - .inset-0 { - inset: calc(var(--spacing) * 0); - } - .top-0 { - top: calc(var(--spacing) * 0); - } - .top-4 { - top: calc(var(--spacing) * 4); - } - .top-\[24px\] { - top: 24px; - } - .top-\[32px\] { - top: 32px; - } - .right-0 { - right: calc(var(--spacing) * 0); - } - .right-4 { - right: calc(var(--spacing) * 4); - } - .right-\[24px\] { - right: 24px; - } - .bottom-0 { - bottom: calc(var(--spacing) * 0); - } - .bottom-\[16px\] { - bottom: 16px; - } - .left-0 { - left: calc(var(--spacing) * 0); - } - .left-\[12px\] { - left: 12px; - } - .z-0 { - z-index: 0; - } - .z-10 { - z-index: 10; - } - .z-50 { - z-index: 50; - } - .z-\[0\] { - z-index: 0; - } - .z-\[1\] { - z-index: 1; - } - .z-\[49\] { - z-index: 49; - } - .container { - width: 100%; - } - @media (width >= 480px) { - .container { - max-width: 480px; - } - } - @media (width >= 600px) { - .container { - max-width: 600px; - } - } - @media (width >= 782px) { - .container { - max-width: 782px; - } - } - @media (width >= 960px) { - .container { - max-width: 960px; - } - } - @media (width >= 1280px) { - .container { - max-width: 1280px; - } - } - @media (width >= 1440px) { - .container { - max-width: 1440px; - } - } - .\!m-0 { - margin: calc(var(--spacing) * 0) !important; - } - .\!m-\[-1px\] { - margin: -1px !important; - } - .m-8 { - margin: calc(var(--spacing) * 8); - } - .\!mx-auto { - margin-inline: auto !important; - } - .mx-auto { - margin-inline: auto; - } - .my-3 { - margin-block: calc(var(--spacing) * 3); - } - .my-8 { - margin-block: calc(var(--spacing) * 8); - } - .mt-0 { - margin-top: calc(var(--spacing) * 0); - } - .mt-4 { - margin-top: calc(var(--spacing) * 4); - } - .mt-6 { - margin-top: calc(var(--spacing) * 6); - } - .mt-\[4px\] { - margin-top: 4px; - } - .mt-\[8px\] { - margin-top: 8px; - } - .mt-\[10px\] { - margin-top: 10px; - } - .mt-\[12px\] { - margin-top: 12px; - } - .mt-\[14px\] { - margin-top: 14px; - } - .mt-\[16px\] { - margin-top: 16px; - } - .mt-\[20px\] { - margin-top: 20px; - } - .mt-\[22px\] { - margin-top: 22px; - } - .mt-\[24px\] { - margin-top: 24px; - } - .mt-\[26px\] { - margin-top: 26px; - } - .mt-\[28px\] { - margin-top: 28px; - } - .mt-\[32px\] { - margin-top: 32px; - } - .mt-\[40px\] { - margin-top: 40px; - } - .mt-\[44px\] { - margin-top: 44px; - } - .mt-\[45px\] { - margin-top: 45px; - } - .mt-\[50px\] { - margin-top: 50px; - } - .mt-auto { - margin-top: auto; - } - .mb-1 { - margin-bottom: calc(var(--spacing) * 1); - } - .mb-2 { - margin-bottom: calc(var(--spacing) * 2); - } - .mb-4 { - margin-bottom: calc(var(--spacing) * 4); - } - .mb-8 { - margin-bottom: calc(var(--spacing) * 8); - } - .mb-\[8px\] { - margin-bottom: 8px; - } - .mb-\[12px\] { - margin-bottom: 12px; - } - .mb-\[16px\] { - margin-bottom: 16px; - } - .mb-\[20px\] { - margin-bottom: 20px; - } - .mb-\[24px\] { - margin-bottom: 24px; - } - .mb-\[30px\] { - margin-bottom: 30px; - } - .mb-\[40px\] { - margin-bottom: 40px; - } - .mb-\[90px\] { - margin-bottom: 90px; - } - .ml-\[8px\] { - margin-left: 8px; - } - .ml-auto { - margin-left: auto; - } - .block { - display: block; - } - .flex { - display: flex; - } - .grid { - display: grid; - } - .hidden { - display: none; - } - .inline-flex { - display: inline-flex; - } - .\!h-\[1px\] { - height: 1px !important; - } - .\!h-\[62px\] { - height: 62px !important; - } - .\!h-\[100px\] { - height: 100px !important; - } - .h-1 { - height: calc(var(--spacing) * 1); - } - .h-5 { - height: calc(var(--spacing) * 5); - } - .h-8 { - height: calc(var(--spacing) * 8); - } - .h-\[2px\] { - height: 2px; - } - .h-\[6px\] { - height: 6px; - } - .h-\[8px\] { - height: 8px; - } - .h-\[24px\] { - height: 24px; - } - .h-\[29px\] { - height: 29px; - } - .h-\[30px\] { - height: 30px; - } - .h-\[32px\] { - height: 32px; - } - .h-\[36px\] { - height: 36px; - } - .h-\[43px\] { - height: 43px; - } - .h-\[44px\] { - height: 44px; - } - .h-\[45px\] { - height: 45px; - } - .h-\[46px\] { - height: 46px; - } - .h-\[55px\] { - height: 55px; - } - .h-\[59px\] { - height: 59px; - } - .h-\[64px\] { - height: 64px; - } - .h-\[74px\] { - height: 74px; - } - .h-\[75px\] { - height: 75px; - } - .h-\[76px\] { - height: 76px; - } - .h-\[78px\] { - height: 78px; - } - .h-\[80px\] { - height: 80px; - } - .h-\[120px\] { - height: 120px; - } - .h-\[147px\] { - height: 147px; - } - .h-\[240px\] { - height: 240px; - } - .h-\[244px\] { - height: 244px; - } - .h-\[258px\] { - height: 258px; - } - .h-\[280px\] { - height: 280px; - } - .h-\[298px\] { - height: 298px; - } - .h-\[305px\] { - height: 305px; - } - .h-\[358px\] { - height: 358px; - } - .h-\[383px\] { - height: 383px; - } - .h-\[440px\] { - height: 440px; - } - .h-\[460px\] { - height: 460px; - } - .h-\[500px\] { - height: 500px; - } - .h-\[512px\] { - height: 512px; - } - .h-\[540px\] { - height: 540px; - } - .h-\[575px\] { - height: 575px; - } - .h-\[580px\] { - height: 580px; - } - .h-\[600px\] { - height: 600px; - } - .h-\[608px\] { - height: 608px; - } - .h-\[620px\] { - height: 620px; - } - .h-\[828px\] { - height: 828px; - } - .h-full { - height: 100%; - } - .max-h-\[90vh\] { - max-height: 90vh; - } - .min-h-\[48px\] { - min-height: 48px; - } - .min-h-\[260px\] { - min-height: 260px; - } - .min-h-\[330px\] { - min-height: 330px; - } - .min-h-\[440px\] { - min-height: 440px; - } - .min-h-\[500px\] { - min-height: 500px; - } - .min-h-screen { - min-height: 100vh; - } - .\!w-\[1px\] { - width: 1px !important; - } - .\!w-full { - width: 100% !important; - } - .w-5 { - width: calc(var(--spacing) * 5); - } - .w-8 { - width: calc(var(--spacing) * 8); - } - .w-16 { - width: calc(var(--spacing) * 16); - } - .w-\[6px\] { - width: 6px; - } - .w-\[8px\] { - width: 8px; - } - .w-\[32px\] { - width: 32px; - } - .w-\[42px\] { - width: 42px; - } - .w-\[55px\] { - width: 55px; - } - .w-\[64px\] { - width: 64px; - } - .w-\[76px\] { - width: 76px; - } - .w-\[80px\] { - width: 80px; - } - .w-\[136px\] { - width: 136px; - } - .w-\[160px\] { - width: 160px; - } - .w-\[424px\] { - width: 424px; - } - .w-fit { - width: -moz-fit-content; - width: fit-content; - } - .w-full { - width: 100%; - } - .max-w-\[102px\] { - max-width: 102px; - } - .max-w-\[135px\] { - max-width: 135px; - } - .max-w-\[160px\] { - max-width: 160px; - } - .max-w-\[179px\] { - max-width: 179px; - } - .max-w-\[210px\] { - max-width: 210px; - } - .max-w-\[213px\] { - max-width: 213px; - } - .max-w-\[220px\] { - max-width: 220px; - } - .max-w-\[240px\] { - max-width: 240px; - } - .max-w-\[245px\] { - max-width: 245px; - } - .max-w-\[270px\] { - max-width: 270px; - } - .max-w-\[281px\] { - max-width: 281px; - } - .max-w-\[300px\] { - max-width: 300px; - } - .max-w-\[301px\] { - max-width: 301px; - } - .max-w-\[312px\] { - max-width: 312px; - } - .max-w-\[320px\] { - max-width: 320px; - } - .max-w-\[330px\] { - max-width: 330px; - } - .max-w-\[400px\] { - max-width: 400px; - } - .max-w-\[424px\] { - max-width: 424px; - } - .max-w-\[535px\] { - max-width: 535px; - } - .max-w-\[590px\] { - max-width: 590px; - } - .max-w-\[648px\] { - max-width: 648px; - } - .max-w-\[687px\] { - max-width: 687px; - } - .max-w-\[725px\] { - max-width: 725px; - } - .max-w-\[760px\] { - max-width: 760px; - } - .max-w-\[872px\] { - max-width: 872px; - } - .max-w-\[900px\] { - max-width: 900px; - } - .max-w-\[970px\] { - max-width: 970px; - } - .max-w-\[2000px\] { - max-width: 2000px; - } - .max-w-fit { - max-width: -moz-fit-content; - max-width: fit-content; - } - .max-w-full { - max-width: 100%; - } - .max-w-lg { - max-width: var(--container-lg); - } - .max-w-sm { - max-width: var(--container-sm); - } - .flex-1 { - flex: 1; - } - .flex-shrink-0 { - flex-shrink: 0; - } - .flex-grow { - flex-grow: 1; - } - .grow { - flex-grow: 1; - } - .translate-y-\[2px\] { - --tw-translate-y: 2px; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .scale-90 { - --tw-scale-x: 90%; - --tw-scale-y: 90%; - --tw-scale-z: 90%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .scale-100 { - --tw-scale-x: 100%; - --tw-scale-y: 100%; - --tw-scale-z: 100%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .transform { - transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); - } - .\!cursor-grab { - cursor: grab !important; - } - .cursor-pointer { - cursor: pointer; - } - .resize { - resize: both; - } - .grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - .grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .flex-col { - flex-direction: column; - } - .flex-col-reverse { - flex-direction: column-reverse; - } - .flex-wrap { - flex-wrap: wrap; - } - .place-items-center { - place-items: center; - } - .items-center { - align-items: center; - } - .items-end { - align-items: flex-end; - } - .items-start { - align-items: flex-start; - } - .justify-between { - justify-content: space-between; - } - .justify-center { - justify-content: center; - } - .justify-end { - justify-content: flex-end; - } - .justify-start { - justify-content: flex-start; - } - .gap-\[4px\] { - gap: 4px; - } - .gap-\[6px\] { - gap: 6px; - } - .gap-\[8px\] { - gap: 8px; - } - .gap-\[10px\] { - gap: 10px; - } - .gap-\[12px\] { - gap: 12px; - } - .gap-\[16px\] { - gap: 16px; - } - .gap-\[20px\] { - gap: 20px; - } - .gap-\[24px\] { - gap: 24px; - } - .gap-\[30px\] { - gap: 30px; - } - .gap-\[32px\] { - gap: 32px; - } - .gap-\[48px\] { - gap: 48px; - } - .gap-\[60px\] { - gap: 60px; - } - :where(.space-y-1 > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); - } - :where(.space-y-4 > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); - margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); - } - :where(.space-y-\[8px\] > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(8px * var(--tw-space-y-reverse)); - margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse))); - } - :where(.space-y-\[12px\] > :not(:last-child)) { - --tw-space-y-reverse: 0; - margin-block-start: calc(12px * var(--tw-space-y-reverse)); - margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse))); - } - .gap-x-\[40px\] { - -moz-column-gap: 40px; - column-gap: 40px; - } - .gap-y-\[16px\] { - row-gap: 16px; - } - :where(.divide-x > :not(:last-child)) { - --tw-divide-x-reverse: 0; - border-inline-style: var(--tw-border-style); - border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); - border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); - } - :where(.divide-\[\#e0e0e0\] > :not(:last-child)) { - border-color: #e0e0e0; - } - .overflow-hidden { - overflow: hidden; - } - .overflow-y-auto { - overflow-y: auto; - } - .rounded { - border-radius: 0.25rem; - } - .rounded-\[6px\] { - border-radius: 6px; - } - .rounded-\[8px\] { - border-radius: 8px; - } - .rounded-\[9px\] { - border-radius: 9px; - } - .rounded-\[12px\] { - border-radius: 12px; - } - .rounded-\[16px\] { - border-radius: 16px; - } - .rounded-\[20px\] { - border-radius: 20px; - } - .rounded-\[24px\] { - border-radius: 24px; - } - .rounded-\[25px\] { - border-radius: 25px; - } - .rounded-\[30px\] { - border-radius: 30px; - } - .rounded-\[32px\] { - border-radius: 32px; - } - .rounded-\[90px\] { - border-radius: 90px; - } - .rounded-full { - border-radius: calc(infinity * 1px); - } - .rounded-lg { - border-radius: var(--radius-lg); - } - .rounded-md { - border-radius: var(--radius-md); - } - .rounded-xs { - border-radius: var(--radius-xs); - } - .rounded-tl-none { - border-top-left-radius: 0; - } - .rounded-b-\[0\] { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - .rounded-br-none { - border-bottom-right-radius: 0; - } - .rounded-bl-none { - border-bottom-left-radius: 0; - } - .\!border-0 { - border-style: var(--tw-border-style) !important; - border-width: 0px !important; - } - .border { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-\[1px\] { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-\[2px\] { - border-style: var(--tw-border-style); - border-width: 2px; - } - .border-t { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - } - .border-r-\[0px\] { - border-right-style: var(--tw-border-style); - border-right-width: 0px; - } - .border-b { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - } - .border-b-\[2px\] { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 2px; - } - .border-b-\[4px\] { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 4px; - } - .border-\[\#E0E0E0\] { - border-color: #E0E0E0; - } - .border-\[\#e0e0e0\] { - border-color: #e0e0e0; - } - .border-\[\#e5e7eb\] { - border-color: #e5e7eb; - } - .border-\[\#e21e24\] { - border-color: #e21e24; - } - .border-\[\#fff\] { - border-color: #fff; - } - .border-primary { - border-color: var(--color-primary); - } - .border-t-\[\#f1f1f1\] { - border-top-color: #f1f1f1; - } - .\!border-b-\[\#e21e24\] { - border-bottom-color: #e21e24 !important; - } - .border-b-\[transparent\] { - border-bottom-color: transparent; - } - .bg-\[\#3b82f6\] { - background-color: #3b82f6; - } - .bg-\[\#10b981\] { - background-color: #10b981; - } - .bg-\[\#E21E24\] { - background-color: #E21E24; - } - .bg-\[\#e21e24\] { - background-color: #e21e24; - } - .bg-\[\#f3f4f6\] { - background-color: #f3f4f6; - } - .bg-\[\#f8f8f8\] { - background-color: #f8f8f8; - } - .bg-\[\#f9f9f9\] { - background-color: #f9f9f9; - } - .bg-\[\#fff\] { - background-color: #fff; - } - .bg-\[\#ffffff\] { - background-color: #ffffff; - } - .bg-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\] { - background-color: 0 2px 32px 0 rgba(16, 15, 15, 0.03); - } - .bg-\[rgba\(0\,0\,0\,0\.5\)\] { - background-color: rgba(0,0,0,0.5); - } - .bg-blue-50 { - background-color: var(--color-blue-50); - } - .bg-gray-100 { - background-color: var(--color-gray-100); - } - .bg-gray-200 { - background-color: var(--color-gray-200); - } - .bg-primary { - background-color: var(--color-primary); - } - .bg-transparent { - background-color: transparent; - } - .bg-white { - background-color: var(--color-white); - } - .bg-gradient-to-t { - --tw-gradient-position: to top in oklab; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .bg-\[linear-gradient\(90deg\,\#2b2c35_67\.31\%\,\#4f5870_92\.9\%\)\] { - background-image: linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#2b2c35_39\.42\%\,_\#6e7996_92\.9\%\)\] { - background-image: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#2b2c35_67\.31\%\,_\#4f5870_92\.9\%\)\] { - background-image: linear-gradient(90deg, #2b2c35 67.31%, #4f5870 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#bbb7b1_92\.9\%\)\] { - background-image: linear-gradient(90deg, #9d9994 39.42%, #bbb7b1 92.9%); - } - .bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#ccc9c4_92\.9\%\)\] { - background-image: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%); - } - .bg-\[linear-gradient\(90deg\,_rgba\(43\,_44\,_53\,_0\.06\)_39\.42\%\,_rgba\(110\,_121\,_150\,_0\.06\)_92\.9\%\)\] { - background-image: linear-gradient(90deg, rgba(43, 44, 53, 0.06) 39.42%, rgba(110, 121, 150, 0.06) 92.9%); - } - .bg-\[linear-gradient\(90deg\,rgba\(157\,153\,148\,0\.7\)_39\.42\%\,rgba\(197\,197\,185\,0\.7\)_92\.9\%\)\] { - background-image: linear-gradient(90deg,rgba(157,153,148,0.7) 39.42%,rgba(197,197,185,0.7) 92.9%); - } - .bg-\[linear-gradient\(180deg\,_\#f2f2f2_69\.59\%\,_\#ededed_100\%\)\] { - background-image: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%); - } - .bg-\[linear-gradient\(180deg\,_\#f9f9f9_69\.59\%\,_\#ededed_100\%\)\] { - background-image: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%); - } - .from-black\/50 { - --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .to-transparent { - --tw-gradient-to: transparent; - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .bg-cover { - background-size: cover; - } - .bg-clip-text { - -webkit-background-clip: text; - background-clip: text; - } - .bg-center { - background-position: center; - } - .bg-no-repeat { - background-repeat: no-repeat; - } - .fill-\[\#222\] { - fill: #222; - } - .fill-\[\#222222\] { - fill: #222222; - } - .fill-\[\#E0E0E0\] { - fill: #E0E0E0; - } - .fill-\[\#f8f8f8\] { - fill: #f8f8f8; - } - .object-contain { - -o-object-fit: contain; - object-fit: contain; - } - .object-cover { - -o-object-fit: cover; - object-fit: cover; - } - .\!p-0 { - padding: calc(var(--spacing) * 0) !important; - } - .p-4 { - padding: calc(var(--spacing) * 4); - } - .p-6 { - padding: calc(var(--spacing) * 6); - } - .p-\[10px\] { - padding: 10px; - } - .p-\[20px\] { - padding: 20px; - } - .p-\[24px\] { - padding: 24px; - } - .p-\[28px\] { - padding: 28px; - } - .p-\[30px\] { - padding: 30px; - } - .p-\[40px\] { - padding: 40px; - } - .p-\[48px\] { - padding: 48px; - } - .px-3 { - padding-inline: calc(var(--spacing) * 3); - } - .px-4 { - padding-inline: calc(var(--spacing) * 4); - } - .px-6 { - padding-inline: calc(var(--spacing) * 6); - } - .px-\[10px\] { - padding-inline: 10px; - } - .px-\[12px\] { - padding-inline: 12px; - } - .px-\[20px\] { - padding-inline: 20px; - } - .px-\[24px\] { - padding-inline: 24px; - } - .px-\[28px\] { - padding-inline: 28px; - } - .px-\[32px\] { - padding-inline: 32px; - } - .px-\[40px\] { - padding-inline: 40px; - } - .py-2 { - padding-block: calc(var(--spacing) * 2); - } - .py-\[8px\] { - padding-block: 8px; - } - .py-\[12px\] { - padding-block: 12px; - } - .py-\[24px\] { - padding-block: 24px; - } - .py-\[30px\] { - padding-block: 30px; - } - .py-\[45px\] { - padding-block: 45px; - } - .py-\[48px\] { - padding-block: 48px; - } - .py-\[60px\] { - padding-block: 60px; - } - .py-\[90px\] { - padding-block: 90px; - } - .py-\[96px\] { - padding-block: 96px; - } - .\!pt-\[0\] { - padding-top: 0 !important; - } - .\!pt-\[0px\] { - padding-top: 0px !important; - } - .pt-\[16px\] { - padding-top: 16px; - } - .pt-\[24px\] { - padding-top: 24px; - } - .pt-\[32px\] { - padding-top: 32px; - } - .pt-\[45px\] { - padding-top: 45px; - } - .pt-\[48px\] { - padding-top: 48px; - } - .pt-\[90px\] { - padding-top: 90px; - } - .pt-\[96px\] { - padding-top: 96px; - } - .pt-\[161px\] { - padding-top: 161px; - } - .pr-0 { - padding-right: calc(var(--spacing) * 0); - } - .pr-\[12px\] { - padding-right: 12px; - } - .pr-\[16px\] { - padding-right: 16px; - } - .pb-0 { - padding-bottom: calc(var(--spacing) * 0); - } - .pb-\[16px\] { - padding-bottom: 16px; - } - .pb-\[24px\] { - padding-bottom: 24px; - } - .pb-\[30px\] { - padding-bottom: 30px; - } - .pb-\[45px\] { - padding-bottom: 45px; - } - .pb-\[60px\] { - padding-bottom: 60px; - } - .pb-\[90px\] { - padding-bottom: 90px; - } - .pl-0 { - padding-left: calc(var(--spacing) * 0); - } - .pl-\[16px\] { - padding-left: 16px; - } - .text-center { - text-align: center; - } - .text-2xl { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - } - .text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - .text-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } - .text-xl { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - .text-\[13px\] { - font-size: 13px; - } - .text-\[14px\] { - font-size: 14px; - } - .text-\[15px\] { - font-size: 15px; - } - .text-\[16px\] { - font-size: 16px; - } - .text-\[18px\] { - font-size: 18px; - } - .text-\[20px\] { - font-size: 20px; - } - .text-\[24px\] { - font-size: 24px; - } - .text-\[32px\] { - font-size: 32px; - } - .text-\[36px\] { - font-size: 36px; - } - .text-\[40px\] { - font-size: 40px; - } - .text-\[42px\] { - font-size: 42px; - } - .text-\[48px\] { - font-size: 48px; - } - .text-\[62px\] { - font-size: 62px; - } - .leading-\[20px\] { - --tw-leading: 20px; - line-height: 20px; - } - .leading-\[110\%\] { - --tw-leading: 110%; - line-height: 110%; - } - .leading-\[115\%\] { - --tw-leading: 115%; - line-height: 115%; - } - .leading-\[120\%\] { - --tw-leading: 120%; - line-height: 120%; - } - .leading-\[125\%\] { - --tw-leading: 125%; - line-height: 125%; - } - .leading-\[130\%\] { - --tw-leading: 130%; - line-height: 130%; - } - .leading-\[140\%\] { - --tw-leading: 140%; - line-height: 140%; - } - .leading-\[145\%\] { - --tw-leading: 145%; - line-height: 145%; - } - .leading-\[150\%\] { - --tw-leading: 150%; - line-height: 150%; - } - .leading-\[160\%\] { - --tw-leading: 160%; - line-height: 160%; - } - .leading-\[195\%\] { - --tw-leading: 195%; - line-height: 195%; - } - .leading-tight { - --tw-leading: var(--leading-tight); - line-height: var(--leading-tight); - } - .font-\[400\] { - --tw-font-weight: 400; - font-weight: 400; - } - .font-\[500\] { - --tw-font-weight: 500; - font-weight: 500; - } - .font-\[600\] { - --tw-font-weight: 600; - font-weight: 600; - } - .font-\[700\] { - --tw-font-weight: 700; - font-weight: 700; - } - .font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - } - .font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold); - } - .font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light); - } - .font-semibold { - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - } - .text-\[\#1f2937\] { - color: #1f2937; - } - .text-\[\#2B2C35\] { - color: #2B2C35; - } - .text-\[\#6b7280\] { - color: #6b7280; - } - .text-\[\#6c6b6b\] { - color: #6c6b6b; - } - .text-\[\#222\] { - color: #222; - } - .text-\[\#E21E24\] { - color: #E21E24; - } - .text-\[\#e0e0e0\] { - color: #e0e0e0; - } - .text-\[\#f8f8f8\] { - color: #f8f8f8; - } - .text-\[\#fff\] { - color: #fff; - } - .text-\[\#ffffff\] { - color: #ffffff; - } - .text-\[222\] { - color: 222; - } - .text-blue-800 { - color: var(--color-blue-800); - } - .text-blue-900 { - color: var(--color-blue-900); - } - .text-gray-500 { - color: var(--color-gray-500); - } - .text-gray-600 { - color: var(--color-gray-600); - } - .text-gray-700 { - color: var(--color-gray-700); - } - .text-gray-800 { - color: var(--color-gray-800); - } - .text-gray-900 { - color: var(--color-gray-900); - } - .text-transparent { - color: transparent; - } - .text-white { - color: var(--color-white); - } - .\!no-underline { - text-decoration-line: none !important; - } - .\!decoration-transparent { - text-decoration-color: transparent !important; - } - .antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - .opacity-0 { - opacity: 0%; - } - .opacity-50 { - opacity: 50%; - } - .opacity-100 { - opacity: 100%; - } - .shadow-\[0_2px_16px_0_rgba\(16\,_15\,_15\,_0\.08\)\] { - --tw-shadow: 0 2px 16px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.08)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\] { - --tw-shadow: 0 2px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.03)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-lg { - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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); - } - .blur { - --tw-blur: blur(8px); - 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,); - } - .filter { - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .backdrop-blur-\[8px\] { - --tw-backdrop-blur: blur(8px); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-blur-sm { - --tw-backdrop-blur: blur(var(--blur-sm)); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-filter { - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .transition { - transition-property: color, background-color, border-color, 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; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-all { - transition-property: all; - 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-opacity { - transition-property: opacity; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-shadow { - transition-property: box-shadow; - 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-300 { - --tw-duration: 300ms; - transition-duration: 300ms; - } - .duration-\[180ms\] { - --tw-duration: 180ms; - transition-duration: 180ms; - } - .ease-in-out { - --tw-ease: var(--ease-in-out); - transition-timing-function: var(--ease-in-out); - } - .select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - } - @media (hover: hover) { - .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) { - scale: 1.05; - } - } - @media (hover: hover) { - .group-hover\:text-\[\#e21e24\]:is(:where(.group):hover *) { - color: #e21e24; - } - } - @media (hover: hover) { - .group-hover\:shadow-\[0_8px_32px_0_rgba\(16\,_15\,_15\,_0\.12\)\]:is(:where(.group):hover *) { - --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.12)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - } - @media (hover: hover) { - .hover\:border-b-\[\#e21e24\]:hover { - border-bottom-color: #e21e24; - } - } - @media (hover: hover) { - .hover\:bg-\[\#2563eb\]:hover { - background-color: #2563eb; - } - } - @media (hover: hover) { - .hover\:bg-\[\#e0e0e0\]:hover { - background-color: #e0e0e0; - } - } - @media (hover: hover) { - .hover\:bg-gray-100:hover { - background-color: var(--color-gray-100); - } - } - @media (hover: hover) { - .hover\:text-\[\#2B2C35\]:hover { - color: #2B2C35; - } - } - @media (hover: hover) { - .hover\:text-\[\#9d9994\]:hover { - color: #9d9994; - } - } - @media (hover: hover) { - .hover\:text-\[\#222\]:hover { - color: #222; - } - } - @media (hover: hover) { - .hover\:text-\[\#555\]:hover { - color: #555; - } - } - @media (hover: hover) { - .hover\:text-gray-700:hover { - color: var(--color-gray-700); - } - } - @media (hover: hover) { - .hover\:\!no-underline:hover { - text-decoration-line: none !important; - } - } - @media (hover: hover) { - .hover\:\!decoration-inherit:hover { - text-decoration-color: inherit !important; - } - } - @media (hover: hover) { - .hover\:opacity-80:hover { - opacity: 80%; - } - } - @media (hover: hover) { - .hover\:opacity-90:hover { - opacity: 90%; - } - } - @media (hover: hover) { - .hover\:shadow-\[0_8px_32px_0_rgba\(16\,_15\,_15\,_0\.12\)\]:hover { - --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(16, 15, 15, 0.12)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - } - @media (hover: hover) { - .hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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); - } - } - .focus\:ring-2:focus { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .focus\:ring-\[\#3b82f6\]:focus { - --tw-ring-color: #3b82f6; - } - .focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; - --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - } - .focus\:outline-none:focus { - --tw-outline-style: none; - outline-style: none; - } - @media (width < 768px) { - .max-\[768px\]\:gap-\[20px\] { - gap: 20px; - } - } - @media (width < 768px) { - .max-\[768px\]\:p-\[20px\] { - padding: 20px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[14px\] { - font-size: 14px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[20px\] { - font-size: 20px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[34px\] { - font-size: 34px; - } - } - @media (width < 768px) { - .max-\[768px\]\:text-\[36px\] { - font-size: 36px; - } - } - @media (width >= 782px) { - .md\:my-6 { - margin-block: calc(var(--spacing) * 6); - } - } - @media (width >= 782px) { - .md\:flex { - display: flex; - } - } - @media (width >= 782px) { - .md\:w-1\/2 { - width: calc(1/2 * 100%); - } - } - @media (width >= 782px) { - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - @media (width >= 782px) { - .md\:text-3xl { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } - } - @media (width >= 960px) { - .lg\:-mx-4 { - margin-inline: calc(var(--spacing) * -4); - } - } - @media (width >= 960px) { - .lg\:mx-4 { - margin-inline: calc(var(--spacing) * 4); - } - } - @media (width >= 960px) { - .lg\:mt-0 { - margin-top: calc(var(--spacing) * 0); - } - } - @media (width >= 960px) { - .lg\:block { - display: block; - } - } - @media (width >= 960px) { - .lg\:flex { - display: flex; - } - } - @media (width >= 960px) { - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - @media (width >= 960px) { - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - @media (width >= 960px) { - .lg\:bg-transparent { - background-color: transparent; - } - } - @media (width >= 960px) { - .lg\:p-0 { - padding: calc(var(--spacing) * 0); - } - } - @media (width >= 960px) { - .lg\:text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - } - @media (width >= 1280px) { - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .dark\:max-w-\[860px\]:where(.dark, .dark *) { - max-width: 860px; - } - .dark\:border:where(.dark, .dark *) { - border-style: var(--tw-border-style); - border-width: 1px; - } - .dark\:\!border-none:where(.dark, .dark *) { - --tw-border-style: none !important; - border-style: none !important; - } - .dark\:border-\[\#574348\]:where(.dark, .dark *) { - border-color: #574348; - } - .dark\:border-\[rgba\(248\,_248\,_248\,_0\.2\)\]:where(.dark, .dark *) { - border-color: rgba(248, 248, 248, 0.2); - } - .dark\:border-\[rgba\(248\,_248\,_248\,_0\.5\)\]:where(.dark, .dark *) { - border-color: rgba(248, 248, 248, 0.5); - } - .dark\:border-transparent:where(.dark, .dark *) { - border-color: transparent; - } - .dark\:border-white\/\[0\.05\]:where(.dark, .dark *) { - border-color: color-mix(in oklab, var(--color-white) 5%, transparent); - } - .dark\:\!border-b-\[\#fff\]:where(.dark, .dark *) { - border-bottom-color: #fff !important; - } - .dark\:\!bg-\[\#f8f8f8\]:where(.dark, .dark *) { - background-color: #f8f8f8 !important; - } - .dark\:bg-\[\#141419\]:where(.dark, .dark *) { - background-color: #141419; - } - .dark\:bg-\[\#f4f4f4\]:where(.dark, .dark *) { - background-color: #f4f4f4; - } - .dark\:bg-\[\#f8f8f8\]:where(.dark, .dark *) { - background-color: #f8f8f8; - } - .dark\:bg-\[transparent\]:where(.dark, .dark *) { - background-color: transparent; - } - .dark\:bg-inherit:where(.dark, .dark *) { - background-color: inherit; - } - .dark\:bg-white:where(.dark, .dark *) { - background-color: var(--color-white); - } - .dark\:bg-gradient-to-r:where(.dark, .dark *) { - --tw-gradient-position: to right in oklab; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .dark\:\!bg-none:where(.dark, .dark *) { - background-image: none !important; - } - .dark\:bg-\[linear-gradient\(90deg\,_\#2b2c35_53\.4\%\,_\#4f5870_100\%\)\]:where(.dark, .dark *) { - background-image: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%); - } - .dark\:bg-\[linear-gradient\(90deg\,rgba\(248\,248\,248\,0\.04\)_65\.8\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]:where(.dark, .dark *) { - background-image: linear-gradient(90deg,rgba(248,248,248,0.04) 65.8%,rgba(255,255,255,0.12) 100%); - } - .dark\:bg-none:where(.dark, .dark *) { - background-image: none; - } - .dark\:from-\[rgba\(248\,248\,248\,0\.55\)\]:where(.dark, .dark *) { - --tw-gradient-from: rgba(248,248,248,0.55); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .dark\:to-white:where(.dark, .dark *) { - --tw-gradient-to: var(--color-white); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .dark\:bg-clip-text:where(.dark, .dark *) { - -webkit-background-clip: text; - background-clip: text; - } - .dark\:fill-\[\#222222\]:where(.dark, .dark *) { - fill: #222222; - } - .dark\:fill-\[\#F8F8F8\]:where(.dark, .dark *) { - fill: #F8F8F8; - } - .dark\:text-\[42px\]:where(.dark, .dark *) { - font-size: 42px; - } - .dark\:text-\[\#6c6b6b\]:where(.dark, .dark *) { - color: #6c6b6b; - } - .dark\:text-\[\#222\]:where(.dark, .dark *) { - color: #222; - } - .dark\:text-\[\#F8F8F8\]:where(.dark, .dark *) { - color: #F8F8F8; - } - .dark\:text-\[\#f8f8f8\]:where(.dark, .dark *) { - color: #f8f8f8; - } - .dark\:text-\[\#fff\]:where(.dark, .dark *) { - color: #fff; - } - .dark\:text-transparent:where(.dark, .dark *) { - color: transparent; - } - .dark\:opacity-20:where(.dark, .dark *) { - opacity: 20%; - } - .dark\:backdrop-blur-\[20px\]:where(.dark, .dark *) { - --tw-backdrop-blur: blur(20px); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - @media (hover: hover) { - .dark\:hover\:border-b-\[\#fff\]:where(.dark, .dark *):hover { - border-bottom-color: #fff; - } - } - @media (hover: hover) { - .dark\:hover\:text-\[\#9d9994\]:where(.dark, .dark *):hover { - color: #9d9994; - } - } - @media (hover: hover) { - .dark\:hover\:text-\[\#c7c7c7\]:where(.dark, .dark *):hover { - color: #c7c7c7; - } - } - @media (hover: hover) { - .dark\:hover\:text-\[\#f8f8f8\]:where(.dark, .dark *):hover { - color: #f8f8f8; - } - } - .\[\&_\.swiper-scrollbar-drag\]\:dark\:\!bg-\[\#989597\] .swiper-scrollbar-drag:where(.dark, .dark *) { - background-color: #989597 !important; - } - .\[\&_div\]\:text-\[\#222\] div { - color: #222; - } - .\[\&_div\]\:text-\[\#f8f8f8\] div { - color: #f8f8f8; - } - .\[\&_img\]\:w-\[294px\] img { - width: 294px; - } - .\[\&_p\]\:text-\[\#6c6b6b\] p { - color: #6c6b6b; - } - .\[\&_p\]\:text-\[\#bcbcc0\] p { - color: #bcbcc0; - } - @media (hover: hover) { - .hover\:\[\&_svg\]\:fill-\[\#e21e24\]:hover svg { - fill: #e21e24; - } - } - .\[\&\>_img\]\:max-w-none> img { - max-width: none; - } - .\[\&\>img\]\:w-\[294px\]>img { - width: 294px; - } - @media (hover: hover) { - .hover\:\[\&\>img\]\:brightness-150:hover>img { - --tw-brightness: brightness(150%); - 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,); - } - } - @media (hover: hover) { - .dark\:hover\:\[\&\>img\]\:brightness-90:where(.dark, .dark *):hover>img { - --tw-brightness: brightness(90%); - 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,); - } - } - .\[\&\>li\>a\]\:\!no-underline>li>a { - text-decoration-line: none !important; - } - .\[\&\>svg\]\:min-w-fit>svg { - min-width: -moz-fit-content; - min-width: fit-content; - } - @media (hover: hover) { - .hover\:\[\&\>svg\]\:translate-x-\[6px\]:hover>svg { - --tw-translate-x: 6px; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - } -} -html, body { - font-family: var(--font-family-sans); - color: #222; -} -.red-gradient { - background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); -} -.dark-gradient { - background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); -} -.grey-gradient { - background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%); -} -.grey-gradient-hover { - background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.grey-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark .grey-gradient-hover { - border: 1px solid rgba(248, 248, 248, 0.12); - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); - background-size: 177% 100%; - background-position: -1px 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark .grey-gradient-hover:hover { - background-position: 9.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.red-gradient-hover { - background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.red-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark-gradient-hover { - background: linear-gradient(90deg, #2b2c35 0%, #6e7996 53.48%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.dark-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); -} -.radial-gradient { - background: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%); -} -.header-gradient { - background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%); -} -.small-shadow { - box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03); -} -.dark-gradient { - background: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%); -} -#fluentform_4 .ff-el-form-control { - border: none; - box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03); - background: #fff; - border-radius: 90px; - height: 77px; - padding-left: 32px; - padding-right: 32px; - outline: 1px solid transparent; - font-weight: 500; - font-size: 16px; - line-height: 130%; - color: #6c6b6b; -} -#fluentform_4 .ff-btn-submit { - height: 75px; - background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); - border-radius: 90px; - font-weight: 600; - font-size: 18px; - line-height: 195%; - color: #f8f8f8; - display: grid; - place-content: center; - width: 100%; - cursor: pointer; - transition: 180ms ease-in; -} -#fluentform_4 .ff-btn-submit:hover { - font-weight: 700; - transition: 180ms ease-in; -} -#fluentform_4 .ff_submit_btn_wrapper { - margin-bottom: 0 !important; -} -#fluentform_4 .error.text-danger { - position: absolute; - margin-top: 0; - bottom: -18px; - left: 0; - width: 100%; - text-align: center; -} -#fluentform_4 .ff-el-group { - position: relative; - margin-bottom: 18px; -} -#fluentform_4_success { - display: none !important; -} -#fluentform_4 .ff-el-input--label { - position: absolute; - top: 50%; - left: 32px; - transform: translateY(-50%); - pointer-events: none; - z-index: 2; - margin: 0; - transition: 180ms ease-in-out; - font-weight: 500; - font-size: 16px; - line-height: 130%; - color: #6c6b6b; -} -#fluentform_4 .ff-el-group.focused .ff-el-input--label, #fluentform_4 .ff-el-group.has-value .ff-el-input--label { - top: 6px; - transform: translateY(0); - transition: 180ms ease-in-out; - font-size: 14px; -} -#fluentform_4 .ff-el-tc { - margin-top: 32px !important; - font-weight: 500 !important; - font-size: 16px !important; - line-height: 145% !important; - color: #6c6b6b !important; - margin-bottom: 0 !important; -} -@layer base { - *, - ::after, - ::before, - ::backdrop, - ::file-selector-button { - border-color: var(--color-gray-200, currentColor); - } -} -@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-scale-x { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-y { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-z { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-rotate-x { - syntax: "*"; - inherits: false; - initial-value: rotateX(0); -} -@property --tw-rotate-y { - syntax: "*"; - inherits: false; - initial-value: rotateY(0); -} -@property --tw-rotate-z { - syntax: "*"; - inherits: false; - initial-value: rotateZ(0); -} -@property --tw-skew-x { - syntax: "*"; - inherits: false; - initial-value: skewX(0); -} -@property --tw-skew-y { - syntax: "*"; - inherits: false; - initial-value: skewY(0); -} -@property --tw-space-y-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-divide-x-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-border-style { - syntax: "*"; - inherits: false; - initial-value: solid; -} -@property --tw-gradient-position { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-from { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-via { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-to { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-stops { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-via-stops { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-from-position { - syntax: ""; - inherits: false; - initial-value: 0%; -} -@property --tw-gradient-via-position { - syntax: ""; - inherits: false; - initial-value: 50%; -} -@property --tw-gradient-to-position { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@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-inset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-shadow-color { - syntax: "*"; - inherits: false; -} -@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-backdrop-blur { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-brightness { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-contrast { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-grayscale { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-hue-rotate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-invert { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-opacity { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-saturate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-sepia { - syntax: "*"; - inherits: false; -} -@property --tw-duration { - syntax: "*"; - inherits: false; -} -@property --tw-ease { - syntax: "*"; - inherits: false; -} - - +/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--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-blue-50:oklch(.97 .014 254.604);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-900:oklch(.21 .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-sm:var(--wp--preset--font-size--sm,.875rem);--text-sm--line-height:1.42857;--text-xl:var(--wp--preset--font-size--xl,1.25rem);--text-xl--line-height:1.4;--text-2xl:var(--wp--preset--font-size--2xl,1.5rem);--text-2xl--line-height:1.33333;--text-5xl:var(--wp--preset--font-size--5xl,3rem);--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-primary:var(--wp--preset--color--primary);--font-family-sans:"Gilroy",ui-sans-serif,system-ui,sans-serif}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;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-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;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{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}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{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::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}*,::backdrop,:after,:before{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.\!static{position:static!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[-14px\]{top:-14px}.top-\[0\]{top:0}.top-\[24px\]{top:24px}.top-\[32px\]{top:32px}.top-\[50\%\]{top:50%}.top-\[161px\]{top:161px}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-\[-14px\]{right:-14px}.right-\[0\]{right:0}.right-\[16px\]{right:16px}.right-\[24px\]{right:24px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[16px\]{bottom:16px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[12px\]{left:12px}.left-\[16px\]{left:16px}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[0\]{z-index:0}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[20\]{z-index:20}.z-\[49\]{z-index:49}.z-\[9999\]{z-index:9999}.container{width:100%}@media (width>=480px){.container{max-width:480px}}@media (width>=600px){.container{max-width:600px}}@media (width>=782px){.container{max-width:782px}}@media (width>=960px){.container{max-width:960px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1440px){.container{max-width:1440px}}.\!m-0{margin:calc(var(--spacing)*0)!important}.\!m-\[-1px\]{margin:-1px!important}.\!mx-\[-24px\]{margin-inline:-24px!important}.\!mx-auto{margin-inline:auto!important}.mx-\[-24px\]{margin-inline:-24px}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-\[-9px\]{margin-top:-9px}.mt-\[4px\]{margin-top:4px}.mt-\[8px\]{margin-top:8px}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[14px\]{margin-top:14px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[24px\]{margin-top:24px}.mt-\[26px\]{margin-top:26px}.mt-\[28px\]{margin-top:28px}.mt-\[32px\]{margin-top:32px}.mt-\[40px\]{margin-top:40px}.mt-\[44px\]{margin-top:44px}.mt-\[45px\]{margin-top:45px}.mt-\[50px\]{margin-top:50px}.mt-\[64px\]{margin-top:64px}.mt-auto{margin-top:auto}.mr-\[8px\]{margin-right:8px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-\[-9px\]{margin-bottom:-9px}.mb-\[16px\]{margin-bottom:16px}.mb-\[20px\]{margin-bottom:20px}.mb-\[24px\]{margin-bottom:24px}.mb-\[40px\]{margin-bottom:40px}.ml-\[8px\]{margin-left:8px}.ml-\[20px\]{margin-left:20px}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.\!h-\[1px\]{height:1px!important}.\!h-\[62px\]{height:62px!important}.\!h-\[100px\]{height:100px!important}.h-1{height:calc(var(--spacing)*1)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-\[2px\]{height:2px}.h-\[8px\]{height:8px}.h-\[24px\]{height:24px}.h-\[29px\]{height:29px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[35px\]{height:35px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[41px\]{height:41px}.h-\[43px\]{height:43px}.h-\[44px\]{height:44px}.h-\[45px\]{height:45px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[51px\]{height:51px}.h-\[55px\]{height:55px}.h-\[59px\]{height:59px}.h-\[64px\]{height:64px}.h-\[75px\]{height:75px}.h-\[76px\]{height:76px}.h-\[78px\]{height:78px}.h-\[80px\]{height:80px}.h-\[147px\]{height:147px}.h-\[240px\]{height:240px}.h-\[244px\]{height:244px}.h-\[258px\]{height:258px}.h-\[260px\]{height:260px}.h-\[298px\]{height:298px}.h-\[305px\]{height:305px}.h-\[358px\]{height:358px}.h-\[383px\]{height:383px}.h-\[440px\]{height:440px}.h-\[453px\]{height:453px}.h-\[460px\]{height:460px}.h-\[500px\]{height:500px}.h-\[512px\]{height:512px}.h-\[540px\]{height:540px}.h-\[575px\]{height:575px}.h-\[580px\]{height:580px}.h-\[608px\]{height:608px}.h-\[620px\]{height:620px}.h-\[828px\]{height:828px}.h-\[calc\(100vh-161px\)\]{height:calc(100vh - 161px)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.\!max-h-\[21px\]{max-height:21px!important}.max-h-\[90vh\]{max-height:90vh}.min-h-\[47px\]{min-height:47px}.min-h-\[48px\]{min-height:48px}.min-h-\[76px\]{min-height:76px}.min-h-\[260px\]{min-height:260px}.min-h-\[330px\]{min-height:330px}.min-h-\[440px\]{min-height:440px}.min-h-\[500px\]{min-height:500px}.min-h-\[540px\]{min-height:540px}.min-h-screen{min-height:100vh}.\!w-\[1px\]{width:1px!important}.\!w-full{width:100%!important}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-\[8px\]{width:8px}.w-\[20px\]{width:20px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[42px\]{width:42px}.w-\[55px\]{width:55px}.w-\[64px\]{width:64px}.w-\[76px\]{width:76px}.w-\[80px\]{width:80px}.w-\[136px\]{width:136px}.w-\[160px\]{width:160px}.w-\[327px\]{width:327px}.w-\[424px\]{width:424px}.w-\[500px\]{width:500px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.\!max-w-fit{max-width:-moz-fit-content!important;max-width:fit-content!important}.max-w-\[60px\]{max-width:60px}.max-w-\[95px\]{max-width:95px}.max-w-\[102px\]{max-width:102px}.max-w-\[135px\]{max-width:135px}.max-w-\[160px\]{max-width:160px}.max-w-\[176px\]{max-width:176px}.max-w-\[179px\]{max-width:179px}.max-w-\[210px\]{max-width:210px}.max-w-\[213px\]{max-width:213px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[245px\]{max-width:245px}.max-w-\[270px\]{max-width:270px}.max-w-\[281px\]{max-width:281px}.max-w-\[290px\]{max-width:290px}.max-w-\[300px\]{max-width:300px}.max-w-\[301px\]{max-width:301px}.max-w-\[312px\]{max-width:312px}.max-w-\[320px\]{max-width:320px}.max-w-\[327px\]{max-width:327px}.max-w-\[330px\]{max-width:330px}.max-w-\[365px\]{max-width:365px}.max-w-\[400px\]{max-width:400px}.max-w-\[410px\]{max-width:410px}.max-w-\[424px\]{max-width:424px}.max-w-\[450px\]{max-width:450px}.max-w-\[535px\]{max-width:535px}.max-w-\[536px\]{max-width:536px}.max-w-\[590px\]{max-width:590px}.max-w-\[640px\]{max-width:640px}.max-w-\[648px\]{max-width:648px}.max-w-\[687px\]{max-width:687px}.max-w-\[725px\]{max-width:725px}.max-w-\[760px\]{max-width:760px}.max-w-\[872px\]{max-width:872px}.max-w-\[900px\]{max-width:900px}.max-w-\[2000px\]{max-width:2000px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[27px\]{min-width:27px}.min-w-\[32px\]{min-width:32px}.min-w-\[55px\]{min-width:55px}.min-w-\[76px\]{min-width:76px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.flex-1{flex:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2,.-translate-x-\[50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[0\]{--tw-translate-x:0}.translate-x-\[0\],.translate-x-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-\[6px\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[6px\]{--tw-translate-y:-6px}.-translate-y-\[50\%\]{--tw-translate-y:-50%}.-translate-y-\[50\%\],.translate-y-\[0\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[0\]{--tw-translate-y:0}.translate-y-\[2px\]{--tw-translate-y:2px}.translate-y-\[2px\],.translate-y-\[6px\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[6px\]{--tw-translate-y:6px}.translate-y-\[100\%\]{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-\[45deg\]{rotate:-45deg}.rotate-\[45deg\]{rotate:45deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.\!cursor-grab{cursor:grab!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[27px\]{gap:27px}.gap-\[30px\]{gap:30px}.gap-\[60px\]{gap:60px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}.gap-x-\[16px\]{-moz-column-gap:16px;column-gap:16px}.gap-x-\[40px\]{-moz-column-gap:40px;column-gap:40px}.gap-y-\[16px\]{row-gap:16px}.gap-y-\[24px\]{row-gap:24px}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-end-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-style:var(--tw-border-style)}:where(.divide-\[\#e0e0e0\]>:not(:last-child)){border-color:#e0e0e0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[90px\]{border-radius:90px}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-tl-none{border-top-left-radius:0}.rounded-b-\[0\]{border-bottom-left-radius:0}.rounded-b-\[0\],.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0\.76px\]{border-style:var(--tw-border-style);border-width:.76px}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-\[0px\]{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[2px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[4px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#E0E0E0\],.border-\[\#e0e0e0\]{border-color:#e0e0e0}.border-\[\#e5e7eb\]{border-color:#e5e7eb}.border-\[\#e21e24\]{border-color:#e21e24}.border-\[\#fff\]{border-color:#fff}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.border-white\/\[0\.14\]{border-color:color-mix(in oklab,var(--color-white)14%,transparent)}.border-t-\[\#f1f1f1\]{border-top-color:#f1f1f1}.\!border-b-\[\#e21e24\]{border-bottom-color:#e21e24!important}.border-b-\[transparent\]{border-bottom-color:#0000}.bg-\[\#3b82f6\]{background-color:#3b82f6}.bg-\[\#10b981\]{background-color:#10b981}.bg-\[\#e21e24\]{background-color:#e21e24}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#f9f9f9\]{background-color:#f9f9f9}.bg-\[\#f62a29\]{background-color:#f62a29}.bg-\[\#fff\],.bg-\[\#ffffff\]{background-color:#fff}.bg-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{background-color:0 2px 32px 0 #100f0f08}.bg-\[rgba\(0\,0\,0\,0\.5\)\]{background-color:#00000080}.bg-\[rgba\(51\,51\,51\,0\.52\)\]{background-color:#33333385}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,\#2b2c35_67\.31\%\,\#4f5870_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%)}.bg-\[linear-gradient\(90deg\,_\#2b2c35_39\.42\%\,_\#6e7996_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c35 39.42%,#6e7996 92.9%)}.bg-\[linear-gradient\(90deg\,_\#2b2c35_67\.31\%\,_\#4f5870_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c35 67.31%,#4f5870 92.9%)}.bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#bbb7b1_92\.9\%\)\]{background-image:linear-gradient(90deg,#9d9994 39.42%,#bbb7b1 92.9%)}.bg-\[linear-gradient\(90deg\,_\#9d9994_39\.42\%\,_\#ccc9c4_92\.9\%\)\]{background-image:linear-gradient(90deg,#9d9994 39.42%,#ccc9c4 92.9%)}.bg-\[linear-gradient\(90deg\,_\#e21e24_39\.42\%\,_\#ff2f35_92\.9\%\)\]{background-image:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.bg-\[linear-gradient\(90deg\,_\#ffd65a_39\.42\%\,_\#ffe595_92\.9\%\)\]{background-image:linear-gradient(90deg,#ffd65a 39.42%,#ffe595 92.9%)}.bg-\[linear-gradient\(90deg\,_rgba\(43\,_44\,_53\,_0\.06\)_39\.42\%\,_rgba\(110\,_121\,_150\,_0\.06\)_92\.9\%\)\]{background-image:linear-gradient(90deg,#2b2c350f 39.42%,#6e79960f 92.9%)}.bg-\[linear-gradient\(90deg\,_rgba\(255\,_214\,_90\,_0\.24\)_39\.42\%\,_rgba\(255\,_229\,_149\,_0\.24\)_92\.9\%\)\]{background-image:linear-gradient(90deg,#ffd65a3d 39.42%,#ffe5953d 92.9%)}.bg-\[linear-gradient\(90deg\,rgba\(157\,153\,148\,0\.7\)_39\.42\%\,rgba\(197\,197\,185\,0\.7\)_92\.9\%\)\]{background-image:linear-gradient(90deg,#9d9994b3 39.42%,#c5c5b9b3 92.9%)}.bg-\[linear-gradient\(180deg\,_\#f2f2f2_69\.59\%\,_\#ededed_100\%\)\]{background-image:linear-gradient(#f2f2f2 69.59%,#ededed)}.bg-\[linear-gradient\(180deg\,_\#f9f9f9_69\.59\%\,_\#ededed_100\%\)\]{background-image:linear-gradient(#f9f9f9 69.59%,#ededed)}.from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--color-black)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-\[100\%_8px\]{background-position:100% 8px}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-\[\#222222\],.fill-\[\#222\]{fill:#222}.fill-\[\#E0E0E0\]{fill:#e0e0e0}.fill-\[\#f8f8f8\]{fill:#f8f8f8}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.p-\[20px\]{padding:20px}.p-\[24px\]{padding:24px}.p-\[28px\]{padding:28px}.p-\[30px\]{padding:30px}.p-\[40px\]{padding:40px}.p-\[48px\]{padding:48px}.\!px-\[24px\]{padding-inline:24px!important}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[12px\]{padding-inline:12px}.px-\[14px\]{padding-inline:14px}.px-\[16px\]{padding-inline:16px}.px-\[20px\]{padding-inline:20px}.px-\[24px\]{padding-inline:24px}.px-\[25px\]{padding-inline:25px}.px-\[28px\]{padding-inline:28px}.px-\[32px\]{padding-inline:32px}.py-2{padding-block:calc(var(--spacing)*2)}.py-\[4px\]{padding-block:4px}.py-\[8px\]{padding-block:8px}.py-\[12px\]{padding-block:12px}.py-\[14px\]{padding-block:14px}.py-\[15px\]{padding-block:15px}.py-\[24px\]{padding-block:24px}.py-\[30px\]{padding-block:30px}.py-\[32px\]{padding-block:32px}.py-\[48px\]{padding-block:48px}.py-\[90px\]{padding-block:90px}.py-\[96px\]{padding-block:96px}.\!pt-\[0\],.\!pt-\[0px\]{padding-top:0!important}.pt-\[14px\]{padding-top:14px}.pt-\[16px\]{padding-top:16px}.pt-\[24px\]{padding-top:24px}.pt-\[32px\]{padding-top:32px}.pt-\[45px\]{padding-top:45px}.pt-\[48px\]{padding-top:48px}.pt-\[90px\]{padding-top:90px}.pt-\[96px\]{padding-top:96px}.pt-\[161px\]{padding-top:161px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-\[10px\]{padding-right:10px}.pr-\[12px\]{padding-right:12px}.pr-\[16px\]{padding-right:16px}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-\[16px\]{padding-bottom:16px}.pb-\[24px\]{padding-bottom:24px}.pb-\[30px\]{padding-bottom:30px}.pb-\[45px\]{padding-bottom:45px}.pb-\[60px\]{padding-bottom:60px}.pb-\[90px\]{padding-bottom:90px}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-\[16px\]{padding-left:16px}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[48px\]{font-size:48px}.text-\[62px\]{font-size:62px}.text-\[150px\]{font-size:150px}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[100\%\]{--tw-leading:100%;line-height:100%}.leading-\[110\%\]{--tw-leading:110%;line-height:110%}.leading-\[115\%\]{--tw-leading:115%;line-height:115%}.leading-\[120\%\]{--tw-leading:120%;line-height:120%}.leading-\[125\%\]{--tw-leading:125%;line-height:125%}.leading-\[140\%\]{--tw-leading:140%;line-height:140%}.leading-\[141\%\]{--tw-leading:141%;line-height:141%}.leading-\[145\%\]{--tw-leading:145%;line-height:145%}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-\[195\%\]{--tw-leading:195%;line-height:195%}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-\[700\]{--tw-font-weight:700;font-weight:700}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.text-\[\#1f2937\]{color:#1f2937}.text-\[\#2b2c35\]{color:#2b2c35}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#6c6b6b\]{color:#6c6b6b}.text-\[\#222\]{color:#222}.text-\[\#E21E24\]{color:#e21e24}.text-\[\#e0e0e0\]{color:#e0e0e0}.text-\[\#f8f8f8\]{color:#f8f8f8}.text-\[\#fff\],.text-\[\#ffffff\]{color:#fff}.text-\[222\]{color:222}.text-black{color:var(--color-black)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.\!no-underline{text-decoration-line:none!important}.no-underline{text-decoration-line:none}.\!decoration-transparent{text-decoration-color:#0000!important}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\[0\]{opacity:0}.opacity-\[100\],.opacity-\[1\]{opacity:1}.shadow-\[0_1px_23px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{--tw-shadow:0 1px 23px 0 var(--tw-shadow-color,#100f0f08)}.shadow-\[0_1px_23px_0_rgba\(16\,_15\,_15\,_0\.03\)\],.shadow-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_32px_0_rgba\(16\,_15\,_15\,_0\.03\)\]{--tw-shadow:0 2px 32px 0 var(--tw-shadow-color,#100f0f08)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\[8px\]{--tw-backdrop-blur:blur(8px)}.backdrop-blur-\[8px\],.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[opacity\,visibility\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[transform\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));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-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-shadow{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[180ms\]{--tw-duration:.18s;transition-duration:.18s}.duration-\[500ms\]{--tw-duration:.5s;transition-duration:.5s}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[\#e21e24\]:is(:where(.group):hover *){color:#e21e24}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\:opacity-\[100\%\]:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-\[0_4px_48px_0_rgba\(16\,_15\,_15\,_0\.1\)\]:is(:where(.group):hover *){--tw-shadow:0 4px 48px 0 var(--tw-shadow-color,#100f0f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-\[-10px\]:before{content:var(--tw-content);top:-10px}.before\:right-\[-10px\]:before{content:var(--tw-content);right:-10px}.before\:bottom-\[-10px\]:before{bottom:-10px;content:var(--tw-content)}.before\:left-\[-10px\]:before{content:var(--tw-content);left:-10px}.before\:-z-10:before{content:var(--tw-content);z-index:-10}.before\:h-\[76px\]:before{content:var(--tw-content);height:76px}.before\:w-\[76px\]:before{content:var(--tw-content);width:76px}.before\:bg-gradient-to-r:before{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));content:var(--tw-content)}.before\:from-\[\#2B2C35\]:before{--tw-gradient-from:#2b2c35;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));content:var(--tw-content)}.before\:from-\[39\.4\%\]:before{--tw-gradient-from-position:39.4%;content:var(--tw-content)}.before\:to-\[\#6E7996\]:before{--tw-gradient-to:#6e7996;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));content:var(--tw-content)}.before\:to-\[92\.9\%\]:before{--tw-gradient-to-position:92.9%;content:var(--tw-content)}.before\:opacity-\[0\.62\]:before{content:var(--tw-content);opacity:.62}.before\:blur-\[7px\]:before{--tw-blur:blur(7px);content:var(--tw-content);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,)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-\[\#e21e24\]:hover{border-color:#e21e24}.hover\:border-b-\[\#e21e24\]:hover{border-bottom-color:#e21e24}.hover\:bg-\[\#2563eb\]:hover{background-color:#2563eb}.hover\:bg-\[\#e01c1b\]:hover{background-color:#e01c1b}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-\[\#9d9994\]:hover{color:#9d9994}.hover\:text-\[\#222\]:hover{color:#222}.hover\:text-\[\#555\]:hover{color:#555}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:\!no-underline:hover{text-decoration-line:none!important}.hover\:no-underline:hover{text-decoration-line:none}.hover\:\!decoration-inherit:hover{text-decoration-color:inherit!important}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000}.hover\:shadow-none:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#3b82f6\]:focus{--tw-ring-color:#3b82f6}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width<1330px){.max-\[1330px\]\:text-\[36px\]{font-size:36px}}@media (width<1300px){.max-\[1300px\]\:\!mx-auto{margin-inline:auto!important}.max-\[1300px\]\:mx-auto{margin-inline:auto}.max-\[1300px\]\:h-\[360px\]{height:360px}.max-\[1300px\]\:h-auto{height:auto}.max-\[1300px\]\:w-full{width:100%}.max-\[1300px\]\:max-w-full{max-width:100%}.max-\[1300px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1300px\]\:gap-0{gap:calc(var(--spacing)*0)}.max-\[1300px\]\:gap-\[16px\]{gap:16px}.max-\[1300px\]\:gap-\[24px\]{gap:24px}:where(.max-\[1300px\]\:divide-none>:not(:last-child)){--tw-border-style:none;border-style:none}.max-\[1300px\]\:p-0{padding:calc(var(--spacing)*0)}}@media (width<1250px){.max-\[1250px\]\:block{display:block}.max-\[1250px\]\:hidden{display:none}.max-\[1250px\]\:h-\[30px\]{height:30px}.max-\[1250px\]\:w-\[30px\]{width:30px}}@media (width<1200px){.max-\[1200px\]\:ml-auto{margin-left:auto}.max-\[1200px\]\:block{display:block}.max-\[1200px\]\:flex{display:flex}.max-\[1200px\]\:hidden{display:none}.max-\[1200px\]\:flex-col{flex-direction:column}.max-\[1200px\]\:items-center{align-items:center}.max-\[1200px\]\:justify-start{justify-content:flex-start}.max-\[1200px\]\:gap-\[12px\]{gap:12px}}@media (width<1140px){.max-\[1140px\]\:gap-\[8px\]{gap:8px}}@media (width<1100px){.max-\[1100px\]\:mt-0{margin-top:calc(var(--spacing)*0)}.max-\[1100px\]\:mt-\[16px\]{margin-top:16px}.max-\[1100px\]\:flex{display:flex}.max-\[1100px\]\:hidden{display:none}.max-\[1100px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1100px\]\:flex-col{flex-direction:column}.max-\[1100px\]\:text-\[16px\]{font-size:16px}}@media (width<1050px){.max-\[1050px\]\:static{position:static}.max-\[1050px\]\:col-span-2{grid-column:span 2/span 2}.max-\[1050px\]\:\!mx-auto{margin-inline:auto!important}.max-\[1050px\]\:mx-auto{margin-inline:auto}.max-\[1050px\]\:mt-\[16px\]{margin-top:16px}.max-\[1050px\]\:mt-\[32px\]{margin-top:32px}.max-\[1050px\]\:block{display:block}.max-\[1050px\]\:flex{display:flex}.max-\[1050px\]\:grid{display:grid}.max-\[1050px\]\:hidden{display:none}.max-\[1050px\]\:h-\[83px\]{height:83px}.max-\[1050px\]\:h-\[320px\]{height:320px}.max-\[1050px\]\:h-\[326px\]{height:326px}.max-\[1050px\]\:h-\[360px\]{height:360px}.max-\[1050px\]\:h-\[380px\]{height:380px}.max-\[1050px\]\:h-auto{height:auto}.max-\[1050px\]\:max-h-\[274px\]{max-height:274px}.max-\[1050px\]\:min-h-auto{min-height:auto}.max-\[1050px\]\:w-\[30px\]{width:30px}.max-\[1050px\]\:w-\[calc\(50\%-6px\)\]{width:calc(50% - 6px)}.max-\[1050px\]\:w-\[calc\(100\%\+20px\)\]{width:calc(100% + 20px)}.max-\[1050px\]\:max-w-full{max-width:100%}.max-\[1050px\]\:min-w-\[120px\]{min-width:120px}.max-\[1050px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1050px\]\:flex-col{flex-direction:column}.max-\[1050px\]\:flex-col-reverse{flex-direction:column-reverse}.max-\[1050px\]\:flex-row{flex-direction:row}.max-\[1050px\]\:flex-nowrap{flex-wrap:nowrap}.max-\[1050px\]\:place-content-center{place-content:center}.max-\[1050px\]\:items-center{align-items:center}.max-\[1050px\]\:justify-between{justify-content:space-between}.max-\[1050px\]\:justify-center{justify-content:center}.max-\[1050px\]\:justify-start{justify-content:flex-start}.max-\[1050px\]\:gap-\[8px\]{gap:8px}.max-\[1050px\]\:gap-\[12px\]{gap:12px}.max-\[1050px\]\:gap-\[16px\]{gap:16px}.max-\[1050px\]\:gap-\[20px\]{gap:20px}.max-\[1050px\]\:gap-\[24px\]{gap:24px}.max-\[1050px\]\:\!bg-none{background-image:none!important}.max-\[1050px\]\:p-0{padding:calc(var(--spacing)*0)}.max-\[1050px\]\:p-\[20px\]{padding:20px}.max-\[1050px\]\:p-\[24px\]{padding:24px}.max-\[1050px\]\:py-\[0\]{padding-block:0}.max-\[1050px\]\:text-\[14px\]{font-size:14px}.max-\[1050px\]\:text-\[16px\]{font-size:16px}.max-\[1050px\]\:text-\[18px\]{font-size:18px}.max-\[1050px\]\:text-\[20px\]{font-size:20px}.max-\[1050px\]\:text-\[24px\]{font-size:24px}.max-\[1050px\]\:text-\[28px\]{font-size:28px}.max-\[1050px\]\:text-\[30px\]{font-size:30px}.max-\[1050px\]\:text-\[36px\]{font-size:36px}.max-\[1050px\]\:text-\[48px\]{font-size:48px}.max-\[1050px\]\:font-\[500\]{--tw-font-weight:500;font-weight:500}.max-\[1050px\]\:whitespace-nowrap{white-space:nowrap}}@media (width<1000px){.max-\[1000px\]\:block{display:block}.max-\[1000px\]\:flex{display:flex}.max-\[1000px\]\:hidden{display:none}}@media (width<850px){.max-\[850px\]\:hidden{display:none}}@media (width<800px){.max-\[800px\]\:block{display:block}.max-\[800px\]\:hidden{display:none}}@media (width<768px){.max-\[768px\]\:top-\[-29px\]{top:-29px}.max-\[768px\]\:top-\[141px\]{top:141px}.max-\[768px\]\:bottom-\[8px\]{bottom:8px}.max-\[768px\]\:left-\[8px\]{left:8px}.max-\[768px\]\:order-1{order:1}.max-\[768px\]\:col-span-1{grid-column:span 1/span 1}.max-\[768px\]\:\!mx-\[-24px\]{margin-inline:-24px!important}.max-\[768px\]\:mx-0{margin-inline:calc(var(--spacing)*0)}.max-\[768px\]\:mx-auto{margin-inline:auto}.max-\[768px\]\:\!mt-\[-8px\]{margin-top:-8px!important}.max-\[768px\]\:mt-0{margin-top:calc(var(--spacing)*0)}.max-\[768px\]\:mt-\[8px\]{margin-top:8px}.max-\[768px\]\:mt-\[10px\]{margin-top:10px}.max-\[768px\]\:mt-\[14px\]{margin-top:14px}.max-\[768px\]\:mt-\[16px\]{margin-top:16px}.max-\[768px\]\:mt-\[24px\]{margin-top:24px}.max-\[768px\]\:mt-\[40px\]{margin-top:40px}.max-\[768px\]\:mb-\[12px\]{margin-bottom:12px}.max-\[768px\]\:mb-\[24px\]{margin-bottom:24px}.max-\[768px\]\:ml-0{margin-left:calc(var(--spacing)*0)}.max-\[768px\]\:block{display:block}.max-\[768px\]\:flex{display:flex}.max-\[768px\]\:hidden{display:none}.max-\[768px\]\:\!h-\[40px\]{height:40px!important}.max-\[768px\]\:\!h-\[60px\]{height:60px!important}.max-\[768px\]\:h-\[29px\]{height:29px}.max-\[768px\]\:h-\[32px\]{height:32px}.max-\[768px\]\:h-\[36px\]{height:36px}.max-\[768px\]\:h-\[41px\]{height:41px}.max-\[768px\]\:h-\[53px\]{height:53px}.max-\[768px\]\:h-\[59px\]{height:59px}.max-\[768px\]\:h-\[61px\]{height:61px}.max-\[768px\]\:h-\[180px\]{height:180px}.max-\[768px\]\:h-\[220px\]{height:220px}.max-\[768px\]\:h-\[240px\]{height:240px}.max-\[768px\]\:h-\[290px\]{height:290px}.max-\[768px\]\:h-\[352px\]{height:352px}.max-\[768px\]\:h-\[440px\]{height:440px}.max-\[768px\]\:h-\[510px\]{height:510px}.max-\[768px\]\:h-\[calc\(100vh-141px\)\]{height:calc(100vh - 141px)}.max-\[768px\]\:h-auto{height:auto}.max-\[768px\]\:h-full{height:100%}.max-\[768px\]\:min-h-\[70px\]{min-height:70px}.max-\[768px\]\:min-h-\[220px\]{min-height:220px}.max-\[768px\]\:w-\[93px\]{width:93px}.max-\[768px\]\:w-\[107px\]{width:107px}.max-\[768px\]\:w-\[327px\]{width:327px}.max-\[768px\]\:w-\[calc\(100\%\+48px\)\]{width:calc(100% + 48px)}.max-\[768px\]\:w-auto{width:auto}.max-\[768px\]\:w-full{width:100%}.max-\[768px\]\:max-w-\[60px\]{max-width:60px}.max-\[768px\]\:max-w-\[105px\]{max-width:105px}.max-\[768px\]\:max-w-\[180px\]{max-width:180px}.max-\[768px\]\:max-w-\[240px\]{max-width:240px}.max-\[768px\]\:max-w-\[327px\]{max-width:327px}.max-\[768px\]\:max-w-full{max-width:100%}.max-\[768px\]\:min-w-\[144px\]{min-width:144px}.max-\[768px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[768px\]\:flex-col{flex-direction:column}.max-\[768px\]\:flex-col-reverse{flex-direction:column-reverse}.max-\[768px\]\:flex-row{flex-direction:row}.max-\[768px\]\:flex-wrap{flex-wrap:wrap}.max-\[768px\]\:items-center{align-items:center}.max-\[768px\]\:items-start{align-items:flex-start}.max-\[768px\]\:justify-center{justify-content:center}.max-\[768px\]\:justify-start{justify-content:flex-start}.max-\[768px\]\:gap-0{gap:calc(var(--spacing)*0)}.max-\[768px\]\:gap-\[4px\]{gap:4px}.max-\[768px\]\:gap-\[6px\]{gap:6px}.max-\[768px\]\:gap-\[12px\]{gap:12px}.max-\[768px\]\:gap-\[16px\]{gap:16px}.max-\[768px\]\:gap-\[20px\]{gap:20px}.max-\[768px\]\:gap-\[24px\]{gap:24px}.max-\[768px\]\:rounded-\[16px\]{border-radius:16px}.max-\[768px\]\:p-\[12px\]{padding:12px}.max-\[768px\]\:p-\[20px\]{padding:20px}.max-\[768px\]\:\!px-\[14px\]{padding-inline:14px!important}.max-\[768px\]\:\!px-\[24px\]{padding-inline:24px!important}.max-\[768px\]\:px-\[12px\]{padding-inline:12px}.max-\[768px\]\:px-\[14px\]{padding-inline:14px}.max-\[768px\]\:px-\[15px\]{padding-inline:15px}.max-\[768px\]\:px-\[16px\]{padding-inline:16px}.max-\[768px\]\:px-\[20px\]{padding-inline:20px}.max-\[768px\]\:py-0{padding-block:calc(var(--spacing)*0)}.max-\[768px\]\:py-\[10px\]{padding-block:10px}.max-\[768px\]\:py-\[14px\]{padding-block:14px}.max-\[768px\]\:py-\[40px\]{padding-block:40px}.max-\[768px\]\:py-\[45px\]{padding-block:45px}.max-\[768px\]\:\!pt-\[8px\]{padding-top:8px!important}.max-\[768px\]\:pt-0{padding-top:calc(var(--spacing)*0)}.max-\[768px\]\:pt-\[20px\]{padding-top:20px}.max-\[768px\]\:pt-\[40px\]{padding-top:40px}.max-\[768px\]\:pt-\[45px\]{padding-top:45px}.max-\[768px\]\:pt-\[141px\]{padding-top:141px}.max-\[768px\]\:pb-\[20px\]{padding-bottom:20px}.max-\[768px\]\:pb-\[22px\]{padding-bottom:22px}.max-\[768px\]\:pb-\[32px\]{padding-bottom:32px}.max-\[768px\]\:pb-\[40px\]{padding-bottom:40px}.max-\[768px\]\:pb-\[45px\]{padding-bottom:45px}.max-\[768px\]\:\!text-\[15px\]{font-size:15px!important}@media (width<768px){.max-\[768px\]\:max-\[768px\]\:text-\[24px\]{font-size:24px}}.max-\[768px\]\:text-\[14px\]{font-size:14px}.max-\[768px\]\:text-\[15px\]{font-size:15px}.max-\[768px\]\:text-\[16px\]{font-size:16px}.max-\[768px\]\:text-\[18px\]{font-size:18px}.max-\[768px\]\:text-\[20px\]{font-size:20px}.max-\[768px\]\:text-\[24px\]{font-size:24px}.max-\[768px\]\:text-\[32px\]{font-size:32px}.max-\[768px\]\:text-\[34px\]{font-size:34px}.max-\[768px\]\:text-\[36px\]{font-size:36px}.max-\[768px\]\:text-\[42px\]{font-size:42px}.max-\[768px\]\:text-\[100px\]{font-size:100px}.max-\[768px\]\:font-\[500\]{--tw-font-weight:500;font-weight:500}.max-\[768px\]\:font-\[600\]{--tw-font-weight:600;font-weight:600}.max-\[768px\]\:whitespace-normal{white-space:normal}.max-\[768px\]\:text-\[\#fff\]{color:#fff}.max-\[768px\]\:shadow-\[0_4px_48px_0_rgba\(16\,_15\,_15\,_0\.1\)\]{--tw-shadow:0 4px 48px 0 var(--tw-shadow-color,#100f0f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (width<767px){.max-\[767px\]\:block{display:block}}@media (width<750px){.max-\[750px\]\:text-\[24px\]{font-size:24px}}@media (width<640px){.max-\[640px\]\:rounded-\[0\]{border-radius:0}}@media (width<550px){.max-\[550px\]\:max-w-\[240px\]{max-width:240px}.max-\[550px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<480px){.max-\[480px\]\:right-\[8px\]{right:8px}.max-\[480px\]\:bottom-\[8px\]{bottom:8px}.max-\[480px\]\:left-\[8px\]{left:8px}.max-\[480px\]\:p-\[16px\]{padding:16px}}@media (width>=768px){.min-\[768px\]\:right-\[16px\]{right:16px}.min-\[768px\]\:left-auto{left:auto}.min-\[768px\]\:block{display:block}}@media (width>=782px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:max-w-\[860px\]:where(.dark,.dark *){max-width:860px}.dark\:border:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:1px}.dark\:\!border-none:where(.dark,.dark *){--tw-border-style:none!important;border-style:none!important}.dark\:border-\[\#574348\]:where(.dark,.dark *){border-color:#574348}.dark\:border-\[rgba\(248\,_248\,_248\,_0\.2\)\]:where(.dark,.dark *){border-color:#f8f8f833}.dark\:border-\[rgba\(248\,_248\,_248\,_0\.5\)\]:where(.dark,.dark *){border-color:#f8f8f880}.dark\:border-transparent:where(.dark,.dark *){border-color:#0000}.dark\:border-white\/\[0\.05\]:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}.dark\:\!border-b-\[\#fff\]:where(.dark,.dark *){border-bottom-color:#fff!important}.dark\:\!bg-\[\#f8f8f8\]:where(.dark,.dark *){background-color:#f8f8f8!important}.dark\:bg-\[\#141419\]:where(.dark,.dark *){background-color:#141419}.dark\:bg-\[\#151419\]:where(.dark,.dark *){background-color:#151419}.dark\:bg-\[\#f4f4f4\]:where(.dark,.dark *){background-color:#f4f4f4}.dark\:bg-\[\#f8f8f8\]:where(.dark,.dark *){background-color:#f8f8f8}.dark\:bg-\[transparent\]:where(.dark,.dark *){background-color:#0000}.dark\:bg-inherit:where(.dark,.dark *){background-color:inherit}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-gradient-to-r:where(.dark,.dark *){--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.dark\:\!bg-none:where(.dark,.dark *){background-image:none!important}.dark\:bg-\[linear-gradient\(90deg\,_\#2b2c35_53\.4\%\,_\#4f5870_100\%\)\]:where(.dark,.dark *){background-image:linear-gradient(90deg,#2b2c35 53.4%,#4f5870)}.dark\:bg-\[linear-gradient\(90deg\,rgba\(248\,248\,248\,0\.04\)_65\.8\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]:where(.dark,.dark *){background-image:linear-gradient(90deg,#f8f8f80a 65.8%,#ffffff1f)}.dark\:bg-none:where(.dark,.dark *){background-image:none}.dark\:from-\[rgba\(248\,248\,248\,0\.55\)\]:where(.dark,.dark *){--tw-gradient-from:#f8f8f88c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-white:where(.dark,.dark *){--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:bg-clip-text:where(.dark,.dark *){-webkit-background-clip:text;background-clip:text}.dark\:fill-\[\#222222\]:where(.dark,.dark *){fill:#222}.dark\:fill-\[\#F8F8F8\]:where(.dark,.dark *){fill:#f8f8f8}.dark\:py-\[90px\]:where(.dark,.dark *){padding-block:90px}.dark\:text-\[42px\]:where(.dark,.dark *){font-size:42px}.dark\:text-\[\#6c6b6b\]:where(.dark,.dark *){color:#6c6b6b}.dark\:text-\[\#222\]:where(.dark,.dark *){color:#222}.dark\:text-\[\#F8F8F8\]:where(.dark,.dark *),.dark\:text-\[\#f8f8f8\]:where(.dark,.dark *){color:#f8f8f8}.dark\:text-\[\#fff\]:where(.dark,.dark *){color:#fff}.dark\:text-transparent:where(.dark,.dark *){color:#0000}.dark\:opacity-20:where(.dark,.dark *){opacity:.2}.dark\:backdrop-blur-\[20px\]:where(.dark,.dark *){--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media (hover:hover){.dark\:hover\:border-b-\[\#fff\]:where(.dark,.dark *):hover{border-bottom-color:#fff}.dark\:hover\:text-\[\#9d9994\]:where(.dark,.dark *):hover{color:#9d9994}.dark\:hover\:text-\[\#c7c7c7\]:where(.dark,.dark *):hover{color:#c7c7c7}.dark\:hover\:text-\[\#f8f8f8\]:where(.dark,.dark *):hover{color:#f8f8f8}}@media (width<768px){.dark\:max-\[768px\]\:py-\[45px\]:where(.dark,.dark *){padding-block:45px}.max-\[768px\]\:dark\:text-\[24px\]:where(.dark,.dark *){font-size:24px}}.\[\&_\.swiper-scrollbar-drag\]\:dark\:\!bg-\[\#989597\] .swiper-scrollbar-drag:where(.dark,.dark *){background-color:#989597!important}.\[\&_div\]\:text-\[\#222\] div{color:#222}.\[\&_div\]\:text-\[\#f8f8f8\] div{color:#f8f8f8}.\[\&_img\]\:w-\[294px\] img{width:294px}@media (width<768px){.max-\[768px\]\:\[\&_img\]\:w-\[196px\] img{width:196px}}.\[\&_p\]\:text-\[\#6c6b6b\] p{color:#6c6b6b}.\[\&_p\]\:text-\[\#bcbcc0\] p{color:#bcbcc0}@media (hover:hover){.hover\:\[\&_svg\]\:fill-\[\#e21e24\]:hover svg{fill:#e21e24}}.\[\&\>_img\]\:max-w-none>img{max-width:none}.\[\&\>_img\]\:transition>img{transition-duration:var(--tw-duration,var(--default-transition-duration));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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.\[\&\>_img\]\:group-hover\:rotate-\[45deg\]>img:is(:where(.group):hover *){rotate:45deg}}@media (width<768px){.max-\[768px\]\:\[\&\>_img\]\:hidden>img{display:none}.max-\[768px\]\:\[\&\>_img\]\:h-\[20px\]>img{height:20px}.max-\[768px\]\:\[\&\>_img\]\:w-\[20px\]>img{width:20px}.max-\[768px\]\:\[\&\>br\]\:hidden>br{display:none}}.\[\&\>img\]\:w-\[30px\]>img{width:30px}.\[\&\>img\]\:w-\[36px\]>img{width:36px}.\[\&\>img\]\:w-\[294px\]>img{width:294px}@media (hover:hover){.hover\:\[\&\>img\]\:brightness-150:hover>img{--tw-brightness:brightness(150%);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,)}}@media (width<768px){.max-\[768px\]\:\[\&\>img\]\:w-\[196px\]>img{width:196px}.max-\[768px\]\:\[\&\>img\]\:w-fit>img{width:-moz-fit-content;width:fit-content}}@media (hover:hover){.dark\:hover\:\[\&\>img\]\:brightness-90:where(.dark,.dark *):hover>img{--tw-brightness:brightness(90%);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,)}}.\[\&\>li\>a\]\:\!no-underline>li>a{text-decoration-line:none!important}.\[\&\>svg\]\:min-w-fit>svg{min-width:-moz-fit-content;min-width:fit-content}@media (hover:hover){.hover\:\[\&\>svg\]\:translate-x-\[6px\]:hover>svg{--tw-translate-x:6px;translate:var(--tw-translate-x)var(--tw-translate-y)}}}body,html{color:#222;font-family:var(--font-family-sans)}.red-gradient{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.grey-gradient,.grey-gradient-hover{background:linear-gradient(90deg,#9d9994 39.42%,#c5c5b9 92.9%)}.grey-gradient-hover{background-size:101%!important;transition:background .18s ease-in-out}.grey-gradient-hover:hover{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.dark .grey-gradient-hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(90deg,#2b2c35 39.42%,#6e7996 92.9%);border:1px solid #f8f8f81f;box-shadow:0 2px 32px #100f0f08;transition:background .18s cubic-bezier(.4,0,.2,1)}.dark .grey-gradient-hover:hover{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%),linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%)}.red-gradient-hover{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%) 0 0/177% 100%}.red-gradient-hover,.red-gradient-hover:hover{transition:background-position .18s cubic-bezier(.4,0,.2,1)}.red-gradient-hover:hover{background-position:39.42% 0}.dark-gradient-hover{background:linear-gradient(90deg,#2b2c35,#6e7996 53.48%) 0 0/177% 100%}.dark-gradient-hover,.dark-gradient-hover:hover{transition:background-position .18s cubic-bezier(.4,0,.2,1)}.dark-gradient-hover:hover{background-position:39.42% 0}.radial-gradient{background:linear-gradient(#f2f2f2 69.59%,#ededed)}.header-gradient{background:linear-gradient(#f9f9f9 69.59%,#ededed)}.small-shadow{box-shadow:0 2px 32px #100f0f08}.dark-gradient{background:linear-gradient(90deg,#2b2c35 53.4%,#4f5870)}#fluentform_4 .ff-el-form-control,#fluentform_5 .ff-el-form-control{background:#fff;border:none;border-radius:90px;box-shadow:0 2px 32px #100f0f08;color:#6c6b6b;font-size:16px;font-weight:500;height:77px;line-height:130%;outline:1px solid #0000;padding-left:32px;padding-right:32px}#fluentform_4 .ff-btn-submit,#fluentform_5 .ff-btn-submit{background:linear-gradient(90deg,#e21e24 39.42%,#ff2f35 92.9%);border-radius:90px;color:#f8f8f8;cursor:pointer;display:grid;font-size:18px;font-weight:600;height:75px;line-height:195%;place-content:center;transition:all .18s ease-in;width:100%}@media (width<=1049px){#fluentform_4 .ff-btn-submit,#fluentform_4 .ff-el-form-control,#fluentform_5 .ff-btn-submit,#fluentform_5 .ff-el-form-control{font-size:16px;height:69px}}#fluentform_4 .ff-btn-submit:hover,#fluentform_5 .ff-btn-submit:hover{font-weight:700;transition:all .18s ease-in}#fluentform_4 .ff_submit_btn_wrapper,#fluentform_5 .ff_submit_btn_wrapper{margin-bottom:0!important}#fluentform_4 .error.text-danger,#fluentform_5 .error.text-danger{bottom:-18px;left:0;margin-top:0;position:absolute;text-align:center;width:100%}#fluentform_4 .ff-el-group,#fluentform_5 .ff-el-group{margin-bottom:18px;position:relative}#fluentform_4_success,#fluentform_5_success{display:none!important}#fluentform_4 .ff-el-input--label,#fluentform_5 .ff-el-input--label{color:#6c6b6b;font-size:16px;font-weight:500;left:32px;line-height:130%;margin:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .18s ease-in-out;z-index:2}#fluentform_4 .ff-el-group.focused .ff-el-input--label,#fluentform_4 .ff-el-group.has-value .ff-el-input--label,#fluentform_5 .ff-el-group.focused .ff-el-input--label,#fluentform_5 .ff-el-group.has-value .ff-el-input--label{font-size:14px;top:6px;transform:translateY(0);transition:all .18s ease-in-out}#fluentform_4 .ff-el-tc,#fluentform_5 .ff-el-tc{color:#6c6b6b!important;font-size:16px!important;font-weight:500!important;line-height:145%!important;margin-bottom:0!important;margin-top:32px!important}@media (width<=1047px){#fluentform_4 .ff-el-tc,#fluentform_5 .ff-el-tc{font-size:12px!important;margin-top:16px!important}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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:0}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""} diff --git a/footer.php b/footer.php index d3f52e1..e241ce7 100644 --- a/footer.php +++ b/footer.php @@ -14,20 +14,7 @@ - - +
diff --git a/functions.php b/functions.php index e4039bc..d08b436 100644 --- a/functions.php +++ b/functions.php @@ -43,8 +43,8 @@ add_action( 'after_setup_theme', 'tailpress_setup' ); function tailpress_enqueue_scripts() { $theme = wp_get_theme(); - wp_enqueue_style( 'tailpress', tailpress_asset( 'css/app.css' ), array(), $theme->get( 'Version' ) ); - wp_enqueue_script( 'tailpress', tailpress_asset( 'js/app.js' ), array(), $theme->get( 'Version' ) ); + wp_enqueue_style( 'tailpress', tailpress_asset( 'css/app.css' ), array(), '0.3' ); + wp_enqueue_script( 'tailpress', tailpress_asset( 'js/app.js' ), array(), '0.3' ); } add_action( 'wp_enqueue_scripts', 'tailpress_enqueue_scripts' ); @@ -196,6 +196,10 @@ function get_simple_menu_items($menu_name = 'Шапка сайта') { $simple_items = array(); foreach ($menu_items as $item) { + if ($current_lang === 'gym' && $item->type === 'post_type_archive' && $item->object === 'training') { + continue; + } + $url = $item->url; $title = $clean_title($item->title); @@ -248,4 +252,268 @@ function add_dark_class_to_editor() { add_action('admin_head', 'add_dark_class_to_editor'); +function create_archive_acf_pages() { + if (!function_exists('acf_add_options_sub_page')) { + return; + } + // Получаем все кастомные типы записей с архивами + $post_types = get_post_types(array( + 'public' => true, + 'has_archive' => true, + '_builtin' => false + ), 'objects'); + + foreach ($post_types as $post_type) { + acf_add_options_sub_page(array( + 'page_title' => 'Настройки страницы ' . $post_type->labels->name, + 'menu_title' => 'Настройки страницы', + 'menu_slug' => $post_type->name . '-archive-settings', + 'parent_slug' => 'edit.php?post_type=' . $post_type->name, + 'capability' => 'edit_posts', + )); + } +} +add_action('acf/init', 'create_archive_acf_pages'); + + +function register_archive_acf_fields() { + if (!function_exists('acf_add_local_field_group')) { + return; + } + + + $languages = get_archive_languages(); + + $post_types = get_post_types(array( + 'public' => true, + 'has_archive' => true, + '_builtin' => false + ), 'objects'); + + foreach ($post_types as $post_type) { + register_fields_for_archive($post_type, $languages); + } +} +add_action('acf/init', 'register_archive_acf_fields'); + +function get_archive_languages() { + if (function_exists('pll_languages_list')) { + $languages = array(); + $pll_languages = pll_languages_list(array('fields' => array())); + + foreach ($pll_languages as $lang) { + $languages[$lang->slug] = $lang->name; + } + + return $languages; + } + + return array( + 'gym' => 'gym зал', + 'fitness' => 'fitness зал' + ); +} + +function register_fields_for_archive($post_type, $languages) { + $post_type_name = $post_type->name; + $post_type_label = $post_type->labels->name; + + $fields = array(); + + foreach ($languages as $lang_code => $lang_name) { + $fields[] = array( + 'key' => 'field_tab_' . $post_type_name . '_' . $lang_code, + 'label' => $lang_name, + 'type' => 'tab', + 'placement' => 'top', + ); + + // Поля для этого языка + $fields[] = array( + 'key' => 'field_' . $post_type_name . '_h1_text_' . $lang_code, + 'label' => 'Заголовок H1', + 'name' => $post_type_name . '_h1_text_' . $lang_code, + 'type' => 'wysiwyg', + 'toolbar' => 'basic', + 'media_upload' => 0, + 'delay' => 0, + ); + + $fields[] = array( + 'key' => 'field_' . $post_type_name . '_subtitle_' . $lang_code, + 'label' => 'Подзаголовок', + 'name' => $post_type_name . '_subtitle_' . $lang_code, + 'type' => 'textarea', + 'rows' => 3, + ); + + if ($post_type_name === 'trainer') { + $fields[] = array( + 'key' => 'field_' . $post_type_name . '_team_photo_' . $lang_code, + 'label' => 'Фото команды', + 'name' => $post_type_name . '_team_photo_' . $lang_code, + 'type' => 'image', + 'return_format' => 'array', + 'preview_size' => 'medium', + ); + + $fields[] = array( + 'key' => 'field_' . $post_type_name . '_description_' . $lang_code, + 'label' => 'Описание страницы', + 'name' => $post_type_name . '_description_' . $lang_code, + 'type' => 'textarea', + 'rows' => 5, + ); + } + } + + acf_add_local_field_group(array( + 'key' => 'group_' . $post_type_name . '_archive', + 'title' => 'Настройки страницы ' . $post_type_label, + 'fields' => $fields, + 'location' => array( + array( + array( + 'param' => 'options_page', + 'operator' => '==', + 'value' => $post_type_name . '-archive-settings', + ), + ), + ), + )); +} + +function get_archive_field($post_type, $field_name, $default = '') { + if (!function_exists('get_field')) { + return $default; + } + + $current_lang = function_exists('pll_current_language') ? pll_current_language() : 'ru'; + $field_key = $post_type . '_' . $field_name . '_' . $current_lang; + + $value = get_field($field_key, 'option'); + + return $value ? $value : $default; +} + + + +function checkTelForSpam($phone_value) +{ + + $clean_phone = preg_replace('/\D/', '', $phone_value); + + + if (substr($clean_phone, 0, 1) === '8') { + $clean_phone = '7' . substr($clean_phone, 1); + } + + + if (strlen($clean_phone) !== 11 || substr($clean_phone, 0, 1) !== '7') { + return false; + } + + return true; +} + +function maspik_custom_validate_fluentforms_tel($errorMessage, $field, $formData, $fields, $form) +{ + $fieldName = $field['name']; + + if (empty($formData[$fieldName])) { + return $errorMessage; + } + + $field_value = $formData[$fieldName]; + + $valid = checkTelForSpam($field_value); + + if (!$valid) { + $errorMessage = "Введите корректный номер телефона"; + } + + return $errorMessage; +} + +add_filter('fluentform/validate_input_item_phone', 'maspik_custom_validate_fluentforms_tel', 10, 5); + + + +function cookie_popup_enqueue_scripts() { + wp_enqueue_script('jquery'); + + $custom_css = " + .page-block-shadow { + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08); + background: rgba(255, 255, 255, 0.95); + backdrop-filter: blur(10px); + } + + .red-button-shadow { + box-shadow: 0 4px 16px rgba(224, 30, 46, 0.25), 0 2px 4px rgba(224, 30, 46, 0.1); + transition: all 0.2s ease; + } + + .red-button-shadow:hover { + box-shadow: 0 6px 20px rgba(224, 30, 46, 0.35), 0 3px 6px rgba(224, 30, 46, 0.15); + transform: translateY(-1px); + } + + .red-button-shadow:active { + transform: translateY(0); + box-shadow: 0 2px 8px rgba(224, 30, 46, 0.3); + } + "; + wp_add_inline_style('wp-block-library', $custom_css); +} +add_action('wp_enqueue_scripts', 'cookie_popup_enqueue_scripts'); + +function cookie_popup_html() { + ?> +
+
+ Мы используем файлы cookie  чтобы сайт работал быстрее. +
+ +
+ + + \ No newline at end of file diff --git a/header.php b/header.php index 7bea5cb..70f78fb 100644 --- a/header.php +++ b/header.php @@ -9,7 +9,9 @@ + " id="site-header"> -
+
-
+
- -
+
+ + Переключайте
формат
+
+

г. Томск,

ул. Красноармейская, 120

-
+

Пн–Пт: 7:00 – 23:00

Сб–Вс: 9:00 – 22:00

- - 'primary-menu', - 'container_class' => 'hidden bg-gray-100 mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block', - 'menu_class' => 'lg:flex lg:-mx-4', - 'theme_location' => 'primary', - 'li_class' => 'lg:mx-4', - 'fallback_cb' => false, - ) - ); - */ ?> +
-
-
+ + -
> -
+
-
- -
-
-

- -

- -

- Очень скоро с вами свяжется наш отдел заботы, чтобы ответить на все - интересующие - вопросы.

+ +
+ name; + $h1_text = get_archive_field($post_type, 'h1_text'); + $subtitle = get_archive_field($post_type, 'subtitle'); + if ($h1_text) { + $show_layout = true; + } + } elseif (get_field('h1_text')) { + $h1_text = get_field('h1_text'); + $show_layout = true; + } + + if ($show_layout): ?> +
+
+

+ +

+ + +

+ +

+ + +

+ Очень скоро с вами свяжется наш отдел заботы, чтобы ответить на все + интересующие + вопросы.

+ +
+ +
+
+
45+
+ decoration +
+
+ групповых и персональных тренировок +
+
+
- -
- + ?> +
+ - - + if (is_post_type_archive()) { + $post_type = get_queried_object()->name; + $title = get_archive_field($post_type, 'h1_text'); - -
+ if (!$title) { + $post_type_obj = get_queried_object(); + $title = $post_type_obj->labels->name; + } + } else { + $title = trim(preg_replace('/\s*\([^)]*\)/', '', get_the_title())); + } + ?> +

+ +

+ +
+
-
{ // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./resources/css/app.css": -/*!*******************************!*\ - !*** ./resources/css/app.css ***! - \*******************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./resources/css/editor-style.css": -/*!****************************************!*\ - !*** ./resources/css/editor-style.css ***! - \****************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./resources/js/app.js": -/*!*****************************!*\ - !*** ./resources/js/app.js ***! - \*****************************/ -/***/ (() => { - -/* -document.addEventListener('DOMContentLoaded', function() { - const header = document.getElementById('site-header'); - const main = document.getElementById('main-content'); - - function updateMainPadding() { - const headerHeight = header.offsetHeight; - main.style.paddingTop = headerHeight + 'px'; - - // Показываем контент с плавной анимацией - main.classList.remove('opacity-0'); - } - - updateMainPadding(); - window.addEventListener('resize', updateMainPadding); -});*/ - -// Используем делегирование событий для динамически загружаемых форм -document.addEventListener('DOMContentLoaded', function () { - // Делегирование для focus события - document.addEventListener('focus', function (e) { - if (e.target.matches('#fluentform_4 .ff-el-form-control')) { - var group = e.target.closest('.ff-el-group'); - if (group) group.classList.add('focused'); - } - }, true); // используем capture phase - - // Делегирование для blur события - document.addEventListener('blur', function (e) { - if (e.target.matches('#fluentform_4 .ff-el-form-control')) { - var group = e.target.closest('.ff-el-group'); - if (group) group.classList.remove('focused'); - } - }, true); - - // Делегирование для input события - document.addEventListener('input', function (e) { - // Обычные поля формы - if (e.target.matches('#fluentform_4 .ff-el-form-control')) { - var group = e.target.closest('.ff-el-group'); - if (group) { - if (e.target.value.trim() !== '') { - group.classList.add('has-value'); - } else { - group.classList.remove('has-value'); - } - } - } - - // Форматирование телефона - if (e.target.matches('#fluentform_4 .ff-el-phone')) { - formatPhoneNumber(e); - } - }); - - // Делегирование для keydown события (для телефона) - document.addEventListener('keydown', function (e) { - if (e.target.matches('#fluentform_4 .ff-el-phone')) { - handlePhoneKeydown(e); - } - }); - - // Функция форматирования телефона - function formatPhoneNumber(e) { - var value = e.target.value.replace(/\D/g, ''); - - // Заменяем 8 на 7 - if (value.startsWith('8')) { - value = '7' + value.slice(1); - } - - // Добавляем 7 если нет - if (!value.startsWith('7') && value.length > 0) { - value = '7' + value; - } - var formattedValue = ''; - if (value.length > 0) { - formattedValue = '+7'; - if (value.length > 1) { - formattedValue += ' (' + value.slice(1, 4); - if (value.length > 4) { - formattedValue += ') ' + value.slice(4, 7); - if (value.length > 7) { - formattedValue += '-' + value.slice(7, 9); - if (value.length > 9) { - formattedValue += '-' + value.slice(9, 11); - } - } - } - } - } - e.target.value = formattedValue; - } - - // Функция обработки клавиш для телефона - function handlePhoneKeydown(e) { - if (e.key === 'Backspace' || e.key === 'Delete') { - var cursorPos = e.target.selectionStart; - var value = e.target.value; - if (cursorPos > 0 && [' ', '(', ')', '-'].includes(value[cursorPos - 1])) { - setTimeout(function () { - e.target.setSelectionRange(cursorPos - 1, cursorPos - 1); - }, 0); - } - } - } -}); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = __webpack_modules__; -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/chunk loaded */ -/******/ (() => { -/******/ var deferred = []; -/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => { -/******/ if(chunkIds) { -/******/ priority = priority || 0; -/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1]; -/******/ deferred[i] = [chunkIds, fn, priority]; -/******/ return; -/******/ } -/******/ var notFulfilled = Infinity; -/******/ for (var i = 0; i < deferred.length; i++) { -/******/ var [chunkIds, fn, priority] = deferred[i]; -/******/ var fulfilled = true; -/******/ for (var j = 0; j < chunkIds.length; j++) { -/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) { -/******/ chunkIds.splice(j--, 1); -/******/ } else { -/******/ fulfilled = false; -/******/ if(priority < notFulfilled) notFulfilled = priority; -/******/ } -/******/ } -/******/ if(fulfilled) { -/******/ deferred.splice(i--, 1) -/******/ var r = fn(); -/******/ if (r !== undefined) result = r; -/******/ } -/******/ } -/******/ return result; -/******/ }; -/******/ })(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ (() => { -/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) -/******/ })(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ (() => { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = (exports) => { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ })(); -/******/ -/******/ /* webpack/runtime/jsonp chunk loading */ -/******/ (() => { -/******/ // no baseURI -/******/ -/******/ // object to store loaded and loading chunks -/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched -/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded -/******/ var installedChunks = { -/******/ "/js/app": 0, -/******/ "css/editor-style": 0, -/******/ "css/app": 0 -/******/ }; -/******/ -/******/ // no chunk on demand loading -/******/ -/******/ // no prefetching -/******/ -/******/ // no preloaded -/******/ -/******/ // no HMR -/******/ -/******/ // no HMR manifest -/******/ -/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0); -/******/ -/******/ // install a JSONP callback for chunk loading -/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => { -/******/ var [chunkIds, moreModules, runtime] = data; -/******/ // add "moreModules" to the modules object, -/******/ // then flag all "chunkIds" as loaded and fire callback -/******/ var moduleId, chunkId, i = 0; -/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) { -/******/ for(moduleId in moreModules) { -/******/ if(__webpack_require__.o(moreModules, moduleId)) { -/******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; -/******/ } -/******/ } -/******/ if(runtime) var result = runtime(__webpack_require__); -/******/ } -/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); -/******/ for(;i < chunkIds.length; i++) { -/******/ chunkId = chunkIds[i]; -/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { -/******/ installedChunks[chunkId][0](); -/******/ } -/******/ installedChunks[chunkId] = 0; -/******/ } -/******/ return __webpack_require__.O(result); -/******/ } -/******/ -/******/ var chunkLoadingGlobal = self["webpackChunktailpress"] = self["webpackChunktailpress"] || []; -/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); -/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); -/******/ })(); -/******/ -/************************************************************************/ -/******/ -/******/ // startup -/******/ // Load entry module and return exports -/******/ // This entry module depends on other loaded chunks and execution need to be delayed -/******/ __webpack_require__.O(undefined, ["css/editor-style","css/app"], () => (__webpack_require__("./resources/js/app.js"))) -/******/ __webpack_require__.O(undefined, ["css/editor-style","css/app"], () => (__webpack_require__("./resources/css/app.css"))) -/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["css/editor-style","css/app"], () => (__webpack_require__("./resources/css/editor-style.css"))) -/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__); -/******/ -/******/ })() -; \ No newline at end of file +(()=>{var e,t={547:()=>{},566:()=>{},988:()=>{document.addEventListener("DOMContentLoaded",(function(){function e(){var e=document.querySelectorAll("[data-scroll-section]"),t=window.scrollY+100;e.forEach((function(s){var n=s.offsetTop,o=n+s.offsetHeight;t>=n&&t1&&void 0!==arguments[1]?arguments[1]:{},s=t.offset,n=void 0===s?80:s,o=t.behavior,r=void 0===o?"smooth":o;if(t.block,e){var i=e.offsetTop,a=Math.max(0,i-n);window.scrollTo({top:a,behavior:r})}}(t,{offset:80,behavior:"smooth"}),document.querySelectorAll("[data-scroll-section]").forEach((function(e){e.classList.remove("scroll-active")})),t.classList.add("scroll-active")}else console.warn('Секция с data-scroll-section="'.concat(e,'" не найдена'))}}))})),window.addEventListener("scroll",(function(){clearTimeout(t),t=setTimeout(e,100)}))})),document.addEventListener("DOMContentLoaded",(function(){document.addEventListener("focus",(function(e){if(e.target.matches("#fluentform_4 .ff-el-form-control")){var t=e.target.closest(".ff-el-group");t&&t.classList.add("focused")}}),!0),document.addEventListener("blur",(function(e){if(e.target.matches("#fluentform_4 .ff-el-form-control")){var t=e.target.closest(".ff-el-group");t&&t.classList.remove("focused")}}),!0),document.addEventListener("input",(function(e){if(e.target.matches("#fluentform_4 .ff-el-form-control")){var t=e.target.closest(".ff-el-group");t&&(""!==e.target.value.trim()?t.classList.add("has-value"):t.classList.remove("has-value"))}e.target.matches("#fluentform_4 .ff-el-phone")&&function(e){var t=e.target.value.replace(/\D/g,"");t.startsWith("8")&&(t="7"+t.slice(1));!t.startsWith("7")&&t.length>0&&(t="7"+t);var s="";t.length>0&&(s="+7",t.length>1&&(s+=" ("+t.slice(1,4),t.length>4&&(s+=") "+t.slice(4,7),t.length>7&&(s+="-"+t.slice(7,9),t.length>9&&(s+="-"+t.slice(9,11))))));e.target.value=s}(e)})),document.addEventListener("keydown",(function(e){e.target.matches("#fluentform_4 .ff-el-phone")&&function(e){if("Backspace"===e.key||"Delete"===e.key){var t=e.target.selectionStart,s=e.target.value;t>0&&[" ","(",")","-"].includes(s[t-1])&&setTimeout((function(){e.target.setSelectionRange(t-1,t-1)}),0)}}(e)}))})),document.addEventListener("DOMContentLoaded",(function(){var e={burger:null,overlay:null,container:null,isOpen:!1,init:function(){this.burger=document.getElementById("burger"),this.overlay=document.getElementById("menu-overlay"),this.container=document.getElementById("menu-container"),this.burger&&this.overlay&&this.container&&this.bindEvents()},bindEvents:function(){var e=this;this.burger.addEventListener("click",(function(){e.isOpen?e.close():e.open()})),this.overlay.addEventListener("click",(function(t){t.target===e.overlay&&e.close()})),document.addEventListener("keydown",(function(t){"Escape"===t.key&&e.isOpen&&e.close()}))},open:function(){this.isOpen||(this.isOpen=!0,this.animateBurger(!0),this.showMenu())},close:function(){this.isOpen&&(this.isOpen=!1,this.animateBurger(!1),this.hideMenu())},animateBurger:function(e){var t=this.burger.querySelector(".line-1"),s=this.burger.querySelector(".line-2"),n=this.burger.querySelector(".line-3");e?(t.classList.remove("-translate-y-[6px]"),t.classList.add("rotate-[45deg]"),s.classList.add("opacity-[0]"),n.classList.remove("translate-y-[6px]"),n.classList.add("-rotate-[45deg]")):(t.classList.add("-translate-y-[6px]"),t.classList.remove("rotate-[45deg]"),s.classList.remove("opacity-[0]"),n.classList.add("translate-y-[6px]"),n.classList.remove("-rotate-[45deg]"))},showMenu:function(){document.body.style.overflow="hidden",this.overlay.classList.remove("opacity-[0]","invisible"),this.overlay.classList.add("opacity-[1]","visible"),this.container.classList.remove("translate-x-full"),this.container.classList.add("translate-x-[0]")},hideMenu:function(){document.body.style.overflow="",this.container.classList.remove("translate-x-[0]"),this.container.classList.add("translate-x-full"),this.overlay.classList.remove("opacity-[1]","visible"),this.overlay.classList.add("opacity-[0]","invisible")}};e.init(),window.MenuSystem=e}))}},s={};function n(e){var o=s[e];if(void 0!==o)return o.exports;var r=s[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,e=[],n.O=(t,s,o,r)=>{if(!s){var i=1/0;for(d=0;d=r)&&Object.keys(n.O).every((e=>n.O[e](s[l])))?s.splice(l--,1):(a=!1,r0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[s,o,r]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={847:0,992:0,252:0};n.O.j=t=>0===e[t];var t=(t,s)=>{var o,r,[i,a,l]=s,c=0;if(i.some((t=>0!==e[t]))){for(o in a)n.o(a,o)&&(n.m[o]=a[o]);if(l)var d=l(n)}for(t&&t(s);cn(988))),n.O(void 0,[992,252],(()=>n(547)));var o=n.O(void 0,[992,252],(()=>n(566)));o=n.O(o)})(); \ No newline at end of file diff --git a/mix-manifest.json b/mix-manifest.json index 7b7a77f..0c18182 100644 --- a/mix-manifest.json +++ b/mix-manifest.json @@ -1,5 +1,5 @@ { - "/js/app.js": "/js/app.js?id=37f0a4a3aee430ac7ba337b53d7bdc4b", - "/css/editor-style.css": "/css/editor-style.css?id=b2b6dc9c2f83963566f9d157921f4d2e", - "/css/app.css": "/css/app.css?id=387c86ed6537155e6b0a08c0d9151235" + "/js/app.js": "/js/app.js?id=e407125adcc6aae967c27b40d45106cf", + "/css/editor-style.css": "/css/editor-style.css?id=969582528231d1131f1471fd134dc7c0", + "/css/app.css": "/css/app.css?id=276085105aadfad8906d02e869e0f185" } diff --git a/policy-template.php b/policy-template.php new file mode 100644 index 0000000..792c168 --- /dev/null +++ b/policy-template.php @@ -0,0 +1,265 @@ + + +
+
+ +

+ 1. Общие положения +

+ +

+ 1.1. Настоящий документ определяет Политику оператора – ИП Шишкин Дмитрий Александрович, Юридический адрес фирмы (в соответствии с Учредительными документами): 634021 г. Томск, пр-кт Комсомольский д.12 кв.6. Фактический адрес фирмы: 634034 г. Томск, ул.Красноармейская, д.120. ИНН / КПП: 701 727 001 209., ОГРН: 324 700 000 054 820. (далее – Оператор) в отношении обработки персональных данных посетителей интернет-сайта по сетевому адресу , устанавливает цели, основные принципы и правила обработки персональных данных и определяет основные меры по обеспечению их безопасности (далее - Политика) в соответствии с требованиями ст. 18.1 Федерального закона от 27.07.2006 № 152-ФЗ «О персональных данных». +

+ +

+ 1.2. Настоящая Политика разработана в дополнение к Политике обработки персональных данных ИП Шишкин Дмитрий Александрович. +

+ +

+ 1.3. Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну. +

+ +

+ 1.4. Настоящая политика Оператора в отношении обработки персональных данных (далее — Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта . +

+ +

+ 2. Основные понятия, используемые в Политике +

+ +

+ 2.1. Автоматизированная обработка персональных данных — обработка персональных данных с помощью средств вычислительной техники. +

+ +

+ 2.2. Блокирование персональных данных — временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных). +

+ +

+ 2.3. Веб-сайт — совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу . +

+ +

+ 2.4. Информационная система персональных данных — совокупность содержащихся в базах данных персональных данных и обеспечивающих их обработку информационных технологий и технических средств. +

+ +

+ 2.5. Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных. +

+ +

+ 2.6. Обработка персональных данных — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных. +

+ +

+ 2.7. Оператор — государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и/или осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными. +

+ +

+ 2.8. Персональные данные — любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта . +

+ +

+ 2.9. Пользователь — любой посетитель веб-сайта . +

+ +

+ 3. Основные права и обязанности Оператора +

+ +

+ 3.1. Оператор имеет право: +

+ +

+ — получать от субъекта персональных данных достоверные информацию и/или документы, содержащие персональные данные; +

+ +

+ — в случае отзыва субъектом персональных данных согласия на обработку персональных данных, а также, направления обращения с требованием о прекращении обработки персональных данных, Оператор вправе продолжить обработку персональных данных без согласия субъекта персональных данных при наличии оснований, указанных в Законе о персональных данных; +

+ +

+ — самостоятельно определять состав и перечень мер, необходимых и достаточных для обеспечения выполнения обязанностей, предусмотренных Законом о персональных данных и принятыми в соответствии с ним нормативными правовыми актами, если иное не предусмотрено Законом о персональных данных или другими федеральными законами. +

+ +

+ 3.2. Оператор обязан: +

+ +

+ — предоставлять субъекту персональных данных по его просьбе информацию, касающуюся обработки его персональных данных; +

+ +

+ — организовывать обработку персональных данных в порядке, установленном действующим законодательством РФ; +

+ +

+ — отвечать на обращения и запросы субъектов персональных данных и их законных представителей в соответствии с требованиями Закона о персональных данных; +

+ +

+ — публиковать или иным образом обеспечивать неограниченный доступ к настоящей Политике в отношении обработки персональных данных; +

+ +

+ — принимать правовые, организационные и технические меры для защиты персональных данных от неправомерного или случайного доступа к ним, уничтожения, изменения, блокирования, копирования, предоставления, распространения персональных данных, а также от иных неправомерных действий в отношении персональных данных; +

+ +

+ 4. Основные права и обязанности субъектов персональных данных +

+ +

+ 4.1. Субъекты персональных данных имеют право: +

+ +

+ — получать информацию, касающуюся обработки его персональных данных, за исключением случаев, предусмотренных федеральными законами; +

+ +

+ — требовать от оператора уточнения его персональных данных, их блокирования или уничтожения в случае, если персональные данные являются неполными, устаревшими, неточными, незаконно полученными или не являются необходимыми для заявленной цели обработки; +

+ +

+ — на отзыв согласия на обработку персональных данных, а также, на направление требования о прекращении обработки персональных данных; +

+ +

+ — обжаловать в уполномоченный орган по защите прав субъектов персональных данных или в судебном порядке неправомерные действия или бездействие Оператора при обработке его персональных данных. +

+ +

+ 4.2. Субъекты персональных данных обязаны: +

+ +

+ — предоставлять Оператору достоверные данные о себе; +

+ +

+ — сообщать Оператору об уточнении (обновлении, изменении) своих персональных данных. +

+ +

+ 5. Принципы обработки персональных данных +

+ +

+ 5.1. Обработка персональных данных осуществляется на законной и справедливой основе. +

+ +

+ 5.2. Обработка персональных данных ограничивается достижением конкретных, заранее определенных и законных целей. Не допускается обработка персональных данных, несовместимая с целями сбора персональных данных. +

+ +

+ 5.3. Не допускается объединение баз данных, содержащих персональные данные, обработка которых осуществляется в целях, несовместимых между собой. +

+ +

+ 5.4. Обработке подлежат только персональные данные, которые отвечают целям их обработки. +

+ +

+ 6. Цели обработки персональных данных +

+ +
+ + + + + + + + + + + + + + + + + +
Цель обработкиПерсональные данныеПравовые основанияВиды обработки
Информирование Пользователя посредством отправки электронных писемФамилия, имя, отчество
Электронный адрес
Номера телефонов
Уставные (учредительные) документы ОператораОтправка информационных писем на адрес электронной почты
+
+ +

+ 7. Порядок сбора, хранения, передачи и других видов обработки персональных данных +

+ +

+ Безопасность персональных данных, которые обрабатываются Оператором, обеспечивается путем реализации правовых, организационных и технических мер, необходимых для выполнения в полном объеме требований действующего законодательства в области защиты персональных данных. +

+ +

+ 7.1. Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц. +

+ +

+ 7.2. Персональные данные Пользователя никогда, ни при каких условиях не будут переданы третьим лицам, за исключением случаев, связанных с исполнением действующего законодательства либо в случае, если субъектом персональных данных дано согласие Оператору на передачу данных третьему лицу для исполнения обязательств по гражданско-правовому договору. +

+ +

+ 7.3. В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомления на адрес электронной почты Оператора с пометкой «Актуализация персональных данных». +

+ +

+ 7.4. Срок обработки персональных данных определяется достижением целей, для которых были собраны персональные данные, если иной срок не предусмотрен договором или действующим законодательством. +

+ +

+ Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты с пометкой «Отзыв согласия на обработку персональных данных». +

+ +

+ 8. Использование файлов cookie +

+ +

+ 8.1. Сайт использует файлы cookie и аналогичные технологии для улучшения работы сайта, повышения удобства использования, а также в аналитических и маркетинговых целях. +

+ +

+ 8.2. Файлы cookie — это небольшие текстовые файлы, которые сохраняются на устройстве Пользователя при посещении сайта. Они позволяют распознавать браузер Пользователя, сохранять его предпочтения и другую информацию для последующих посещений. +

+ +

+ 8.3. Пользователь может в любое время изменить настройки браузера, чтобы блокировать файлы cookie или получать уведомления об их отправке. Однако в случае отключения cookie некоторые функции сайта могут работать некорректно. +

+ +

+ 8.4. Продолжая использовать сайт без изменения настроек браузера, Пользователь дает согласие на использование файлов cookie в соответствии с настоящей Политикой конфиденциальности. +

+ +

+ 9. Заключительные положения +

+ +

+ 9.1. Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты. +

+ +

+ 9.2. В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией. +

+ +

+ 9.3. Актуальная версия Политики в свободном доступе расположена в сети Интернет по адресу . +

+ +
+
+ \ No newline at end of file diff --git a/resources/css/theme.css b/resources/css/theme.css index 041e094..1a59c09 100644 --- a/resources/css/theme.css +++ b/resources/css/theme.css @@ -47,28 +47,26 @@ html, body { .grey-gradient-hover { background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%); - background-size: 177% 100%; - background-position: 0% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: background 180ms ease-in-out; + background-size: 101%!important; } .grey-gradient-hover:hover { - background-position: 39.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); + background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); } .dark .grey-gradient-hover { border: 1px solid rgba(248, 248, 248, 0.12); backdrop-filter: blur(20px); + box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03); background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); - background-size: 177% 100%; - background-position: -1px 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: background 180ms cubic-bezier(0.4, 0.0, 0.2, 1); } .dark .grey-gradient-hover:hover { - background-position: 9.42% 0; - transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1); + background: + linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%), + linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); } .red-gradient-hover { @@ -113,11 +111,13 @@ html, body { -#fluentform_4 { +#fluentform_4, +#fluentform_5 { } -#fluentform_4 .ff-el-form-control { +#fluentform_4 .ff-el-form-control, +#fluentform_5 .ff-el-form-control { border: none; box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03); background: #fff; @@ -133,7 +133,8 @@ html, body { color: #6c6b6b; } -#fluentform_4 .ff-btn-submit { +#fluentform_4 .ff-btn-submit, +#fluentform_5 .ff-btn-submit { height: 75px; background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); border-radius: 90px; @@ -148,16 +149,32 @@ html, body { transition: 180ms ease-in; } -#fluentform_4 .ff-btn-submit:hover { +@media (max-width: 1049px) { + #fluentform_4 .ff-el-form-control, + #fluentform_5 .ff-el-form-control { + font-size: 16px; + height: 69px; + } + #fluentform_4 .ff-btn-submit, + #fluentform_5 .ff-btn-submit { + font-size: 16px; + height: 69px; + } +} + +#fluentform_4 .ff-btn-submit:hover, +#fluentform_5 .ff-btn-submit:hover { font-weight: 700; transition: 180ms ease-in; } -#fluentform_4 .ff_submit_btn_wrapper { +#fluentform_4 .ff_submit_btn_wrapper, +#fluentform_5 .ff_submit_btn_wrapper { margin-bottom: 0!important; } -#fluentform_4 .error.text-danger { +#fluentform_4 .error.text-danger, +#fluentform_5 .error.text-danger { position: absolute; margin-top: 0; bottom: -18px; @@ -166,18 +183,19 @@ html, body { text-align: center; } -#fluentform_4 .ff-el-group { +#fluentform_4 .ff-el-group, +#fluentform_5 .ff-el-group { position: relative; margin-bottom: 18px; } -#fluentform_4_success { +#fluentform_4_success, +#fluentform_5_success { display: none!important; } - - -#fluentform_4 .ff-el-input--label { +#fluentform_4 .ff-el-input--label, +#fluentform_5 .ff-el-input--label { position: absolute; top: 50%; left: 32px; @@ -193,19 +211,30 @@ html, body { color: #6c6b6b; } - #fluentform_4 .ff-el-group.focused .ff-el-input--label, -#fluentform_4 .ff-el-group.has-value .ff-el-input--label { +#fluentform_4 .ff-el-group.has-value .ff-el-input--label, +#fluentform_5 .ff-el-group.focused .ff-el-input--label, +#fluentform_5 .ff-el-group.has-value .ff-el-input--label { top: 6px; transform: translateY(0); transition: 180ms ease-in-out; font-size: 14px; } -#fluentform_4 .ff-el-tc{ + +#fluentform_4 .ff-el-tc, +#fluentform_5 .ff-el-tc { margin-top: 32px!important; font-weight: 500!important; font-size: 16px!important; line-height: 145%!important; color: #6c6b6b!important; margin-bottom: 0!important; +} + +@media (max-width: 1047px) { + #fluentform_4 .ff-el-tc, + #fluentform_5 .ff-el-tc { + font-size: 12px!important; + margin-top: 16px!important; + } } \ No newline at end of file diff --git a/resources/css/utilities.css b/resources/css/utilities.css index ba724c4..e8e8f63 100644 --- a/resources/css/utilities.css +++ b/resources/css/utilities.css @@ -1,7 +1,26 @@ -@utility container { - max-width: 1330px; - padding-left: 5px; - padding-right: 5px; +@layer utilities { + .container { + max-width: 1330px; + padding-left: 5px; + padding-right: 5px; + } +} + +@media (max-width: 767px) { + @layer utilities { + .container { + padding-left: 24px; + padding-right: 24px; + } + } +} +@media (max-width: 349px) { + @layer utilities { + .container { + padding-left: 5px; + padding-right: 5px; + } + } } /*@utility alignfull { diff --git a/resources/js/app.js b/resources/js/app.js index 043774f..9549876 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -15,18 +15,84 @@ document.addEventListener('DOMContentLoaded', function() { window.addEventListener('resize', updateMainPadding); });*/ -// Используем делегирование событий для динамически загружаемых форм +document.addEventListener('DOMContentLoaded', function() { + function smoothScrollTo(element, options = {}) { + const { + offset = 80, + behavior = 'smooth', + block = 'start' + } = options; + + if (element) { + const elementPosition = element.offsetTop; + const offsetPosition = Math.max(0, elementPosition - offset); + + window.scrollTo({ + top: offsetPosition, + behavior: behavior + }); + } + } + + document.querySelectorAll('[data-scroll-to]').forEach(function(button) { + button.addEventListener('click', function() { + const scrollTarget = this.getAttribute('data-scroll-to'); + + if (scrollTarget) { + + const targetSection = document.querySelector(`[data-scroll-section="${scrollTarget}"]`); + + if (targetSection) { + + const scrollOptions = { + offset: 80, + behavior: 'smooth' + }; + + smoothScrollTo(targetSection, scrollOptions); + + + document.querySelectorAll('[data-scroll-section]').forEach(section => { + section.classList.remove('scroll-active'); + }); + targetSection.classList.add('scroll-active'); + } else { + console.warn(`Секция с data-scroll-section="${scrollTarget}" не найдена`); + } + } + }); + }); + + function updateActiveSection() { + const sections = document.querySelectorAll('[data-scroll-section]'); + const scrollPosition = window.scrollY + 100; + + sections.forEach(section => { + const sectionTop = section.offsetTop; + const sectionBottom = sectionTop + section.offsetHeight; + + if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) { + sections.forEach(s => s.classList.remove('scroll-current')); + section.classList.add('scroll-current'); + } + }); + } + let scrollTimeout; + window.addEventListener('scroll', function() { + clearTimeout(scrollTimeout); + scrollTimeout = setTimeout(updateActiveSection, 100); + }); +}); + document.addEventListener('DOMContentLoaded', function() { - // Делегирование для focus события document.addEventListener('focus', function(e) { if (e.target.matches('#fluentform_4 .ff-el-form-control')) { const group = e.target.closest('.ff-el-group'); if (group) group.classList.add('focused'); } - }, true); // используем capture phase + }, true); - // Делегирование для blur события document.addEventListener('blur', function(e) { if (e.target.matches('#fluentform_4 .ff-el-form-control')) { const group = e.target.closest('.ff-el-group'); @@ -34,9 +100,7 @@ document.addEventListener('DOMContentLoaded', function() { } }, true); - // Делегирование для input события document.addEventListener('input', function(e) { - // Обычные поля формы if (e.target.matches('#fluentform_4 .ff-el-form-control')) { const group = e.target.closest('.ff-el-group'); if (group) { @@ -48,29 +112,23 @@ document.addEventListener('DOMContentLoaded', function() { } } - // Форматирование телефона if (e.target.matches('#fluentform_4 .ff-el-phone')) { formatPhoneNumber(e); } }); - - // Делегирование для keydown события (для телефона) document.addEventListener('keydown', function(e) { if (e.target.matches('#fluentform_4 .ff-el-phone')) { handlePhoneKeydown(e); } }); - // Функция форматирования телефона function formatPhoneNumber(e) { let value = e.target.value.replace(/\D/g, ''); - // Заменяем 8 на 7 if (value.startsWith('8')) { value = '7' + value.slice(1); } - // Добавляем 7 если нет if (!value.startsWith('7') && value.length > 0) { value = '7' + value; } @@ -100,7 +158,6 @@ document.addEventListener('DOMContentLoaded', function() { e.target.value = formattedValue; } - // Функция обработки клавиш для телефона function handlePhoneKeydown(e) { if (e.key === 'Backspace' || e.key === 'Delete') { const cursorPos = e.target.selectionStart; @@ -113,4 +170,103 @@ document.addEventListener('DOMContentLoaded', function() { } } } +}); + +document.addEventListener('DOMContentLoaded', function() { + + const MenuSystem = { + burger: null, + overlay: null, + container: null, + isOpen: false, + + init() { + this.burger = document.getElementById('burger'); + this.overlay = document.getElementById('menu-overlay'); + this.container = document.getElementById('menu-container'); + + if (!this.burger || !this.overlay || !this.container) { + return; + } + + this.bindEvents(); + }, + + bindEvents() { + this.burger.addEventListener('click', () => { + if (this.isOpen) { + this.close(); + } else { + this.open(); + } + }); + + this.overlay.addEventListener('click', (e) => { + if (e.target === this.overlay) { + this.close(); + } + }); + + document.addEventListener('keydown', (e) => { + if (e.key === 'Escape' && this.isOpen) { + this.close(); + } + }); + }, + + open() { + if (this.isOpen) return; + + this.isOpen = true; + this.animateBurger(true); + this.showMenu(); + }, + + close() { + if (!this.isOpen) return; + + this.isOpen = false; + this.animateBurger(false); + this.hideMenu(); + }, + + animateBurger(toClose) { + const line1 = this.burger.querySelector('.line-1'); + const line2 = this.burger.querySelector('.line-2'); + const line3 = this.burger.querySelector('.line-3'); + + if (toClose) { + line1.classList.remove('-translate-y-[6px]'); + line1.classList.add('rotate-[45deg]'); + line2.classList.add('opacity-[0]'); + line3.classList.remove('translate-y-[6px]'); + line3.classList.add('-rotate-[45deg]'); + } else { + line1.classList.add('-translate-y-[6px]'); + line1.classList.remove('rotate-[45deg]'); + line2.classList.remove('opacity-[0]'); + line3.classList.add('translate-y-[6px]'); + line3.classList.remove('-rotate-[45deg]'); + } + }, + + showMenu() { + document.body.style.overflow = 'hidden'; + this.overlay.classList.remove('opacity-[0]', 'invisible'); + this.overlay.classList.add('opacity-[1]', 'visible'); + this.container.classList.remove('translate-x-full'); + this.container.classList.add('translate-x-[0]'); + }, + + hideMenu() { + document.body.style.overflow = ''; + this.container.classList.remove('translate-x-[0]'); + this.container.classList.add('translate-x-full'); + this.overlay.classList.remove('opacity-[1]', 'visible'); + this.overlay.classList.add('opacity-[0]', 'invisible'); + } + }; + + MenuSystem.init(); + window.MenuSystem = MenuSystem; }); \ No newline at end of file diff --git a/single-trainer.php b/single-trainer.php index 615141b..ac24c73 100644 --- a/single-trainer.php +++ b/single-trainer.php @@ -42,140 +42,440 @@ $trainer_photos = get_field('photo'); $trainer_trainings = get_field('trainings'); ?> -
-
- -
- -
- -
- <?php echo esc_attr($trainer_photos[0]['alt']); ?> -
- - - - 1): ?> -
- -
- <?php echo esc_attr($trainer_photos[$i]['alt']); ?> +
+
+
+ +
+
+ +
+ <?php echo esc_attr($photo['alt']); ?>
- + +
+ +
+
+ +
+ +
+ + + + + + + + + + + +
+
+ + +
+ +
+
- -
-
-
- -
- -
- -
- + +

+ +

+ + + +
+
+ - -

- -

- - - -
- -
- - - -
+ +
+

О тренере

+
- +
+ - - -
-

Квалификация и достижения

-
    - - -
  • -
    - -
  • - - -
-
- - - - - + +
+
+ +
+ +
+

Цели, с которыми работаю

+ 'Снижение веса', + 'svg' => ' + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ' + ], + [ + 'text' => 'Общая функциональность и тонус', + 'svg' => ' + + + + + + + + + ' + ], + [ + 'text' => 'Работа с ограничениями (спина,суставы и т.д.)', + 'svg' => ' + + + + + + + + + + + + + + + + + + + + +' + ], + [ + 'text' => 'Восстановление после перерывов и родов', + 'svg' => ' + + + + + + + + + + + + + +' + ], + [ + 'text' => 'Построение привычки регулярных тренировок', + 'svg' => ' + + + + + + + + + +' + ], + [ + 'text' => 'Формирование фигуры и самоощущения', + 'svg' => ' + + + + + + + + +' + ], + ]; + ?> + +
    + +
  • +
    + +
    +

    +
  • + +
+
+ + + +
+

Сертификаты и квалификация

+
    + + +
  • + + + + + + +
  • + + +
+
+ +
+
+ + + $training, + 'name' => '', + 'short_desc' => '' + ); + + if (have_rows('short_info', $training->ID)) { + while (have_rows('short_info', $training->ID)) { + the_row(); + $training_info['name'] = get_sub_field('name'); + $training_info['short_desc'] = get_sub_field('short_desc'); + } + } + + $trainings_data[] = $training_info; + } + ?> + +
+
+ + +
+

+ Тренировки с +

+
- - -
-

Тренировки с

-
- +
+ +
+ +
-
+
+ + + + + + + \ No newline at end of file diff --git a/single-training.php b/single-training.php index 339ec35..f381fd8 100644 --- a/single-training.php +++ b/single-training.php @@ -1,7 +1,21 @@ -
-
- - - -
- -
- -
- <?php echo esc_attr($training_photos[0]['alt']); ?> -
- +
- - 1): ?> -
- -
- <?php echo esc_attr($training_photos[$i]['alt']); ?> -
- -
- -
- - -
-
-
- -
- -
- -
- - -
- -
- -
- - -

- -

- - - -
- -
- - - -
- -
- - - - -
-

Что происходит на тренировке

-
    - - -
  • -
    - -
  • - - -
-
- - - - -
-

Для кого подходит

-
    - - -
  • -
    - -
  • - - -
-
- -
-
- - - -
-

Тренеры

-
- - - ID)) { - while (have_rows('short_info', $post->ID)) { - the_row(); - $trainer_name = get_sub_field('name'); - $trainer_exp = get_sub_field('exp'); - $trainer_short_desc = get_sub_field('short_desc'); - } - } - - $trainer_photos = get_field('photo', $post->ID); - ?> - - -
- <?php echo esc_attr($trainer_photos[0]['alt']); ?> +
+
+ +
+ +
+

Изображения не загружены

+
+ +
+ +
+ + + + + + + + + + + + +

+ +

+ + + +
+ +
+ + +
+ 'лёгкая', 2 => 'лёгкая', + 3 => 'средняя', 4 => 'средняя', + 5 => 'тяжелая' + ]; + + $red_color = '#E21E24'; + $gray_color = '#E0E0E0'; + ?> + +
+ Сложность: +
+ + + + + + + + + + +
+
+ + + + + + +
+ Длительность: + +
+ +
+ + + +

Описание

+
+ +
+ + +
+ +
+
+
+
+ +
+

Что происходит на + тренировке

+
    + + +
  • + + + + +
  • + + + +
+
+ + + + Всё проходит под руководством тренера, с демонстрацией и поддержкой. +
+
+ + + + +
+

Кому подойдёт

+
    + + +
  • + + + + + + + + + + + + + + + +
  • + + +
+
- -
-
+ +
+ +
+

Расписание + тренировок +

+
+
+ + + $trainer, + 'name' => '', + 'exp' => '', + 'short_desc' => '' + ); + + if (have_rows('short_info', $trainer->ID)) { + while (have_rows('short_info', $trainer->ID)) { + the_row(); + $trainer_info['name'] = get_sub_field('name'); + $trainer_info['exp'] = get_sub_field('exp'); + $trainer_info['short_desc'] = get_sub_field('short_desc'); + } + } + + $trainers_data[] = $trainer_info; + } +} + +$room = get_current_room(); + +if ($room === 'fitness') { + $section_classes = 'radial-gradient'; + $style_attr = ''; +} else { + $section_classes = ''; +} + +?> + +
> +
+ +

+ Наши тренеры по +

+ +
+ +
+
+ + +
+
+
+ ID); ?> + +
+ <?php echo esc_attr($photo_images[0]['alt']); ?> +
+ +
+
+ +
+ + +
+ +
+ +
+
+
+ + +
+ +
+ + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ style="background-image: url('')" + + style="background-image: url('')" + + > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Другие профессионалы нашего клуба +
+ + + Все тренеры + + + + +
+ +
+ + +
+
+
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/template-parts/club-cards-template.php b/template-parts/club-cards-template.php index 3a8c5f9..371260b 100644 --- a/template-parts/club-cards-template.php +++ b/template-parts/club-cards-template.php @@ -5,6 +5,7 @@ Template Name: Страница клубных карт get_header(); + if (!function_exists('get_club_cards_for_current_language')) { function get_club_cards_for_current_language() { @@ -27,13 +28,21 @@ $cards = get_club_cards_for_current_language(); ?> -
+
-
+
-
-
+
+
+ ID); + if ($card_attribute): ?> +
+ + + +
+
ID); @@ -46,7 +55,7 @@ $cards = get_club_cards_for_current_language(); ID); ?> -

+

@@ -54,14 +63,14 @@ $cards = get_club_cards_for_current_language(); ID); ?> -
+
-
+
ID); ?> - ID) ?: ($card_prices['1_month']['day'] ?? ''); ?> + ID) ?: ($card_prices['1_month']['day'] ?? ''); ?> ID)) { @@ -95,29 +104,28 @@ $cards = get_club_cards_for_current_language(); } } ?> -
+ +
+ от +
+ +
+ в день +
+ + +
- -
- от  -
-  ₽ -
-  в день -
- - -
@@ -127,9 +135,9 @@ $cards = get_club_cards_for_current_language();
-
+
-
> -

+

В клубные карты входит

@@ -531,7 +539,7 @@ $cards = get_club_cards_for_current_language(); $card_svg = $card['svg']; $card_heading = $card['heading']; ?> -
+
@@ -737,32 +745,42 @@ $additional_services = [ 'description' => 'Для спортсменов на территории клуба так же находится магазин спортивного питания. Широкий ассортимент порадует даже профессионалов и не даст уйти с пустыми руками!' ] ]; -?> -
+$excluded_for_gym = [2, 3, 4]; + +$current_room = get_current_room(); + +if ($current_room === 'gym') { + foreach (array_reverse($excluded_for_gym) as $index) { + unset($additional_services[$index]); + } + $additional_services = array_values($additional_services); +} +if ($current_room === 'fitness') { + ?> +
-
-
- -

Дополнительные - услуги

- - +
+
+
+ +

+ Дополнительные услуги

+
- -
+
-
-
+
+
-

+

-
+
@@ -771,5 +789,10 @@ $additional_services = [
+ + \ No newline at end of file diff --git a/template-parts/la-components/blocks/club-cards-block/club-cards-block.php b/template-parts/la-components/blocks/club-cards-block/club-cards-block.php index 33dd086..ad44fab 100644 --- a/template-parts/la-components/blocks/club-cards-block/club-cards-block.php +++ b/template-parts/la-components/blocks/club-cards-block/club-cards-block.php @@ -1,155 +1,214 @@ - 'club-card', - 'posts_per_page' => -1, - 'lang' => $current_lang, - 'post_status' => 'publish', - 'sort' => 'menu_order', - 'order' => 'ASC', - ); - - return get_posts($args); - } -} - -$cards = get_club_cards_for_current_language(); -$heading = get_field('heading', $block['id']); - -$room = get_current_room(); - -if ($room === 'fitness') { - -} else { - $section_classes = 'bg-cover bg-center bg-no-repeat'; - $bg_image = get_template_directory_uri() . '/assets/images/hero-bg.png'; - $style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"'; -} - -?> - -
> -
- -
- - -
- -

- - -
- - - -
-
-
ID); - if ($card_image): ?> -
- <?php echo esc_attr($card_image['alt']); ?> -
- - ID); ?> - -

- -

-
- - ID); ?> - -
- -
- -
- ID); ?> - ID) ?: ($card_prices['1_month']['day'] ?? ''); ?> - ID)) { - while (have_rows('card_prices', $card->ID)) { - the_row(); - - $periods = ['1_month', '3_month', '6_month', '12_month']; - foreach ($periods as $period) { - if (have_rows($period)) { - while (have_rows($period)) { - the_row(); - $card_prices[$period] = [ - 'full' => get_sub_field('full'), - 'day' => get_sub_field('day') - ]; - } - } - } - } - } - ?> - ID)) { - while (have_rows('time', $card->ID)) { - the_row(); - $card_time[] = [ - 'normal_days' => get_sub_field('normal_days'), - 'vacation_days' => get_sub_field('vacation_days') - ]; - } - } - ?> -
- -
- -
- от  -
-  ₽ -
-  в день -
- - - - -
-
-
- -
- -
-
\ No newline at end of file + 'club-card', + 'posts_per_page' => -1, + 'lang' => $current_lang, + 'post_status' => 'publish', + 'sort' => 'menu_order', + 'order' => 'ASC', + ); + + return get_posts($args); + } +} + +$cards = get_club_cards_for_current_language(); +$heading = get_field('heading', $block['id']); + +$room = get_current_room(); + +if ($room === 'fitness') { + +} else { + $section_classes = 'bg-cover bg-center bg-no-repeat'; + $bg_image = get_template_directory_uri() . '/assets/images/hero-bg.png'; + $style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"'; +} + +if (!function_exists('render_club_card')){ + function render_club_card($card) { + $card_attribute = get_field('attr', $card->ID); + $card_image = get_field('image', $card->ID); + $card_heading = get_field('heading', $card->ID); + $card_description = get_field('description', $card->ID); + $card_price = get_field('price', $card->ID); + + $card_prices = []; + if (have_rows('card_prices', $card->ID)) { + while (have_rows('card_prices', $card->ID)) { + the_row(); + $periods = ['1_month', '3_month', '6_month', '12_month']; + foreach ($periods as $period) { + if (have_rows($period)) { + while (have_rows($period)) { + the_row(); + $card_prices[$period] = [ + 'full' => get_sub_field('full'), + 'day' => get_sub_field('day') + ]; + } + } + } + } + } + + $card_time = []; + if (have_rows('time', $card->ID)) { + while (have_rows('time', $card->ID)) { + the_row(); + $card_time[] = [ + 'normal_days' => get_sub_field('normal_days'), + 'vacation_days' => get_sub_field('vacation_days') + ]; + } + } + ?> + +
+
+ +
+ + + +
+ + +
+ +
+ <?php echo esc_attr($card_image['alt']); ?> +
+ + + +

+ +

+ +
+ + +
+ +
+ + +
+ +
+ от  +
+ + ₽ + +
+  в день +
+ + +
+ +
+
+
+
+ + + +
> +
+ + + +
+

+ +

+ +
+ + + + + + + + +
+
+ + \ No newline at end of file diff --git a/template-parts/la-components/blocks/contacts-block/contacts-block.php b/template-parts/la-components/blocks/contacts-block/contacts-block.php index 66303b6..3d86b34 100644 --- a/template-parts/la-components/blocks/contacts-block/contacts-block.php +++ b/template-parts/la-components/blocks/contacts-block/contacts-block.php @@ -48,10 +48,149 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
-
-
+
-
+ + + + +
+ + +
@@ -72,12 +211,12 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
- + - + @@ -109,12 +248,12 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
- + - + @@ -128,7 +267,7 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
-   +
@@ -167,6 +306,18 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
+ + + + +
diff --git a/template-parts/la-components/blocks/form-block/form-block.css b/template-parts/la-components/blocks/form-block/form-block.css index fc5b231..5875eef 100644 --- a/template-parts/la-components/blocks/form-block/form-block.css +++ b/template-parts/la-components/blocks/form-block/form-block.css @@ -19,6 +19,13 @@ color: #6c6b6b; } +@media (max-width: 767px) { + #fluentform_3 .ff-el-form-control { + font-size: 15px; + height: 60px; + } +} + #fluentform_3 .ff-btn-submit { height: 75px; background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%); @@ -34,6 +41,13 @@ transition: 180ms ease-in; } +@media (max-width: 767px) { + #fluentform_3 .ff-btn-submit { + font-size: 16px; + height: 53px; + } +} + #fluentform_3 .ff-btn-submit:hover { font-weight: 700; transition: 180ms ease-in; diff --git a/template-parts/la-components/blocks/form-block/form-block.php b/template-parts/la-components/blocks/form-block/form-block.php index 1acc361..ca5ea78 100644 --- a/template-parts/la-components/blocks/form-block/form-block.php +++ b/template-parts/la-components/blocks/form-block/form-block.php @@ -13,32 +13,58 @@ $form_name = $form_title; $room = get_current_room(); if ($room === 'gym') { $section_classes = 'bg-cover bg-center bg-no-repeat'; - $bg_image = get_template_directory_uri() . '/assets/images/form-bg-dark.png'; + $bg_image = get_template_directory_uri() . '/assets/images/form-bg-dark.png.webp'; $style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"'; } else { $section_classes = 'bg-cover bg-center bg-no-repeat'; - $bg_image = get_template_directory_uri() . '/assets/images/form-bg-light.png'; + $bg_image = get_template_directory_uri() . '/assets/images/form-bg-light.png.webp'; $style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"'; } $hidden_value = "Форма: {$form_name} | Страница: {$page_title} | URL: {$current_url}"; ?> -
> -
- Изображение тренера -
+ +
+ + + Изображение тренера +
+ + + +
-

Пробная персональная +

Пробная персональная тренировка - за 1200 ₽ + за 1200 ₽

-

Познакомимся, покажем зал и +

Познакомимся, покажем зал и подберём оптимальные для вас тренировки!

diff --git a/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.css b/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.css index 55aaecd..9aae78e 100644 --- a/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.css +++ b/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.css @@ -25,6 +25,11 @@ box-shadow: none; background: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%); } +@media (max-width: 767px) { + .gallery-block .tab-button{ + font-size: 15px!important; + } +} .dark .gallery-block .tab-button.active { background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%); color: #f8f8f8; diff --git a/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.js b/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.js index 4e1b6ff..e2e6cc0 100644 --- a/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.js +++ b/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.js @@ -22,17 +22,22 @@ function initGalleryBlock(blockId) { thumbnailSwipers[tabId] = new Swiper(`#${blockId} #thumbnail-swiper-${tabId}`, { slidesPerView: 'auto', - spaceBetween: 24, + spaceBetween: 5, freeMode: true, grabCursor: true, watchSlidesProgress: true, + breakpoints: { + 768: { + spaceBetween: 24 + } + } }); swipers[tabId] = new Swiper(`#${blockId} #swiper-${tabId}`, { slidesPerView: 'auto', - spaceBetween: 24, - centeredSlides: true, - initialSlide: 1, + spaceBetween: 12, + centeredSlides: false, + initialSlide: 0, scrollbar: { el: `#swiper-scrollbar-${tabId}`, draggable: true, @@ -48,6 +53,11 @@ function initGalleryBlock(blockId) { updateThumbnails(tabId, this.realIndex); centerThumbnail(tabId, this.realIndex); } + }, + breakpoints: { + 768: { + spaceBetween: 24 + } } }); diff --git a/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.php b/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.php index d70c25f..073c125 100644 --- a/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.php +++ b/template-parts/la-components/blocks/gallery-tabs/gallery-tabs.php @@ -31,27 +31,26 @@ if ($use_homepage_content) { } } -// Если переключатель выключен или блок на главной не найден - рендерим локальные данные $heading = get_field('heading'); $slider_tabs = get_field('slider_tabs'); ?> -