/* Reset box model */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Remove default styles */
html,
body {
    font: inherit;
    font-size: 100%;
    line-height: 1.5;
    vertical-align: baseline;
}

/* HTML5 display-role reset */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* Lists */
ol,
ul {
    list-style: none;
}

/* Quotes */
blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Images */
img,
picture {
    display: block;
    height: auto;
    max-width: 100%;
}

:root {
    --fs-64: 4rem;
    --fs-48: 3rem;
    --fs-40: 2.5rem;
    --fs-36: 2.25rem;
    --fs-32: 2rem;
    --fs-28: 1.75rem;
    --fs-24: 1.5rem;
    --fs-20: 1.25rem;
    --fs-18: 1.125rem;
    --fs-16: 1rem;
    --fs-14: 0.875rem;
    --fs-12: 0.75rem;
    --fs-8: 0.5rem;
    --neutrals-0: #fff;
    --neutrals-50: #fcfcfc;
    --neutrals-100: #f8f8f8;
    --neutrals-200: #ececec;
    --neutrals-300: #d0d0d0;
    --neutrals-400: #b5b5b5;
    --neutrals-500: #9a9a9a;
    --neutrals-600: #7c7c7c;
    --neutrals-700: #656565;
    --neutrals-800: #4f4f4f;
    --neutrals-900: #343434;
    --neutrals-950: #1f1f1f;
    --primary-50: #eff6ff;
    --primary-100: #dbeafe;
    --primary-200: #bfdbfe;
    --primary-300: #93c5fd;
    --primary-400: #60a5fa;
    --primary-500: #2563eb;
    --primary-600: #1d4ed8;
    --primary-700: #1e40af;
    --primary-800: #1e3a8a;
    --primary-900: #172554;
    --secondary-50: #f9fafb;
    --secondary-100: #f3f4f6;
    --secondary-200: #e5e7eb;
    --secondary-300: #d1d5db;
    --secondary-400: #9ca3af;
    --secondary-500: #6b7280;
    --secondary-600: #4b5563;
    --secondary-700: #374151;
    --secondary-800: #1f2937;
    --secondary-900: #111827;
    --success-50: #dcfce7;
    --success-100: #bbf7d0;
    --success-200: #86efac;
    --success-300: #4ade80;
    --success-400: #22c55e;
    --success-500: #16a34a;
    --success-600: #15803d;
    --success-700: #166534;
    --success-800: #14532d;
    --success-900: #0f4221;
    --warning-50: #fef3c7;
    --warning-100: #fde68a;
    --warning-200: #fcd34d;
    --warning-300: #fbbf24;
    --warning-400: #f59e0b;
    --warning-500: #d97706;
    --warning-600: #b45309;
    --warning-700: #92400e;
    --warning-800: #78350f;
    --warning-900: #451a03;
    --danger-50: #fee2e2;
    --danger-100: #fecaca;
    --danger-200: #fca5a5;
    --danger-300: #f87171;
    --danger-400: #ef4444;
    --danger-500: #dc2626;
    --danger-600: #b91c1c;
    --danger-700: #991b1b;
    --danger-800: #7f1d1d;
    --danger-900: #5c0101;
    --info-50: #d0f2ff;
    --info-100: #a6e4ff;
    --info-200: #71d5ff;
    --info-300: #40cfff;
    --info-400: #22b8ff;
    --info-500: #0ea5e9;
    --info-600: #0284c7;
    --info-700: #0369a1;
    --info-800: #075985;
    --info-900: #0c4a6e;
    --z-base: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Heiti TC", "Microsoft JhengHei", sans-serif;
}

[data-animate] {
    opacity: 0;
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
    transform: translateY(24px);
}
[data-animate].is-visible {
    opacity: 1;
    transform: translateY(0);
}

@font-face {
    font-family: "fonticon";
    src:
        url("../fonts/fonticon.woff2?b07d1df267d72350ecfb9ebf6230e0ca") format("woff2"),
        url("../fonts/fonticon.woff?b07d1df267d72350ecfb9ebf6230e0ca") format("woff"),
        url("../fonts/fonticon.ttf?b07d1df267d72350ecfb9ebf6230e0ca") format("truetype"),
        url("../fonts/fonticon.eot?b07d1df267d72350ecfb9ebf6230e0ca#iefix") format("embedded-opentype"),
        url("../fonts/fonticon.svg?b07d1df267d72350ecfb9ebf6230e0ca#fonticon") format("svg");
}
i[class^="icon-"]::before,
i[class*=" icon-"]::before {
    font-family: fonticon, sans-serif !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-activity-heart::before {
    content: "\f101";
}

.icon-activity::before {
    content: "\f102";
}

.icon-airplay::before {
    content: "\f103";
}

.icon-airpods::before {
    content: "\f104";
}

.icon-alarm-clock-check::before {
    content: "\f105";
}

.icon-alarm-clock-minus::before {
    content: "\f106";
}

.icon-alarm-clock-off::before {
    content: "\f107";
}

.icon-alarm-clock-plus::before {
    content: "\f108";
}

.icon-alarm-clock::before {
    content: "\f109";
}

.icon-alert-circle::before {
    content: "\f10a";
}

.icon-alert-hexagon::before {
    content: "\f10b";
}

.icon-alert-octagon::before {
    content: "\f10c";
}

.icon-alert-square::before {
    content: "\f10d";
}

.icon-alert-triangle::before {
    content: "\f10e";
}

.icon-align-bottom-01::before {
    content: "\f10f";
}

.icon-align-bottom-02::before {
    content: "\f110";
}

.icon-align-center::before {
    content: "\f111";
}

.icon-align-horizontal-centre-01::before {
    content: "\f112";
}

.icon-align-horizontal-centre-02::before {
    content: "\f113";
}

.icon-align-justify::before {
    content: "\f114";
}

.icon-align-left-01::before {
    content: "\f115";
}

.icon-align-left-02::before {
    content: "\f116";
}

.icon-align-left::before {
    content: "\f117";
}

.icon-align-right-01::before {
    content: "\f118";
}

.icon-align-right-02::before {
    content: "\f119";
}

.icon-align-right::before {
    content: "\f11a";
}

.icon-align-top-01::before {
    content: "\f11b";
}

.icon-align-top-02::before {
    content: "\f11c";
}

.icon-align-vertical-center-01::before {
    content: "\f11d";
}

.icon-align-vertical-center-02::before {
    content: "\f11e";
}

.icon-anchor::before {
    content: "\f11f";
}

.icon-annotation-alert::before {
    content: "\f120";
}

.icon-annotation-check::before {
    content: "\f121";
}

.icon-annotation-dots::before {
    content: "\f122";
}

.icon-annotation-heart::before {
    content: "\f123";
}

.icon-annotation-info::before {
    content: "\f124";
}

.icon-annotation-plus::before {
    content: "\f125";
}

.icon-annotation-question::before {
    content: "\f126";
}

.icon-annotation-x::before {
    content: "\f127";
}

.icon-annotation::before {
    content: "\f128";
}

.icon-announcement-01::before {
    content: "\f129";
}

.icon-announcement-02::before {
    content: "\f12a";
}

.icon-announcement-03::before {
    content: "\f12b";
}

.icon-archive::before {
    content: "\f12c";
}

.icon-arrow-block-down::before {
    content: "\f12d";
}

.icon-arrow-block-left::before {
    content: "\f12e";
}

.icon-arrow-block-right::before {
    content: "\f12f";
}

.icon-arrow-block-up::before {
    content: "\f130";
}

.icon-arrow-circle-broken-down-left::before {
    content: "\f131";
}

.icon-arrow-circle-broken-down-right::before {
    content: "\f132";
}

.icon-arrow-circle-broken-down::before {
    content: "\f133";
}

.icon-arrow-circle-broken-left::before {
    content: "\f134";
}

.icon-arrow-circle-broken-right::before {
    content: "\f135";
}

.icon-arrow-circle-broken-up-left::before {
    content: "\f136";
}

.icon-arrow-circle-broken-up-right::before {
    content: "\f137";
}

.icon-arrow-circle-broken-up::before {
    content: "\f138";
}

.icon-arrow-circle-down-left::before {
    content: "\f139";
}

.icon-arrow-circle-down-right::before {
    content: "\f13a";
}

.icon-arrow-circle-down::before {
    content: "\f13b";
}

.icon-arrow-circle-left::before {
    content: "\f13c";
}

.icon-arrow-circle-right::before {
    content: "\f13d";
}

.icon-arrow-circle-up-left::before {
    content: "\f13e";
}

.icon-arrow-circle-up-right::before {
    content: "\f13f";
}

.icon-arrow-circle-up::before {
    content: "\f140";
}

.icon-arrow-down-left::before {
    content: "\f141";
}

.icon-arrow-down-right::before {
    content: "\f142";
}

.icon-arrow-down::before {
    content: "\f143";
}

.icon-arrow-left::before {
    content: "\f144";
}

.icon-arrow-narrow-down-left::before {
    content: "\f145";
}

.icon-arrow-narrow-down-right::before {
    content: "\f146";
}

.icon-arrow-narrow-down::before {
    content: "\f147";
}

.icon-arrow-narrow-left::before {
    content: "\f148";
}

.icon-arrow-narrow-right::before {
    content: "\f149";
}

.icon-arrow-narrow-up-left::before {
    content: "\f14a";
}

.icon-arrow-narrow-up-right::before {
    content: "\f14b";
}

.icon-arrow-narrow-up::before {
    content: "\f14c";
}

.icon-arrow-right::before {
    content: "\f14d";
}

.icon-arrow-square-down-left::before {
    content: "\f14e";
}

.icon-arrow-square-down-right::before {
    content: "\f14f";
}

.icon-arrow-square-down::before {
    content: "\f150";
}

.icon-arrow-square-left::before {
    content: "\f151";
}

.icon-arrow-square-right::before {
    content: "\f152";
}

.icon-arrow-square-up-left::before {
    content: "\f153";
}

.icon-arrow-square-up-right::before {
    content: "\f154";
}

.icon-arrow-square-up::before {
    content: "\f155";
}

.icon-arrow-up-left::before {
    content: "\f156";
}

.icon-arrow-up-right::before {
    content: "\f157";
}

.icon-arrow-up::before {
    content: "\f158";
}

.icon-arrows-down::before {
    content: "\f159";
}

.icon-arrows-left::before {
    content: "\f15a";
}

.icon-arrows-right::before {
    content: "\f15b";
}

.icon-arrows-triangle::before {
    content: "\f15c";
}

.icon-arrows-up::before {
    content: "\f15d";
}

.icon-asterisk-01::before {
    content: "\f15e";
}

.icon-asterisk-02::before {
    content: "\f15f";
}

.icon-at-sign::before {
    content: "\f160";
}

.icon-atom-01::before {
    content: "\f161";
}

.icon-atom-02::before {
    content: "\f162";
}

.icon-attachment-01::before {
    content: "\f163";
}

.icon-attachment-02::before {
    content: "\f164";
}

.icon-award-01::before {
    content: "\f165";
}

.icon-award-02::before {
    content: "\f166";
}

.icon-award-03::before {
    content: "\f167";
}

.icon-award-04::before {
    content: "\f168";
}

.icon-award-05::before {
    content: "\f169";
}

.icon-backpack::before {
    content: "\f16a";
}

.icon-bank-note-01::before {
    content: "\f16b";
}

.icon-bank-note-02::before {
    content: "\f16c";
}

.icon-bank-note-03::before {
    content: "\f16d";
}

.icon-bank::before {
    content: "\f16e";
}

.icon-bar-chart-01::before {
    content: "\f16f";
}

.icon-bar-chart-02::before {
    content: "\f170";
}

.icon-bar-chart-03::before {
    content: "\f171";
}

.icon-bar-chart-04::before {
    content: "\f172";
}

.icon-bar-chart-05::before {
    content: "\f173";
}

.icon-bar-chart-06::before {
    content: "\f174";
}

.icon-bar-chart-07::before {
    content: "\f175";
}

.icon-bar-chart-08::before {
    content: "\f176";
}

.icon-bar-chart-09::before {
    content: "\f177";
}

.icon-bar-chart-10::before {
    content: "\f178";
}

.icon-bar-chart-11::before {
    content: "\f179";
}

.icon-bar-chart-12::before {
    content: "\f17a";
}

.icon-bar-chart-circle-01::before {
    content: "\f17b";
}

.icon-bar-chart-circle-02::before {
    content: "\f17c";
}

.icon-bar-chart-circle-03::before {
    content: "\f17d";
}

.icon-bar-chart-square-01::before {
    content: "\f17e";
}

.icon-bar-chart-square-02::before {
    content: "\f17f";
}

.icon-bar-chart-square-03::before {
    content: "\f180";
}

.icon-bar-chart-square-down::before {
    content: "\f181";
}

.icon-bar-chart-square-minus::before {
    content: "\f182";
}

.icon-bar-chart-square-plus::before {
    content: "\f183";
}

.icon-bar-chart-square-up::before {
    content: "\f184";
}

.icon-bar-line-chart::before {
    content: "\f185";
}

.icon-battery-charging-01::before {
    content: "\f186";
}

.icon-battery-charging-02::before {
    content: "\f187";
}

.icon-battery-empty::before {
    content: "\f188";
}

.icon-battery-full::before {
    content: "\f189";
}

.icon-battery-low::before {
    content: "\f18a";
}

.icon-battery-mid::before {
    content: "\f18b";
}

.icon-beaker-01::before {
    content: "\f18c";
}

.icon-beaker-02::before {
    content: "\f18d";
}

.icon-bell-01::before {
    content: "\f18e";
}

.icon-bell-02::before {
    content: "\f18f";
}

.icon-bell-03::before {
    content: "\f190";
}

.icon-bell-04::before {
    content: "\f191";
}

.icon-bell-minus::before {
    content: "\f192";
}

.icon-bell-off-01::before {
    content: "\f193";
}

.icon-bell-off-02::before {
    content: "\f194";
}

.icon-bell-off-03::before {
    content: "\f195";
}

.icon-bell-plus::before {
    content: "\f196";
}

.icon-bell-ringing-01::before {
    content: "\f197";
}

.icon-bell-ringing-02::before {
    content: "\f198";
}

.icon-bell-ringing-03::before {
    content: "\f199";
}

.icon-bell-ringing-04::before {
    content: "\f19a";
}

.icon-bezier-curve-01::before {
    content: "\f19b";
}

.icon-bezier-curve-02::before {
    content: "\f19c";
}

.icon-bezier-curve-03::before {
    content: "\f19d";
}

.icon-bluetooth-connect::before {
    content: "\f19e";
}

.icon-bluetooth-off::before {
    content: "\f19f";
}

.icon-bluetooth-on::before {
    content: "\f1a0";
}

.icon-bluetooth-signal::before {
    content: "\f1a1";
}

.icon-bold-01::before {
    content: "\f1a2";
}

.icon-bold-02::before {
    content: "\f1a3";
}

.icon-bold-square::before {
    content: "\f1a4";
}

.icon-book-closed::before {
    content: "\f1a5";
}

.icon-book-open-01::before {
    content: "\f1a6";
}

.icon-book-open-02::before {
    content: "\f1a7";
}

.icon-bookmark-add::before {
    content: "\f1a8";
}

.icon-bookmark-check::before {
    content: "\f1a9";
}

.icon-bookmark-minus::before {
    content: "\f1aa";
}

.icon-bookmark-x::before {
    content: "\f1ab";
}

.icon-bookmark::before {
    content: "\f1ac";
}

.icon-box::before {
    content: "\f1ad";
}

.icon-brackets-check::before {
    content: "\f1ae";
}

.icon-brackets-ellipses::before {
    content: "\f1af";
}

.icon-brackets-minus::before {
    content: "\f1b0";
}

.icon-brackets-plus::before {
    content: "\f1b1";
}

.icon-brackets-slash::before {
    content: "\f1b2";
}

.icon-brackets-x::before {
    content: "\f1b3";
}

.icon-brackets::before {
    content: "\f1b4";
}

.icon-briefcase-01::before {
    content: "\f1b5";
}

.icon-briefcase-02::before {
    content: "\f1b6";
}

.icon-browser::before {
    content: "\f1b7";
}

.icon-brush-01::before {
    content: "\f1b8";
}

.icon-brush-02::before {
    content: "\f1b9";
}

.icon-brush-03::before {
    content: "\f1ba";
}

.icon-building-01::before {
    content: "\f1bb";
}

.icon-building-02::before {
    content: "\f1bc";
}

.icon-building-03::before {
    content: "\f1bd";
}

.icon-building-04::before {
    content: "\f1be";
}

.icon-building-05::before {
    content: "\f1bf";
}

.icon-building-06::before {
    content: "\f1c0";
}

.icon-building-07::before {
    content: "\f1c1";
}

.icon-building-08::before {
    content: "\f1c2";
}

.icon-bus::before {
    content: "\f1c3";
}

.icon-calculator::before {
    content: "\f1c4";
}

.icon-calendar-check-01::before {
    content: "\f1c5";
}

.icon-calendar-check-02::before {
    content: "\f1c6";
}

.icon-calendar-date::before {
    content: "\f1c7";
}

.icon-calendar-heart-01::before {
    content: "\f1c8";
}

.icon-calendar-heart-02::before {
    content: "\f1c9";
}

.icon-calendar-minus-01::before {
    content: "\f1ca";
}

.icon-calendar-minus-02::before {
    content: "\f1cb";
}

.icon-calendar-plus-01::before {
    content: "\f1cc";
}

.icon-calendar-plus-02::before {
    content: "\f1cd";
}

.icon-calendar::before {
    content: "\f1ce";
}

.icon-camera-01::before {
    content: "\f1cf";
}

.icon-camera-02::before {
    content: "\f1d0";
}

.icon-camera-03::before {
    content: "\f1d1";
}

.icon-camera-lens::before {
    content: "\f1d2";
}

.icon-camera-off::before {
    content: "\f1d3";
}

.icon-camera-plus::before {
    content: "\f1d4";
}

.icon-car-01::before {
    content: "\f1d5";
}

.icon-car-02::before {
    content: "\f1d6";
}

.icon-certificate-01::before {
    content: "\f1d7";
}

.icon-certificate-02::before {
    content: "\f1d8";
}

.icon-chart-breakout-circle::before {
    content: "\f1d9";
}

.icon-chart-breakout-square::before {
    content: "\f1da";
}

.icon-check-circle-broken::before {
    content: "\f1db";
}

.icon-check-circle::before {
    content: "\f1dc";
}

.icon-check-done-01::before {
    content: "\f1dd";
}

.icon-check-done-02::before {
    content: "\f1de";
}

.icon-check-heart::before {
    content: "\f1df";
}

.icon-check-square-broken::before {
    content: "\f1e0";
}

.icon-check-square::before {
    content: "\f1e1";
}

.icon-check-verified-01::before {
    content: "\f1e2";
}

.icon-check-verified-02::before {
    content: "\f1e3";
}

.icon-check-verified-03::before {
    content: "\f1e4";
}

.icon-check::before {
    content: "\f1e5";
}

.icon-chevron-down-double::before {
    content: "\f1e6";
}

.icon-chevron-down::before {
    content: "\f1e7";
}

.icon-chevron-left-double::before {
    content: "\f1e8";
}

.icon-chevron-left::before {
    content: "\f1e9";
}

.icon-chevron-right-double::before {
    content: "\f1ea";
}

.icon-chevron-right::before {
    content: "\f1eb";
}

.icon-chevron-selector-horizontal::before {
    content: "\f1ec";
}

.icon-chevron-selector-vertical::before {
    content: "\f1ed";
}

.icon-chevron-up-double::before {
    content: "\f1ee";
}

.icon-chevron-up::before {
    content: "\f1ef";
}

.icon-chrome-cast::before {
    content: "\f1f0";
}

.icon-circle-cut::before {
    content: "\f1f1";
}

.icon-circle::before {
    content: "\f1f2";
}

.icon-clapperboard::before {
    content: "\f1f3";
}

.icon-clipboard-attachment::before {
    content: "\f1f4";
}

.icon-clipboard-check::before {
    content: "\f1f5";
}

.icon-clipboard-download::before {
    content: "\f1f6";
}

.icon-clipboard-minus::before {
    content: "\f1f7";
}

.icon-clipboard-plus::before {
    content: "\f1f8";
}

.icon-clipboard-x::before {
    content: "\f1f9";
}

.icon-clipboard::before {
    content: "\f1fa";
}

.icon-clock-check::before {
    content: "\f1fb";
}

.icon-clock-fast-forward::before {
    content: "\f1fc";
}

.icon-clock-plus::before {
    content: "\f1fd";
}

.icon-clock-refresh::before {
    content: "\f1fe";
}

.icon-clock-rewind::before {
    content: "\f1ff";
}

.icon-clock-snooze::before {
    content: "\f200";
}

.icon-clock-stopwatch::before {
    content: "\f201";
}

.icon-clock::before {
    content: "\f202";
}

.icon-cloud-01::before {
    content: "\f203";
}

.icon-cloud-02::before {
    content: "\f204";
}

.icon-cloud-03::before {
    content: "\f205";
}

.icon-cloud-blank-01::before {
    content: "\f206";
}

.icon-cloud-blank-02::before {
    content: "\f207";
}

.icon-cloud-lightning::before {
    content: "\f208";
}

.icon-cloud-moon::before {
    content: "\f209";
}

.icon-cloud-off::before {
    content: "\f20a";
}

.icon-cloud-raining-01::before {
    content: "\f20b";
}

.icon-cloud-raining-02::before {
    content: "\f20c";
}

.icon-cloud-raining-03::before {
    content: "\f20d";
}

.icon-cloud-raining-04::before {
    content: "\f20e";
}

.icon-cloud-raining-05::before {
    content: "\f20f";
}

.icon-cloud-raining-06::before {
    content: "\f210";
}

.icon-cloud-snowing-01::before {
    content: "\f211";
}

.icon-cloud-snowing-02::before {
    content: "\f212";
}

.icon-cloud-sun-01::before {
    content: "\f213";
}

.icon-cloud-sun-02::before {
    content: "\f214";
}

.icon-cloud-sun-03::before {
    content: "\f215";
}

.icon-code-01::before {
    content: "\f216";
}

.icon-code-02::before {
    content: "\f217";
}

.icon-code-browser::before {
    content: "\f218";
}

.icon-code-circle-01::before {
    content: "\f219";
}

.icon-code-circle-02::before {
    content: "\f21a";
}

.icon-code-circle-03::before {
    content: "\f21b";
}

.icon-code-snippet-01::before {
    content: "\f21c";
}

.icon-code-snippet-02::before {
    content: "\f21d";
}

.icon-code-square-01::before {
    content: "\f21e";
}

.icon-code-square-02::before {
    content: "\f21f";
}

.icon-codepen::before {
    content: "\f220";
}

.icon-coins-01::before {
    content: "\f221";
}

.icon-coins-02::before {
    content: "\f222";
}

.icon-coins-03::before {
    content: "\f223";
}

.icon-coins-04::before {
    content: "\f224";
}

.icon-coins-hand::before {
    content: "\f225";
}

.icon-coins-stacked-01::before {
    content: "\f226";
}

.icon-coins-stacked-02::before {
    content: "\f227";
}

.icon-coins-stacked-03::before {
    content: "\f228";
}

.icon-coins-stacked-04::before {
    content: "\f229";
}

.icon-coins-swap-01::before {
    content: "\f22a";
}

.icon-coins-swap-02::before {
    content: "\f22b";
}

.icon-colors-1::before {
    content: "\f22c";
}

.icon-colors::before {
    content: "\f22d";
}

.icon-columns-01::before {
    content: "\f22e";
}

.icon-columns-02::before {
    content: "\f22f";
}

.icon-columns-03::before {
    content: "\f230";
}

.icon-command::before {
    content: "\f231";
}

.icon-compass-01::before {
    content: "\f232";
}

.icon-compass-02::before {
    content: "\f233";
}

.icon-compass-03::before {
    content: "\f234";
}

.icon-compass::before {
    content: "\f235";
}

.icon-container::before {
    content: "\f236";
}

.icon-contrast-01::before {
    content: "\f237";
}

.icon-contrast-02::before {
    content: "\f238";
}

.icon-contrast-03::before {
    content: "\f239";
}

.icon-copy-01::before {
    content: "\f23a";
}

.icon-copy-02::before {
    content: "\f23b";
}

.icon-copy-03::before {
    content: "\f23c";
}

.icon-copy-04::before {
    content: "\f23d";
}

.icon-copy-05::before {
    content: "\f23e";
}

.icon-copy-06::before {
    content: "\f23f";
}

.icon-copy-07::before {
    content: "\f240";
}

.icon-corner-down-left::before {
    content: "\f241";
}

.icon-corner-down-right::before {
    content: "\f242";
}

.icon-corner-left-down::before {
    content: "\f243";
}

.icon-corner-left-up::before {
    content: "\f244";
}

.icon-corner-right-down::before {
    content: "\f245";
}

.icon-corner-right-up::before {
    content: "\f246";
}

.icon-corner-up-left::before {
    content: "\f247";
}

.icon-corner-up-right::before {
    content: "\f248";
}

.icon-cpu-chip-01::before {
    content: "\f249";
}

.icon-cpu-chip-02::before {
    content: "\f24a";
}

.icon-credit-card-01::before {
    content: "\f24b";
}

.icon-credit-card-02::before {
    content: "\f24c";
}

.icon-credit-card-check::before {
    content: "\f24d";
}

.icon-credit-card-down::before {
    content: "\f24e";
}

.icon-credit-card-download::before {
    content: "\f24f";
}

.icon-credit-card-edit::before {
    content: "\f250";
}

.icon-credit-card-lock::before {
    content: "\f251";
}

.icon-credit-card-minus::before {
    content: "\f252";
}

.icon-credit-card-plus::before {
    content: "\f253";
}

.icon-credit-card-refresh::before {
    content: "\f254";
}

.icon-credit-card-search::before {
    content: "\f255";
}

.icon-credit-card-shield::before {
    content: "\f256";
}

.icon-credit-card-up::before {
    content: "\f257";
}

.icon-credit-card-upload::before {
    content: "\f258";
}

.icon-credit-card-x::before {
    content: "\f259";
}

.icon-crop-01::before {
    content: "\f25a";
}

.icon-crop-02::before {
    content: "\f25b";
}

.icon-cryptocurrency-01::before {
    content: "\f25c";
}

.icon-cryptocurrency-02::before {
    content: "\f25d";
}

.icon-cryptocurrency-03::before {
    content: "\f25e";
}

.icon-cryptocurrency-04::before {
    content: "\f25f";
}

.icon-cube-01::before {
    content: "\f260";
}

.icon-cube-02::before {
    content: "\f261";
}

.icon-cube-03::before {
    content: "\f262";
}

.icon-cube-04::before {
    content: "\f263";
}

.icon-cube-outline::before {
    content: "\f264";
}

.icon-currency-bitcoin-circle::before {
    content: "\f265";
}

.icon-currency-bitcoin::before {
    content: "\f266";
}

.icon-currency-dollar-circle::before {
    content: "\f267";
}

.icon-currency-dollar::before {
    content: "\f268";
}

.icon-currency-ethereum-circle::before {
    content: "\f269";
}

.icon-currency-ethereum::before {
    content: "\f26a";
}

.icon-currency-euro-circle::before {
    content: "\f26b";
}

.icon-currency-euro::before {
    content: "\f26c";
}

.icon-currency-pound-circle::before {
    content: "\f26d";
}

.icon-currency-pound::before {
    content: "\f26e";
}

.icon-currency-ruble-circle::before {
    content: "\f26f";
}

.icon-currency-ruble::before {
    content: "\f270";
}

.icon-currency-rupee-circle::before {
    content: "\f271";
}

.icon-currency-rupee::before {
    content: "\f272";
}

.icon-currency-yen-circle::before {
    content: "\f273";
}

.icon-currency-yen::before {
    content: "\f274";
}

.icon-cursor-01::before {
    content: "\f275";
}

.icon-cursor-02::before {
    content: "\f276";
}

.icon-cursor-03::before {
    content: "\f277";
}

.icon-cursor-04::before {
    content: "\f278";
}

.icon-cursor-box::before {
    content: "\f279";
}

.icon-cursor-click-01::before {
    content: "\f27a";
}

.icon-cursor-click-02::before {
    content: "\f27b";
}

.icon-data::before {
    content: "\f27c";
}

.icon-database-01::before {
    content: "\f27d";
}

.icon-database-02::before {
    content: "\f27e";
}

.icon-database-03::before {
    content: "\f27f";
}

.icon-dataflow-01::before {
    content: "\f280";
}

.icon-dataflow-02::before {
    content: "\f281";
}

.icon-dataflow-03::before {
    content: "\f282";
}

.icon-dataflow-04::before {
    content: "\f283";
}

.icon-delete::before {
    content: "\f284";
}

.icon-diamond-01::before {
    content: "\f285";
}

.icon-diamond-02::before {
    content: "\f286";
}

.icon-dice-1::before {
    content: "\f287";
}

.icon-dice-2::before {
    content: "\f288";
}

.icon-dice-3::before {
    content: "\f289";
}

.icon-dice-4::before {
    content: "\f28a";
}

.icon-dice-5::before {
    content: "\f28b";
}

.icon-dice-6::before {
    content: "\f28c";
}

.icon-disc-01::before {
    content: "\f28d";
}

.icon-disc-02::before {
    content: "\f28e";
}

.icon-distribute-spacing-horizontal::before {
    content: "\f28f";
}

.icon-distribute-spacing-vertical::before {
    content: "\f290";
}

.icon-divide-01::before {
    content: "\f291";
}

.icon-divide-02::before {
    content: "\f292";
}

.icon-divide-03::before {
    content: "\f293";
}

.icon-divider::before {
    content: "\f294";
}

.icon-dotpoints-01::before {
    content: "\f295";
}

.icon-dotpoints-02::before {
    content: "\f296";
}

.icon-dots-grid::before {
    content: "\f297";
}

.icon-dots-horizontal::before {
    content: "\f298";
}

.icon-dots-vertical::before {
    content: "\f299";
}

.icon-download-01::before {
    content: "\f29a";
}

.icon-download-02::before {
    content: "\f29b";
}

.icon-download-03::before {
    content: "\f29c";
}

.icon-download-04::before {
    content: "\f29d";
}

.icon-download-cloud-01::before {
    content: "\f29e";
}

.icon-download-cloud-02::before {
    content: "\f29f";
}

.icon-drop::before {
    content: "\f2a0";
}

.icon-droplets-01::before {
    content: "\f2a1";
}

.icon-droplets-02::before {
    content: "\f2a2";
}

.icon-droplets-03::before {
    content: "\f2a3";
}

.icon-dropper::before {
    content: "\f2a4";
}

.icon-edit-01::before {
    content: "\f2a5";
}

.icon-edit-02::before {
    content: "\f2a6";
}

.icon-edit-03::before {
    content: "\f2a7";
}

.icon-edit-04::before {
    content: "\f2a8";
}

.icon-edit-05::before {
    content: "\f2a9";
}

.icon-equal-not::before {
    content: "\f2aa";
}

.icon-equal::before {
    content: "\f2ab";
}

.icon-eraser::before {
    content: "\f2ac";
}

.icon-expand-01::before {
    content: "\f2ad";
}

.icon-expand-02::before {
    content: "\f2ae";
}

.icon-expand-03::before {
    content: "\f2af";
}

.icon-expand-04::before {
    content: "\f2b0";
}

.icon-expand-05::before {
    content: "\f2b1";
}

.icon-expand-06::before {
    content: "\f2b2";
}

.icon-eye-off::before {
    content: "\f2b3";
}

.icon-eye::before {
    content: "\f2b4";
}

.icon-face-content::before {
    content: "\f2b5";
}

.icon-face-frown::before {
    content: "\f2b6";
}

.icon-face-happy::before {
    content: "\f2b7";
}

.icon-face-id-square::before {
    content: "\f2b8";
}

.icon-face-id::before {
    content: "\f2b9";
}

.icon-face-neutral::before {
    content: "\f2ba";
}

.icon-face-sad::before {
    content: "\f2bb";
}

.icon-face-smile::before {
    content: "\f2bc";
}

.icon-face-wink::before {
    content: "\f2bd";
}

.icon-fast-backward::before {
    content: "\f2be";
}

.icon-fast-forward::before {
    content: "\f2bf";
}

.icon-feather::before {
    content: "\f2c0";
}

.icon-figma::before {
    content: "\f2c1";
}

.icon-file-01::before {
    content: "\f2c2";
}

.icon-file-02::before {
    content: "\f2c3";
}

.icon-file-03::before {
    content: "\f2c4";
}

.icon-file-04::before {
    content: "\f2c5";
}

.icon-file-05::before {
    content: "\f2c6";
}

.icon-file-06::before {
    content: "\f2c7";
}

.icon-file-07::before {
    content: "\f2c8";
}

.icon-file-attachment-01::before {
    content: "\f2c9";
}

.icon-file-attachment-02::before {
    content: "\f2ca";
}

.icon-file-attachment-03::before {
    content: "\f2cb";
}

.icon-file-attachment-04::before {
    content: "\f2cc";
}

.icon-file-attachment-05::before {
    content: "\f2cd";
}

.icon-file-check-01::before {
    content: "\f2ce";
}

.icon-file-check-02::before {
    content: "\f2cf";
}

.icon-file-check-03::before {
    content: "\f2d0";
}

.icon-file-code-01::before {
    content: "\f2d1";
}

.icon-file-code-02::before {
    content: "\f2d2";
}

.icon-file-download-01::before {
    content: "\f2d3";
}

.icon-file-download-02::before {
    content: "\f2d4";
}

.icon-file-download-03::before {
    content: "\f2d5";
}

.icon-file-heart-01::before {
    content: "\f2d6";
}

.icon-file-heart-02::before {
    content: "\f2d7";
}

.icon-file-heart-03::before {
    content: "\f2d8";
}

.icon-file-lock-01::before {
    content: "\f2d9";
}

.icon-file-lock-02::before {
    content: "\f2da";
}

.icon-file-lock-03::before {
    content: "\f2db";
}

.icon-file-minus-01::before {
    content: "\f2dc";
}

.icon-file-minus-02::before {
    content: "\f2dd";
}

.icon-file-minus-03::before {
    content: "\f2de";
}

.icon-file-plus-01::before {
    content: "\f2df";
}

.icon-file-plus-02::before {
    content: "\f2e0";
}

.icon-file-plus-03::before {
    content: "\f2e1";
}

.icon-file-question-01::before {
    content: "\f2e2";
}

.icon-file-question-02::before {
    content: "\f2e3";
}

.icon-file-question-03::before {
    content: "\f2e4";
}

.icon-file-search-01::before {
    content: "\f2e5";
}

.icon-file-search-02::before {
    content: "\f2e6";
}

.icon-file-search-03::before {
    content: "\f2e7";
}

.icon-file-shield-01::before {
    content: "\f2e8";
}

.icon-file-shield-02::before {
    content: "\f2e9";
}

.icon-file-shield-03::before {
    content: "\f2ea";
}

.icon-file-x-01::before {
    content: "\f2eb";
}

.icon-file-x-02::before {
    content: "\f2ec";
}

.icon-file-x-03::before {
    content: "\f2ed";
}

.icon-film-01::before {
    content: "\f2ee";
}

.icon-film-02::before {
    content: "\f2ef";
}

.icon-film-03::before {
    content: "\f2f0";
}

.icon-filter-funnel-01::before {
    content: "\f2f1";
}

.icon-filter-funnel-02::before {
    content: "\f2f2";
}

.icon-filter-lines::before {
    content: "\f2f3";
}

.icon-fingerprint-01::before {
    content: "\f2f4";
}

.icon-fingerprint-02::before {
    content: "\f2f5";
}

.icon-fingerprint-03::before {
    content: "\f2f6";
}

.icon-fingerprint-04::before {
    content: "\f2f7";
}

.icon-flag-01::before {
    content: "\f2f8";
}

.icon-flag-02::before {
    content: "\f2f9";
}

.icon-flag-03::before {
    content: "\f2fa";
}

.icon-flag-04::before {
    content: "\f2fb";
}

.icon-flag-05::before {
    content: "\f2fc";
}

.icon-flag-06::before {
    content: "\f2fd";
}

.icon-flash-off::before {
    content: "\f2fe";
}

.icon-flash::before {
    content: "\f2ff";
}

.icon-flex-align-bottom::before {
    content: "\f300";
}

.icon-flex-align-left::before {
    content: "\f301";
}

.icon-flex-align-right::before {
    content: "\f302";
}

.icon-flex-align-top::before {
    content: "\f303";
}

.icon-flip-backward::before {
    content: "\f304";
}

.icon-flip-forward::before {
    content: "\f305";
}

.icon-folder-check::before {
    content: "\f306";
}

.icon-folder-closed::before {
    content: "\f307";
}

.icon-folder-code::before {
    content: "\f308";
}

.icon-folder-download::before {
    content: "\f309";
}

.icon-folder-lock::before {
    content: "\f30a";
}

.icon-folder-minus::before {
    content: "\f30b";
}

.icon-folder-plus::before {
    content: "\f30c";
}

.icon-folder-question::before {
    content: "\f30d";
}

.icon-folder-search::before {
    content: "\f30e";
}

.icon-folder-shield::before {
    content: "\f30f";
}

.icon-folder-x::before {
    content: "\f310";
}

.icon-folder::before {
    content: "\f311";
}

.icon-framer::before {
    content: "\f312";
}

.icon-gaming-pad-01::before {
    content: "\f313";
}

.icon-gaming-pad-02::before {
    content: "\f314";
}

.icon-gift-01::before {
    content: "\f315";
}

.icon-gift-02::before {
    content: "\f316";
}

.icon-git-branch-01::before {
    content: "\f317";
}

.icon-git-branch-02::before {
    content: "\f318";
}

.icon-git-commit::before {
    content: "\f319";
}

.icon-git-merge::before {
    content: "\f31a";
}

.icon-git-pull-request::before {
    content: "\f31b";
}

.icon-glasses-01::before {
    content: "\f31c";
}

.icon-glasses-02::before {
    content: "\f31d";
}

.icon-globe-01::before {
    content: "\f31e";
}

.icon-globe-02::before {
    content: "\f31f";
}

.icon-globe-03::before {
    content: "\f320";
}

.icon-globe-04::before {
    content: "\f321";
}

.icon-globe-05::before {
    content: "\f322";
}

.icon-globe-06::before {
    content: "\f323";
}

.icon-globe-slated-01::before {
    content: "\f324";
}

.icon-globe-slated-02::before {
    content: "\f325";
}

.icon-google-chrome::before {
    content: "\f326";
}

.icon-graduation-hat-01::before {
    content: "\f327";
}

.icon-graduation-hat-02::before {
    content: "\f328";
}

.icon-grid-01::before {
    content: "\f329";
}

.icon-grid-02::before {
    content: "\f32a";
}

.icon-grid-03::before {
    content: "\f32b";
}

.icon-grid-dots-blank::before {
    content: "\f32c";
}

.icon-grid-dots-bottom::before {
    content: "\f32d";
}

.icon-grid-dots-horizontal-center::before {
    content: "\f32e";
}

.icon-grid-dots-left::before {
    content: "\f32f";
}

.icon-grid-dots-outer::before {
    content: "\f330";
}

.icon-grid-dots-right::before {
    content: "\f331";
}

.icon-grid-dots-top::before {
    content: "\f332";
}

.icon-grid-dots-vertical-center::before {
    content: "\f333";
}

.icon-hand::before {
    content: "\f334";
}

.icon-hard-drive::before {
    content: "\f335";
}

.icon-hash-01::before {
    content: "\f336";
}

.icon-hash-02::before {
    content: "\f337";
}

.icon-heading-01::before {
    content: "\f338";
}

.icon-heading-02::before {
    content: "\f339";
}

.icon-heading-square::before {
    content: "\f33a";
}

.icon-headphones-01::before {
    content: "\f33b";
}

.icon-headphones-02::before {
    content: "\f33c";
}

.icon-heart-circle::before {
    content: "\f33d";
}

.icon-heart-hand::before {
    content: "\f33e";
}

.icon-heart-hexagon::before {
    content: "\f33f";
}

.icon-heart-octagon::before {
    content: "\f340";
}

.icon-heart-rounded::before {
    content: "\f341";
}

.icon-heart-square::before {
    content: "\f342";
}

.icon-heart::before {
    content: "\f343";
}

.icon-hearts::before {
    content: "\f344";
}

.icon-help-circle::before {
    content: "\f345";
}

.icon-help-hexagon::before {
    content: "\f346";
}

.icon-help-octagon::before {
    content: "\f347";
}

.icon-help-square::before {
    content: "\f348";
}

.icon-hexagon-01::before {
    content: "\f349";
}

.icon-hexagon-02::before {
    content: "\f34a";
}

.icon-home-01::before {
    content: "\f34b";
}

.icon-home-02::before {
    content: "\f34c";
}

.icon-home-03::before {
    content: "\f34d";
}

.icon-home-04::before {
    content: "\f34e";
}

.icon-home-05::before {
    content: "\f34f";
}

.icon-home-line::before {
    content: "\f350";
}

.icon-home-smile::before {
    content: "\f351";
}

.icon-horizontal-bar-chart-01::before {
    content: "\f352";
}

.icon-horizontal-bar-chart-02::before {
    content: "\f353";
}

.icon-horizontal-bar-chart-03::before {
    content: "\f354";
}

.icon-hourglass-01::before {
    content: "\f355";
}

.icon-hourglass-02::before {
    content: "\f356";
}

.icon-hourglass-03::before {
    content: "\f357";
}

.icon-hurricane-01::before {
    content: "\f358";
}

.icon-hurricane-02::before {
    content: "\f359";
}

.icon-hurricane-03::before {
    content: "\f35a";
}

.icon-image-01::before {
    content: "\f35b";
}

.icon-image-02::before {
    content: "\f35c";
}

.icon-image-03::before {
    content: "\f35d";
}

.icon-image-04::before {
    content: "\f35e";
}

.icon-image-05::before {
    content: "\f35f";
}

.icon-image-check::before {
    content: "\f360";
}

.icon-image-down::before {
    content: "\f361";
}

.icon-image-indent-left::before {
    content: "\f362";
}

.icon-image-indent-right::before {
    content: "\f363";
}

.icon-image-left::before {
    content: "\f364";
}

.icon-image-plus::before {
    content: "\f365";
}

.icon-image-right::before {
    content: "\f366";
}

.icon-image-up::before {
    content: "\f367";
}

.icon-image-user-check::before {
    content: "\f368";
}

.icon-image-user-down::before {
    content: "\f369";
}

.icon-image-user-left::before {
    content: "\f36a";
}

.icon-image-user-plus::before {
    content: "\f36b";
}

.icon-image-user-right::before {
    content: "\f36c";
}

.icon-image-user-up::before {
    content: "\f36d";
}

.icon-image-user-x::before {
    content: "\f36e";
}

.icon-image-user::before {
    content: "\f36f";
}

.icon-image-x::before {
    content: "\f370";
}

.icon-inbox-01::before {
    content: "\f371";
}

.icon-inbox-02::before {
    content: "\f372";
}

.icon-infinity::before {
    content: "\f373";
}

.icon-info-circle::before {
    content: "\f374";
}

.icon-info-hexagon::before {
    content: "\f375";
}

.icon-info-octagon::before {
    content: "\f376";
}

.icon-info-square::before {
    content: "\f377";
}

.icon-intersect-circle::before {
    content: "\f378";
}

.icon-intersect-square::before {
    content: "\f379";
}

.icon-italic-01::before {
    content: "\f37a";
}

.icon-italic-02::before {
    content: "\f37b";
}

.icon-italic-square::before {
    content: "\f37c";
}

.icon-key-01::before {
    content: "\f37d";
}

.icon-key-02::before {
    content: "\f37e";
}

.icon-keyboard-01::before {
    content: "\f37f";
}

.icon-keyboard-02::before {
    content: "\f380";
}

.icon-laptop-01::before {
    content: "\f381";
}

.icon-laptop-02::before {
    content: "\f382";
}

.icon-layer-single::before {
    content: "\f383";
}

.icon-layers-three-01::before {
    content: "\f384";
}

.icon-layers-three-02::before {
    content: "\f385";
}

.icon-layers-two-01::before {
    content: "\f386";
}

.icon-layers-two-02::before {
    content: "\f387";
}

.icon-layout-alt-01::before {
    content: "\f388";
}

.icon-layout-alt-02::before {
    content: "\f389";
}

.icon-layout-alt-03::before {
    content: "\f38a";
}

.icon-layout-alt-04::before {
    content: "\f38b";
}

.icon-layout-bottom::before {
    content: "\f38c";
}

.icon-layout-grid-01::before {
    content: "\f38d";
}

.icon-layout-grid-02::before {
    content: "\f38e";
}

.icon-layout-left::before {
    content: "\f38f";
}

.icon-layout-right::before {
    content: "\f390";
}

.icon-layout-top::before {
    content: "\f391";
}

.icon-left-indent-01::before {
    content: "\f392";
}

.icon-left-indent-02::before {
    content: "\f393";
}

.icon-letter-spacing-01::before {
    content: "\f394";
}

.icon-letter-spacing-02::before {
    content: "\f395";
}

.icon-life-buoy-01::before {
    content: "\f396";
}

.icon-life-buoy-02::before {
    content: "\f397";
}

.icon-lightbulb-01::before {
    content: "\f398";
}

.icon-lightbulb-02::before {
    content: "\f399";
}

.icon-lightbulb-03::before {
    content: "\f39a";
}

.icon-lightbulb-04::before {
    content: "\f39b";
}

.icon-lightbulb-05::before {
    content: "\f39c";
}

.icon-lightning-01::before {
    content: "\f39d";
}

.icon-lightning-02::before {
    content: "\f39e";
}

.icon-line-chart-down-01::before {
    content: "\f39f";
}

.icon-line-chart-down-02::before {
    content: "\f3a0";
}

.icon-line-chart-down-03::before {
    content: "\f3a1";
}

.icon-line-chart-down-04::before {
    content: "\f3a2";
}

.icon-line-chart-down-05::before {
    content: "\f3a3";
}

.icon-line-chart-up-01::before {
    content: "\f3a4";
}

.icon-line-chart-up-02::before {
    content: "\f3a5";
}

.icon-line-chart-up-03::before {
    content: "\f3a6";
}

.icon-line-chart-up-04::before {
    content: "\f3a7";
}

.icon-line-chart-up-05::before {
    content: "\f3a8";
}

.icon-line-height::before {
    content: "\f3a9";
}

.icon-link-01::before {
    content: "\f3aa";
}

.icon-link-02::before {
    content: "\f3ab";
}

.icon-link-03::before {
    content: "\f3ac";
}

.icon-link-04::before {
    content: "\f3ad";
}

.icon-link-05::before {
    content: "\f3ae";
}

.icon-link-broken-01::before {
    content: "\f3af";
}

.icon-link-broken-02::before {
    content: "\f3b0";
}

.icon-link-external-01::before {
    content: "\f3b1";
}

.icon-link-external-02::before {
    content: "\f3b2";
}

.icon-list::before {
    content: "\f3b3";
}

.icon-loading-01::before {
    content: "\f3b4";
}

.icon-loading-02::before {
    content: "\f3b5";
}

.icon-loading-03::before {
    content: "\f3b6";
}

.icon-lock-01::before {
    content: "\f3b7";
}

.icon-lock-02::before {
    content: "\f3b8";
}

.icon-lock-03::before {
    content: "\f3b9";
}

.icon-lock-04::before {
    content: "\f3ba";
}

.icon-lock-keyhole-circle::before {
    content: "\f3bb";
}

.icon-lock-keyhole-square::before {
    content: "\f3bc";
}

.icon-lock-unlocked-01::before {
    content: "\f3bd";
}

.icon-lock-unlocked-02::before {
    content: "\f3be";
}

.icon-lock-unlocked-03::before {
    content: "\f3bf";
}

.icon-lock-unlocked-04::before {
    content: "\f3c0";
}

.icon-lock::before {
    content: "\f3c1";
}

.icon-log-in-01::before {
    content: "\f3c2";
}

.icon-log-in-02::before {
    content: "\f3c3";
}

.icon-log-in-03::before {
    content: "\f3c4";
}

.icon-log-in-04::before {
    content: "\f3c5";
}

.icon-log-out-01::before {
    content: "\f3c6";
}

.icon-log-out-02::before {
    content: "\f3c7";
}

.icon-log-out-03::before {
    content: "\f3c8";
}

.icon-log-out-04::before {
    content: "\f3c9";
}

.icon-luggage-01::before {
    content: "\f3ca";
}

.icon-luggage-02::before {
    content: "\f3cb";
}

.icon-luggage-03::before {
    content: "\f3cc";
}

.icon-magic-wand-01::before {
    content: "\f3cd";
}

.icon-magic-wand-02::before {
    content: "\f3ce";
}

.icon-mail-01::before {
    content: "\f3cf";
}

.icon-mail-02::before {
    content: "\f3d0";
}

.icon-mail-03::before {
    content: "\f3d1";
}

.icon-mail-04::before {
    content: "\f3d2";
}

.icon-mail-05::before {
    content: "\f3d3";
}

.icon-map-01::before {
    content: "\f3d4";
}

.icon-map-02::before {
    content: "\f3d5";
}

.icon-mark::before {
    content: "\f3d6";
}

.icon-marker-pin-01::before {
    content: "\f3d7";
}

.icon-marker-pin-02::before {
    content: "\f3d8";
}

.icon-marker-pin-03::before {
    content: "\f3d9";
}

.icon-marker-pin-04::before {
    content: "\f3da";
}

.icon-marker-pin-05::before {
    content: "\f3db";
}

.icon-marker-pin-06::before {
    content: "\f3dc";
}

.icon-maximize-01::before {
    content: "\f3dd";
}

.icon-maximize-02::before {
    content: "\f3de";
}

.icon-medical-circle::before {
    content: "\f3df";
}

.icon-medical-cross::before {
    content: "\f3e0";
}

.icon-medical-square::before {
    content: "\f3e1";
}

.icon-menu-01::before {
    content: "\f3e2";
}

.icon-menu-02::before {
    content: "\f3e3";
}

.icon-menu-03::before {
    content: "\f3e4";
}

.icon-menu-04::before {
    content: "\f3e5";
}

.icon-menu-05::before {
    content: "\f3e6";
}

.icon-message-alert-circle::before {
    content: "\f3e7";
}

.icon-message-alert-square::before {
    content: "\f3e8";
}

.icon-message-chat-circle::before {
    content: "\f3e9";
}

.icon-message-chat-square::before {
    content: "\f3ea";
}

.icon-message-check-circle::before {
    content: "\f3eb";
}

.icon-message-check-square::before {
    content: "\f3ec";
}

.icon-message-circle-01::before {
    content: "\f3ed";
}

.icon-message-circle-02::before {
    content: "\f3ee";
}

.icon-message-dots-circle::before {
    content: "\f3ef";
}

.icon-message-dots-square::before {
    content: "\f3f0";
}

.icon-message-heart-circle::before {
    content: "\f3f1";
}

.icon-message-heart-square::before {
    content: "\f3f2";
}

.icon-message-notification-circle::before {
    content: "\f3f3";
}

.icon-message-notification-square::before {
    content: "\f3f4";
}

.icon-message-plus-circle::before {
    content: "\f3f5";
}

.icon-message-plus-square::before {
    content: "\f3f6";
}

.icon-message-question-circle::before {
    content: "\f3f7";
}

.icon-message-question-square::before {
    content: "\f3f8";
}

.icon-message-smile-circle::before {
    content: "\f3f9";
}

.icon-message-smile-square::before {
    content: "\f3fa";
}

.icon-message-square-01::before {
    content: "\f3fb";
}

.icon-message-square-02::before {
    content: "\f3fc";
}

.icon-message-text-circle-01::before {
    content: "\f3fd";
}

.icon-message-text-circle-02::before {
    content: "\f3fe";
}

.icon-message-text-square-01::before {
    content: "\f3ff";
}

.icon-message-text-square-02::before {
    content: "\f400";
}

.icon-message-x-circle::before {
    content: "\f401";
}

.icon-message-x-square::before {
    content: "\f402";
}

.icon-microphone-01::before {
    content: "\f403";
}

.icon-microphone-02::before {
    content: "\f404";
}

.icon-microphone-off-01::before {
    content: "\f405";
}

.icon-microphone-off-02::before {
    content: "\f406";
}

.icon-microscope::before {
    content: "\f407";
}

.icon-minimize-01::before {
    content: "\f408";
}

.icon-minimize-02::before {
    content: "\f409";
}

.icon-minus-circle::before {
    content: "\f40a";
}

.icon-minus-square::before {
    content: "\f40b";
}

.icon-minus::before {
    content: "\f40c";
}

.icon-modem-01::before {
    content: "\f40d";
}

.icon-modem-02::before {
    content: "\f40e";
}

.icon-monitor-01::before {
    content: "\f40f";
}

.icon-monitor-02::before {
    content: "\f410";
}

.icon-monitor-03::before {
    content: "\f411";
}

.icon-monitor-04::before {
    content: "\f412";
}

.icon-monitor-05::before {
    content: "\f413";
}

.icon-moon-01::before {
    content: "\f414";
}

.icon-moon-02::before {
    content: "\f415";
}

.icon-moon-eclipse::before {
    content: "\f416";
}

.icon-moon-star::before {
    content: "\f417";
}

.icon-mouse::before {
    content: "\f418";
}

.icon-move::before {
    content: "\f419";
}

.icon-music-note-01::before {
    content: "\f41a";
}

.icon-music-note-02::before {
    content: "\f41b";
}

.icon-music-note-plus::before {
    content: "\f41c";
}

.icon-navigation-pointer-01::before {
    content: "\f41d";
}

.icon-navigation-pointer-02::before {
    content: "\f41e";
}

.icon-navigation-pointer-off-01::before {
    content: "\f41f";
}

.icon-navigation-pointer-off-02::before {
    content: "\f420";
}

.icon-notification-box::before {
    content: "\f421";
}

.icon-notification-message::before {
    content: "\f422";
}

.icon-notification-text::before {
    content: "\f423";
}

.icon-octagon::before {
    content: "\f424";
}

.icon-package-check::before {
    content: "\f425";
}

.icon-package-minus::before {
    content: "\f426";
}

.icon-package-plus::before {
    content: "\f427";
}

.icon-package-search::before {
    content: "\f428";
}

.icon-package-x::before {
    content: "\f429";
}

.icon-package::before {
    content: "\f42a";
}

.icon-paint-pour::before {
    content: "\f42b";
}

.icon-paint::before {
    content: "\f42c";
}

.icon-palette::before {
    content: "\f42d";
}

.icon-paperclip::before {
    content: "\f42e";
}

.icon-paragraph-spacing::before {
    content: "\f42f";
}

.icon-paragraph-wrap::before {
    content: "\f430";
}

.icon-passcode-lock::before {
    content: "\f431";
}

.icon-passcode::before {
    content: "\f432";
}

.icon-passport::before {
    content: "\f433";
}

.icon-pause-circle::before {
    content: "\f434";
}

.icon-pause-square::before {
    content: "\f435";
}

.icon-pen-tool-01::before {
    content: "\f436";
}

.icon-pen-tool-02::before {
    content: "\f437";
}

.icon-pen-tool-minus::before {
    content: "\f438";
}

.icon-pen-tool-plus::before {
    content: "\f439";
}

.icon-pencil-01::before {
    content: "\f43a";
}

.icon-pencil-02::before {
    content: "\f43b";
}

.icon-pencil-line::before {
    content: "\f43c";
}

.icon-pentagon::before {
    content: "\f43d";
}

.icon-percent-01::before {
    content: "\f43e";
}

.icon-percent-02::before {
    content: "\f43f";
}

.icon-percent-03::before {
    content: "\f440";
}

.icon-perspective-01::before {
    content: "\f441";
}

.icon-perspective-02::before {
    content: "\f442";
}

.icon-phone-01::before {
    content: "\f443";
}

.icon-phone-02::before {
    content: "\f444";
}

.icon-phone-call-01::before {
    content: "\f445";
}

.icon-phone-call-02::before {
    content: "\f446";
}

.icon-phone-hang-up::before {
    content: "\f447";
}

.icon-phone-incoming-01::before {
    content: "\f448";
}

.icon-phone-incoming-02::before {
    content: "\f449";
}

.icon-phone-outgoing-01::before {
    content: "\f44a";
}

.icon-phone-outgoing-02::before {
    content: "\f44b";
}

.icon-phone-pause::before {
    content: "\f44c";
}

.icon-phone-plus::before {
    content: "\f44d";
}

.icon-phone-x::before {
    content: "\f44e";
}

.icon-phone::before {
    content: "\f44f";
}

.icon-pie-chart-01::before {
    content: "\f450";
}

.icon-pie-chart-02::before {
    content: "\f451";
}

.icon-pie-chart-03::before {
    content: "\f452";
}

.icon-pie-chart-04::before {
    content: "\f453";
}

.icon-piggy-bank-01::before {
    content: "\f454";
}

.icon-piggy-bank-02::before {
    content: "\f455";
}

.icon-pilcrow-01::before {
    content: "\f456";
}

.icon-pilcrow-02::before {
    content: "\f457";
}

.icon-pilcrow-square::before {
    content: "\f458";
}

.icon-pin-01::before {
    content: "\f459";
}

.icon-pin-02::before {
    content: "\f45a";
}

.icon-placeholder::before {
    content: "\f45b";
}

.icon-plane::before {
    content: "\f45c";
}

.icon-play-circle::before {
    content: "\f45d";
}

.icon-play-square::before {
    content: "\f45e";
}

.icon-play::before {
    content: "\f45f";
}

.icon-plus-circle::before {
    content: "\f460";
}

.icon-plus-square::before {
    content: "\f461";
}

.icon-plus::before {
    content: "\f462";
}

.icon-podcast::before {
    content: "\f463";
}

.icon-power-01::before {
    content: "\f464";
}

.icon-power-02::before {
    content: "\f465";
}

.icon-power-03::before {
    content: "\f466";
}

.icon-presentation-chart-01::before {
    content: "\f467";
}

.icon-presentation-chart-02::before {
    content: "\f468";
}

.icon-presentation-chart-03::before {
    content: "\f469";
}

.icon-printer::before {
    content: "\f46a";
}

.icon-puzzle-piece-01::before {
    content: "\f46b";
}

.icon-puzzle-piece-02::before {
    content: "\f46c";
}

.icon-qr-code-01::before {
    content: "\f46d";
}

.icon-qr-code-02::before {
    content: "\f46e";
}

.icon-receipt-check::before {
    content: "\f46f";
}

.icon-receipt::before {
    content: "\f470";
}

.icon-recording-01::before {
    content: "\f471";
}

.icon-recording-02::before {
    content: "\f472";
}

.icon-recording-03::before {
    content: "\f473";
}

.icon-reflect-01::before {
    content: "\f474";
}

.icon-reflect-02::before {
    content: "\f475";
}

.icon-refresh-ccw-01::before {
    content: "\f476";
}

.icon-refresh-ccw-02::before {
    content: "\f477";
}

.icon-refresh-ccw-03::before {
    content: "\f478";
}

.icon-refresh-ccw-04::before {
    content: "\f479";
}

.icon-refresh-ccw-05::before {
    content: "\f47a";
}

.icon-refresh-cw-01::before {
    content: "\f47b";
}

.icon-refresh-cw-02::before {
    content: "\f47c";
}

.icon-refresh-cw-03::before {
    content: "\f47d";
}

.icon-refresh-cw-04::before {
    content: "\f47e";
}

.icon-refresh-cw-05::before {
    content: "\f47f";
}

.icon-repeat-01::before {
    content: "\f480";
}

.icon-repeat-02::before {
    content: "\f481";
}

.icon-repeat-03::before {
    content: "\f482";
}

.icon-repeat-04::before {
    content: "\f483";
}

.icon-reverse-left::before {
    content: "\f484";
}

.icon-reverse-right::before {
    content: "\f485";
}

.icon-right-indent-01::before {
    content: "\f486";
}

.icon-right-indent-02::before {
    content: "\f487";
}

.icon-rocket-01::before {
    content: "\f488";
}

.icon-rocket-02::before {
    content: "\f489";
}

.icon-roller-brush::before {
    content: "\f48a";
}

.icon-route::before {
    content: "\f48b";
}

.icon-rows-01::before {
    content: "\f48c";
}

.icon-rows-02::before {
    content: "\f48d";
}

.icon-rows-03::before {
    content: "\f48e";
}

.icon-rss-01::before {
    content: "\f48f";
}

.icon-rss-02::before {
    content: "\f490";
}

.icon-ruler::before {
    content: "\f491";
}

.icon-safe::before {
    content: "\f492";
}

.icon-sale-01::before {
    content: "\f493";
}

.icon-sale-02::before {
    content: "\f494";
}

.icon-sale-03::before {
    content: "\f495";
}

.icon-sale-04::before {
    content: "\f496";
}

.icon-save-01::before {
    content: "\f497";
}

.icon-save-02::before {
    content: "\f498";
}

.icon-save-03::before {
    content: "\f499";
}

.icon-scale-01::before {
    content: "\f49a";
}

.icon-scale-02::before {
    content: "\f49b";
}

.icon-scale-03::before {
    content: "\f49c";
}

.icon-scales-01::before {
    content: "\f49d";
}

.icon-scales-02::before {
    content: "\f49e";
}

.icon-scan::before {
    content: "\f49f";
}

.icon-scissors-01::before {
    content: "\f4a0";
}

.icon-scissors-02::before {
    content: "\f4a1";
}

.icon-scissors-cut-01::before {
    content: "\f4a2";
}

.icon-scissors-cut-02::before {
    content: "\f4a3";
}

.icon-search-lg::before {
    content: "\f4a4";
}

.icon-search-md::before {
    content: "\f4a5";
}

.icon-search-refraction::before {
    content: "\f4a6";
}

.icon-search-sm::before {
    content: "\f4a7";
}

.icon-send-01::before {
    content: "\f4a8";
}

.icon-send-02::before {
    content: "\f4a9";
}

.icon-send-03::before {
    content: "\f4aa";
}

.icon-server-01::before {
    content: "\f4ab";
}

.icon-server-02::before {
    content: "\f4ac";
}

.icon-server-03::before {
    content: "\f4ad";
}

.icon-server-04::before {
    content: "\f4ae";
}

.icon-server-05::before {
    content: "\f4af";
}

.icon-server-06::before {
    content: "\f4b0";
}

.icon-settings-01::before {
    content: "\f4b1";
}

.icon-settings-02::before {
    content: "\f4b2";
}

.icon-settings-03::before {
    content: "\f4b3";
}

.icon-settings-04::before {
    content: "\f4b4";
}

.icon-share-01::before {
    content: "\f4b5";
}

.icon-share-02::before {
    content: "\f4b6";
}

.icon-share-03::before {
    content: "\f4b7";
}

.icon-share-04::before {
    content: "\f4b8";
}

.icon-share-05::before {
    content: "\f4b9";
}

.icon-share-06::before {
    content: "\f4ba";
}

.icon-share-07::before {
    content: "\f4bb";
}

.icon-shield-01::before {
    content: "\f4bc";
}

.icon-shield-02::before {
    content: "\f4bd";
}

.icon-shield-03::before {
    content: "\f4be";
}

.icon-shield-dollar::before {
    content: "\f4bf";
}

.icon-shield-off::before {
    content: "\f4c0";
}

.icon-shield-plus::before {
    content: "\f4c1";
}

.icon-shield-tick::before {
    content: "\f4c2";
}

.icon-shield-zap::before {
    content: "\f4c3";
}

.icon-shopping-bag-01::before {
    content: "\f4c4";
}

.icon-shopping-bag-02::before {
    content: "\f4c5";
}

.icon-shopping-bag-03::before {
    content: "\f4c6";
}

.icon-shopping-cart-01::before {
    content: "\f4c7";
}

.icon-shopping-cart-02::before {
    content: "\f4c8";
}

.icon-shopping-cart-03::before {
    content: "\f4c9";
}

.icon-shuffle-01::before {
    content: "\f4ca";
}

.icon-shuffle-02::before {
    content: "\f4cb";
}

.icon-signal-01::before {
    content: "\f4cc";
}

.icon-signal-02::before {
    content: "\f4cd";
}

.icon-signal-03::before {
    content: "\f4ce";
}

.icon-simcard::before {
    content: "\f4cf";
}

.icon-skew::before {
    content: "\f4d0";
}

.icon-skip-back::before {
    content: "\f4d1";
}

.icon-skip-forward::before {
    content: "\f4d2";
}

.icon-slash-circle-01::before {
    content: "\f4d3";
}

.icon-slash-circle-02::before {
    content: "\f4d4";
}

.icon-slash-divider::before {
    content: "\f4d5";
}

.icon-slash-octagon::before {
    content: "\f4d6";
}

.icon-sliders-01::before {
    content: "\f4d7";
}

.icon-sliders-02::before {
    content: "\f4d8";
}

.icon-sliders-03::before {
    content: "\f4d9";
}

.icon-sliders-04::before {
    content: "\f4da";
}

.icon-snowflake-01::before {
    content: "\f4db";
}

.icon-snowflake-02::before {
    content: "\f4dc";
}

.icon-spacing-height-01::before {
    content: "\f4dd";
}

.icon-spacing-height-02::before {
    content: "\f4de";
}

.icon-spacing-width-01::before {
    content: "\f4df";
}

.icon-spacing-width-02::before {
    content: "\f4e0";
}

.icon-speaker-01::before {
    content: "\f4e1";
}

.icon-speaker-02::before {
    content: "\f4e2";
}

.icon-speaker-03::before {
    content: "\f4e3";
}

.icon-speedometer-01::before {
    content: "\f4e4";
}

.icon-speedometer-02::before {
    content: "\f4e5";
}

.icon-speedometer-03::before {
    content: "\f4e6";
}

.icon-speedometer-04::before {
    content: "\f4e7";
}

.icon-square::before {
    content: "\f4e8";
}

.icon-stand::before {
    content: "\f4e9";
}

.icon-star-01::before {
    content: "\f4ea";
}

.icon-star-02::before {
    content: "\f4eb";
}

.icon-star-03::before {
    content: "\f4ec";
}

.icon-star-04::before {
    content: "\f4ed";
}

.icon-star-05::before {
    content: "\f4ee";
}

.icon-star-06::before {
    content: "\f4ef";
}

.icon-star-07::before {
    content: "\f4f0";
}

.icon-stars-01::before {
    content: "\f4f1";
}

.icon-stars-02::before {
    content: "\f4f2";
}

.icon-stars-03::before {
    content: "\f4f3";
}

.icon-sticker-circle::before {
    content: "\f4f4";
}

.icon-sticker-square::before {
    content: "\f4f5";
}

.icon-stop-circle::before {
    content: "\f4f6";
}

.icon-stop-square::before {
    content: "\f4f7";
}

.icon-stop::before {
    content: "\f4f8";
}

.icon-strikethrough-01::before {
    content: "\f4f9";
}

.icon-strikethrough-02::before {
    content: "\f4fa";
}

.icon-strikethrough-square::before {
    content: "\f4fb";
}

.icon-subscript::before {
    content: "\f4fc";
}

.icon-sun-setting-01::before {
    content: "\f4fd";
}

.icon-sun-setting-02::before {
    content: "\f4fe";
}

.icon-sun-setting-03::before {
    content: "\f4ff";
}

.icon-sun::before {
    content: "\f500";
}

.icon-sunrise::before {
    content: "\f501";
}

.icon-sunset::before {
    content: "\f502";
}

.icon-switch-horizontal-01::before {
    content: "\f503";
}

.icon-switch-horizontal-02::before {
    content: "\f504";
}

.icon-switch-vertical-01::before {
    content: "\f505";
}

.icon-switch-vertical-02::before {
    content: "\f506";
}

.icon-table::before {
    content: "\f507";
}

.icon-tablet-01::before {
    content: "\f508";
}

.icon-tablet-02::before {
    content: "\f509";
}

.icon-tag-01::before {
    content: "\f50a";
}

.icon-tag-02::before {
    content: "\f50b";
}

.icon-tag-03::before {
    content: "\f50c";
}

.icon-target-01::before {
    content: "\f50d";
}

.icon-target-02::before {
    content: "\f50e";
}

.icon-target-03::before {
    content: "\f50f";
}

.icon-target-04::before {
    content: "\f510";
}

.icon-target-05::before {
    content: "\f511";
}

.icon-telescope::before {
    content: "\f512";
}

.icon-terminal-browser::before {
    content: "\f513";
}

.icon-terminal-circle::before {
    content: "\f514";
}

.icon-terminal-square::before {
    content: "\f515";
}

.icon-terminal::before {
    content: "\f516";
}

.icon-text-input::before {
    content: "\f517";
}

.icon-thermometer-01::before {
    content: "\f518";
}

.icon-thermometer-02::before {
    content: "\f519";
}

.icon-thermometer-03::before {
    content: "\f51a";
}

.icon-thermometer-cold::before {
    content: "\f51b";
}

.icon-thermometer-warm::before {
    content: "\f51c";
}

.icon-thumbs-down::before {
    content: "\f51d";
}

.icon-thumbs-up::before {
    content: "\f51e";
}

.icon-ticket-01::before {
    content: "\f51f";
}

.icon-ticket-02::before {
    content: "\f520";
}

.icon-toggle-01-left::before {
    content: "\f521";
}

.icon-toggle-01-right::before {
    content: "\f522";
}

.icon-toggle-02-left::before {
    content: "\f523";
}

.icon-toggle-02-right::before {
    content: "\f524";
}

.icon-toggle-03-left::before {
    content: "\f525";
}

.icon-toggle-03-right::before {
    content: "\f526";
}

.icon-tool-01::before {
    content: "\f527";
}

.icon-tool-02::before {
    content: "\f528";
}

.icon-train::before {
    content: "\f529";
}

.icon-tram::before {
    content: "\f52a";
}

.icon-transform::before {
    content: "\f52b";
}

.icon-translate-01::before {
    content: "\f52c";
}

.icon-translate-02::before {
    content: "\f52d";
}

.icon-trash-01::before {
    content: "\f52e";
}

.icon-trash-02::before {
    content: "\f52f";
}

.icon-trash-03::before {
    content: "\f530";
}

.icon-trash-04::before {
    content: "\f531";
}

.icon-trend-down-01::before {
    content: "\f532";
}

.icon-trend-down-02::before {
    content: "\f533";
}

.icon-trend-up-01::before {
    content: "\f534";
}

.icon-trend-up-02::before {
    content: "\f535";
}

.icon-triangle::before {
    content: "\f536";
}

.icon-trophy-01::before {
    content: "\f537";
}

.icon-trophy-02::before {
    content: "\f538";
}

.icon-truck-01::before {
    content: "\f539";
}

.icon-truck-02::before {
    content: "\f53a";
}

.icon-tv-01::before {
    content: "\f53b";
}

.icon-tv-02::before {
    content: "\f53c";
}

.icon-tv-03::before {
    content: "\f53d";
}

.icon-type-01::before {
    content: "\f53e";
}

.icon-type-02::before {
    content: "\f53f";
}

.icon-type-square::before {
    content: "\f540";
}

.icon-type-strikethrough-01::before {
    content: "\f541";
}

.icon-type-strikethrough-02::before {
    content: "\f542";
}

.icon-umbrella-01::before {
    content: "\f543";
}

.icon-umbrella-02::before {
    content: "\f544";
}

.icon-umbrella-03::before {
    content: "\f545";
}

.icon-underline-01::before {
    content: "\f546";
}

.icon-underline-02::before {
    content: "\f547";
}

.icon-underline-square::before {
    content: "\f548";
}

.icon-upload-01::before {
    content: "\f549";
}

.icon-upload-02::before {
    content: "\f54a";
}

.icon-upload-03::before {
    content: "\f54b";
}

.icon-upload-04::before {
    content: "\f54c";
}

.icon-upload-cloud-01::before {
    content: "\f54d";
}

.icon-upload-cloud-02::before {
    content: "\f54e";
}

.icon-usb-flash-drive::before {
    content: "\f54f";
}

.icon-user-01::before {
    content: "\f550";
}

.icon-user-02::before {
    content: "\f551";
}

.icon-user-03::before {
    content: "\f552";
}

.icon-user-check-01::before {
    content: "\f553";
}

.icon-user-check-02::before {
    content: "\f554";
}

.icon-user-circle::before {
    content: "\f555";
}

.icon-user-down-01::before {
    content: "\f556";
}

.icon-user-down-02::before {
    content: "\f557";
}

.icon-user-edit::before {
    content: "\f558";
}

.icon-user-left-01::before {
    content: "\f559";
}

.icon-user-left-02::before {
    content: "\f55a";
}

.icon-user-minus-01::before {
    content: "\f55b";
}

.icon-user-minus-02::before {
    content: "\f55c";
}

.icon-user-plus-01::before {
    content: "\f55d";
}

.icon-user-plus-02::before {
    content: "\f55e";
}

.icon-user-right-01::before {
    content: "\f55f";
}

.icon-user-right-02::before {
    content: "\f560";
}

.icon-user-square::before {
    content: "\f561";
}

.icon-user-up-01::before {
    content: "\f562";
}

.icon-user-up-02::before {
    content: "\f563";
}

.icon-user-x-01::before {
    content: "\f564";
}

.icon-user-x-02::before {
    content: "\f565";
}

.icon-users-01::before {
    content: "\f566";
}

.icon-users-02::before {
    content: "\f567";
}

.icon-users-03::before {
    content: "\f568";
}

.icon-users-check::before {
    content: "\f569";
}

.icon-users-down::before {
    content: "\f56a";
}

.icon-users-edit::before {
    content: "\f56b";
}

.icon-users-left::before {
    content: "\f56c";
}

.icon-users-minus::before {
    content: "\f56d";
}

.icon-users-plus::before {
    content: "\f56e";
}

.icon-users-right::before {
    content: "\f56f";
}

.icon-users-up::before {
    content: "\f570";
}

.icon-users-x::before {
    content: "\f571";
}

.icon-variable::before {
    content: "\f572";
}

.icon-video-recorder-off::before {
    content: "\f573";
}

.icon-video-recorder::before {
    content: "\f574";
}

.icon-virus::before {
    content: "\f575";
}

.icon-voicemail::before {
    content: "\f576";
}

.icon-volume-max::before {
    content: "\f577";
}

.icon-volume-min::before {
    content: "\f578";
}

.icon-volume-minus::before {
    content: "\f579";
}

.icon-volume-plus::before {
    content: "\f57a";
}

.icon-volume-x::before {
    content: "\f57b";
}

.icon-wallet-01::before {
    content: "\f57c";
}

.icon-wallet-02::before {
    content: "\f57d";
}

.icon-wallet-03::before {
    content: "\f57e";
}

.icon-wallet-04::before {
    content: "\f57f";
}

.icon-wallet-05::before {
    content: "\f580";
}

.icon-watch-circle::before {
    content: "\f581";
}

.icon-watch-square::before {
    content: "\f582";
}

.icon-waves::before {
    content: "\f583";
}

.icon-webcam-01::before {
    content: "\f584";
}

.icon-webcam-02::before {
    content: "\f585";
}

.icon-wifi-off::before {
    content: "\f586";
}

.icon-wifi::before {
    content: "\f587";
}

.icon-wind-01::before {
    content: "\f588";
}

.icon-wind-02::before {
    content: "\f589";
}

.icon-wind-03::before {
    content: "\f58a";
}

.icon-x-circle::before {
    content: "\f58b";
}

.icon-x-close::before {
    content: "\f58c";
}

.icon-x-square::before {
    content: "\f58d";
}

.icon-x::before {
    content: "\f58e";
}

.icon-youtube::before {
    content: "\f58f";
}

.icon-zap-circle::before {
    content: "\f590";
}

.icon-zap-fast::before {
    content: "\f591";
}

.icon-zap-off::before {
    content: "\f592";
}

.icon-zap-square::before {
    content: "\f593";
}

.icon-zap::before {
    content: "\f594";
}

.icon-zoom-in::before {
    content: "\f595";
}

.icon-zoom-out::before {
    content: "\f596";
}

.u-none {
    display: none;
}

@media only screen and (min-width: 480px) {
    .u-xs\:none {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:none {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:none {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:none {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:none {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:none {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:none {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:none {
        display: none;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:none {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:none {
        display: none;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:none {
        display: none;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:none {
        display: none;
    }
}

.u-inline {
    display: inline;
}

@media only screen and (min-width: 480px) {
    .u-xs\:inline {
        display: inline;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:inline {
        display: inline;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:inline {
        display: inline;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:inline {
        display: inline;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:inline {
        display: inline;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:inline {
        display: inline;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:inline {
        display: inline;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:inline {
        display: inline;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:inline {
        display: inline;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:inline {
        display: inline;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:inline {
        display: inline;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:inline {
        display: inline;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:inline-block {
        display: inline-block;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:inline-block {
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:inline-block {
        display: inline-block;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:inline-block {
        display: inline-block;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:inline-block {
        display: inline-block;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:inline-block {
        display: inline-block;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:inline-block {
        display: inline-block;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:inline-block {
        display: inline-block;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:inline-block {
        display: inline-block;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:inline-block {
        display: inline-block;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:inline-block {
        display: inline-block;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:inline-block {
        display: inline-block;
    }
}

.u-block {
    display: block;
}

@media only screen and (min-width: 480px) {
    .u-xs\:block {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:block {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:block {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:block {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:block {
        display: block;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:block {
        display: block;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:block {
        display: block;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:block {
        display: block;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:block {
        display: block;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:block {
        display: block;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:block {
        display: block;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:block {
        display: block;
    }
}

.u-grid {
    display: grid;
}

@media only screen and (min-width: 480px) {
    .u-xs\:grid {
        display: grid;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:grid {
        display: grid;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:grid {
        display: grid;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:grid {
        display: grid;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:grid {
        display: grid;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:grid {
        display: grid;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:grid {
        display: grid;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:grid {
        display: grid;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:grid {
        display: grid;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:grid {
        display: grid;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:grid {
        display: grid;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:grid {
        display: grid;
    }
}

.u-inline-grid {
    display: inline-grid;
}

@media only screen and (min-width: 480px) {
    .u-xs\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:inline-grid {
        display: inline-grid;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:inline-grid {
        display: inline-grid;
    }
}

.u-table {
    display: table;
}

@media only screen and (min-width: 480px) {
    .u-xs\:table {
        display: table;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:table {
        display: table;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:table {
        display: table;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:table {
        display: table;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:table {
        display: table;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:table {
        display: table;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:table {
        display: table;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:table {
        display: table;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:table {
        display: table;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:table {
        display: table;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:table {
        display: table;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:table {
        display: table;
    }
}

.u-table-cell {
    display: table-cell;
}

@media only screen and (min-width: 480px) {
    .u-xs\:table-cell {
        display: table-cell;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:table-cell {
        display: table-cell;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:table-cell {
        display: table-cell;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:table-cell {
        display: table-cell;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:table-cell {
        display: table-cell;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:table-cell {
        display: table-cell;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:table-cell {
        display: table-cell;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:table-cell {
        display: table-cell;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:table-cell {
        display: table-cell;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:table-cell {
        display: table-cell;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:table-cell {
        display: table-cell;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:table-cell {
        display: table-cell;
    }
}

.u-table-row {
    display: table-row;
}

@media only screen and (min-width: 480px) {
    .u-xs\:table-row {
        display: table-row;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:table-row {
        display: table-row;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:table-row {
        display: table-row;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:table-row {
        display: table-row;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:table-row {
        display: table-row;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:table-row {
        display: table-row;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:table-row {
        display: table-row;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:table-row {
        display: table-row;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:table-row {
        display: table-row;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:table-row {
        display: table-row;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:table-row {
        display: table-row;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:table-row {
        display: table-row;
    }
}

.u-flex {
    display: flex;
}

@media only screen and (min-width: 480px) {
    .u-xs\:flex {
        display: flex;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex {
        display: flex;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex {
        display: flex;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex {
        display: flex;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex {
        display: flex;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex {
        display: flex;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex {
        display: flex;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex {
        display: flex;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex {
        display: flex;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex {
        display: flex;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex {
        display: flex;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex {
        display: flex;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:inline-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:inline-flex {
        display: inline-flex;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:justify-start {
        justify-content: start;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:justify-start {
        justify-content: start;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:justify-start {
        justify-content: start;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:justify-start {
        justify-content: start;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:justify-start {
        justify-content: start;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:justify-start {
        justify-content: start;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:justify-start {
        justify-content: start;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:justify-start {
        justify-content: start;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:justify-start {
        justify-content: start;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:justify-start {
        justify-content: start;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:justify-start {
        justify-content: start;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:justify-start {
        justify-content: start;
    }
}

.u-justify-end {
    justify-content: end;
}

@media only screen and (min-width: 480px) {
    .u-xs\:justify-end {
        justify-content: end;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:justify-end {
        justify-content: end;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:justify-end {
        justify-content: end;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:justify-end {
        justify-content: end;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:justify-end {
        justify-content: end;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:justify-end {
        justify-content: end;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:justify-end {
        justify-content: end;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:justify-end {
        justify-content: end;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:justify-end {
        justify-content: end;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:justify-end {
        justify-content: end;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:justify-end {
        justify-content: end;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:justify-end {
        justify-content: end;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:justify-center {
        justify-content: center;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:justify-center {
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:justify-center {
        justify-content: center;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:justify-center {
        justify-content: center;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:justify-center {
        justify-content: center;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:justify-center {
        justify-content: center;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:justify-center {
        justify-content: center;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:justify-center {
        justify-content: center;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:justify-center {
        justify-content: center;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:justify-center {
        justify-content: center;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:justify-center {
        justify-content: center;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:justify-center {
        justify-content: center;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:justify-between {
        justify-content: between;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:justify-between {
        justify-content: between;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:justify-between {
        justify-content: between;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:justify-between {
        justify-content: between;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:justify-between {
        justify-content: between;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:justify-between {
        justify-content: between;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:justify-between {
        justify-content: between;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:justify-between {
        justify-content: between;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:justify-between {
        justify-content: between;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:justify-between {
        justify-content: between;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:justify-between {
        justify-content: between;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:justify-between {
        justify-content: between;
    }
}

.u-justify-around {
    justify-content: around;
}

@media only screen and (min-width: 480px) {
    .u-xs\:justify-around {
        justify-content: around;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:justify-around {
        justify-content: around;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:justify-around {
        justify-content: around;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:justify-around {
        justify-content: around;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:justify-around {
        justify-content: around;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:justify-around {
        justify-content: around;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:justify-around {
        justify-content: around;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:justify-around {
        justify-content: around;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:justify-around {
        justify-content: around;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:justify-around {
        justify-content: around;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:justify-around {
        justify-content: around;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:justify-around {
        justify-content: around;
    }
}

.u-justify-evenly {
    justify-content: evenly;
}

@media only screen and (min-width: 480px) {
    .u-xs\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:justify-evenly {
        justify-content: evenly;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:justify-evenly {
        justify-content: evenly;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-items-start {
        align-items: start;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-items-start {
        align-items: start;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-items-start {
        align-items: start;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-items-start {
        align-items: start;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-items-start {
        align-items: start;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-items-start {
        align-items: start;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-items-start {
        align-items: start;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-items-start {
        align-items: start;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-items-start {
        align-items: start;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-items-start {
        align-items: start;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-items-start {
        align-items: start;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-items-start {
        align-items: start;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-items-end {
        align-items: end;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-items-end {
        align-items: end;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-items-end {
        align-items: end;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-items-end {
        align-items: end;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-items-end {
        align-items: end;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-items-end {
        align-items: end;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-items-end {
        align-items: end;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-items-end {
        align-items: end;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-items-end {
        align-items: end;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-items-end {
        align-items: end;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-items-end {
        align-items: end;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-items-end {
        align-items: end;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-items-center {
        align-items: center;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-items-center {
        align-items: center;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-items-center {
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-items-center {
        align-items: center;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-items-center {
        align-items: center;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-items-center {
        align-items: center;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-items-center {
        align-items: center;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-items-center {
        align-items: center;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-items-center {
        align-items: center;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-items-center {
        align-items: center;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-items-center {
        align-items: center;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-items-center {
        align-items: center;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-items-baseline {
        align-items: baseline;
    }
}

.u-align-items-stretch {
    align-items: stretch;
}

@media only screen and (min-width: 480px) {
    .u-xs\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-items-stretch {
        align-items: stretch;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-items-stretch {
        align-items: stretch;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-self-start {
        align-self: start;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-self-start {
        align-self: start;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-self-start {
        align-self: start;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-self-start {
        align-self: start;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-self-start {
        align-self: start;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-self-start {
        align-self: start;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-self-start {
        align-self: start;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-self-start {
        align-self: start;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-self-start {
        align-self: start;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-self-start {
        align-self: start;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-self-start {
        align-self: start;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-self-start {
        align-self: start;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-self-end {
        align-self: end;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-self-end {
        align-self: end;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-self-end {
        align-self: end;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-self-end {
        align-self: end;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-self-end {
        align-self: end;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-self-end {
        align-self: end;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-self-end {
        align-self: end;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-self-end {
        align-self: end;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-self-end {
        align-self: end;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-self-end {
        align-self: end;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-self-end {
        align-self: end;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-self-end {
        align-self: end;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:align-self-center {
        align-self: center;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-self-center {
        align-self: center;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-self-center {
        align-self: center;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-self-center {
        align-self: center;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-self-center {
        align-self: center;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-self-center {
        align-self: center;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-self-center {
        align-self: center;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-self-center {
        align-self: center;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-self-center {
        align-self: center;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-self-center {
        align-self: center;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-self-center {
        align-self: center;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-self-center {
        align-self: center;
    }
}

.u-align-self-baseline {
    align-self: baseline;
}

@media only screen and (min-width: 480px) {
    .u-xs\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-self-baseline {
        align-self: baseline;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-self-baseline {
        align-self: baseline;
    }
}

.u-align-self-stretch {
    align-self: stretch;
}

@media only screen and (min-width: 480px) {
    .u-xs\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:align-self-stretch {
        align-self: stretch;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:align-self-stretch {
        align-self: stretch;
    }
}

.u-flex-fill {
    flex: 1 1 auto;
}

@media only screen and (min-width: 480px) {
    .u-xs\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-fill {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-fill {
        flex: 1 1 auto;
    }
}

.u-flex-grow-0 {
    flex-grow: 0;
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-grow-0 {
        flex-grow: 0;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

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

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

@media only screen and (min-width: 480px) {
    .u-xs\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-grow-1 {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-shrink-1 {
        flex-shrink: 1;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-wrap {
        flex-wrap: wrap;
    }
}

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

@media only screen and (min-width: 480px) {
    .u-xs\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

.u-gap-4 {
    gap: 0.25rem;
}

.u-row-gap-4 {
    row-gap: 0.25rem;
}

.u-col-gap-4 {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-4 {
        gap: 0.25rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap4 {
        row-gap: 0.25rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-4 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
    }
}

.u-gap-8 {
    gap: 0.5rem;
}

.u-row-gap-8 {
    row-gap: 0.5rem;
}

.u-col-gap-8 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-8 {
        gap: 0.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap8 {
        row-gap: 0.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-8 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
}

.u-gap-12 {
    gap: 0.75rem;
}

.u-row-gap-12 {
    row-gap: 0.75rem;
}

.u-col-gap-12 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-12 {
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap12 {
        row-gap: 0.75rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-12 {
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
}

.u-gap-16 {
    gap: 1rem;
}

.u-row-gap-16 {
    row-gap: 1rem;
}

.u-col-gap-16 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-16 {
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap16 {
        row-gap: 1rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-16 {
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap16 {
        row-gap: 1rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-16 {
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap16 {
        row-gap: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-16 {
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap16 {
        row-gap: 1rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-16 {
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap16 {
        row-gap: 1rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-16 {
        gap: 1rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-16 {
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap16 {
        row-gap: 1rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-16 {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}

.u-gap-20 {
    gap: 1.25rem;
}

.u-row-gap-20 {
    row-gap: 1.25rem;
}

.u-col-gap-20 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-20 {
        gap: 1.25rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap20 {
        row-gap: 1.25rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-20 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}

.u-gap-24 {
    gap: 1.5rem;
}

.u-row-gap-24 {
    row-gap: 1.5rem;
}

.u-col-gap-24 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-24 {
        gap: 1.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap24 {
        row-gap: 1.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

.u-gap-32 {
    gap: 2rem;
}

.u-row-gap-32 {
    row-gap: 2rem;
}

.u-col-gap-32 {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-32 {
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap32 {
        row-gap: 2rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-32 {
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap32 {
        row-gap: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-32 {
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap32 {
        row-gap: 2rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-32 {
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap32 {
        row-gap: 2rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-32 {
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap32 {
        row-gap: 2rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-32 {
        gap: 2rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-32 {
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap32 {
        row-gap: 2rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

.u-gap-40 {
    gap: 2.5rem;
}

.u-row-gap-40 {
    row-gap: 2.5rem;
}

.u-col-gap-40 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-40 {
        gap: 2.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap40 {
        row-gap: 2.5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-40 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
}

.u-gap-48 {
    gap: 3rem;
}

.u-row-gap-48 {
    row-gap: 3rem;
}

.u-col-gap-48 {
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}

@media only screen and (min-width: 480px) {
    .u-xs\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:row-gap-48 {
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:row-gap48 {
        row-gap: 3rem;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:row-gap-48 {
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:row-gap48 {
        row-gap: 3rem;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:row-gap-48 {
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:row-gap48 {
        row-gap: 3rem;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:row-gap-48 {
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:row-gap48 {
        row-gap: 3rem;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:row-gap-48 {
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:row-gap48 {
        row-gap: 3rem;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:gap-48 {
        gap: 3rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:row-gap-48 {
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:row-gap48 {
        row-gap: 3rem;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:col-gap-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
}

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

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

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

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-auto {
        overflow: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-x-auto {
        overflow-x: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-y-auto {
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-y-auto {
        overflow-y: auto;
    }
}

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

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

.u-overflow-y-hidden {
    overflow-y: hidden;
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-hidden {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-x-hidden {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-y-hidden {
        overflow-y: hidden;
    }
}

.u-overflow-visible {
    overflow: visible;
}

.u-overflow-x-visible {
    overflow-x: visible;
}

.u-overflow-y-visible {
    overflow-y: visible;
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-visible {
        overflow: visible;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-x-visible {
        overflow-x: visible;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-y-visible {
        overflow-y: visible;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-y-visible {
        overflow-y: visible;
    }
}

.u-overflow-scroll {
    overflow: scroll;
}

.u-overflow-x-scroll {
    overflow-x: scroll;
}

.u-overflow-y-scroll {
    overflow-y: scroll;
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-scroll {
        overflow: scroll;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-x-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-y-scroll {
        overflow-y: scroll;
    }
}

.u-overflow-clip {
    overflow: clip;
}

.u-overflow-x-clip {
    overflow-x: clip;
}

.u-overflow-y-clip {
    overflow-y: clip;
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (min-width: 480px) {
    .u-xs\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (max-width: 480px) {
    .u-xs-max\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (min-width: 768px) {
    .u-sm\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (max-width: 768px) {
    .u-sm-max\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (min-width: 1024px) {
    .u-md\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (max-width: 1024px) {
    .u-md-max\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (min-width: 1280px) {
    .u-lg\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (max-width: 1280px) {
    .u-lg-max\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (min-width: 1440px) {
    .u-xl\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (max-width: 1440px) {
    .u-xl-max\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-clip {
        overflow: clip;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-x-clip {
        overflow-x: clip;
    }
}

@media only screen and (min-width: 1600px) {
    .u-xxl\:overflow-y-clip {
        overflow-y: clip;
    }
}

@media only screen and (max-width: 1600px) {
    .u-xxl-max\:overflow-y-clip {
        overflow-y: clip;
    }
}

.u-visible {
    visibility: visible;
}

.u-invisible {
    visibility: hidden;
}

@media only screen and (min-width: 480px) {
    .u-xs\:visible {
        visibility: visible;
    }
}
@media only screen and (min-width: 480px) {
    .u-xs\:invisible {
        visibility: hidden;
    }
}
@media only screen and (min-width: 768px) {
    .u-sm\:visible {
        visibility: visible;
    }
}
@media only screen and (min-width: 768px) {
    .u-sm\:invisible {
        visibility: hidden;
    }
}
@media only screen and (min-width: 1024px) {
    .u-md\:visible {
        visibility: visible;
    }
}
@media only screen and (min-width: 1024px) {
    .u-md\:invisible {
        visibility: hidden;
    }
}
@media only screen and (min-width: 1280px) {
    .u-lg\:visible {
        visibility: visible;
    }
}
@media only screen and (min-width: 1280px) {
    .u-lg\:invisible {
        visibility: hidden;
    }
}
@media only screen and (min-width: 1440px) {
    .u-xl\:visible {
        visibility: visible;
    }
}
@media only screen and (min-width: 1440px) {
    .u-xl\:invisible {
        visibility: hidden;
    }
}
@media only screen and (min-width: 1600px) {
    .u-xxl\:visible {
        visibility: visible;
    }
}
@media only screen and (min-width: 1600px) {
    .u-xxl\:invisible {
        visibility: hidden;
    }
}
@media only screen and (max-width: 480px) {
    .u-xs-max\:visible {
        visibility: visible;
    }
}
@media only screen and (max-width: 480px) {
    .u-xs-max\:invisible {
        visibility: hidden;
    }
}
@media only screen and (max-width: 768px) {
    .u-sm-max\:visible {
        visibility: visible;
    }
}
@media only screen and (max-width: 768px) {
    .u-sm-max\:invisible {
        visibility: hidden;
    }
}
@media only screen and (max-width: 1024px) {
    .u-md-max\:visible {
        visibility: visible;
    }
}
@media only screen and (max-width: 1024px) {
    .u-md-max\:invisible {
        visibility: hidden;
    }
}
@media only screen and (max-width: 1280px) {
    .u-lg-max\:visible {
        visibility: visible;
    }
}
@media only screen and (max-width: 1280px) {
    .u-lg-max\:invisible {
        visibility: hidden;
    }
}
@media only screen and (max-width: 1440px) {
    .u-xl-max\:visible {
        visibility: visible;
    }
}
@media only screen and (max-width: 1440px) {
    .u-xl-max\:invisible {
        visibility: hidden;
    }
}
@media only screen and (max-width: 1600px) {
    .u-xxl-max\:visible {
        visibility: visible;
    }
}
@media only screen and (max-width: 1600px) {
    .u-xxl-max\:invisible {
        visibility: hidden;
    }
}
html,
body {
    height: 100%;
    overflow: hidden;
}

.l-wrap {
    height: 100dvh;
    overflow: hidden;
}

.l-main {
    height: 100dvh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}
@media only screen and (max-width: 1440px) {
    .l-main {
        scroll-snap-type: none;
    }
}

.l-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
@media only screen and (min-width: 768px) {
    .l-container {
        margin-left: auto;
        margin-right: auto;
        width: 720px;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media only screen and (min-width: 1024px) {
    .l-container {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media only screen and (min-width: 1280px) {
    .l-container {
        margin-left: auto;
        margin-right: auto;
        width: 1140px;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media only screen and (min-width: 1440px) {
    .l-container {
        margin-left: auto;
        margin-right: auto;
        width: 1380px;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media only screen and (min-width: 1600px) {
    .l-container {
        margin-left: auto;
        margin-right: auto;
        width: 1560px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.l-container-fluid {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.fab {
    display: flex;
    position: fixed;
    right: 32px;
    bottom: 16px;
    z-index: 100;
    flex-direction: column;
    gap: 12px;
}
@media only screen and (max-width: 1024px) {
    .fab {
        right: 16px;
        bottom: 16px;
    }
}
.fab__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: var(--neutrals-0);
    font-size: 20px;
    border: none;
    border-radius: 4px;
    transition: opacity 0.2s ease;
    background-color: var(--neutrals-950);
    cursor: pointer;
    text-decoration: none;
}
.fab__btn:hover {
    opacity: 0.7;
}
.fab__btn > i {
    display: flex;
}
.fab__btn--top {
    opacity: 0;
    pointer-events: none;
}
.is-scrolled .fab__btn--top {
    opacity: 1;
    pointer-events: auto;
}

.cover[hidden] {
    display: none;
}

.cover {
    display: flex;
    position: absolute;
    z-index: 10;
    justify-content: center;
    align-items: center;
    inset: 0;
    flex-direction: column;
    gap: 32px;
    background-color: rgba(0, 229, 255, 0.5);
    backdrop-filter: blur(4px);
}
@media only screen and (max-width: 768px) {
    .cover {
        gap: 16px;
    }
}
.cover__img {
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
}
@media only screen and (max-width: 768px) {
    .cover__img {
        max-width: 280px;
    }
}
.cover__text {
    color: var(--neutrals-0);
    font-size: var(--fs-36);
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 8px;
}
@media only screen and (max-width: 768px) {
    .cover__text {
        font-size: 24px;
    }
}
.cover__text-br {
    display: none;
}
@media only screen and (max-width: 768px) {
    .cover__text-br {
        display: block;
    }
}
@media only screen and (max-width: 768px) {
    .cover__text-comma {
        display: none;
    }
}

.tpl__cover {
    scroll-snap-align: start;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.tpl__cover img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
}
.tpl__cover-text {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    left: auto;
    padding: 8px 16px;
    color: var(--tpl-cover-text-color, var(--neutrals-0));
    font-size: var(--fs-16);
}
.tpl__cover-text--desktop-left {
    right: auto;
    left: 0;
}
.tpl__cover-text--desktop-right {
    right: 0;
    left: auto;
}
.tpl__cover-text--desktop-center {
    right: 0;
    left: 0;
    text-align: center;
}
@media only screen and (max-width: 1280px) {
    .tpl__cover-text {
        font-size: var(--fs-14);
    }
}
@media only screen and (max-width: 768px) {
    .tpl__cover-text {
        right: auto;
        left: 0;
        font-size: var(--fs-12);
    }
    .tpl__cover-text.tpl__cover-text--mobile-left {
        right: auto;
        left: 0;
    }
    .tpl__cover-text.tpl__cover-text--mobile-right {
        right: 0;
        left: auto;
    }
    .tpl__cover-text.tpl__cover-text--mobile-center {
        right: 0;
        left: 0;
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    .tpl__cover-text {
        font-size: var(--fs-8);
    }
}
.tpl__cover > .tpl__cover-text {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .tpl__cover > .tpl__cover-text {
        display: block;
    }
}
.tpl__content {
    display: flex;
    position: relative;
    align-items: center;
    background-image: var(--tpl-bg-desktop);
    scroll-snap-align: start;
    overflow: hidden;
    contain: paint;
    aspect-ratio: 16/9;
}
.tpl__content::before {
    position: absolute;
    z-index: 0;
    content: "";
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.tpl__content > * {
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 1024px) {
    .tpl__content {
        background-image: var(--tpl-bg-mobile, var(--tpl-bg-desktop));
        padding: 32px 0;
        height: auto;
        aspect-ratio: unset;
    }
}
.tpl__list {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: nowrap;
    width: 100%;
}
.tpl__list li {
    flex: 0 1 270px;
    min-width: 0;
}
@media only screen and (max-width: 1024px) {
    .tpl__list {
        flex-flow: column wrap;
        gap: 24px;
    }
    .tpl__list li {
        flex: unset;
        width: 100%;
    }
}
.tpl__cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media only screen and (max-width: 1024px) {
    .tpl__cards {
        display: grid;
        grid-template-columns: 100px 1fr;
        grid-template-rows: auto auto;
        gap: 4px 16px;
        align-items: start;
    }
}
.tpl__img {
    margin-bottom: -20px;
}
@media only screen and (max-width: 1024px) {
    .tpl__img {
        grid-row: 1/3;
        margin-bottom: 0;
        width: 100px;
        height: auto;
    }
    .tpl__img img {
        width: 100%;
        height: auto;
        outline: 2px solid var(--neutrals-950);
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.tpl__title {
    font-size: var(--fs-20);
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .tpl__title {
        font-size: var(--fs-16);
        text-align: left;
        align-self: end;
    }
}
.tpl__text {
    padding: 0 44px;
    font-size: var(--fs-14);
    line-height: 1.7;
}
@media only screen and (max-width: 1280px) {
    .tpl__text {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 1024px) {
    .tpl__text {
        padding: 0;
        font-size: var(--fs-12);
        align-self: start;
    }
}
.tpl__content--white .tpl__title,
.tpl__content--white .tpl__text {
    color: var(--neutrals-0);
}

.index {
    display: flex;
    position: relative;
    justify-content: space-around;
    align-items: center;
    padding: 1%;
    width: 100%;
    height: 100dvh;
    flex-direction: column;
    scroll-snap-align: start;
    overflow: hidden;
    background-image: url("../images/index/img_bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 1440px) {
    .index {
        padding: 4%;
    }
}
@media only screen and (max-width: 768px) {
    .index {
        padding: 16px;
    }
}
.index__hero {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    width: 100%;
    flex-direction: column;
}
@media only screen and (max-width: 768px) {
    .index__hero {
        justify-content: space-around;
        padding: 0;
    }
}
.index__logo {
    width: clamp(200px, 8vw, 140px);
}
.index__banner {
    width: clamp(600px, 60vw, 1000px);
}
.index__tagline {
    display: inline-block;
    padding: 10px 8px 10px 18px;
    color: var(--neutrals-0);
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 700;
    background-color: #00e5ff;
    letter-spacing: 0.5em;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .index__tagline {
        width: 100%;
    }
}
.index__team {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 70%;
    gap: clamp(20px, 4vw, 80px);
    list-style: none;
}
.index__team li {
    flex: 1;
    max-width: 240px;
    text-align: center;
}
@media only screen and (max-width: 1280px) {
    .index__team {
        width: 90%;
    }
}
@media only screen and (max-width: 768px) {
    .index__team {
        flex-wrap: wrap;
        gap: 16px;
    }
    .index__team li {
        flex: 0 0 calc((100% - 32px) / 3);
        max-width: none;
    }
}
.index__team a {
    display: block;
}
.index__team img {
    width: 100%;
    height: auto;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}
.index__team li:hover img {
    opacity: 0.8;
    transform: scale(1.1);
}
.index__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 24px;
}
@media only screen and (max-width: 768px) {
    .index__nav {
        gap: 2em;
    }
}
.index__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: clamp(20px, 5vw, 120px);
}
@media only screen and (max-width: 768px) {
    .index__menu {
        gap: 0;
        justify-content: space-around;
        width: 100%;
    }
}
.index__menu a {
    color: #fff;
    font-size: clamp(14px, 1.4vw, 24px);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 6px;
    letter-spacing: 0.1em;
    transition: opacity 0.2s;
}
.index__menu a:hover {
    opacity: 0.7;
}

.rule,
.vote,
.special {
    scroll-snap-align: start;
    padding: 32px 0;
    aspect-ratio: 16/9;
}
@media only screen and (max-width: 1024px) {
    .rule,
    .vote,
    .special {
        padding: 32px 0;
        height: auto;
        aspect-ratio: unset;
    }
}
@media only screen and (max-width: 480px) {
    .rule,
    .vote,
    .special {
        padding: 16px 0;
    }
}

.rule {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
.rule > *:not(.cover) {
    position: relative;
    z-index: 1;
}
.rule__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}
.rule--info::after,
.rule--schedule::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
}
.rule--info {
    background-color: #050a18;
}
.rule--info::after {
    background-image: url("../images/rule/img_info_bg.jpg");
}
.rule--schedule {
    background-color: #0d0518;
}
.rule--schedule::after {
    background-image: url("../images/rule/img_schedule_bg.jpg");
}
.rule__heading {
    color: var(--neutrals-0);
    font-size: var(--fs-48);
    font-weight: 700;
    letter-spacing: 0.5em;
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .rule__heading {
        display: block;
        font-size: var(--fs-24);
        letter-spacing: 0.2em;
    }
}
.rule__body {
    display: flex;
    color: var(--neutrals-0);
    font-size: var(--fs-16);
    line-height: 2;
    text-align: center;
    flex-direction: column;
    gap: 24px;
}
@media only screen and (max-width: 768px) {
    .rule__body {
        font-size: var(--fs-14);
    }
}
.rule__schedule {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: row;
    margin: 0;
    padding: 0;
    gap: 16px;
    list-style: none;
    width: 100%;
}
.rule__schedule > li {
    display: flex;
}
.rule__schedule > li:last-child {
    grid-column: 1/-1;
}
@media only screen and (max-width: 1024px) {
    .rule__schedule {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: none;
        grid-auto-flow: row;
        gap: 16px;
    }
}
.rule__match {
    background-color: rgba(0, 229, 255, 0.1);
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease;
}
@media only screen and (min-width: 768px) {
    .rule__match:hover {
        background-color: rgba(0, 229, 255, 0.18);
    }
}
.rule__match {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    font-size: var(--fs-16);
    font-weight: 700;
    border-radius: 8px;
    overflow: hidden;
}
.rule__match h6 {
    margin: 0;
    color: #00e5ff;
    font-size: var(--fs-14);
    font-weight: 400;
    line-height: 1;
}
.rule__match time {
    flex-shrink: 0;
    padding: 8px 0;
    color: var(--neutrals-0);
    font-size: var(--fs-14);
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color: rgba(0, 229, 255, 0.2);
    letter-spacing: 0.2em;
}
@media only screen and (max-width: 480px) {
    .rule__match time {
        font-size: var(--fs-12);
        letter-spacing: 0.1em;
    }
}
.rule__match--final {
    color: #00e5ff;
}
.rule__match--final h6 {
    font-size: var(--fs-24);
    font-weight: 700;
}
.rule__teams {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    color: var(--neutrals-0);
    font-size: var(--fs-12);
    flex-direction: column;
    gap: 4px;
    font-style: italic;
}
.rule__teams h6 {
    font-style: normal;
}
.rule__teams-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.rule__team-logo {
    width: 72px;
    height: auto;
}
@media only screen and (max-width: 1280px) {
    .rule__team-logo {
        width: 54px;
    }
}
@media only screen and (max-width: 480px) {
    .rule__team-logo {
        width: 48px;
    }
}

.vote {
    display: flex;
    position: relative;
    align-items: center;
    background-color: #060c18;
    background-image: url("../images/vote/img_vote_bg.jpg");
    background-size: cover;
    background-position: center;
}
.vote::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: rgba(6, 12, 24, 0.9);
}
.vote > *:not(.cover) {
    position: relative;
    z-index: 1;
}
.vote__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 60px 0;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1024px) {
    .vote__inner {
        padding: 0;
        gap: 12px;
    }
}
.vote__heading {
    color: var(--neutrals-0);
    font-size: var(--fs-48);
    font-weight: 700;
    letter-spacing: 0.5em;
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .vote__heading {
        display: block;
        font-size: var(--fs-24);
        letter-spacing: 0.2em;
    }
}
.vote__steps {
    display: flex;
    gap: 24px;
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .vote__steps {
        flex-direction: column;
        gap: 16px;
    }
}
.vote__step {
    background-color: rgba(0, 229, 255, 0.1);
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease;
}
@media only screen and (min-width: 1024px) {
    .vote__step:hover {
        background-color: rgba(0, 229, 255, 0.18);
    }
}
.vote__step {
    display: flex;
    flex: 1;
    padding: 24px;
    border-radius: 8px;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (max-width: 1024px) {
    .vote__step {
        display: grid;
        grid-template-columns: 120px 1fr;
        grid-template-rows: auto 1fr;
        gap: 8px 16px;
        padding: 16px;
    }
}
.vote__step-num {
    color: #00e5ff;
    font-size: var(--fs-24);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.2em;
}
@media only screen and (max-width: 1024px) {
    .vote__step-num {
        font-size: var(--fs-20);
        text-align: left;
        align-self: center;
    }
}
.vote__step-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}
.vote__step-text {
    color: var(--neutrals-0);
    font-size: var(--fs-14);
    line-height: 1.8;
    text-align: justify;
}
.vote__apps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.vote__apps > img {
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .vote__apps {
        display: none;
    }
}
.vote__bell {
    color: var(--neutrals-0);
    font-size: 120px;
    line-height: 1;
    text-align: center;
    transform-origin: top center;
    will-change: transform;
}
@media only screen and (max-width: 1024px) {
    .vote__bell {
        display: none;
    }
}
@media only screen and (min-width: 1024px) {
    .vote__step:hover .vote__bell {
        animation: bell-ring 1.2s ease-in-out infinite;
    }
}
.vote__qr img {
    display: block;
}
@media only screen and (max-width: 1024px) {
    .vote__qr {
        grid-column: 1;
        grid-row: 1/3;
        order: -1;
    }
    .vote__qr img {
        width: 120px;
        height: 120px;
    }
}

@keyframes bell-ring {
    0% {
        transform: rotate(0deg);
    }
    15% {
        transform: rotate(18deg);
    }
    30% {
        transform: rotate(-16deg);
    }
    45% {
        transform: rotate(14deg);
    }
    60% {
        transform: rotate(-10deg);
    }
    75% {
        transform: rotate(6deg);
    }
    90% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.special {
    display: flex;
    position: relative;
    align-items: center;
    background-color: #08031a;
    background-image: url("../images/special/img_special_bg.jpg");
    background-size: cover;
    background-position: center;
}
.special::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: rgba(8, 3, 26, 0.88);
}
.special > * {
    position: relative;
    z-index: 1;
}
.special__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 60px 0;
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .special__inner {
        padding: 0;
        gap: 12px;
    }
}
.special__heading {
    color: var(--neutrals-0);
    font-size: var(--fs-48);
    font-weight: 700;
    letter-spacing: 0.5em;
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .special__heading {
        display: block;
        font-size: var(--fs-24);
        letter-spacing: 0.2em;
    }
}
.special__desc {
    margin: 0;
    color: var(--neutrals-0);
    font-size: var(--fs-16);
    font-weight: 400;
    text-align: center;
}
.special__cards {
    display: flex;
    justify-content: space-around;
    gap: 24px;
}
@media only screen and (max-width: 1024px) {
    .special__cards {
        flex-direction: column;
        gap: 16px;
    }
}
.special__card {
    background-color: rgba(0, 229, 255, 0.1);
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease;
}
@media only screen and (min-width: 1024px) {
    .special__card:hover {
        background-color: rgba(0, 229, 255, 0.18);
    }
}
.special__card {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    flex-direction: column;
    gap: 16px;
}
@media only screen and (max-width: 1024px) {
    .special__card {
        flex-direction: row;
        padding: 12px;
        gap: 16px;
    }
}
.special__logo {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.special__logo img {
    display: block;
    width: 200px;
    height: auto;
    max-width: 60%;
}
@media only screen and (max-width: 768px) {
    .special__logo {
        flex-shrink: 0;
        width: 100px;
    }
    .special__logo img {
        max-width: 80%;
    }
}
.special__qr img {
    display: block;
    border-radius: 12px;
}
@media only screen and (max-width: 1024px) {
    .special__qr {
        flex-shrink: 0;
    }
    .special__qr img {
        max-width: 70px;
        border-radius: 4px;
    }
}
.special__code {
    color: #00e5ff;
    font-size: var(--fs-16);
    font-weight: 700;
    letter-spacing: 0.15em;
    text-align: center;
    word-break: break-all;
}
@media only screen and (max-width: 1024px) {
    .special__code {
        flex: 0 0 28%;
        font-size: var(--fs-14);
    }
}

/*# sourceMappingURL=main.css.map */