@font-face {
    font-family: "SHBGroteskLegacy";
    src: url("../fonts/base/SHBGroteskLegacy-Regular.eot");
    src: url("../fonts/base/SHBGroteskLegacy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/base/SHBGroteskLegacy-Regular.woff2") format("woff2"), url("../fonts/base/SHBGroteskLegacy-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SHBGroteskLegacy";
    src: url("../fonts/base/SHBGroteskLegacy-Italic.eot");
    src: url("../fonts/base/SHBGroteskLegacy-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/base/SHBGroteskLegacy-Italic.woff2") format("woff2"), url("../fonts/base/SHBGroteskLegacy-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "SHBGroteskLegacy";
    src: url("../fonts/base/SHBGroteskLegacy-BoldItalic.eot");
    src: url("../fonts/base/SHBGroteskLegacy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/base/SHBGroteskLegacy-BoldItalic.woff2") format("woff2"), url("../fonts/base/SHBGroteskLegacy-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "SHBGroteskLegacy";
    src: url("../fonts/base/SHBGroteskLegacy-Bold.eot");
    src: url("../fonts/base/SHBGroteskLegacy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/base/SHBGroteskLegacy-Bold.woff2") format("woff2"), url("../fonts/base/SHBGroteskLegacy-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "sui-icon-base";
    src: url("../fonts/icons/base/sui-icon-base.eot?t=1735136507003");
    src: url("../fonts/icons/base/sui-icon-base.eot?t=1735136507003#iefix") format("embedded-opentype"), url("../fonts/icons/base/sui-icon-base.woff2?t=1735136507003") format("woff2"), url("../fonts/icons/base/sui-icon-base.woff?t=1735136507003") format("woff"), url("../fonts/icons/base/sui-icon-base.ttf?t=1735136507003") format("truetype"), url("../fonts/icons/base/sui-icon-base.svg?t=1735136507003#sui-icon-base") format("svg")
}

[class^=sui-i-],
[class*=" sui-i-"] {
    font-family: "sui-icon-base" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sui-i-announcement:before {
    content: ""
}

.sui-i-arac_degerleme:before {
    content: ""
}

.sui-i-arrow_down:before {
    content: ""
}

.sui-i-arrow_left:before {
    content: ""
}

.sui-i-arrow_right:before {
    content: ""
}

.sui-i-arrow_up:before {
    content: ""
}

.sui-i-assign_owner:before {
    content: ""
}

.sui-i-assign_user:before {
    content: ""
}

.sui-i-bana_ozel:before {
    content: ""
}

.sui-i-basket:before {
    content: ""
}

.sui-i-birthday:before {
    content: ""
}

.sui-i-box_line:before {
    content: ""
}

.sui-i-brand_X_line:before {
    content: ""
}

.sui-i-brand_X_solid:before {
    content: ""
}

.sui-i-brand_android_line:before {
    content: ""
}

.sui-i-brand_android_solid:before {
    content: ""
}

.sui-i-brand_apple_line:before {
    content: ""
}

.sui-i-brand_apple_solid:before {
    content: ""
}

.sui-i-brand_facebook_line:before {
    content: ""
}

.sui-i-brand_facebook_solid:before {
    content: ""
}

.sui-i-brand_google_line:before {
    content: ""
}

.sui-i-brand_google_solid:before {
    content: ""
}

.sui-i-brand_instagram_line:before {
    content: ""
}

.sui-i-brand_instagram_solid:before {
    content: ""
}

.sui-i-brand_linkedin_line:before {
    content: ""
}

.sui-i-brand_linkedin_solid:before {
    content: ""
}

.sui-i-brand_twitter:before {
    content: ""
}

.sui-i-brand_whatsApp_line:before {
    content: ""
}

.sui-i-brand_whatsApp_solid:before {
    content: ""
}

.sui-i-brand_youtube_line:before {
    content: ""
}

.sui-i-brand_youtube_solid:before {
    content: ""
}

.sui-i-buildings:before {
    content: ""
}

.sui-i-bus:before {
    content: ""
}

.sui-i-calculater:before {
    content: ""
}

.sui-i-calendar:before {
    content: ""
}

.sui-i-camera:before {
    content: ""
}

.sui-i-car:before {
    content: ""
}

.sui-i-category_emlak:before {
    content: ""
}

.sui-i-category_hayvanlar_alemi:before {
    content: ""
}

.sui-i-category_ikinci_el:before {
    content: ""
}

.sui-i-category_is_ilanlari:before {
    content: ""
}

.sui-i-category_makineler:before {
    content: ""
}

.sui-i-category_ozel_ders:before {
    content: ""
}

.sui-i-category_usta_hizmet:before {
    content: ""
}

.sui-i-category_vasita:before {
    content: ""
}

.sui-i-category_yardimci_arayanlar:before {
    content: ""
}

.sui-i-category_yedek:before {
    content: ""
}

.sui-i-cekim_asamasi:before {
    content: ""
}

.sui-i-change_currency:before {
    content: ""
}

.sui-i-chart_pie-1:before {
    content: ""
}

.sui-i-chart_pie:before {
    content: ""
}

.sui-i-check:before {
    content: ""
}

.sui-i-check_circle:before {
    content: ""
}

.sui-i-check_circle_broken_line:before {
    content: ""
}

.sui-i-check_circle_line:before {
    content: ""
}

.sui-i-check_circle_solid:before {
    content: ""
}

.sui-i-check_line:before {
    content: ""
}

.sui-i-chevron_down_line:before {
    content: ""
}

.sui-i-chevron_left_line:before {
    content: ""
}

.sui-i-chevron_right_line:before {
    content: ""
}

.sui-i-chevron_up_line:before {
    content: ""
}

.sui-i-clone-1:before {
    content: ""
}

.sui-i-clone:before {
    content: ""
}

.sui-i-close-3:before {
    content: ""
}

.sui-i-close:before {
    content: ""
}

.sui-i-coins:before {
    content: ""
}

.sui-i-coins_line:before {
    content: ""
}

.sui-i-coins_stacked_line:before {
    content: ""
}

.sui-i-coins_stacked_solid:before {
    content: ""
}

.sui-i-color_bucket:before {
    content: ""
}

.sui-i-comment:before {
    content: ""
}

.sui-i-copy:before {
    content: ""
}

.sui-i-copy_line:before {
    content: ""
}

.sui-i-credit_card:before {
    content: ""
}

.sui-i-credit_card_approved:before {
    content: ""
}

.sui-i-credit_card_check_line:before {
    content: ""
}

.sui-i-delete:before {
    content: ""
}

.sui-i-demands:before {
    content: ""
}

.sui-i-device_desktop:before {
    content: ""
}

.sui-i-device_mobile:before {
    content: ""
}

.sui-i-device_mobile_line:before {
    content: ""
}

.sui-i-device_mobile_v2:before {
    content: ""
}

.sui-i-device_tablet:before {
    content: ""
}

.sui-i-devices:before {
    content: ""
}

.sui-i-discount:before {
    content: ""
}

.sui-i-document:before {
    content: ""
}

.sui-i-doping:before {
    content: ""
}

.sui-i-doping_satin_al:before {
    content: ""
}

.sui-i-dots:before {
    content: ""
}

.sui-i-download:before {
    content: ""
}

.sui-i-download_line:before {
    content: ""
}

.sui-i-duration:before {
    content: ""
}

.sui-i-edit:before {
    content: ""
}

.sui-i-emlak_360:before {
    content: ""
}

.sui-i-error:before {
    content: ""
}

.sui-i-exclamation_circle_solid:before {
    content: ""
}

.sui-i-external_link:before {
    content: ""
}

.sui-i-eye:before {
    content: ""
}

.sui-i-eye_line:before {
    content: ""
}

.sui-i-eye_off_line:before {
    content: ""
}

.sui-i-eye_off_solid:before {
    content: ""
}

.sui-i-eye_slash:before {
    content: ""
}

.sui-i-eye_solid:before {
    content: ""
}

.sui-i-file:before {
    content: ""
}

.sui-i-file_check_line:before {
    content: ""
}

.sui-i-file_group:before {
    content: ""
}

.sui-i-filter:before {
    content: ""
}

.sui-i-folder:before {
    content: ""
}

.sui-i-folder_group:before {
    content: ""
}

.sui-i-folders:before {
    content: ""
}

.sui-i-format-pdf:before {
    content: ""
}

.sui-i-forward:before {
    content: ""
}

.sui-i-grid_dots:before {
    content: ""
}

.sui-i-hand-shake:before {
    content: ""
}

.sui-i-hard-hat:before {
    content: ""
}

.sui-i-hasar_sorgulama:before {
    content: ""
}

.sui-i-history:before {
    content: ""
}

.sui-i-home:before {
    content: ""
}

.sui-i-ilan_ver:before {
    content: ""
}

.sui-i-ilanlarim:before {
    content: ""
}

.sui-i-image:before {
    content: ""
}

.sui-i-info:before {
    content: ""
}

.sui-i-info_solid:before {
    content: ""
}

.sui-i-kamerayla_arac_bul:before {
    content: ""
}

.sui-i-key:before {
    content: ""
}

.sui-i-key_command:before {
    content: ""
}

.sui-i-key_option:before {
    content: ""
}

.sui-i-key_shift:before {
    content: ""
}

.sui-i-leaf:before {
    content: ""
}

.sui-i-link:before {
    content: ""
}

.sui-i-location:before {
    content: ""
}

.sui-i-lock:before {
    content: ""
}

.sui-i-magnifying_glass:before {
    content: ""
}

.sui-i-menu_servis_360:before {
    content: ""
}

.sui-i-message-read:before {
    content: ""
}

.sui-i-message:before {
    content: ""
}

.sui-i-message_new:before {
    content: ""
}

.sui-i-message_read:before {
    content: ""
}

.sui-i-minimum_satis_fiyati:before {
    content: ""
}

.sui-i-minus:before {
    content: ""
}

.sui-i-minus_circle_solid:before {
    content: ""
}

.sui-i-minus_line:before {
    content: ""
}

.sui-i-mood_bad:before {
    content: ""
}

.sui-i-mood_happy:before {
    content: ""
}

.sui-i-mood_unstable:before {
    content: ""
}

.sui-i-move:before {
    content: ""
}

.sui-i-nav-dot:before {
    content: ""
}

.sui-i-nav_menu:before {
    content: ""
}

.sui-i-news:before {
    content: ""
}

.sui-i-notification:before {
    content: ""
}

.sui-i-notification_price:before {
    content: ""
}

.sui-i-ofisim:before {
    content: ""
}

.sui-i-oto_360:before {
    content: ""
}

.sui-i-oto_ekspertiz:before {
    content: ""
}

.sui-i-ozet:before {
    content: ""
}

.sui-i-package_line:before {
    content: ""
}

.sui-i-param_guvende:before {
    content: ""
}

.sui-i-param_guvende_line:before {
    content: ""
}

.sui-i-pending:before {
    content: ""
}

.sui-i-phone:before {
    content: ""
}

.sui-i-pin:before {
    content: ""
}

.sui-i-pin_line:before {
    content: ""
}

.sui-i-plus:before {
    content: ""
}

.sui-i-plus_add_line:before {
    content: ""
}

.sui-i-plus_circle:before {
    content: ""
}

.sui-i-plus_circle_line:before {
    content: ""
}

.sui-i-print:before {
    content: ""
}

.sui-i-profile_card:before {
    content: ""
}

.sui-i-public:before {
    content: ""
}

.sui-i-qr_code:before {
    content: ""
}

.sui-i-question:before {
    content: ""
}

.sui-i-refresh:before {
    content: ""
}

.sui-i-return_line:before {
    content: ""
}

.sui-i-rotate_left:before {
    content: ""
}

.sui-i-rotate_left_line:before {
    content: ""
}

.sui-i-rotate_right:before {
    content: ""
}

.sui-i-rotate_right_line:before {
    content: ""
}

.sui-i-sanal_tur:before {
    content: ""
}

.sui-i-scales:before {
    content: ""
}

.sui-i-search:before {
    content: ""
}

.sui-i-search_line:before {
    content: ""
}

.sui-i-search_reflection:before {
    content: ""
}

.sui-i-search_reflection_line:before {
    content: ""
}

.sui-i-search_refraction:before {
    content: ""
}

.sui-i-search_star:before {
    content: ""
}

.sui-i-secure:before {
    content: ""
}

.sui-i-send:before {
    content: ""
}

.sui-i-servis_360:before {
    content: ""
}

.sui-i-settings:before {
    content: ""
}

.sui-i-share:before {
    content: ""
}

.sui-i-shipping_line:before {
    content: ""
}

.sui-i-shopping_bag_solid:before {
    content: ""
}

.sui-i-sort:before {
    content: ""
}

.sui-i-speech:before {
    content: ""
}

.sui-i-square:before {
    content: ""
}

.sui-i-star:before {
    content: ""
}

.sui-i-store:before {
    content: ""
}

.sui-i-store_add:before {
    content: ""
}

.sui-i-success:before {
    content: ""
}

.sui-i-success_solid:before {
    content: ""
}

.sui-i-sustainable_line:before {
    content: ""
}

.sui-i-swipe_arrow_down:before {
    content: ""
}

.sui-i-swipe_arrow_left:before {
    content: ""
}

.sui-i-swipe_arrow_right:before {
    content: ""
}

.sui-i-swipe_arrow_up:before {
    content: ""
}

.sui-i-talepler:before {
    content: ""
}

.sui-i-time:before {
    content: ""
}

.sui-i-time_line:before {
    content: ""
}

.sui-i-tool_solid:before {
    content: ""
}

.sui-i-trash:before {
    content: ""
}

.sui-i-trash_solid:before {
    content: ""
}

.sui-i-upload:before {
    content: ""
}

.sui-i-upload_cloud_line:before {
    content: ""
}

.sui-i-upload_cloud_solid:before {
    content: ""
}

.sui-i-user:before {
    content: ""
}

.sui-i-user_group:before {
    content: ""
}

.sui-i-video:before {
    content: ""
}

.sui-i-view_classic:before {
    content: ""
}

.sui-i-view_gallery:before {
    content: ""
}

.sui-i-view_list-1:before {
    content: ""
}

.sui-i-view_list:before {
    content: ""
}

.sui-i-view_type:before {
    content: ""
}

.sui-i-vitrin:before {
    content: ""
}

.sui-i-wallet_line:before {
    content: ""
}

.sui-i-wallet_solid:before {
    content: ""
}

.sui-i-warning:before {
    content: ""
}

.sui-i-warning_triangle_solid:before {
    content: ""
}

.sui-i-yepy:before {
    content: ""
}

.sui-i-yepy_cihazini_sat_line:before {
    content: ""
}

.sui-i-yepy_teknik_ozellikler:before {
    content: ""
}

.sui-i-yepy_veri_temizligi_solid:before {
    content: ""
}

.sui-i-zoom:before {
    content: ""
}

@font-face {
    font-family: "sui-icon-pro";
    src: url("../fonts/icons/pro/sui-icon-pro.eot?t=1735136507082");
    src: url("../fonts/icons/pro/sui-icon-pro.eot?t=1735136507082#iefix") format("embedded-opentype"), url("../fonts/icons/pro/sui-icon-pro.woff2?t=1735136507082") format("woff2"), url("../fonts/icons/pro/sui-icon-pro.woff?t=1735136507082") format("woff"), url("../fonts/icons/pro/sui-icon-pro.ttf?t=1735136507082") format("truetype"), url("../fonts/icons/pro/sui-icon-pro.svg?t=1735136507082#sui-icon-pro") format("svg")
}

[class^=sui-i-pro-],
[class*=" sui-i-pro-"] {
    font-family: "sui-icon-pro" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sui-i-pro-anchor:before {
    content: ""
}

:root {
    --sui-blue-40: #f3f7fc;
    --sui-blue-50: #e7f0f8;
    --sui-blue-100: #cfe0f2;
    --sui-blue-200: #9fc1e4;
    --sui-blue-300: #70a2d7;
    --sui-blue-400: #4083c9;
    --sui-blue-500: #1064bc;
    --sui-blue-600: #0d5096;
    --sui-blue-700: #0a3c71;
    --sui-blue-800: #06284b;
    --sui-blue-900: #031426;
    --sui-sahibinden-40: #fffef2;
    --sui-sahibinden-50: #fffde6;
    --sui-sahibinden-100: #fffacc;
    --sui-sahibinden-200: #fff699;
    --sui-sahibinden-300: #fff166;
    --sui-sahibinden-400: #ffed33;
    --sui-sahibinden-500: #ffe800;
    --sui-sahibinden-600: #ccba00;
    --sui-sahibinden-700: #998b00;
    --sui-sahibinden-800: #665d00;
    --sui-sahibinden-900: #332e00;
    --sui-yellow-40: #fffcf2;
    --sui-yellow-50: #fff9e6;
    --sui-yellow-100: #fff4cc;
    --sui-yellow-200: #ffe999;
    --sui-yellow-300: #ffdd66;
    --sui-yellow-400: #ffd233;
    --sui-yellow-500: #ffc700;
    --sui-yellow-600: #cc9f00;
    --sui-yellow-700: #997700;
    --sui-yellow-800: #665000;
    --sui-yellow-900: #332800;
    --sui-grey-40: #f4f4f4;
    --sui-grey-50: #eeefef;
    --sui-grey-100: #dddee0;
    --sui-grey-200: #bbbec1;
    --sui-grey-300: #9a9da1;
    --sui-grey-400: #787d82;
    --sui-grey-500: #565c63;
    --sui-grey-600: #454a4f;
    --sui-grey-700: #34373b;
    --sui-grey-800: #222528;
    --sui-grey-900: #111214;
    --sui-red-40: #fff4f4;
    --sui-red-50: #ffe9e9;
    --sui-red-100: #ffd2d2;
    --sui-red-200: #ffa6a6;
    --sui-red-300: #ff7979;
    --sui-red-400: #ff4d4d;
    --sui-red-500: #ff2020;
    --sui-red-600: #cc1a1a;
    --sui-red-700: #991313;
    --sui-red-800: #660d0d;
    --sui-red-900: #330606;
    --sui-green-40: #f4faf8;
    --sui-green-50: #e9f5f1;
    --sui-green-100: #d2eae2;
    --sui-green-200: #a5d5c6;
    --sui-green-300: #79c0a9;
    --sui-green-400: #4cab8d;
    --sui-green-500: #1f9670;
    --sui-green-600: #19785a;
    --sui-green-700: #135a43;
    --sui-green-800: #0c3c2d;
    --sui-green-900: #061e16;
    --sui-orange-40: #fff8f3;
    --sui-orange-50: #fff2e8;
    --sui-orange-100: #ffe4d1;
    --sui-orange-200: #ffcaa3;
    --sui-orange-300: #feaf74;
    --sui-orange-400: #fe9546;
    --sui-orange-500: #fe7a18;
    --sui-orange-600: #cb6213;
    --sui-orange-700: #98490e;
    --sui-orange-800: #66310a;
    --sui-orange-900: #331805;
    --sui-turquoise-40: #f2faff;
    --sui-turquoise-50: #e6f4ff;
    --sui-turquoise-100: #cceaff;
    --sui-turquoise-200: #99d4ff;
    --sui-turquoise-300: #66bfff;
    --sui-turquoise-400: #33a9ff;
    --sui-turquoise-500: #0094ff;
    --sui-turquoise-600: #0076cc;
    --sui-turquoise-700: #005999;
    --sui-turquoise-800: #003b66;
    --sui-turquoise-900: #001e33;
    --sui-pastel-blue-50: #f0f1ff;
    --sui-pastel-blue-100: #e2e2fe;
    --sui-pastel-blue-200: #c4c5fe;
    --sui-pastel-blue-300: #a7a9fd;
    --sui-pastel-blue-400: #898cfd;
    --sui-pastel-blue-500: #6C6FFC;
    --sui-pastel-blue-600: #5659ca;
    --sui-pastel-blue-700: #414397;
    --sui-pastel-blue-800: #2b2c65;
    --sui-pastel-blue-900: #161632;
    --sui-purple-50: #f6e9fe;
    --sui-purple-100: #ecd2fc;
    --sui-purple-200: #d9a6f9;
    --sui-purple-300: #c679f6;
    --sui-purple-400: #b34df3;
    --sui-purple-500: #A020F0;
    --sui-purple-600: #801ac0;
    --sui-purple-700: #601390;
    --sui-purple-800: #400d60;
    --sui-purple-900: #200630;
    --sui-param-guvende-50: #e6f6f5;
    --sui-param-guvende-100: #ccedea;
    --sui-param-guvende-200: #99dbd6;
    --sui-param-guvende-300: #66cac1;
    --sui-param-guvende-400: #33b8ad;
    --sui-param-guvende-500: #00a698;
    --sui-param-guvende-600: #00857a;
    --sui-param-guvende-700: #00645b;
    --sui-param-guvende-800: #00423d;
    --sui-param-guvende-900: #00211e;
    --sui-s-pro-50: #ececef;
    --sui-s-pro-100: #d8dade;
    --sui-s-pro-200: #b1b4bd;
    --sui-s-pro-300: #8a8f9d;
    --sui-s-pro-400: #63697c;
    --sui-s-pro-500: #3C445B;
    --sui-s-pro-600: #303649;
    --sui-s-pro-700: #242937;
    --sui-s-pro-800: #181b24;
    --sui-s-pro-900: #0c0e12;
    --sui-black-alpha-8: rgba(17, 18, 20, 0.08);
    --sui-black-alpha-12: rgba(17, 18, 20, 0.12);
    --sui-black-alpha-24: rgba(17, 18, 20, 0.24);
    --sui-black-alpha-40: rgba(17, 18, 20, 0.4);
    --sui-black-alpha-64: rgba(17, 18, 20, 0.64);
    --sui-black-alpha-80: rgba(17, 18, 20, 0.8);
    --sui-white-alpha-8: rgba(255, 255, 255, 0.08);
    --sui-white-alpha-12: rgba(255, 255, 255, 0.12);
    --sui-white-alpha-24: rgba(255, 255, 255, 0.24);
    --sui-white-alpha-40: rgba(255, 255, 255, 0.49);
    --sui-white-alpha-64: rgba(255, 255, 255, 0.64);
    --sui-white-alpha-80: rgba(255, 255, 255, 0.8);
    --sui-black: #000000;
    --sui-white: #ffffff;
    --sui-grey: #565c63;
    --sui-red: #ff2020;
    --sui-green: #1f9670;
    --sui-orange: #fe7a18;
    --sui-turquoise: #0094ff;
    --sui-param-guvende: #00a698;
    --sui-s-pro: #3C445B;
    --sui-transparent: rgba(0, 0, 0, 0);
    --sui-sahibinden-yellow: #ffe800;
    --sui-sahibinden-ui-yellow: #ffc700;
    --sui-sahibinden-blue: #1064bc;
    --sui-independence: #3f475f;
    --sui-success-default: #1f9670;
    --sui-success-light: #4cab8d;
    --sui-success-dark: #19785a;
    --sui-success-soft: #e9f5f1;
    --sui-success-on: #ffffff;
    --sui-error-default: #ff2020;
    --sui-error-light: #ff4d4d;
    --sui-error-dark: #cc1a1a;
    --sui-error-soft: #ffe9e9;
    --sui-error-on: #ffffff;
    --sui-warning-default: #fe7a18;
    --sui-warning-light: #fe9546;
    --sui-warning-dark: #cb6213;
    --sui-warning-soft: #fff2e8;
    --sui-warning-on: #ffffff;
    --sui-info-default: #0094ff;
    --sui-info-light: #33a9ff;
    --sui-info-dark: #0076cc;
    --sui-info-soft: #e6f4ff;
    --sui-info-on: #031426;
    --sui-s-pro-default: #3C445B;
    --sui-s-pro-secondary: #8a8f9d;
    --sui-s-pro-gradient-a: #CDD3E3;
    --sui-s-pro-gradient-b: #919BB5;
    --sui-yepy-helper-green: #00F0AC;
    --sui-yepy-helper-purple: #7700FF;
    --sui-yepy-helper-yellow: #FFC700;
    --sui-yepy-helper-blue: #0033FF;
    --sui-param-guvende-default: #00a698;
    --sui-param-guvende-light: #33b8ad;
    --sui-param-guvende-dark: #00857a;
    --sui-param-guvende-soft: #e6f6f5;
    --sui-param-guvende-on: #ffffff;
    --sui-primary-default: #1064bc;
    --sui-primary-light: #4083c9;
    --sui-primary-dark: #0d5096;
    --sui-primary-soft: #e7f0f8;
    --sui-primary-on: #ffffff;
    --sui-secondary-default: #f4f4f4;
    --sui-secondary-light: #e7f0f8;
    --sui-secondary-dark: #cfe0f2;
    --sui-secondary-soft: #eeefef;
    --sui-secondary-on: #1064bc;
    --sui-ghost-default: rgba(0, 0, 0, 0);
    --sui-ghost-light: #4083c9;
    --sui-ghost-dark: #0d5096;
    --sui-ghost-on: #1064bc;
    --sui-emphasis-high: rgba(17, 18, 20, 0.8);
    --sui-emphasis-medium: rgba(17, 18, 20, 0.64);
    --sui-emphasis-low: rgba(17, 18, 20, 0.4);
    --sui-emphasis-disabled: rgba(17, 18, 20, 0.24);
    --sui-surface-background: #f4f4f4;
    --sui-surface-level-1: #ffffff;
    --sui-surface-level-2: #f4f4f4;
    --sui-surface-level-3: #dddee0;
    --sui-surface-navigation-bg: #1064bc;
    --sui-surface-navigation-on: #ffffff;
    --sui-opacity-white-8: rgba(255, 255, 255, 0.08);
    --sui-opacity-white-12: rgba(255, 255, 255, 0.12);
    --sui-opacity-white-24: rgba(255, 255, 255, 0.24);
    --sui-opacity-white-40: rgba(255, 255, 255, 0.49);
    --sui-opacity-white-64: rgba(255, 255, 255, 0.64);
    --sui-opacity-white-80: rgba(255, 255, 255, 0.8);
    --sui-opacity-black-8: rgba(17, 18, 20, 0.08);
    --sui-opacity-black-12: rgba(17, 18, 20, 0.12);
    --sui-opacity-black-24: rgba(17, 18, 20, 0.24);
    --sui-opacity-black-40: rgba(17, 18, 20, 0.4);
    --sui-opacity-black-64: rgba(17, 18, 20, 0.64);
    --sui-opacity-black-80: rgba(17, 18, 20, 0.8);
    --sui-primary: #1064bc;
    --sui-secondary: #f4f4f4;
    --sui-ghost: rgba(0, 0, 0, 0);
    --sui-emphasis: rgba(17, 18, 20, 0.64);
    --sui-success: #1f9670;
    --sui-error: #ff2020;
    --sui-warning: #fe7a18;
    --sui-info: #0094ff;
    --sui-light: #dddee0;
    --sui-dark: #111214;
    --sui-call-button: #35ce6d;
    --sui-surface-nav-old-main: #195E90;
    --sui-white-rgb: 255, 255, 255;
    --sui-black-rgb: 0, 0, 0;
    --sui-body-color-rgb: 17, 18, 20;
    --sui-body-bg-rgb: 255, 255, 255;
    --sui-font-sans-serif: "SHBGroteskLegacy", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --sui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --sui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --sui-root-font-size: 14px;
    --sui-body-font-family: var(--sui-font-sans-serif);
    --sui-body-letter-sapacing: 0.14px;
    --sui-body-font-size: 1rem;
    --sui-body-font-weight: 400;
    --sui-body-line-height: 1.5;
    --sui-body-color: #111214;
    --sui-body-bg: #ffffff;
    --sui-border-width: 1px;
    --sui-border-style: solid;
    --sui-border-color: #9a9da1;
    --sui-border-color-translucent: rgba(0, 0, 0, 0.175);
    --sui-border-radius: 0.375rem;
    --sui-border-radius-sm: 4px;
    --sui-border-radius-md: 8px;
    --sui-border-radius-lg: 16px;
    --sui-border-radius-xl: 32px;
    --sui-border-radius-2xl: 2rem;
    --sui-border-radius-pill: 50rem;
    --sui-link-color: #1064bc;
    --sui-link-hover-color: #0d5096;
    --sui-code-color: #0094ff;
    --sui-highlight-bg: #fff4cc;
    --sui-spacing-3xs: 2px;
    --sui-spacing-2xs: 4px;
    --sui-spacing-xs: 8px;
    --sui-spacing-sm: 12px;
    --sui-spacing-md: 16px;
    --sui-spacing-lg: 20px;
    --sui-spacing-xl: 24px;
    --sui-spacing-2xl: 32px;
    --sui-spacing-3xl: 40px;
    --sui-spacing-4xl: 48px;
    --sui-spacing-5xl: 56px;
    --sui-spacing-6xl: 64px
}

:root .sui-bg-black {
    background-color: var(--sui-black)
}

:root .sui-color-black {
    color: var(--sui-black)
}

:root .sui-bg-white {
    background-color: var(--sui-white)
}

:root .sui-color-white {
    color: var(--sui-white)
}

:root .sui-bg-grey {
    background-color: var(--sui-grey)
}

:root .sui-color-grey {
    color: var(--sui-grey)
}

:root .sui-bg-red {
    background-color: var(--sui-red)
}

:root .sui-color-red {
    color: var(--sui-red)
}

:root .sui-bg-green {
    background-color: var(--sui-green)
}

:root .sui-color-green {
    color: var(--sui-green)
}

:root .sui-bg-orange {
    background-color: var(--sui-orange)
}

:root .sui-color-orange {
    color: var(--sui-orange)
}

:root .sui-bg-turquoise {
    background-color: var(--sui-turquoise)
}

:root .sui-color-turquoise {
    color: var(--sui-turquoise)
}

:root .sui-bg-param-guvende {
    background-color: var(--sui-param-guvende)
}

:root .sui-color-param-guvende {
    color: var(--sui-param-guvende)
}

:root .sui-bg-s-pro {
    background-color: var(--sui-s-pro)
}

:root .sui-color-s-pro {
    color: var(--sui-s-pro)
}

:root .sui-bg-transparent {
    background-color: var(--sui-transparent)
}

:root .sui-color-transparent {
    color: var(--sui-transparent)
}

:root .sui-bg-sahibinden-yellow {
    background-color: var(--sui-sahibinden-yellow)
}

:root .sui-color-sahibinden-yellow {
    color: var(--sui-sahibinden-yellow)
}

:root .sui-bg-sahibinden-ui-yellow {
    background-color: var(--sui-sahibinden-ui-yellow)
}

:root .sui-color-sahibinden-ui-yellow {
    color: var(--sui-sahibinden-ui-yellow)
}

:root .sui-bg-sahibinden-blue {
    background-color: var(--sui-sahibinden-blue)
}

:root .sui-color-sahibinden-blue {
    color: var(--sui-sahibinden-blue)
}

:root .sui-bg-independence {
    background-color: var(--sui-independence)
}

:root .sui-color-independence {
    color: var(--sui-independence)
}

:root .sui-bg-success-default {
    background-color: var(--sui-success-default)
}

:root .sui-color-success-default {
    color: var(--sui-success-default)
}

:root .sui-bg-success-light {
    background-color: var(--sui-success-light)
}

:root .sui-color-success-light {
    color: var(--sui-success-light)
}

:root .sui-bg-success-dark {
    background-color: var(--sui-success-dark)
}

:root .sui-color-success-dark {
    color: var(--sui-success-dark)
}

:root .sui-bg-success-soft {
    background-color: var(--sui-success-soft)
}

:root .sui-color-success-soft {
    color: var(--sui-success-soft)
}

:root .sui-bg-success-on {
    background-color: var(--sui-success-on)
}

:root .sui-color-success-on {
    color: var(--sui-success-on)
}

:root .sui-bg-error-default {
    background-color: var(--sui-error-default)
}

:root .sui-color-error-default {
    color: var(--sui-error-default)
}

:root .sui-bg-error-light {
    background-color: var(--sui-error-light)
}

:root .sui-color-error-light {
    color: var(--sui-error-light)
}

:root .sui-bg-error-dark {
    background-color: var(--sui-error-dark)
}

:root .sui-color-error-dark {
    color: var(--sui-error-dark)
}

:root .sui-bg-error-soft {
    background-color: var(--sui-error-soft)
}

:root .sui-color-error-soft {
    color: var(--sui-error-soft)
}

:root .sui-bg-error-on {
    background-color: var(--sui-error-on)
}

:root .sui-color-error-on {
    color: var(--sui-error-on)
}

:root .sui-bg-warning-default {
    background-color: var(--sui-warning-default)
}

:root .sui-color-warning-default {
    color: var(--sui-warning-default)
}

:root .sui-bg-warning-light {
    background-color: var(--sui-warning-light)
}

:root .sui-color-warning-light {
    color: var(--sui-warning-light)
}

:root .sui-bg-warning-dark {
    background-color: var(--sui-warning-dark)
}

:root .sui-color-warning-dark {
    color: var(--sui-warning-dark)
}

:root .sui-bg-warning-soft {
    background-color: var(--sui-warning-soft)
}

:root .sui-color-warning-soft {
    color: var(--sui-warning-soft)
}

:root .sui-bg-warning-on {
    background-color: var(--sui-warning-on)
}

:root .sui-color-warning-on {
    color: var(--sui-warning-on)
}

:root .sui-bg-info-default {
    background-color: var(--sui-info-default)
}

:root .sui-color-info-default {
    color: var(--sui-info-default)
}

:root .sui-bg-info-light {
    background-color: var(--sui-info-light)
}

:root .sui-color-info-light {
    color: var(--sui-info-light)
}

:root .sui-bg-info-dark {
    background-color: var(--sui-info-dark)
}

:root .sui-color-info-dark {
    color: var(--sui-info-dark)
}

:root .sui-bg-info-soft {
    background-color: var(--sui-info-soft)
}

:root .sui-color-info-soft {
    color: var(--sui-info-soft)
}

:root .sui-bg-info-on {
    background-color: var(--sui-info-on)
}

:root .sui-color-info-on {
    color: var(--sui-info-on)
}

:root .sui-bg-s-pro-default {
    background-color: var(--sui-s-pro-default)
}

:root .sui-color-s-pro-default {
    color: var(--sui-s-pro-default)
}

:root .sui-bg-s-pro-secondary {
    background-color: var(--sui-s-pro-secondary)
}

:root .sui-color-s-pro-secondary {
    color: var(--sui-s-pro-secondary)
}

:root .sui-bg-s-pro-gradient-a {
    background-color: var(--sui-s-pro-gradient-a)
}

:root .sui-color-s-pro-gradient-a {
    color: var(--sui-s-pro-gradient-a)
}

:root .sui-bg-s-pro-gradient-b {
    background-color: var(--sui-s-pro-gradient-b)
}

:root .sui-color-s-pro-gradient-b {
    color: var(--sui-s-pro-gradient-b)
}

:root .sui-bg-yepy-helper-green {
    background-color: var(--sui-yepy-helper-green)
}

:root .sui-color-yepy-helper-green {
    color: var(--sui-yepy-helper-green)
}

:root .sui-bg-yepy-helper-purple {
    background-color: var(--sui-yepy-helper-purple)
}

:root .sui-color-yepy-helper-purple {
    color: var(--sui-yepy-helper-purple)
}

:root .sui-bg-yepy-helper-yellow {
    background-color: var(--sui-yepy-helper-yellow)
}

:root .sui-color-yepy-helper-yellow {
    color: var(--sui-yepy-helper-yellow)
}

:root .sui-bg-yepy-helper-blue {
    background-color: var(--sui-yepy-helper-blue)
}

:root .sui-color-yepy-helper-blue {
    color: var(--sui-yepy-helper-blue)
}

:root .sui-bg-param-guvende-default {
    background-color: var(--sui-param-guvende-default)
}

:root .sui-color-param-guvende-default {
    color: var(--sui-param-guvende-default)
}

:root .sui-bg-param-guvende-light {
    background-color: var(--sui-param-guvende-light)
}

:root .sui-color-param-guvende-light {
    color: var(--sui-param-guvende-light)
}

:root .sui-bg-param-guvende-dark {
    background-color: var(--sui-param-guvende-dark)
}

:root .sui-color-param-guvende-dark {
    color: var(--sui-param-guvende-dark)
}

:root .sui-bg-param-guvende-soft {
    background-color: var(--sui-param-guvende-soft)
}

:root .sui-color-param-guvende-soft {
    color: var(--sui-param-guvende-soft)
}

:root .sui-bg-param-guvende-on {
    background-color: var(--sui-param-guvende-on)
}

:root .sui-color-param-guvende-on {
    color: var(--sui-param-guvende-on)
}

:root .sui-bg-primary-default {
    background-color: var(--sui-primary-default)
}

:root .sui-color-primary-default {
    color: var(--sui-primary-default)
}

:root .sui-bg-primary-light {
    background-color: var(--sui-primary-light)
}

:root .sui-color-primary-light {
    color: var(--sui-primary-light)
}

:root .sui-bg-primary-dark {
    background-color: var(--sui-primary-dark)
}

:root .sui-color-primary-dark {
    color: var(--sui-primary-dark)
}

:root .sui-bg-primary-soft {
    background-color: var(--sui-primary-soft)
}

:root .sui-color-primary-soft {
    color: var(--sui-primary-soft)
}

:root .sui-bg-primary-on {
    background-color: var(--sui-primary-on)
}

:root .sui-color-primary-on {
    color: var(--sui-primary-on)
}

:root .sui-bg-secondary-default {
    background-color: var(--sui-secondary-default)
}

:root .sui-color-secondary-default {
    color: var(--sui-secondary-default)
}

:root .sui-bg-secondary-light {
    background-color: var(--sui-secondary-light)
}

:root .sui-color-secondary-light {
    color: var(--sui-secondary-light)
}

:root .sui-bg-secondary-dark {
    background-color: var(--sui-secondary-dark)
}

:root .sui-color-secondary-dark {
    color: var(--sui-secondary-dark)
}

:root .sui-bg-secondary-soft {
    background-color: var(--sui-secondary-soft)
}

:root .sui-color-secondary-soft {
    color: var(--sui-secondary-soft)
}

:root .sui-bg-secondary-on {
    background-color: var(--sui-secondary-on)
}

:root .sui-color-secondary-on {
    color: var(--sui-secondary-on)
}

:root .sui-bg-ghost-default {
    background-color: var(--sui-ghost-default)
}

:root .sui-color-ghost-default {
    color: var(--sui-ghost-default)
}

:root .sui-bg-ghost-light {
    background-color: var(--sui-ghost-light)
}

:root .sui-color-ghost-light {
    color: var(--sui-ghost-light)
}

:root .sui-bg-ghost-dark {
    background-color: var(--sui-ghost-dark)
}

:root .sui-color-ghost-dark {
    color: var(--sui-ghost-dark)
}

:root .sui-bg-ghost-on {
    background-color: var(--sui-ghost-on)
}

:root .sui-color-ghost-on {
    color: var(--sui-ghost-on)
}

:root .sui-bg-emphasis-high {
    background-color: var(--sui-emphasis-high)
}

:root .sui-color-emphasis-high {
    color: var(--sui-emphasis-high)
}

:root .sui-bg-emphasis-medium {
    background-color: var(--sui-emphasis-medium)
}

:root .sui-color-emphasis-medium {
    color: var(--sui-emphasis-medium)
}

:root .sui-bg-emphasis-low {
    background-color: var(--sui-emphasis-low)
}

:root .sui-color-emphasis-low {
    color: var(--sui-emphasis-low)
}

:root .sui-bg-emphasis-disabled {
    background-color: var(--sui-emphasis-disabled)
}

:root .sui-color-emphasis-disabled {
    color: var(--sui-emphasis-disabled)
}

:root .sui-bg-surface-background {
    background-color: var(--sui-surface-background)
}

:root .sui-color-surface-background {
    color: var(--sui-surface-background)
}

:root .sui-bg-surface-level-1,
:root sui-inline-message .sui-inline-message {
    background-color: var(--sui-surface-level-1)
}

:root .sui-color-surface-level-1 {
    color: var(--sui-surface-level-1)
}

:root .sui-bg-surface-level-2 {
    background-color: var(--sui-surface-level-2)
}

:root .sui-color-surface-level-2 {
    color: var(--sui-surface-level-2)
}

:root .sui-bg-surface-level-3 {
    background-color: var(--sui-surface-level-3)
}

:root .sui-color-surface-level-3 {
    color: var(--sui-surface-level-3)
}

:root .sui-bg-surface-navigation-bg {
    background-color: var(--sui-surface-navigation-bg)
}

:root .sui-color-surface-navigation-bg {
    color: var(--sui-surface-navigation-bg)
}

:root .sui-bg-surface-navigation-on {
    background-color: var(--sui-surface-navigation-on)
}

:root .sui-color-surface-navigation-on {
    color: var(--sui-surface-navigation-on)
}

:root .sui-bg-opacity-white-8 {
    background-color: var(--sui-opacity-white-8)
}

:root .sui-color-opacity-white-8 {
    color: var(--sui-opacity-white-8)
}

:root .sui-bg-opacity-white-12 {
    background-color: var(--sui-opacity-white-12)
}

:root .sui-color-opacity-white-12 {
    color: var(--sui-opacity-white-12)
}

:root .sui-bg-opacity-white-24 {
    background-color: var(--sui-opacity-white-24)
}

:root .sui-color-opacity-white-24 {
    color: var(--sui-opacity-white-24)
}

:root .sui-bg-opacity-white-40 {
    background-color: var(--sui-opacity-white-40)
}

:root .sui-color-opacity-white-40 {
    color: var(--sui-opacity-white-40)
}

:root .sui-bg-opacity-white-64 {
    background-color: var(--sui-opacity-white-64)
}

:root .sui-color-opacity-white-64 {
    color: var(--sui-opacity-white-64)
}

:root .sui-bg-opacity-white-80 {
    background-color: var(--sui-opacity-white-80)
}

:root .sui-color-opacity-white-80 {
    color: var(--sui-opacity-white-80)
}

:root .sui-bg-opacity-black-8 {
    background-color: var(--sui-opacity-black-8)
}

:root .sui-color-opacity-black-8 {
    color: var(--sui-opacity-black-8)
}

:root .sui-bg-opacity-black-12 {
    background-color: var(--sui-opacity-black-12)
}

:root .sui-color-opacity-black-12 {
    color: var(--sui-opacity-black-12)
}

:root .sui-bg-opacity-black-24 {
    background-color: var(--sui-opacity-black-24)
}

:root .sui-color-opacity-black-24 {
    color: var(--sui-opacity-black-24)
}

:root .sui-bg-opacity-black-40 {
    background-color: var(--sui-opacity-black-40)
}

:root .sui-color-opacity-black-40 {
    color: var(--sui-opacity-black-40)
}

:root .sui-bg-opacity-black-64 {
    background-color: var(--sui-opacity-black-64)
}

:root .sui-color-opacity-black-64 {
    color: var(--sui-opacity-black-64)
}

:root .sui-bg-opacity-black-80 {
    background-color: var(--sui-opacity-black-80)
}

:root .sui-color-opacity-black-80 {
    color: var(--sui-opacity-black-80)
}

:root .sui-bg-primary {
    background-color: var(--sui-primary)
}

:root .sui-color-primary {
    color: var(--sui-primary)
}

:root .sui-bg-secondary {
    background-color: var(--sui-secondary)
}

:root .sui-color-secondary {
    color: var(--sui-secondary)
}

:root .sui-bg-ghost {
    background-color: var(--sui-ghost)
}

:root .sui-color-ghost {
    color: var(--sui-ghost)
}

:root .sui-bg-emphasis {
    background-color: var(--sui-emphasis)
}

:root .sui-color-emphasis {
    color: var(--sui-emphasis)
}

:root .sui-bg-success {
    background-color: var(--sui-success)
}

:root .sui-color-success {
    color: var(--sui-success)
}

:root .sui-bg-error {
    background-color: var(--sui-error)
}

:root .sui-color-error {
    color: var(--sui-error)
}

:root .sui-bg-warning {
    background-color: var(--sui-warning)
}

:root .sui-color-warning {
    color: var(--sui-warning)
}

:root .sui-bg-info {
    background-color: var(--sui-info)
}

:root .sui-color-info {
    color: var(--sui-info)
}

:root .sui-bg-light {
    background-color: var(--sui-light)
}

:root .sui-color-light {
    color: var(--sui-light)
}

:root .sui-bg-dark {
    background-color: var(--sui-dark)
}

:root .sui-color-dark {
    color: var(--sui-dark)
}

:root .sui-bg-call-button {
    background-color: var(--sui-call-button)
}

:root .sui-color-call-button {
    color: var(--sui-call-button)
}

:root .sui-bg-surface-nav-old-main {
    background-color: var(--sui-surface-nav-old-main)
}

:root .sui-color-surface-nav-old-main {
    color: var(--sui-surface-nav-old-main)
}

:root .h-1 {
    height: 1rem
}

:root .w-1 {
    width: 1rem
}

:root .h-2 {
    height: 2rem
}

:root .w-2 {
    width: 2rem
}

:root .h-3 {
    height: 3rem
}

:root .w-3 {
    width: 3rem
}

:root .h-4 {
    height: 4rem
}

:root .w-4 {
    width: 4rem
}

:root .h-5 {
    height: 5rem
}

:root .w-5 {
    width: 5rem
}

:root .h-6 {
    height: 6rem
}

:root .w-6 {
    width: 6rem
}

:root .h-7 {
    height: 7rem
}

:root .w-7 {
    width: 7rem
}

:root .h-8 {
    height: 8rem
}

:root .w-8 {
    width: 8rem
}

:root .h-9 {
    height: 9rem
}

:root .w-9 {
    width: 9rem
}

:root .h-10 {
    height: 10rem
}

:root .w-10 {
    width: 10rem
}

*,
*::before,
*::after {
    box-sizing: border-box
}

:root {
    font-size: var(--sui-root-font-size)
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--sui-body-font-family);
    font-size: var(--sui-body-font-size);
    font-weight: var(--sui-body-font-weight);
    line-height: var(--sui-body-line-height);
    color: var(--sui-body-color);
    background-color: var(--sui-body-bg);
    letter-spacing: var(--sui-body-letter-sapacing);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 8px 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

.sui-global-heading-h6,
.sui-global-heading-h5,
.sui-global-heading-h4,
.sui-global-heading-h3,
.sui-global-heading-h2,
.sui-global-heading-h1,
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin: 0;
    font-weight: 600
}

h1,
.h1 {
    font-size: 40px;
    line-height: 48px
}

h2,
.h2 {
    font-size: 36px;
    line-height: 40px
}

h3,
.h3 {
    font-size: 32px;
    line-height: 40px
}

h4,
.h4 {
    font-size: 24px;
    line-height: 32px
}

h5,
.h5 {
    font-size: 18px;
    line-height: 20px
}

h6,
.h6 {
    font-size: 16px;
    line-height: 20px
}

p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: 0.875em
}

mark,
.mark {
    padding: .1875em;
    background-color: var(--sui-highlight-bg)
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: var(--sui-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--sui-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--sui-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: var(--sui-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: 0.875em;
    color: var(--sui-body-bg);
    background-color: var(--sui-body-color);
    border-radius: 4px
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #454a4f;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 24px
}

@media(min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 24px
}

@media(min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 24px
}

@media(min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 24px
}

@media(min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 24px
}

@media(min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 24px
}

@media(min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 0.875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 8px;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -8px;
    margin-bottom: 8px;
    font-size: 0.875em;
    color: #454a4f
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--sui-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: 4px;
    line-height: 1
}

.figure-caption {
    font-size: 0.875em;
    color: #454a4f
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --sui-gutter-x: 1.5rem;
    --sui-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--sui-gutter-x)*.5);
    padding-left: calc(var(--sui-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container-sm,
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

.row {
    --sui-gutter-x: 1.5rem;
    --sui-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--sui-gutter-y));
    margin-right: calc(-0.5*var(--sui-gutter-x));
    margin-left: calc(-0.5*var(--sui-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--sui-gutter-x)*.5);
    padding-left: calc(var(--sui-gutter-x)*.5);
    margin-top: var(--sui-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --sui-gutter-x: 0
}

.g-0,
.gy-0 {
    --sui-gutter-y: 0
}

.g-1,
.gx-1 {
    --sui-gutter-x: 2px
}

.g-1,
.gy-1 {
    --sui-gutter-y: 2px
}

.g-2,
.gx-2 {
    --sui-gutter-x: 4px
}

.g-2,
.gy-2 {
    --sui-gutter-y: 4px
}

.g-3,
.gx-3 {
    --sui-gutter-x: 8px
}

.g-3,
.gy-3 {
    --sui-gutter-y: 8px
}

.g-4,
.gx-4 {
    --sui-gutter-x: 12px
}

.g-4,
.gy-4 {
    --sui-gutter-y: 12px
}

.g-5,
.gx-5 {
    --sui-gutter-x: 16px
}

.g-5,
.gy-5 {
    --sui-gutter-y: 16px
}

.g-6,
.gx-6 {
    --sui-gutter-x: 20px
}

.g-6,
.gy-6 {
    --sui-gutter-y: 20px
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --sui-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --sui-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --sui-gutter-x: 2px
    }
    .g-sm-1,
    .gy-sm-1 {
        --sui-gutter-y: 2px
    }
    .g-sm-2,
    .gx-sm-2 {
        --sui-gutter-x: 4px
    }
    .g-sm-2,
    .gy-sm-2 {
        --sui-gutter-y: 4px
    }
    .g-sm-3,
    .gx-sm-3 {
        --sui-gutter-x: 8px
    }
    .g-sm-3,
    .gy-sm-3 {
        --sui-gutter-y: 8px
    }
    .g-sm-4,
    .gx-sm-4 {
        --sui-gutter-x: 12px
    }
    .g-sm-4,
    .gy-sm-4 {
        --sui-gutter-y: 12px
    }
    .g-sm-5,
    .gx-sm-5 {
        --sui-gutter-x: 16px
    }
    .g-sm-5,
    .gy-sm-5 {
        --sui-gutter-y: 16px
    }
    .g-sm-6,
    .gx-sm-6 {
        --sui-gutter-x: 20px
    }
    .g-sm-6,
    .gy-sm-6 {
        --sui-gutter-y: 20px
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --sui-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --sui-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --sui-gutter-x: 2px
    }
    .g-md-1,
    .gy-md-1 {
        --sui-gutter-y: 2px
    }
    .g-md-2,
    .gx-md-2 {
        --sui-gutter-x: 4px
    }
    .g-md-2,
    .gy-md-2 {
        --sui-gutter-y: 4px
    }
    .g-md-3,
    .gx-md-3 {
        --sui-gutter-x: 8px
    }
    .g-md-3,
    .gy-md-3 {
        --sui-gutter-y: 8px
    }
    .g-md-4,
    .gx-md-4 {
        --sui-gutter-x: 12px
    }
    .g-md-4,
    .gy-md-4 {
        --sui-gutter-y: 12px
    }
    .g-md-5,
    .gx-md-5 {
        --sui-gutter-x: 16px
    }
    .g-md-5,
    .gy-md-5 {
        --sui-gutter-y: 16px
    }
    .g-md-6,
    .gx-md-6 {
        --sui-gutter-x: 20px
    }
    .g-md-6,
    .gy-md-6 {
        --sui-gutter-y: 20px
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --sui-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --sui-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --sui-gutter-x: 2px
    }
    .g-lg-1,
    .gy-lg-1 {
        --sui-gutter-y: 2px
    }
    .g-lg-2,
    .gx-lg-2 {
        --sui-gutter-x: 4px
    }
    .g-lg-2,
    .gy-lg-2 {
        --sui-gutter-y: 4px
    }
    .g-lg-3,
    .gx-lg-3 {
        --sui-gutter-x: 8px
    }
    .g-lg-3,
    .gy-lg-3 {
        --sui-gutter-y: 8px
    }
    .g-lg-4,
    .gx-lg-4 {
        --sui-gutter-x: 12px
    }
    .g-lg-4,
    .gy-lg-4 {
        --sui-gutter-y: 12px
    }
    .g-lg-5,
    .gx-lg-5 {
        --sui-gutter-x: 16px
    }
    .g-lg-5,
    .gy-lg-5 {
        --sui-gutter-y: 16px
    }
    .g-lg-6,
    .gx-lg-6 {
        --sui-gutter-x: 20px
    }
    .g-lg-6,
    .gy-lg-6 {
        --sui-gutter-y: 20px
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --sui-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --sui-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --sui-gutter-x: 2px
    }
    .g-xl-1,
    .gy-xl-1 {
        --sui-gutter-y: 2px
    }
    .g-xl-2,
    .gx-xl-2 {
        --sui-gutter-x: 4px
    }
    .g-xl-2,
    .gy-xl-2 {
        --sui-gutter-y: 4px
    }
    .g-xl-3,
    .gx-xl-3 {
        --sui-gutter-x: 8px
    }
    .g-xl-3,
    .gy-xl-3 {
        --sui-gutter-y: 8px
    }
    .g-xl-4,
    .gx-xl-4 {
        --sui-gutter-x: 12px
    }
    .g-xl-4,
    .gy-xl-4 {
        --sui-gutter-y: 12px
    }
    .g-xl-5,
    .gx-xl-5 {
        --sui-gutter-x: 16px
    }
    .g-xl-5,
    .gy-xl-5 {
        --sui-gutter-y: 16px
    }
    .g-xl-6,
    .gx-xl-6 {
        --sui-gutter-x: 20px
    }
    .g-xl-6,
    .gy-xl-6 {
        --sui-gutter-y: 20px
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --sui-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --sui-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --sui-gutter-x: 2px
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --sui-gutter-y: 2px
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --sui-gutter-x: 4px
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --sui-gutter-y: 4px
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --sui-gutter-x: 8px
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --sui-gutter-y: 8px
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --sui-gutter-x: 12px
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --sui-gutter-y: 12px
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --sui-gutter-x: 16px
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --sui-gutter-y: 16px
    }
    .g-xxl-6,
    .gx-xxl-6 {
        --sui-gutter-x: 20px
    }
    .g-xxl-6,
    .gy-xxl-6 {
        --sui-gutter-y: 20px
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(16, 100, 188, var(--sui-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #000 !important;
    background-color: RGBA(244, 244, 244, var(--sui-bg-opacity, 1)) !important
}

.text-bg-ghost {
    color: #fff !important;
    background-color: RGBA(0, 0, 0, var(--sui-bg-opacity, 1)) !important
}

.text-bg-emphasis {
    color: #fff !important;
    background-color: RGBA(17, 18, 20, var(--sui-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #000 !important;
    background-color: RGBA(31, 150, 112, var(--sui-bg-opacity, 1)) !important
}

.text-bg-error {
    color: #000 !important;
    background-color: RGBA(255, 32, 32, var(--sui-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(254, 122, 24, var(--sui-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(0, 148, 255, var(--sui-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(221, 222, 224, var(--sui-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(17, 18, 20, var(--sui-bg-opacity, 1)) !important
}

.link-primary {
    color: #1064bc !important
}

.link-primary:hover,
.link-primary:focus {
    color: #0d5096 !important
}

.link-secondary {
    color: #f4f4f4 !important
}

.link-secondary:hover,
.link-secondary:focus {
    color: #f6f6f6 !important
}

.link-ghost {
    color: rgba(0, 0, 0, 0) !important
}

.link-ghost:hover,
.link-ghost:focus {
    color: rgba(0, 0, 0, .2) !important
}

.link-emphasis {
    color: rgba(17, 18, 20, .64) !important
}

.link-emphasis:hover,
.link-emphasis:focus {
    color: rgba(11, 12, 13, .712) !important
}

.link-success {
    color: #1f9670 !important
}

.link-success:hover,
.link-success:focus {
    color: #4cab8d !important
}

.link-error {
    color: #ff2020 !important
}

.link-error:hover,
.link-error:focus {
    color: #ff4d4d !important
}

.link-warning {
    color: #fe7a18 !important
}

.link-warning:hover,
.link-warning:focus {
    color: #fe9546 !important
}

.link-info {
    color: #0094ff !important
}

.link-info:hover,
.link-info:focus {
    color: #33a9ff !important
}

.link-light {
    color: #dddee0 !important
}

.link-light:hover,
.link-light:focus {
    color: #e4e5e6 !important
}

.link-dark {
    color: #111214 !important
}

.link-dark:hover,
.link-dark:focus {
    color: #0e0e10 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--sui-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --sui-aspect-ratio: 100%
}

.ratio-4x3 {
    --sui-aspect-ratio: 75%
}

.ratio-16x9 {
    --sui-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --sui-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 2px 12px 0 var(--sui-opacity-black-12) !important
}

.shadow-sm {
    box-shadow: 0 2px 4px 0 var(--sui-opacity-black-12) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--sui-border-width) var(--sui-border-style) var(--sui-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--sui-border-width) var(--sui-border-style) var(--sui-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--sui-border-width) var(--sui-border-style) var(--sui-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--sui-border-width) var(--sui-border-style) var(--sui-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--sui-border-width) var(--sui-border-style) var(--sui-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-primary-rgb), var(--sui-border-opacity)) !important
}

.border-secondary {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-secondary-rgb), var(--sui-border-opacity)) !important
}

.border-ghost {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-ghost-rgb), var(--sui-border-opacity)) !important
}

.border-emphasis {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-emphasis-rgb), var(--sui-border-opacity)) !important
}

.border-success {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-success-rgb), var(--sui-border-opacity)) !important
}

.border-error {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-error-rgb), var(--sui-border-opacity)) !important
}

.border-warning {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-warning-rgb), var(--sui-border-opacity)) !important
}

.border-info {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-info-rgb), var(--sui-border-opacity)) !important
}

.border-light {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-light-rgb), var(--sui-border-opacity)) !important
}

.border-dark {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-dark-rgb), var(--sui-border-opacity)) !important
}

.border-white {
    --sui-border-opacity: 1;
    border-color: rgba(var(--sui-white-rgb), var(--sui-border-opacity)) !important
}

.border-1 {
    --sui-border-width: 1px
}

.border-2 {
    --sui-border-width: 2px
}

.border-3 {
    --sui-border-width: 3px
}

.border-4 {
    --sui-border-width: 4px
}

.border-5 {
    --sui-border-width: 5px
}

.border-opacity-10 {
    --sui-border-opacity: 0.1
}

.border-opacity-25 {
    --sui-border-opacity: 0.25
}

.border-opacity-50 {
    --sui-border-opacity: 0.5
}

.border-opacity-75 {
    --sui-border-opacity: 0.75
}

.border-opacity-100 {
    --sui-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 2px !important
}

.m-2 {
    margin: 4px !important
}

.m-3 {
    margin: 8px !important
}

.m-4 {
    margin: 12px !important
}

.m-5 {
    margin: 16px !important
}

.m-6 {
    margin: 20px !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: 2px !important;
    margin-left: 2px !important
}

.mx-2 {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.mx-3 {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.mx-4 {
    margin-right: 12px !important;
    margin-left: 12px !important
}

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

.mx-6 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.my-2 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.my-3 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.my-4 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

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

.my-6 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 2px !important
}

.mt-2 {
    margin-top: 4px !important
}

.mt-3 {
    margin-top: 8px !important
}

.mt-4 {
    margin-top: 12px !important
}

.mt-5 {
    margin-top: 16px !important
}

.mt-6 {
    margin-top: 20px !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 2px !important
}

.me-2 {
    margin-right: 4px !important
}

.me-3 {
    margin-right: 8px !important
}

.me-4 {
    margin-right: 12px !important
}

.me-5 {
    margin-right: 16px !important
}

.me-6 {
    margin-right: 20px !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 2px !important
}

.mb-2 {
    margin-bottom: 4px !important
}

.mb-3 {
    margin-bottom: 8px !important
}

.mb-4 {
    margin-bottom: 12px !important
}

.mb-5 {
    margin-bottom: 16px !important
}

.mb-6 {
    margin-bottom: 20px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: 2px !important
}

.ms-2 {
    margin-left: 4px !important
}

.ms-3 {
    margin-left: 8px !important
}

.ms-4 {
    margin-left: 12px !important
}

.ms-5 {
    margin-left: 16px !important
}

.ms-6 {
    margin-left: 20px !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 2px !important
}

.p-2 {
    padding: 4px !important
}

.p-3 {
    padding: 8px !important
}

.p-4 {
    padding: 12px !important
}

.p-5 {
    padding: 16px !important
}

.p-6 {
    padding: 20px !important
}

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

.px-1 {
    padding-right: 2px !important;
    padding-left: 2px !important
}

.px-2 {
    padding-right: 4px !important;
    padding-left: 4px !important
}

.px-3 {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.px-4 {
    padding-right: 12px !important;
    padding-left: 12px !important
}

.px-5 {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.px-6 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

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

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

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

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

.py-6 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 2px !important
}

.pt-2 {
    padding-top: 4px !important
}

.pt-3 {
    padding-top: 8px !important
}

.pt-4 {
    padding-top: 12px !important
}

.pt-5 {
    padding-top: 16px !important
}

.pt-6 {
    padding-top: 20px !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: 2px !important
}

.pe-2 {
    padding-right: 4px !important
}

.pe-3 {
    padding-right: 8px !important
}

.pe-4 {
    padding-right: 12px !important
}

.pe-5 {
    padding-right: 16px !important
}

.pe-6 {
    padding-right: 20px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 2px !important
}

.pb-2 {
    padding-bottom: 4px !important
}

.pb-3 {
    padding-bottom: 8px !important
}

.pb-4 {
    padding-bottom: 12px !important
}

.pb-5 {
    padding-bottom: 16px !important
}

.pb-6 {
    padding-bottom: 20px !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: 2px !important
}

.ps-2 {
    padding-left: 4px !important
}

.ps-3 {
    padding-left: 8px !important
}

.ps-4 {
    padding-left: 12px !important
}

.ps-5 {
    padding-left: 16px !important
}

.ps-6 {
    padding-left: 20px !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: 2px !important
}

.gap-2 {
    gap: 4px !important
}

.gap-3 {
    gap: 8px !important
}

.gap-4 {
    gap: 12px !important
}

.gap-5 {
    gap: 16px !important
}

.gap-6 {
    gap: 20px !important
}

.font-monospace {
    font-family: var(--sui-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.35rem + 1.2vw) !important
}

.fs-3 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.125rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 20px !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 32px !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-primary-rgb), var(--sui-text-opacity)) !important
}

.text-secondary {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-secondary-rgb), var(--sui-text-opacity)) !important
}

.text-ghost {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-ghost-rgb), var(--sui-text-opacity)) !important
}

.text-emphasis {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-emphasis-rgb), var(--sui-text-opacity)) !important
}

.text-success {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-success-rgb), var(--sui-text-opacity)) !important
}

.text-error {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-error-rgb), var(--sui-text-opacity)) !important
}

.text-warning {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-warning-rgb), var(--sui-text-opacity)) !important
}

.text-info {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-info-rgb), var(--sui-text-opacity)) !important
}

.text-light {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-light-rgb), var(--sui-text-opacity)) !important
}

.text-dark {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-dark-rgb), var(--sui-text-opacity)) !important
}

.text-black {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-black-rgb), var(--sui-text-opacity)) !important
}

.text-white {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-white-rgb), var(--sui-text-opacity)) !important
}

.text-body {
    --sui-text-opacity: 1;
    color: rgba(var(--sui-body-color-rgb), var(--sui-text-opacity)) !important
}

.text-muted {
    --sui-text-opacity: 1;
    color: #454a4f !important
}

.text-black-50 {
    --sui-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --sui-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --sui-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --sui-text-opacity: 0.25
}

.text-opacity-50 {
    --sui-text-opacity: 0.5
}

.text-opacity-75 {
    --sui-text-opacity: 0.75
}

.text-opacity-100 {
    --sui-text-opacity: 1
}

.bg-primary {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-primary-rgb), var(--sui-bg-opacity)) !important
}

.bg-secondary {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-secondary-rgb), var(--sui-bg-opacity)) !important
}

.bg-ghost {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-ghost-rgb), var(--sui-bg-opacity)) !important
}

.bg-emphasis {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-emphasis-rgb), var(--sui-bg-opacity)) !important
}

.bg-success {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-success-rgb), var(--sui-bg-opacity)) !important
}

.bg-error {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-error-rgb), var(--sui-bg-opacity)) !important
}

.bg-warning {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-warning-rgb), var(--sui-bg-opacity)) !important
}

.bg-info {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-info-rgb), var(--sui-bg-opacity)) !important
}

.bg-light {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-light-rgb), var(--sui-bg-opacity)) !important
}

.bg-dark {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-dark-rgb), var(--sui-bg-opacity)) !important
}

.bg-black {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-black-rgb), var(--sui-bg-opacity)) !important
}

.bg-white {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-white-rgb), var(--sui-bg-opacity)) !important
}

.bg-body {
    --sui-bg-opacity: 1;
    background-color: rgba(var(--sui-body-bg-rgb), var(--sui-bg-opacity)) !important
}

.bg-transparent {
    --sui-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
    --sui-bg-opacity: 0.1
}

.bg-opacity-25 {
    --sui-bg-opacity: 0.25
}

.bg-opacity-50 {
    --sui-bg-opacity: 0.5
}

.bg-opacity-75 {
    --sui-bg-opacity: 0.75
}

.bg-opacity-100 {
    --sui-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--sui-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--sui-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--sui-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--sui-border-radius) !important
}

.rounded-3 {
    border-radius: var(--sui-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--sui-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--sui-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--sui-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--sui-border-radius) !important;
    border-top-right-radius: var(--sui-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--sui-border-radius) !important;
    border-bottom-right-radius: var(--sui-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--sui-border-radius) !important;
    border-bottom-left-radius: var(--sui-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--sui-border-radius) !important;
    border-top-left-radius: var(--sui-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media(min-width: 576px) {
    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: 2px !important
    }
    .m-sm-2 {
        margin: 4px !important
    }
    .m-sm-3 {
        margin: 8px !important
    }
    .m-sm-4 {
        margin: 12px !important
    }
    .m-sm-5 {
        margin: 16px !important
    }
    .m-sm-6 {
        margin: 20px !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-sm-1 {
        margin-right: 2px !important;
        margin-left: 2px !important
    }
    .mx-sm-2 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }
    .mx-sm-3 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }
    .mx-sm-4 {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
    .mx-sm-5 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }
    .mx-sm-6 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-sm-1 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }
    .my-sm-2 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }
    .my-sm-3 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .my-sm-4 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }
    .my-sm-5 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }
    .my-sm-6 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: 2px !important
    }
    .mt-sm-2 {
        margin-top: 4px !important
    }
    .mt-sm-3 {
        margin-top: 8px !important
    }
    .mt-sm-4 {
        margin-top: 12px !important
    }
    .mt-sm-5 {
        margin-top: 16px !important
    }
    .mt-sm-6 {
        margin-top: 20px !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: 2px !important
    }
    .me-sm-2 {
        margin-right: 4px !important
    }
    .me-sm-3 {
        margin-right: 8px !important
    }
    .me-sm-4 {
        margin-right: 12px !important
    }
    .me-sm-5 {
        margin-right: 16px !important
    }
    .me-sm-6 {
        margin-right: 20px !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: 2px !important
    }
    .mb-sm-2 {
        margin-bottom: 4px !important
    }
    .mb-sm-3 {
        margin-bottom: 8px !important
    }
    .mb-sm-4 {
        margin-bottom: 12px !important
    }
    .mb-sm-5 {
        margin-bottom: 16px !important
    }
    .mb-sm-6 {
        margin-bottom: 20px !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: 2px !important
    }
    .ms-sm-2 {
        margin-left: 4px !important
    }
    .ms-sm-3 {
        margin-left: 8px !important
    }
    .ms-sm-4 {
        margin-left: 12px !important
    }
    .ms-sm-5 {
        margin-left: 16px !important
    }
    .ms-sm-6 {
        margin-left: 20px !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: 2px !important
    }
    .p-sm-2 {
        padding: 4px !important
    }
    .p-sm-3 {
        padding: 8px !important
    }
    .p-sm-4 {
        padding: 12px !important
    }
    .p-sm-5 {
        padding: 16px !important
    }
    .p-sm-6 {
        padding: 20px !important
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-sm-1 {
        padding-right: 2px !important;
        padding-left: 2px !important
    }
    .px-sm-2 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }
    .px-sm-3 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }
    .px-sm-4 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }
    .px-sm-5 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }
    .px-sm-6 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-sm-1 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }
    .py-sm-2 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }
    .py-sm-3 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
    .py-sm-4 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }
    .py-sm-5 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
    .py-sm-6 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: 2px !important
    }
    .pt-sm-2 {
        padding-top: 4px !important
    }
    .pt-sm-3 {
        padding-top: 8px !important
    }
    .pt-sm-4 {
        padding-top: 12px !important
    }
    .pt-sm-5 {
        padding-top: 16px !important
    }
    .pt-sm-6 {
        padding-top: 20px !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: 2px !important
    }
    .pe-sm-2 {
        padding-right: 4px !important
    }
    .pe-sm-3 {
        padding-right: 8px !important
    }
    .pe-sm-4 {
        padding-right: 12px !important
    }
    .pe-sm-5 {
        padding-right: 16px !important
    }
    .pe-sm-6 {
        padding-right: 20px !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: 2px !important
    }
    .pb-sm-2 {
        padding-bottom: 4px !important
    }
    .pb-sm-3 {
        padding-bottom: 8px !important
    }
    .pb-sm-4 {
        padding-bottom: 12px !important
    }
    .pb-sm-5 {
        padding-bottom: 16px !important
    }
    .pb-sm-6 {
        padding-bottom: 20px !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: 2px !important
    }
    .ps-sm-2 {
        padding-left: 4px !important
    }
    .ps-sm-3 {
        padding-left: 8px !important
    }
    .ps-sm-4 {
        padding-left: 12px !important
    }
    .ps-sm-5 {
        padding-left: 16px !important
    }
    .ps-sm-6 {
        padding-left: 20px !important
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: 2px !important
    }
    .gap-sm-2 {
        gap: 4px !important
    }
    .gap-sm-3 {
        gap: 8px !important
    }
    .gap-sm-4 {
        gap: 12px !important
    }
    .gap-sm-5 {
        gap: 16px !important
    }
    .gap-sm-6 {
        gap: 20px !important
    }
    .text-sm-start {
        text-align: left !important
    }
    .text-sm-end {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .float-md-start {
        float: left !important
    }
    .float-md-end {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: 2px !important
    }
    .m-md-2 {
        margin: 4px !important
    }
    .m-md-3 {
        margin: 8px !important
    }
    .m-md-4 {
        margin: 12px !important
    }
    .m-md-5 {
        margin: 16px !important
    }
    .m-md-6 {
        margin: 20px !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-md-1 {
        margin-right: 2px !important;
        margin-left: 2px !important
    }
    .mx-md-2 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }
    .mx-md-3 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }
    .mx-md-4 {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
    .mx-md-5 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }
    .mx-md-6 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-md-1 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }
    .my-md-2 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }
    .my-md-3 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .my-md-4 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }
    .my-md-5 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }
    .my-md-6 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: 2px !important
    }
    .mt-md-2 {
        margin-top: 4px !important
    }
    .mt-md-3 {
        margin-top: 8px !important
    }
    .mt-md-4 {
        margin-top: 12px !important
    }
    .mt-md-5 {
        margin-top: 16px !important
    }
    .mt-md-6 {
        margin-top: 20px !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: 2px !important
    }
    .me-md-2 {
        margin-right: 4px !important
    }
    .me-md-3 {
        margin-right: 8px !important
    }
    .me-md-4 {
        margin-right: 12px !important
    }
    .me-md-5 {
        margin-right: 16px !important
    }
    .me-md-6 {
        margin-right: 20px !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: 2px !important
    }
    .mb-md-2 {
        margin-bottom: 4px !important
    }
    .mb-md-3 {
        margin-bottom: 8px !important
    }
    .mb-md-4 {
        margin-bottom: 12px !important
    }
    .mb-md-5 {
        margin-bottom: 16px !important
    }
    .mb-md-6 {
        margin-bottom: 20px !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: 2px !important
    }
    .ms-md-2 {
        margin-left: 4px !important
    }
    .ms-md-3 {
        margin-left: 8px !important
    }
    .ms-md-4 {
        margin-left: 12px !important
    }
    .ms-md-5 {
        margin-left: 16px !important
    }
    .ms-md-6 {
        margin-left: 20px !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: 2px !important
    }
    .p-md-2 {
        padding: 4px !important
    }
    .p-md-3 {
        padding: 8px !important
    }
    .p-md-4 {
        padding: 12px !important
    }
    .p-md-5 {
        padding: 16px !important
    }
    .p-md-6 {
        padding: 20px !important
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-md-1 {
        padding-right: 2px !important;
        padding-left: 2px !important
    }
    .px-md-2 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }
    .px-md-3 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }
    .px-md-4 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }
    .px-md-5 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }
    .px-md-6 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-md-1 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }
    .py-md-2 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }
    .py-md-3 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
    .py-md-4 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }
    .py-md-5 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
    .py-md-6 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: 2px !important
    }
    .pt-md-2 {
        padding-top: 4px !important
    }
    .pt-md-3 {
        padding-top: 8px !important
    }
    .pt-md-4 {
        padding-top: 12px !important
    }
    .pt-md-5 {
        padding-top: 16px !important
    }
    .pt-md-6 {
        padding-top: 20px !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: 2px !important
    }
    .pe-md-2 {
        padding-right: 4px !important
    }
    .pe-md-3 {
        padding-right: 8px !important
    }
    .pe-md-4 {
        padding-right: 12px !important
    }
    .pe-md-5 {
        padding-right: 16px !important
    }
    .pe-md-6 {
        padding-right: 20px !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: 2px !important
    }
    .pb-md-2 {
        padding-bottom: 4px !important
    }
    .pb-md-3 {
        padding-bottom: 8px !important
    }
    .pb-md-4 {
        padding-bottom: 12px !important
    }
    .pb-md-5 {
        padding-bottom: 16px !important
    }
    .pb-md-6 {
        padding-bottom: 20px !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: 2px !important
    }
    .ps-md-2 {
        padding-left: 4px !important
    }
    .ps-md-3 {
        padding-left: 8px !important
    }
    .ps-md-4 {
        padding-left: 12px !important
    }
    .ps-md-5 {
        padding-left: 16px !important
    }
    .ps-md-6 {
        padding-left: 20px !important
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: 2px !important
    }
    .gap-md-2 {
        gap: 4px !important
    }
    .gap-md-3 {
        gap: 8px !important
    }
    .gap-md-4 {
        gap: 12px !important
    }
    .gap-md-5 {
        gap: 16px !important
    }
    .gap-md-6 {
        gap: 20px !important
    }
    .text-md-start {
        text-align: left !important
    }
    .text-md-end {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .float-lg-start {
        float: left !important
    }
    .float-lg-end {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: 2px !important
    }
    .m-lg-2 {
        margin: 4px !important
    }
    .m-lg-3 {
        margin: 8px !important
    }
    .m-lg-4 {
        margin: 12px !important
    }
    .m-lg-5 {
        margin: 16px !important
    }
    .m-lg-6 {
        margin: 20px !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-lg-1 {
        margin-right: 2px !important;
        margin-left: 2px !important
    }
    .mx-lg-2 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }
    .mx-lg-3 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }
    .mx-lg-4 {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
    .mx-lg-5 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }
    .mx-lg-6 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-lg-1 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }
    .my-lg-2 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }
    .my-lg-3 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .my-lg-4 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }
    .my-lg-5 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }
    .my-lg-6 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: 2px !important
    }
    .mt-lg-2 {
        margin-top: 4px !important
    }
    .mt-lg-3 {
        margin-top: 8px !important
    }
    .mt-lg-4 {
        margin-top: 12px !important
    }
    .mt-lg-5 {
        margin-top: 16px !important
    }
    .mt-lg-6 {
        margin-top: 20px !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: 2px !important
    }
    .me-lg-2 {
        margin-right: 4px !important
    }
    .me-lg-3 {
        margin-right: 8px !important
    }
    .me-lg-4 {
        margin-right: 12px !important
    }
    .me-lg-5 {
        margin-right: 16px !important
    }
    .me-lg-6 {
        margin-right: 20px !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: 2px !important
    }
    .mb-lg-2 {
        margin-bottom: 4px !important
    }
    .mb-lg-3 {
        margin-bottom: 8px !important
    }
    .mb-lg-4 {
        margin-bottom: 12px !important
    }
    .mb-lg-5 {
        margin-bottom: 16px !important
    }
    .mb-lg-6 {
        margin-bottom: 20px !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: 2px !important
    }
    .ms-lg-2 {
        margin-left: 4px !important
    }
    .ms-lg-3 {
        margin-left: 8px !important
    }
    .ms-lg-4 {
        margin-left: 12px !important
    }
    .ms-lg-5 {
        margin-left: 16px !important
    }
    .ms-lg-6 {
        margin-left: 20px !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: 2px !important
    }
    .p-lg-2 {
        padding: 4px !important
    }
    .p-lg-3 {
        padding: 8px !important
    }
    .p-lg-4 {
        padding: 12px !important
    }
    .p-lg-5 {
        padding: 16px !important
    }
    .p-lg-6 {
        padding: 20px !important
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-lg-1 {
        padding-right: 2px !important;
        padding-left: 2px !important
    }
    .px-lg-2 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }
    .px-lg-3 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }
    .px-lg-4 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }
    .px-lg-5 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }
    .px-lg-6 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-lg-1 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }
    .py-lg-2 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }
    .py-lg-3 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
    .py-lg-4 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }
    .py-lg-5 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
    .py-lg-6 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: 2px !important
    }
    .pt-lg-2 {
        padding-top: 4px !important
    }
    .pt-lg-3 {
        padding-top: 8px !important
    }
    .pt-lg-4 {
        padding-top: 12px !important
    }
    .pt-lg-5 {
        padding-top: 16px !important
    }
    .pt-lg-6 {
        padding-top: 20px !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: 2px !important
    }
    .pe-lg-2 {
        padding-right: 4px !important
    }
    .pe-lg-3 {
        padding-right: 8px !important
    }
    .pe-lg-4 {
        padding-right: 12px !important
    }
    .pe-lg-5 {
        padding-right: 16px !important
    }
    .pe-lg-6 {
        padding-right: 20px !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: 2px !important
    }
    .pb-lg-2 {
        padding-bottom: 4px !important
    }
    .pb-lg-3 {
        padding-bottom: 8px !important
    }
    .pb-lg-4 {
        padding-bottom: 12px !important
    }
    .pb-lg-5 {
        padding-bottom: 16px !important
    }
    .pb-lg-6 {
        padding-bottom: 20px !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: 2px !important
    }
    .ps-lg-2 {
        padding-left: 4px !important
    }
    .ps-lg-3 {
        padding-left: 8px !important
    }
    .ps-lg-4 {
        padding-left: 12px !important
    }
    .ps-lg-5 {
        padding-left: 16px !important
    }
    .ps-lg-6 {
        padding-left: 20px !important
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: 2px !important
    }
    .gap-lg-2 {
        gap: 4px !important
    }
    .gap-lg-3 {
        gap: 8px !important
    }
    .gap-lg-4 {
        gap: 12px !important
    }
    .gap-lg-5 {
        gap: 16px !important
    }
    .gap-lg-6 {
        gap: 20px !important
    }
    .text-lg-start {
        text-align: left !important
    }
    .text-lg-end {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }
    .float-xl-end {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: 2px !important
    }
    .m-xl-2 {
        margin: 4px !important
    }
    .m-xl-3 {
        margin: 8px !important
    }
    .m-xl-4 {
        margin: 12px !important
    }
    .m-xl-5 {
        margin: 16px !important
    }
    .m-xl-6 {
        margin: 20px !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xl-1 {
        margin-right: 2px !important;
        margin-left: 2px !important
    }
    .mx-xl-2 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }
    .mx-xl-3 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }
    .mx-xl-4 {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
    .mx-xl-5 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }
    .mx-xl-6 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xl-1 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }
    .my-xl-2 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }
    .my-xl-3 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .my-xl-4 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }
    .my-xl-5 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }
    .my-xl-6 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: 2px !important
    }
    .mt-xl-2 {
        margin-top: 4px !important
    }
    .mt-xl-3 {
        margin-top: 8px !important
    }
    .mt-xl-4 {
        margin-top: 12px !important
    }
    .mt-xl-5 {
        margin-top: 16px !important
    }
    .mt-xl-6 {
        margin-top: 20px !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: 2px !important
    }
    .me-xl-2 {
        margin-right: 4px !important
    }
    .me-xl-3 {
        margin-right: 8px !important
    }
    .me-xl-4 {
        margin-right: 12px !important
    }
    .me-xl-5 {
        margin-right: 16px !important
    }
    .me-xl-6 {
        margin-right: 20px !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: 2px !important
    }
    .mb-xl-2 {
        margin-bottom: 4px !important
    }
    .mb-xl-3 {
        margin-bottom: 8px !important
    }
    .mb-xl-4 {
        margin-bottom: 12px !important
    }
    .mb-xl-5 {
        margin-bottom: 16px !important
    }
    .mb-xl-6 {
        margin-bottom: 20px !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: 2px !important
    }
    .ms-xl-2 {
        margin-left: 4px !important
    }
    .ms-xl-3 {
        margin-left: 8px !important
    }
    .ms-xl-4 {
        margin-left: 12px !important
    }
    .ms-xl-5 {
        margin-left: 16px !important
    }
    .ms-xl-6 {
        margin-left: 20px !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: 2px !important
    }
    .p-xl-2 {
        padding: 4px !important
    }
    .p-xl-3 {
        padding: 8px !important
    }
    .p-xl-4 {
        padding: 12px !important
    }
    .p-xl-5 {
        padding: 16px !important
    }
    .p-xl-6 {
        padding: 20px !important
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xl-1 {
        padding-right: 2px !important;
        padding-left: 2px !important
    }
    .px-xl-2 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }
    .px-xl-3 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }
    .px-xl-4 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }
    .px-xl-5 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }
    .px-xl-6 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xl-1 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }
    .py-xl-2 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }
    .py-xl-3 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
    .py-xl-4 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }
    .py-xl-5 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
    .py-xl-6 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: 2px !important
    }
    .pt-xl-2 {
        padding-top: 4px !important
    }
    .pt-xl-3 {
        padding-top: 8px !important
    }
    .pt-xl-4 {
        padding-top: 12px !important
    }
    .pt-xl-5 {
        padding-top: 16px !important
    }
    .pt-xl-6 {
        padding-top: 20px !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: 2px !important
    }
    .pe-xl-2 {
        padding-right: 4px !important
    }
    .pe-xl-3 {
        padding-right: 8px !important
    }
    .pe-xl-4 {
        padding-right: 12px !important
    }
    .pe-xl-5 {
        padding-right: 16px !important
    }
    .pe-xl-6 {
        padding-right: 20px !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: 2px !important
    }
    .pb-xl-2 {
        padding-bottom: 4px !important
    }
    .pb-xl-3 {
        padding-bottom: 8px !important
    }
    .pb-xl-4 {
        padding-bottom: 12px !important
    }
    .pb-xl-5 {
        padding-bottom: 16px !important
    }
    .pb-xl-6 {
        padding-bottom: 20px !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: 2px !important
    }
    .ps-xl-2 {
        padding-left: 4px !important
    }
    .ps-xl-3 {
        padding-left: 8px !important
    }
    .ps-xl-4 {
        padding-left: 12px !important
    }
    .ps-xl-5 {
        padding-left: 16px !important
    }
    .ps-xl-6 {
        padding-left: 20px !important
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: 2px !important
    }
    .gap-xl-2 {
        gap: 4px !important
    }
    .gap-xl-3 {
        gap: 8px !important
    }
    .gap-xl-4 {
        gap: 12px !important
    }
    .gap-xl-5 {
        gap: 16px !important
    }
    .gap-xl-6 {
        gap: 20px !important
    }
    .text-xl-start {
        text-align: left !important
    }
    .text-xl-end {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media(min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }
    .float-xxl-end {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: 2px !important
    }
    .m-xxl-2 {
        margin: 4px !important
    }
    .m-xxl-3 {
        margin: 8px !important
    }
    .m-xxl-4 {
        margin: 12px !important
    }
    .m-xxl-5 {
        margin: 16px !important
    }
    .m-xxl-6 {
        margin: 20px !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xxl-1 {
        margin-right: 2px !important;
        margin-left: 2px !important
    }
    .mx-xxl-2 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }
    .mx-xxl-3 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }
    .mx-xxl-4 {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
    .mx-xxl-5 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }
    .mx-xxl-6 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xxl-1 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }
    .my-xxl-2 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }
    .my-xxl-3 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .my-xxl-4 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }
    .my-xxl-5 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }
    .my-xxl-6 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: 2px !important
    }
    .mt-xxl-2 {
        margin-top: 4px !important
    }
    .mt-xxl-3 {
        margin-top: 8px !important
    }
    .mt-xxl-4 {
        margin-top: 12px !important
    }
    .mt-xxl-5 {
        margin-top: 16px !important
    }
    .mt-xxl-6 {
        margin-top: 20px !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: 2px !important
    }
    .me-xxl-2 {
        margin-right: 4px !important
    }
    .me-xxl-3 {
        margin-right: 8px !important
    }
    .me-xxl-4 {
        margin-right: 12px !important
    }
    .me-xxl-5 {
        margin-right: 16px !important
    }
    .me-xxl-6 {
        margin-right: 20px !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: 2px !important
    }
    .mb-xxl-2 {
        margin-bottom: 4px !important
    }
    .mb-xxl-3 {
        margin-bottom: 8px !important
    }
    .mb-xxl-4 {
        margin-bottom: 12px !important
    }
    .mb-xxl-5 {
        margin-bottom: 16px !important
    }
    .mb-xxl-6 {
        margin-bottom: 20px !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: 2px !important
    }
    .ms-xxl-2 {
        margin-left: 4px !important
    }
    .ms-xxl-3 {
        margin-left: 8px !important
    }
    .ms-xxl-4 {
        margin-left: 12px !important
    }
    .ms-xxl-5 {
        margin-left: 16px !important
    }
    .ms-xxl-6 {
        margin-left: 20px !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: 2px !important
    }
    .p-xxl-2 {
        padding: 4px !important
    }
    .p-xxl-3 {
        padding: 8px !important
    }
    .p-xxl-4 {
        padding: 12px !important
    }
    .p-xxl-5 {
        padding: 16px !important
    }
    .p-xxl-6 {
        padding: 20px !important
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xxl-1 {
        padding-right: 2px !important;
        padding-left: 2px !important
    }
    .px-xxl-2 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }
    .px-xxl-3 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }
    .px-xxl-4 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }
    .px-xxl-5 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }
    .px-xxl-6 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xxl-1 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }
    .py-xxl-2 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }
    .py-xxl-3 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
    .py-xxl-4 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }
    .py-xxl-5 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
    .py-xxl-6 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: 2px !important
    }
    .pt-xxl-2 {
        padding-top: 4px !important
    }
    .pt-xxl-3 {
        padding-top: 8px !important
    }
    .pt-xxl-4 {
        padding-top: 12px !important
    }
    .pt-xxl-5 {
        padding-top: 16px !important
    }
    .pt-xxl-6 {
        padding-top: 20px !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: 2px !important
    }
    .pe-xxl-2 {
        padding-right: 4px !important
    }
    .pe-xxl-3 {
        padding-right: 8px !important
    }
    .pe-xxl-4 {
        padding-right: 12px !important
    }
    .pe-xxl-5 {
        padding-right: 16px !important
    }
    .pe-xxl-6 {
        padding-right: 20px !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: 2px !important
    }
    .pb-xxl-2 {
        padding-bottom: 4px !important
    }
    .pb-xxl-3 {
        padding-bottom: 8px !important
    }
    .pb-xxl-4 {
        padding-bottom: 12px !important
    }
    .pb-xxl-5 {
        padding-bottom: 16px !important
    }
    .pb-xxl-6 {
        padding-bottom: 20px !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: 2px !important
    }
    .ps-xxl-2 {
        padding-left: 4px !important
    }
    .ps-xxl-3 {
        padding-left: 8px !important
    }
    .ps-xxl-4 {
        padding-left: 12px !important
    }
    .ps-xxl-5 {
        padding-left: 16px !important
    }
    .ps-xxl-6 {
        padding-left: 20px !important
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: 2px !important
    }
    .gap-xxl-2 {
        gap: 4px !important
    }
    .gap-xxl-3 {
        gap: 8px !important
    }
    .gap-xxl-4 {
        gap: 12px !important
    }
    .gap-xxl-5 {
        gap: 16px !important
    }
    .gap-xxl-6 {
        gap: 20px !important
    }
    .text-xxl-start {
        text-align: left !important
    }
    .text-xxl-end {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }
    .fs-2 {
        font-size: 2.25rem !important
    }
    .fs-3 {
        font-size: 2rem !important
    }
    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}

.alert {
    --sui-alert-bg: transparent;
    --sui-alert-padding-x: 8px;
    --sui-alert-padding-y: 8px;
    --sui-alert-margin-bottom: 1rem;
    --sui-alert-color: inherit;
    --sui-alert-border-color: transparent;
    --sui-alert-border: 1px solid var(--sui-alert-border-color);
    --sui-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--sui-alert-padding-y) var(--sui-alert-padding-x);
    margin-bottom: var(--sui-alert-margin-bottom);
    color: var(--sui-alert-color);
    background-color: var(--sui-alert-bg);
    border: var(--sui-alert-border);
    border-radius: var(--sui-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 24px
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 10px 8px
}

.alert-primary {
    --sui-alert-color: #0a3c71;
    --sui-alert-bg: #cfe0f2;
    --sui-alert-border-color: #b7d1eb
}

.alert-primary .alert-link {
    color: #08305a
}

.alert-secondary {
    --sui-alert-color: #626262;
    --sui-alert-bg: #fdfdfd;
    --sui-alert-border-color: #fcfcfc
}

.alert-secondary .alert-link {
    color: #4e4e4e
}

.alert-ghost {
    --sui-alert-color: rgba(0, 0, 0, 0.6);
    --sui-alert-bg: rgba(255, 255, 255, 0.8);
    --sui-alert-border-color: rgba(255, 255, 255, 0.7)
}

.alert-ghost .alert-link {
    color: rgba(0, 0, 0, .68)
}

.alert-emphasis {
    --sui-alert-color: rgba(7, 7, 8, 0.784);
    --sui-alert-bg: rgba(230, 230, 230, 0.928);
    --sui-alert-border-color: rgba(215, 215, 216, 0.892)
}

.alert-emphasis .alert-link {
    color: rgba(5, 5, 6, .8272)
}

.alert-success {
    --sui-alert-color: #135a43;
    --sui-alert-bg: #d2eae2;
    --sui-alert-border-color: #bce0d4
}

.alert-success .alert-link {
    color: #0f4836
}

.alert-error {
    --sui-alert-color: #991313;
    --sui-alert-bg: #ffd2d2;
    --sui-alert-border-color: #ffbcbc
}

.alert-error .alert-link {
    color: #7a0f0f
}

.alert-warning {
    --sui-alert-color: #98490e;
    --sui-alert-bg: #ffe4d1;
    --sui-alert-border-color: #ffd7ba
}

.alert-warning .alert-link {
    color: #7a3a0b
}

.alert-info {
    --sui-alert-color: #005999;
    --sui-alert-bg: #cceaff;
    --sui-alert-border-color: #b3dfff
}

.alert-info .alert-link {
    color: #00477a
}

.alert-light {
    --sui-alert-color: #58595a;
    --sui-alert-bg: #f8f8f9;
    --sui-alert-border-color: #f5f5f6
}

.alert-light .alert-link {
    color: #464748
}

.alert-dark {
    --sui-alert-color: #0a0b0c;
    --sui-alert-bg: #cfd0d0;
    --sui-alert-border-color: #b8b8b9
}

.alert-dark .alert-link {
    color: #08090a
}

.table {
    --sui-table-color: var(--sui-body-color);
    --sui-table-bg: transparent;
    --sui-table-border-color: var(--sui-border-color);
    --sui-table-accent-bg: transparent;
    --sui-table-striped-color: var(--sui-body-color);
    --sui-table-striped-bg: rgba(0, 0, 0, 0.05);
    --sui-table-active-color: var(--sui-body-color);
    --sui-table-active-bg: rgba(0, 0, 0, 0.1);
    --sui-table-hover-color: var(--sui-body-color);
    --sui-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 8px;
    color: var(--sui-table-color);
    vertical-align: top;
    border-color: var(--sui-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--sui-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--sui-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --sui-table-accent-bg: var(--sui-table-striped-bg);
    color: var(--sui-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --sui-table-accent-bg: var(--sui-table-striped-bg);
    color: var(--sui-table-striped-color)
}

.table-active {
    --sui-table-accent-bg: var(--sui-table-active-bg);
    color: var(--sui-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --sui-table-accent-bg: var(--sui-table-hover-bg);
    color: var(--sui-table-hover-color)
}

.table-primary {
    --sui-table-color: #000000;
    --sui-table-bg: #cfe0f2;
    --sui-table-border-color: #bacada;
    --sui-table-striped-bg: #c5d5e6;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #bacada;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #bfcfe0;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-secondary {
    --sui-table-color: #000000;
    --sui-table-bg: #fdfdfd;
    --sui-table-border-color: #e4e4e4;
    --sui-table-striped-bg: #f0f0f0;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #e4e4e4;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #eaeaea;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-success {
    --sui-table-color: #000000;
    --sui-table-bg: #d2eae2;
    --sui-table-border-color: #bdd3cb;
    --sui-table-striped-bg: #c8ded7;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #bdd3cb;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #c2d8d1;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-info {
    --sui-table-color: #000000;
    --sui-table-bg: #cceaff;
    --sui-table-border-color: #b8d3e6;
    --sui-table-striped-bg: #c2def2;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #b8d3e6;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #bdd8ec;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-warning {
    --sui-table-color: #000000;
    --sui-table-bg: #ffe4d1;
    --sui-table-border-color: #e6cdbc;
    --sui-table-striped-bg: #f2d9c7;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #e6cdbc;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #ecd3c1;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-error {
    --sui-table-color: #000000;
    --sui-table-bg: #ffd2d2;
    --sui-table-border-color: #e6bdbd;
    --sui-table-striped-bg: #f2c8c8;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #e6bdbd;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #ecc2c2;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-light {
    --sui-table-color: #000000;
    --sui-table-bg: #dddee0;
    --sui-table-border-color: #c7c8ca;
    --sui-table-striped-bg: #d2d3d5;
    --sui-table-striped-color: #000000;
    --sui-table-active-bg: #c7c8ca;
    --sui-table-active-color: #000000;
    --sui-table-hover-bg: #cccdcf;
    --sui-table-hover-color: #000000;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-dark {
    --sui-table-color: #ffffff;
    --sui-table-bg: #111214;
    --sui-table-border-color: #292a2c;
    --sui-table-striped-bg: #1d1e20;
    --sui-table-striped-color: #ffffff;
    --sui-table-active-bg: #292a2c;
    --sui-table-active-color: #ffffff;
    --sui-table-hover-bg: #232426;
    --sui-table-hover-color: #ffffff;
    color: var(--sui-table-color);
    border-color: var(--sui-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.badge {
    --sui-badge-padding-x: 0.65em;
    --sui-badge-padding-y: 0.35em;
    --sui-badge-font-size: 0.75em;
    --sui-badge-font-weight: 700;
    --sui-badge-color: #ffffff;
    --sui-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--sui-badge-padding-y) var(--sui-badge-padding-x);
    font-size: var(--sui-badge-font-size);
    font-weight: var(--sui-badge-font-weight);
    line-height: 1;
    color: var(--sui-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--sui-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --sui-dropdown-min-width: 10rem;
    --sui-dropdown-padding-x: 0;
    --sui-dropdown-padding-y: 0.5rem;
    --sui-dropdown-spacer: 0.125rem;
    --sui-dropdown-font-size: 1rem;
    --sui-dropdown-color: #111214;
    --sui-dropdown-bg: #ffffff;
    --sui-dropdown-border-color: var(--sui-border-color-translucent);
    --sui-dropdown-border-radius: 0.375rem;
    --sui-dropdown-border-width: 1px;
    --sui-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --sui-dropdown-divider-bg: var(--sui-border-color-translucent);
    --sui-dropdown-divider-margin-y: 4px;
    --sui-dropdown-box-shadow: 0 2px 12px 0 var(--sui-opacity-black-12);
    --sui-dropdown-link-color: #111214;
    --sui-dropdown-link-hover-color: #0f1012;
    --sui-dropdown-link-hover-bg: #bbbec1;
    --sui-dropdown-link-active-color: #ffffff;
    --sui-dropdown-link-active-bg: #1064bc;
    --sui-dropdown-link-disabled-color: #565c63;
    --sui-dropdown-item-padding-x: 8px;
    --sui-dropdown-item-padding-y: 2px;
    --sui-dropdown-header-color: #454a4f;
    --sui-dropdown-header-padding-x: 8px;
    --sui-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--sui-dropdown-min-width);
    padding: var(--sui-dropdown-padding-y) var(--sui-dropdown-padding-x);
    margin: 0;
    font-size: var(--sui-dropdown-font-size);
    color: var(--sui-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--sui-dropdown-bg);
    background-clip: padding-box;
    border: var(--sui-dropdown-border-width) solid var(--sui-dropdown-border-color);
    border-radius: var(--sui-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--sui-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-end {
        --bs-position: end
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }
    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-end {
        --bs-position: end
    }
    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-end {
        --bs-position: end
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-end {
        --bs-position: end
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-xxl-end {
        --bs-position: end
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--sui-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: .3em solid;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--sui-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .3em solid rgba(0, 0, 0, 0);
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--sui-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: .3em solid;
    border-bottom: .3em solid rgba(0, 0, 0, 0)
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--sui-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--sui-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--sui-dropdown-item-padding-y) var(--sui-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--sui-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--sui-dropdown-link-hover-color);
    background-color: var(--sui-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--sui-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--sui-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--sui-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--sui-dropdown-header-padding-y) var(--sui-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.75rem;
    color: var(--sui-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--sui-dropdown-item-padding-y) var(--sui-dropdown-item-padding-x);
    color: var(--sui-dropdown-link-color)
}

.dropdown-menu-dark {
    --sui-dropdown-color: #9a9da1;
    --sui-dropdown-bg: #222528;
    --sui-dropdown-border-color: var(--sui-border-color-translucent);
    --sui-dropdown-box-shadow: ;
    --sui-dropdown-link-color: #9a9da1;
    --sui-dropdown-link-hover-color: #ffffff;
    --sui-dropdown-divider-bg: var(--sui-border-color-translucent);
    --sui-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --sui-dropdown-link-active-color: #ffffff;
    --sui-dropdown-link-active-bg: #1064bc;
    --sui-dropdown-link-disabled-color: #565c63;
    --sui-dropdown-header-color: #565c63
}

.sui-global-heading-h6,
.sui-global-heading-h5,
.sui-global-heading-h4,
.sui-global-heading-h3,
.sui-global-heading-h2,
.sui-global-heading-h1,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    font-weight: 600
}

.sui-global-component-label,
.sui-tab-inner .sui-tab-link,
.sui-tab-3d .sui-tab-link {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700
}

.sui-global-component-label-sm {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700
}

.sui-global-component-value,
.sui-tab-s .sui-tab-link,
.sui-tab-link,
.sui-select {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.sui-global-component-value-sm,
.nav-link {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.sui-global-surface-display {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700
}

@media(max-width: 991.98px) {
    .sui-global-surface-display {
        font-size: 24px;
        line-height: 32px
    }
}

.sui-global-surface-page-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0
}

@media(max-width: 991.98px) {
    .sui-global-surface-page-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: initial
    }
}

.sui-global-surface-section-title,
.sui-tooltip__text-title {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0
}

@media(max-width: 991.98px) {
    .sui-global-surface-section-title,
    .sui-tooltip__text-title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: initial
    }
}

.sui-global-surface-body-lead,
.sui-tooltip__text-description,
.sui-label__text[size=large],
sui-label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .14px
}

.sui-global-surface-body-lead-semibold {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .14px;
    font-weight: 600
}

.sui-global-surface-body-lead-bold {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .14px;
    font-weight: 700
}

.sui-global-surface-body,
.sui-textarea,
.sui-label__text[size=medium],
.sui-hint,
.sui-global-surface-body-bold,
.sui-button[sui-size=small],
.sui-button,
.sui-global-surface-body-semibold,
.sui-global-surface-body-italic {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: .14px
}

.sui-global-surface-body-italic {
    font-style: italic
}

.sui-global-surface-body-semibold {
    font-weight: 600
}

.sui-global-surface-body-bold,
.sui-button[sui-size=small],
.sui-button {
    font-weight: 700
}

.sui-global-surface-body-sm,
.sui-label__text[size=small],
.sui-label__description,
.sui-hint[sui-size=small],
.sui-global-surface-body-sm-bold,
.sui-button[sui-size=tiny],
.sui-global-surface-body-sm-bold-italic,
.sui-global-surface-body-sm-semibold {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: .14px
}

.sui-global-surface-body-sm-semibold {
    font-weight: 600
}

.sui-global-surface-body-sm-bold,
.sui-button[sui-size=tiny],
.sui-global-surface-body-sm-bold-italic {
    font-weight: 700
}

.sui-global-surface-body-sm-bold-italic {
    font-style: italic
}

.sui-global-surface-body-tiny,
.sui-global-surface-body-tiny-bold,
.sui-global-surface-body-tiny-bold-italic,
.sui-global-surface-body-tiny-semibold {
    font-size: 10px;
    line-height: 14px;
    font-weight: 400
}

.sui-global-surface-body-tiny-semibold {
    font-weight: 600
}

.sui-global-surface-body-tiny-bold,
.sui-global-surface-body-tiny-bold-italic {
    font-weight: 700
}

.sui-global-surface-body-tiny-bold-italic {
    font-style: italic
}

.sui-global-surface-caption {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700
}

.sui-global-other-body-mini-bold-italic {
    font-size: 8px;
    font-weight: 700;
    font-style: italic
}

.sui-global-other-body-custom-bold {
    font-size: 15px;
    font-weight: 700
}

.sui-global-other-body-small-custom-bold-caption {
    font-size: 12px;
    font-weight: 700
}

.sui-global-heading-h1 {
    font-size: 40px;
    line-height: 48px
}

.sui-global-heading-h2 {
    font-size: 36px;
    line-height: 40px
}

.sui-global-heading-h3 {
    font-size: 32px;
    line-height: 40px
}

.sui-global-heading-h4 {
    font-size: 24px;
    line-height: 32px
}

.sui-global-heading-h5 {
    font-size: 18px;
    line-height: 20px
}

.sui-global-heading-h6 {
    font-size: 16px;
    line-height: 20px
}

.sui-depth-component-button,
.sui-depth-surface-card,
sui-inline-message .sui-inline-message[behaviour=sticky] {
    box-shadow: 0 2px 4px 0 var(--sui-opacity-black-12)
}

.sui-tooltip__text-container {
    box-shadow: 0 0 12px 0 var(--sui-opacity-black-12)
}

.sui-depth-component-modal,
.sui-depth-component-element {
    box-shadow: 0 2px 12px 0 var(--sui-opacity-black-12)
}

.sui-depth-component-focus-default,
.sui-textarea:focus,
.sui-textarea:focus-visible,
.sui-select:focus,
.sui-select:focus-visible,
.sui-input:focus {
    box-shadow: 0 0 4px 1px #0d5096
}

.sui-depth-component-focus-error,
.sui-textarea[aria-invalid=true]:focus,
.sui-textarea.error:focus,
.sui-select[aria-invalid=true]:focus,
.sui-select[aria-invalid=true]:focus-visible,
.sui-input[aria-invalid=true]:focus {
    box-shadow: 0 0 4px 1px #cc1a1a
}

.sui-button[sui-size=tiny] {
    border-radius: 2px
}

.sui-button[sui-size=small],
.sui-button,
.sui-radius-component-form,
.sui-textarea,
sui-inline-message .sui-inline-message[behaviour=inline],
.sui-tooltip__text-container {
    border-radius: 4px
}

.sui-radius-component-modal {
    border-radius: 8px
}

.sui-spacing-3xs__p {
    padding: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__px {
    padding-left: var(--sui-spacing-3xs);
    padding-right: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__py {
    padding-top: var(--sui-spacing-3xs);
    padding-bottom: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__pt {
    padding-top: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__pr {
    padding-right: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__pb {
    padding-bottom: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__pl {
    padding-left: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__m {
    margin: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__mx {
    margin-left: var(--sui-spacing-3xs);
    margin-right: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__my {
    margin-top: var(--sui-spacing-3xs);
    margin-bottom: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__mt {
    margin-top: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__mr {
    margin-right: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__mb {
    margin-bottom: var(--sui-spacing-3xs)
}

.sui-spacing-3xs__ml {
    margin-left: var(--sui-spacing-3xs)
}

.sui-spacing-2xs__p {
    padding: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__px {
    padding-left: var(--sui-spacing-2xs);
    padding-right: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__py {
    padding-top: var(--sui-spacing-2xs);
    padding-bottom: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__pt {
    padding-top: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__pr {
    padding-right: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__pb {
    padding-bottom: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__pl {
    padding-left: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__m {
    margin: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__mx {
    margin-left: var(--sui-spacing-2xs);
    margin-right: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__my {
    margin-top: var(--sui-spacing-2xs);
    margin-bottom: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__mt {
    margin-top: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__mr {
    margin-right: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__mb {
    margin-bottom: var(--sui-spacing-2xs)
}

.sui-spacing-2xs__ml {
    margin-left: var(--sui-spacing-2xs)
}

.sui-spacing-xs__p {
    padding: var(--sui-spacing-xs)
}

.sui-spacing-xs__px {
    padding-left: var(--sui-spacing-xs);
    padding-right: var(--sui-spacing-xs)
}

.sui-spacing-xs__py {
    padding-top: var(--sui-spacing-xs);
    padding-bottom: var(--sui-spacing-xs)
}

.sui-spacing-xs__pt {
    padding-top: var(--sui-spacing-xs)
}

.sui-spacing-xs__pr {
    padding-right: var(--sui-spacing-xs)
}

.sui-spacing-xs__pb {
    padding-bottom: var(--sui-spacing-xs)
}

.sui-spacing-xs__pl {
    padding-left: var(--sui-spacing-xs)
}

.sui-spacing-xs__m {
    margin: var(--sui-spacing-xs)
}

.sui-spacing-xs__mx {
    margin-left: var(--sui-spacing-xs);
    margin-right: var(--sui-spacing-xs)
}

.sui-spacing-xs__my {
    margin-top: var(--sui-spacing-xs);
    margin-bottom: var(--sui-spacing-xs)
}

.sui-spacing-xs__mt {
    margin-top: var(--sui-spacing-xs)
}

.sui-spacing-xs__mr {
    margin-right: var(--sui-spacing-xs)
}

.sui-spacing-xs__mb {
    margin-bottom: var(--sui-spacing-xs)
}

.sui-spacing-xs__ml {
    margin-left: var(--sui-spacing-xs)
}

.sui-spacing-sm__p {
    padding: var(--sui-spacing-sm)
}

.sui-spacing-sm__px {
    padding-left: var(--sui-spacing-sm);
    padding-right: var(--sui-spacing-sm)
}

.sui-spacing-sm__py {
    padding-top: var(--sui-spacing-sm);
    padding-bottom: var(--sui-spacing-sm)
}

.sui-spacing-sm__pt {
    padding-top: var(--sui-spacing-sm)
}

.sui-spacing-sm__pr {
    padding-right: var(--sui-spacing-sm)
}

.sui-spacing-sm__pb {
    padding-bottom: var(--sui-spacing-sm)
}

.sui-spacing-sm__pl {
    padding-left: var(--sui-spacing-sm)
}

.sui-spacing-sm__m {
    margin: var(--sui-spacing-sm)
}

.sui-spacing-sm__mx {
    margin-left: var(--sui-spacing-sm);
    margin-right: var(--sui-spacing-sm)
}

.sui-spacing-sm__my {
    margin-top: var(--sui-spacing-sm);
    margin-bottom: var(--sui-spacing-sm)
}

.sui-spacing-sm__mt {
    margin-top: var(--sui-spacing-sm)
}

.sui-spacing-sm__mr {
    margin-right: var(--sui-spacing-sm)
}

.sui-spacing-sm__mb {
    margin-bottom: var(--sui-spacing-sm)
}

.sui-spacing-sm__ml {
    margin-left: var(--sui-spacing-sm)
}

.sui-spacing-md__p {
    padding: var(--sui-spacing-md)
}

.sui-spacing-md__px {
    padding-left: var(--sui-spacing-md);
    padding-right: var(--sui-spacing-md)
}

.sui-spacing-md__py {
    padding-top: var(--sui-spacing-md);
    padding-bottom: var(--sui-spacing-md)
}

.sui-spacing-md__pt {
    padding-top: var(--sui-spacing-md)
}

.sui-spacing-md__pr {
    padding-right: var(--sui-spacing-md)
}

.sui-spacing-md__pb {
    padding-bottom: var(--sui-spacing-md)
}

.sui-spacing-md__pl {
    padding-left: var(--sui-spacing-md)
}

.sui-spacing-md__m {
    margin: var(--sui-spacing-md)
}

.sui-spacing-md__mx {
    margin-left: var(--sui-spacing-md);
    margin-right: var(--sui-spacing-md)
}

.sui-spacing-md__my {
    margin-top: var(--sui-spacing-md);
    margin-bottom: var(--sui-spacing-md)
}

.sui-spacing-md__mt {
    margin-top: var(--sui-spacing-md)
}

.sui-spacing-md__mr {
    margin-right: var(--sui-spacing-md)
}

.sui-spacing-md__mb {
    margin-bottom: var(--sui-spacing-md)
}

.sui-spacing-md__ml {
    margin-left: var(--sui-spacing-md)
}

.sui-spacing-lg__p {
    padding: var(--sui-spacing-lg)
}

.sui-spacing-lg__px {
    padding-left: var(--sui-spacing-lg);
    padding-right: var(--sui-spacing-lg)
}

.sui-spacing-lg__py {
    padding-top: var(--sui-spacing-lg);
    padding-bottom: var(--sui-spacing-lg)
}

.sui-spacing-lg__pt {
    padding-top: var(--sui-spacing-lg)
}

.sui-spacing-lg__pr {
    padding-right: var(--sui-spacing-lg)
}

.sui-spacing-lg__pb {
    padding-bottom: var(--sui-spacing-lg)
}

.sui-spacing-lg__pl {
    padding-left: var(--sui-spacing-lg)
}

.sui-spacing-lg__m {
    margin: var(--sui-spacing-lg)
}

.sui-spacing-lg__mx {
    margin-left: var(--sui-spacing-lg);
    margin-right: var(--sui-spacing-lg)
}

.sui-spacing-lg__my {
    margin-top: var(--sui-spacing-lg);
    margin-bottom: var(--sui-spacing-lg)
}

.sui-spacing-lg__mt {
    margin-top: var(--sui-spacing-lg)
}

.sui-spacing-lg__mr {
    margin-right: var(--sui-spacing-lg)
}

.sui-spacing-lg__mb {
    margin-bottom: var(--sui-spacing-lg)
}

.sui-spacing-lg__ml {
    margin-left: var(--sui-spacing-lg)
}

.sui-spacing-xl__p {
    padding: var(--sui-spacing-xl)
}

.sui-spacing-xl__px {
    padding-left: var(--sui-spacing-xl);
    padding-right: var(--sui-spacing-xl)
}

.sui-spacing-xl__py {
    padding-top: var(--sui-spacing-xl);
    padding-bottom: var(--sui-spacing-xl)
}

.sui-spacing-xl__pt {
    padding-top: var(--sui-spacing-xl)
}

.sui-spacing-xl__pr {
    padding-right: var(--sui-spacing-xl)
}

.sui-spacing-xl__pb {
    padding-bottom: var(--sui-spacing-xl)
}

.sui-spacing-xl__pl {
    padding-left: var(--sui-spacing-xl)
}

.sui-spacing-xl__m {
    margin: var(--sui-spacing-xl)
}

.sui-spacing-xl__mx {
    margin-left: var(--sui-spacing-xl);
    margin-right: var(--sui-spacing-xl)
}

.sui-spacing-xl__my {
    margin-top: var(--sui-spacing-xl);
    margin-bottom: var(--sui-spacing-xl)
}

.sui-spacing-xl__mt {
    margin-top: var(--sui-spacing-xl)
}

.sui-spacing-xl__mr {
    margin-right: var(--sui-spacing-xl)
}

.sui-spacing-xl__mb {
    margin-bottom: var(--sui-spacing-xl)
}

.sui-spacing-xl__ml {
    margin-left: var(--sui-spacing-xl)
}

.sui-spacing-2xl__p {
    padding: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__px {
    padding-left: var(--sui-spacing-2xl);
    padding-right: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__py {
    padding-top: var(--sui-spacing-2xl);
    padding-bottom: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__pt {
    padding-top: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__pr {
    padding-right: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__pb {
    padding-bottom: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__pl {
    padding-left: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__m {
    margin: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__mx {
    margin-left: var(--sui-spacing-2xl);
    margin-right: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__my {
    margin-top: var(--sui-spacing-2xl);
    margin-bottom: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__mt {
    margin-top: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__mr {
    margin-right: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__mb {
    margin-bottom: var(--sui-spacing-2xl)
}

.sui-spacing-2xl__ml {
    margin-left: var(--sui-spacing-2xl)
}

.sui-spacing-3xl__p {
    padding: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__px {
    padding-left: var(--sui-spacing-3xl);
    padding-right: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__py {
    padding-top: var(--sui-spacing-3xl);
    padding-bottom: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__pt {
    padding-top: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__pr {
    padding-right: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__pb {
    padding-bottom: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__pl {
    padding-left: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__m {
    margin: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__mx {
    margin-left: var(--sui-spacing-3xl);
    margin-right: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__my {
    margin-top: var(--sui-spacing-3xl);
    margin-bottom: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__mt {
    margin-top: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__mr {
    margin-right: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__mb {
    margin-bottom: var(--sui-spacing-3xl)
}

.sui-spacing-3xl__ml {
    margin-left: var(--sui-spacing-3xl)
}

.sui-spacing-4xl__p {
    padding: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__px {
    padding-left: var(--sui-spacing-4xl);
    padding-right: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__py {
    padding-top: var(--sui-spacing-4xl);
    padding-bottom: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__pt {
    padding-top: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__pr {
    padding-right: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__pb {
    padding-bottom: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__pl {
    padding-left: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__m {
    margin: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__mx {
    margin-left: var(--sui-spacing-4xl);
    margin-right: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__my {
    margin-top: var(--sui-spacing-4xl);
    margin-bottom: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__mt {
    margin-top: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__mr {
    margin-right: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__mb {
    margin-bottom: var(--sui-spacing-4xl)
}

.sui-spacing-4xl__ml {
    margin-left: var(--sui-spacing-4xl)
}

.sui-spacing-5xl__p {
    padding: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__px {
    padding-left: var(--sui-spacing-5xl);
    padding-right: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__py {
    padding-top: var(--sui-spacing-5xl);
    padding-bottom: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__pt {
    padding-top: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__pr {
    padding-right: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__pb {
    padding-bottom: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__pl {
    padding-left: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__m {
    margin: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__mx {
    margin-left: var(--sui-spacing-5xl);
    margin-right: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__my {
    margin-top: var(--sui-spacing-5xl);
    margin-bottom: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__mt {
    margin-top: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__mr {
    margin-right: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__mb {
    margin-bottom: var(--sui-spacing-5xl)
}

.sui-spacing-5xl__ml {
    margin-left: var(--sui-spacing-5xl)
}

.sui-spacing-6xl__p {
    padding: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__px {
    padding-left: var(--sui-spacing-6xl);
    padding-right: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__py {
    padding-top: var(--sui-spacing-6xl);
    padding-bottom: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__pt {
    padding-top: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__pr {
    padding-right: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__pb {
    padding-bottom: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__pl {
    padding-left: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__m {
    margin: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__mx {
    margin-left: var(--sui-spacing-6xl);
    margin-right: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__my {
    margin-top: var(--sui-spacing-6xl);
    margin-bottom: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__mt {
    margin-top: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__mr {
    margin-right: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__mb {
    margin-bottom: var(--sui-spacing-6xl)
}

.sui-spacing-6xl__ml {
    margin-left: var(--sui-spacing-6xl)
}

.dark-theme {
    --sui-primary-default: #1064bc;
    --sui-primary-light: #4083c9;
    --sui-primary-dark: #0d5096;
    --sui-primary-soft: #0a3c71;
    --sui-primary-on: #ffffff;
    --sui-secondary-default: #565c63;
    --sui-secondary-light: #787d82;
    --sui-secondary-dark: #454a4f;
    --sui-secondary-soft: #454a4f;
    --sui-secondary-on: #ffffff;
    --sui-ghost-default: rgba(0, 0, 0, 0);
    --sui-ghost-light: #70a2d7;
    --sui-ghost-dark: #4083c9;
    --sui-ghost-on: #ffffff;
    --sui-emphasis-high: rgba(255, 255, 255, 0.8);
    --sui-emphasis-medium: rgba(255, 255, 255, 0.64);
    --sui-emphasis-low: rgba(255, 255, 255, 0.49);
    --sui-emphasis-disabled: rgba(255, 255, 255, 0.24);
    --sui-surface-background: #111214;
    --sui-surface-level-1: #222528;
    --sui-surface-level-2: #111214;
    --sui-surface-navigation-bg: #1064bc;
    --sui-surface-navigation-on: #ffffff;
    --sui-opacity-white-8: rgba(17, 18, 20, 0.08);
    --sui-opacity-white-12: rgba(17, 18, 20, 0.12);
    --sui-opacity-white-24: rgba(17, 18, 20, 0.24);
    --sui-opacity-white-40: rgba(17, 18, 20, 0.4);
    --sui-opacity-white-64: rgba(17, 18, 20, 0.64);
    --sui-opacity-white-80: rgba(17, 18, 20, 0.8);
    --sui-opacity-black-8: rgba(255, 255, 255, 0.08);
    --sui-opacity-black-12: rgba(255, 255, 255, 0.12);
    --sui-opacity-black-24: rgba(255, 255, 255, 0.24);
    --sui-opacity-black-40: rgba(255, 255, 255, 0.49);
    --sui-opacity-black-64: rgba(255, 255, 255, 0.64);
    --sui-opacity-black-80: rgba(255, 255, 255, 0.8)
}

.sui-hint {
    --sui-hint-color: var(--sui-emphasis-medium);
    color: var(--sui-hint-color);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.sui-hint[sui-icon=true] {
    --sui-hint-icon: "";
    --sui-hint-icon-size: 20px;
    --sui-hint-margin-right: 10px;
    --sui-hint-icon-color: var(--sui-emphasis-low)
}

.sui-hint[sui-icon=true]::before {
    font-family: "sui-icon-base" !important;
    font-size: var(--sui-hint-icon-size);
    content: var(--sui-hint-icon);
    margin-right: var(--sui-hint-margin-right);
    vertical-align: middle;
    color: var(--sui-hint-icon-color)
}

.sui-hint[sui-size=small] {
    --sui-hint-icon-size: 16px
}

.sui-hint[sui-style=info] {
    --sui-hint-color: var(--sui-info-default);
    --sui-hint-icon: "";
    --sui-hint-icon-color: var(--sui-info-default)
}

.sui-hint[sui-style=error] {
    --sui-hint-color: var(--sui-error-default);
    --sui-hint-icon: "";
    --sui-hint-icon-color: var(--sui-error-default)
}

.sui-hint[sui-style=success] {
    --sui-hint-color: var(--sui-success-default);
    --sui-hint-icon: "";
    --sui-hint-icon-color: var(--sui-success-default)
}

.sui-hint[sui-style=warning] {
    --sui-hint-color: var(--sui-warning-default);
    --sui-hint-icon: "";
    --sui-hint-icon-color: var(--sui-warning-default)
}

sui-label {
    display: flex;
    flex-direction: column
}

.sui-label__top-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sui-label__text-container {
    display: flex;
    align-items: center
}

.sui-label__tooltip-icon {
    margin-left: 8px;
    font-size: 12px;
    color: var(--sui-emphasis-medium)
}

.sui-label__requirement {
    color: var(--sui-emphasis-low);
    font-size: 14px;
    font-weight: 700
}

.sui-label__description {
    color: var(--sui-emphasis-medium)
}

.sui-label__text {
    --sui-label-font-weight: 400;
    overflow: hidden;
    color: var(--sui-emphasis-high);
    font-weight: var(--sui-label-font-weight) !important
}

.sui-label__text[type=highlighted] {
    --sui-label-font-weight: 700
}

.sui-label__text[type=default] {
    --sui-label-font-weight: 400
}

.sui-button {
    --sui-button-text-align: center;
    --sui-button-text-deceration: none;
    --sui-button-white-space: ;
    --sui-button-vertical-align: middle;
    --sui-button-cursor: pointer;
    --sui-button-user-select: none;
    --sui-button-display: inline-flex;
    --sui-button-color: #ffffff;
    --sui-button-background: var(--sui-primary-default);
    --sui-button-box-shadow: var(--sui-depth-component-button);
    --sui-button-border: solid;
    --sui-button-border-width: 1px;
    --sui-button-border-color: var(--sui-primary-default);
    --sui-button-padding-x: 16px;
    --sui-button-max-height: 44px;
    --sui-button-link-color: var(--sui-primary-default);
    --sui-button-link-background: none;
    --sui-button-link-padding-x: 0;
    --sui-button-link-padding-y: 10px;
    --sui-button-icon-font-size: 16px;
    --sui-button-icon-margin-left: 5px;
    --sui-button-icon-margin-right: 5px;
    --sui-button-hover-color: #ffffff;
    --sui-button-hover-background: var(--sui-primary-light);
    --sui-button-hover-border: var(--sui-button-border);
    --sui-button-hover-border-color: var(--sui-primary-light);
    --sui-button-hover-border-width: 1px;
    --sui-button-link-hover-color: var(--sui-primary-light);
    --sui-button-active-color: var(--sui-button-color);
    --sui-button-active-background: var(--sui-primary-dark);
    --sui-button-active-border: var(--sui-button-border);
    --sui-button-active-border-color: var(--sui-primary-dark);
    --sui-button-active-border-width: 1px;
    --sui-button-link-active-color: var(--sui-primary-dark);
    text-align: var(--sui-button-text-align);
    text-decoration: var(--sui-button-text-deceration);
    white-space: var(--sui-button-white-space);
    vertical-align: var(--sui-button-vertical-align);
    cursor: var(--sui-button-cursor);
    user-select: var(--sui-button-user-select);
    display: var(--sui-button-display);
    align-items: center;
    box-sizing: border-box;
    color: var(--sui-button-color);
    background: var(--sui-button-background);
    box-shadow: var(--sui-button-box-shadow);
    border: var(--sui-button-border);
    border-width: var(--sui-button-border-width);
    border-color: var(--sui-button-border-color);
    padding: 0 var(--sui-button-padding-x);
    height: 44px;
    max-height: var(--sui-button-max-height);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .sui-button {
        transition: none
    }
}

.sui-button i {
    font-size: var(--sui-button-icon-font-size);
    line-height: var(--sui-button-icon-font-size);
    letter-spacing: 0;
    display: flex;
    align-items: center
}

.sui-button:hover {
    color: var(--sui-button-hover-color);
    background: var(--sui-button-hover-background);
    border: var(--sui-button-hover-border);
    border-color: var(--sui-button-hover-border-color);
    border-width: var(--sui-button-hover-border-width)
}

.sui-button:active {
    color: var(--sui-button-active-color);
    background: var(--sui-button-active-background);
    border: var(--sui-button-active-border);
    border-color: var(--sui-button-active-border-color);
    border-width: var(--sui-button-active-border-width)
}

.sui-button[disabled=true],
.sui-button:disabled,
.sui-button[disabled] {
    pointer-events: none;
    opacity: .5
}

.sui-button[sui-size=small] {
    --sui-button-icon-font-size: 10px;
    --sui-button-padding-x: 16px;
    --sui-button-max-height: 32px;
    --sui-button-link-padding-x: 0;
    --sui-button-link-padding-y: 2px
}

.sui-button[sui-size=tiny] {
    --sui-button-icon-font-size: 10px;
    --sui-button-padding-x: 8px;
    --sui-button-max-height: 24px;
    --sui-button-link-padding-x: 0;
    --sui-button-link-padding-y: 2px
}

.sui-button[sui-style=secondary] {
    --sui-button-color: var(--sui-secondary-on);
    --sui-button-background: var(--sui-secondary-default);
    --sui-button-border-color: var(--sui-secondary-default);
    --sui-button-link-color: var(--sui-emphasis-high);
    --sui-button-link-background: var(--sui-button-link-background);
    --sui-button-hover-background: var(--sui-secondary-light);
    --sui-button-hover-color: var(--sui-secondary-on);
    --sui-button-hover-border-color: var(--sui-secondary-light);
    --sui-button-link-hover-color: var(--sui-emphasis-medium);
    --sui-button-link-hover-background: var(--sui-button-link-background);
    --sui-button-active-background: var(--sui-secondary-dark);
    --sui-button-active-border-color: var(--sui-secondary-dark);
    --sui-button-link-active-color: var(--sui-emphasis-high);
    --sui-button-link-active-background: --sui-button-link-background
}

.sui-button[sui-style=ghost] {
    --sui-button-color: var(--sui-ghost-on);
    --sui-button-background: var(--sui-ghost-default);
    --sui-button-border-color: var(--sui-ghost-on);
    --sui-button-link-color: var(--sui-emphasis-medium);
    --sui-button-link-background: var(--sui-button-link-background);
    --sui-button-hover-background: var(--sui-ghost-default);
    --sui-button-hover-color: var(--sui-ghost-on);
    --sui-button-hover-border-color: var(--sui-ghost-light);
    --sui-button-link-hover-color: var(--sui-emphasis-low);
    --sui-button-link-hover-background: var(--sui-button-link-background);
    --sui-button-active-color: var(--sui-ghost-on);
    --sui-button-active-background: var(--sui-ghost-default);
    --sui-button-active-border-color: var(--sui-ghost-dark);
    --sui-button-link-active-color: var(--sui-emphasis-medium);
    --sui-button-link-active-background: var(--sui-button-link-background)
}

.sui-button[sui-style=success] {
    --sui-button-color: var(--sui-success-on);
    --sui-button-background: var(--sui-success-default);
    --sui-button-border-color: var(--sui-success-default);
    --sui-button-link-color: var(--sui-success-default);
    --sui-button-link-background: var(--sui-button-link-background);
    --sui-button-hover-background: var(--sui-success-light);
    --sui-button-hover-border-color: var(--sui-success-light);
    --sui-button-link-hover-color: var(--sui-success-light);
    --sui-button-link-hover-background: var(--sui-button-link-background);
    --sui-button-active-background: var(--sui-success-dark);
    --sui-button-active-border-color: var(--sui-success-dark);
    --sui-button-link-active-color: var(--sui-success-dark);
    --sui-button-link-active-background: var(--sui-button-link-background)
}

.sui-button[sui-style=error] {
    --sui-button-color: var(--sui-error-on);
    --sui-button-background: var(--sui-error-default);
    --sui-button-border-color: var(--sui-error-default);
    --sui-button-link-color: var(--sui-error-default);
    --sui-button-link-background: var(--sui-button-link-background);
    --sui-button-hover-background: var(--sui-error-light);
    --sui-button-hover-border-color: var(--sui-error-light);
    --sui-button-link-hover-color: var(--sui-error-light);
    --sui-button-link-hover-background: var(--sui-button-link-background);
    --sui-button-active-background: var(--sui-error-dark);
    --sui-button-active-border-color: var(--sui-error-dark);
    --sui-button-link-active-color: var(--sui-error-dark);
    --sui-button-link-active-background: var(--sui-button-link-background)
}

.sui-button[sui-style=warning] {
    --sui-button-color: var(--sui-warning-on);
    --sui-button-background: var(--sui-warning-default);
    --sui-button-border-color: var(--sui-warning-default);
    --sui-button-link-color: var(--sui-warning-default);
    --sui-button-link-background: var(--sui-button-link-background);
    --sui-button-hover-background: var(--sui-warning-light);
    --sui-button-hover-border-color: var(--sui-warning-light);
    --sui-button-link-hover-color: var(--sui-warning-light);
    --sui-button-link-hover-background: var(--sui-button-link-background);
    --sui-button-active-background: var(--sui-warning-dark);
    --sui-button-active-border-color: var(--sui-warning-dark);
    --sui-button-link-active-color: var(--sui-warning-dark);
    --sui-button-link-active-background: var(--sui-button-link-background)
}

.sui-button[sui-style=param-guvende] {
    --sui-button-color: var(--sui-param-guvende-on);
    --sui-button-background: var(--sui-param-guvende-default);
    --sui-button-border-color: var(--sui-param-guvende-default);
    --sui-button-link-color: var(--sui-param-guvende-default);
    --sui-button-link-background: var(--sui-button-link-background);
    --sui-button-hover-background: var(--sui-param-guvende-light);
    --sui-button-hover-border-color: var(--sui-param-guvende-light);
    --sui-button-link-hover-color: var(--sui-param-guvende-light);
    --sui-button-link-hover-background: var(--sui-button-link-background);
    --sui-button-active-background: var(--sui-param-guvende-dark);
    --sui-button-active-border-color: var(--sui-param-guvende-dark);
    --sui-button-link-active-color: var(--sui-param-guvende-dark);
    --sui-button-link-active-background: var(--sui-button-link-background)
}

.sui-button[sui-type=link] {
    --sui-button-color: var(--sui-button-link-color);
    --sui-button-background: var(--sui-button-link-background);
    --sui-button-box-shadow: none;
    --sui-button-hover-background: none;
    --sui-button-border: none;
    --sui-button-padding-x: var(--sui-button-link-padding-x);
    --sui-button-padding-y: var(--sui-button-link-padding-y);
    --sui-button-hover-color: var(--sui-button-link-hover-color);
    --sui-button-hover-border: none;
    --sui-button-active-color: var(--sui-button-link-active-color);
    --sui-button-active-background: var(--sui-button-link-background);
    --sui-button-active-border: none
}

sui-input,
.sui-wrapper {
    position: relative;
    display: flex;
    flex-direction: column
}

.sui-input {
    --sui-input-color: var(--sui-emphasis-high);
    --sui-input-box-sizing: border-box;
    --sui-input-border: solid;
    --sui-input-border-width: 1px;
    --sui-input-border-color: var(--sui-emphasis-disabled);
    --sui-input-border-radius: 4px;
    --sui-input-max-height: 44px;
    --sui-input-width: 376px;
    --sui-input-border-error-color: var(--sui-error-default);
    --sui-input-hover-border-color: var(--sui-primary-light);
    --sui-input-focus-border-color: var(--sui-primary-dark);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: .14px;
    color: var(--sui-input-color);
    box-sizing: var(--sui-input-box-sizing);
    border: var(--sui-input-border);
    border-width: var(--sui-input-border-width);
    border-color: var(--sui-input-border-color);
    border-radius: var(--sui-input-border-radius);
    padding: 12px 16px 12px 16px;
    max-height: var(--sui-input-max-height);
    width: var(--sui-input-width);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .sui-input {
        transition: none
    }
}

.sui-input:hover {
    border-color: var(--sui-input-hover-border-color)
}

.sui-input:focus {
    border-color: var(--sui-input-focus-border-color)
}

.sui-input:focus-visible {
    outline: none
}

.sui-input:disabled {
    pointer-events: none;
    color: var(--sui-emphasis-disabled);
    background-color: var(--sui-opacity-black-8)
}

.sui-input:-webkit-autofill,
.sui-input:-webkit-autofill:hover,
.sui-input:-webkit-autofill:focus,
.sui-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.sui-input::placeholder {
    color: var(--sui-emphasis-low)
}

.sui-input+i {
    color: var(--sui-emphasis-medium);
    position: absolute;
    display: block;
    left: 350px;
    bottom: 9.5px
}

.sui-input[type=phone] {
    padding-left: 49px
}

.sui-input+.phone {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: .14px;
    color: var(--sui-emphasis-low);
    position: absolute;
    display: block;
    left: 16px;
    bottom: 13px
}

.sui-input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.sui-input+i {
    font-size: 20px;
    line-height: 20px;
    color: var(--sui-emphasis-low);
    position: absolute;
    display: block;
    left: calc(100% - 36px);
    bottom: 11px
}

.sui-input[type=prefix] {
    padding-left: calc(25px + 8px)
}

.sui-input+.prefix {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: .14px;
    color: var(--sui-emphasis-low);
    background-color: var(--sui-surface-level-2);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    left: 1px;
    top: 1px;
    padding: 8px;
    height: 42px;
    width: 25px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

@media(max-width: 767.98px) {
    sui-input,
    .sui-input-wrapper {
        height: 44px;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end
    }
    sui-input sui-label,
    .sui-input-wrapper sui-label {
        transition: top .2s;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: .14px;
        position: absolute;
        display: block;
        top: 21px;
        left: 0
    }
    sui-input sui-label .sui-label__text-container,
    .sui-input-wrapper sui-label .sui-label__text-container {
        width: auto
    }
    sui-input .sui-input,
    .sui-input-wrapper .sui-input {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: .14px;
        color: var(--sui-emphasis-high);
        border-radius: 0;
        border: none;
        height: 22px;
        width: 100%;
        padding: 0;
        padding-bottom: 3px;
        transition: margin-bottom .01s;
        border-bottom-color: var(--sui-surface-level-3) !important;
        border-bottom: 1px solid
    }
    sui-input .sui-input::placeholder,
    .sui-input-wrapper .sui-input::placeholder {
        visibility: hidden
    }
    sui-input .sui-input:hover,
    sui-input .sui-input:focus,
    .sui-input-wrapper .sui-input:hover,
    .sui-input-wrapper .sui-input:focus {
        box-shadow: none !important;
        outline: none
    }
    sui-input .sui-input~i,
    .sui-input-wrapper .sui-input~i {
        color: var(--sui-primary);
        position: absolute;
        display: block;
        left: 355px;
        top: 12px;
        font-size: 20px
    }
    sui-input .sui-input[type=phone],
    .sui-input-wrapper .sui-input[type=phone] {
        padding-left: 35px
    }
    sui-input .sui-input+.phone,
    .sui-input-wrapper .sui-input+.phone {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: .14px;
        color: var(--sui-emphasis-high);
        position: absolute;
        display: none;
        left: 0;
        top: 21px
    }
    sui-input .sui-input[type=prefix],
    .sui-input-wrapper .sui-input[type=prefix] {
        padding-left: 42px
    }
    sui-input .sui-input+.prefix,
    .sui-input-wrapper .sui-input+.prefix {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        letter-spacing: .14px;
        color: var(--sui-emphasis-low);
        position: absolute;
        visibility: hidden;
        box-sizing: border-box;
        left: 0;
        top: 16px;
        padding: 4px;
        height: 26px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: rgba(0, 0, 0, 0)
    }
    sui-input input:not(:placeholder-shown),
    sui-input input:focus,
    sui-input input:-webkit-autofill,
    .sui-input-wrapper input:not(:placeholder-shown),
    .sui-input-wrapper input:focus,
    .sui-input-wrapper input:-webkit-autofill {
        transition: border .01s;
        border-width: 2px;
        border-bottom-color: var(--sui-primary) !important
    }
    sui-input input:not(:placeholder-shown)::placeholder,
    sui-input input:focus::placeholder,
    sui-input input:-webkit-autofill::placeholder,
    .sui-input-wrapper input:not(:placeholder-shown)::placeholder,
    .sui-input-wrapper input:focus::placeholder,
    .sui-input-wrapper input:-webkit-autofill::placeholder {
        visibility: visible
    }
    sui-input input:not(:placeholder-shown)~sui-label,
    sui-input input:focus~sui-label,
    sui-input input:-webkit-autofill~sui-label,
    .sui-input-wrapper input:not(:placeholder-shown)~sui-label,
    .sui-input-wrapper input:focus~sui-label,
    .sui-input-wrapper input:-webkit-autofill~sui-label {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: .14px;
        transition: top .2s;
        top: 0 !important
    }
    sui-input input:not(:placeholder-shown)~sui-label .sui-label__text,
    sui-input input:focus~sui-label .sui-label__text,
    sui-input input:-webkit-autofill~sui-label .sui-label__text,
    .sui-input-wrapper input:not(:placeholder-shown)~sui-label .sui-label__text,
    .sui-input-wrapper input:focus~sui-label .sui-label__text,
    .sui-input-wrapper input:-webkit-autofill~sui-label .sui-label__text {
        color: var(--sui-primary)
    }
    sui-input input:not(:placeholder-shown)[type=phone],
    sui-input input:focus[type=phone],
    sui-input input:-webkit-autofill[type=phone],
    .sui-input-wrapper input:not(:placeholder-shown)[type=phone],
    .sui-input-wrapper input:focus[type=phone],
    .sui-input-wrapper input:-webkit-autofill[type=phone] {
        padding-left: 35px
    }
    sui-input input:not(:placeholder-shown)+.phone,
    sui-input input:focus+.phone,
    sui-input input:-webkit-autofill+.phone,
    .sui-input-wrapper input:not(:placeholder-shown)+.phone,
    .sui-input-wrapper input:focus+.phone,
    .sui-input-wrapper input:-webkit-autofill+.phone {
        display: block
    }
    sui-input input:not(:placeholder-shown)[type=prefix],
    sui-input input:focus[type=prefix],
    sui-input input:-webkit-autofill[type=prefix],
    .sui-input-wrapper input:not(:placeholder-shown)[type=prefix],
    .sui-input-wrapper input:focus[type=prefix],
    .sui-input-wrapper input:-webkit-autofill[type=prefix] {
        padding-left: 42px
    }
    sui-input input:not(:placeholder-shown)+.prefix,
    sui-input input:focus+.prefix,
    sui-input input:-webkit-autofill+.prefix,
    .sui-input-wrapper input:not(:placeholder-shown)+.prefix,
    .sui-input-wrapper input:focus+.prefix,
    .sui-input-wrapper input:-webkit-autofill+.prefix {
        visibility: visible;
        display: flex;
        align-items: center;
        justify-content: center
    }
    sui-input input:not(:focus),
    .sui-input-wrapper input:not(:focus) {
        transition: border .01s;
        border-bottom-color: var(--sui-surface-level-3) !important;
        border-bottom: 1px solid
    }
    sui-input input:not(:focus)~sui-label .sui-label__text,
    .sui-input-wrapper input:not(:focus)~sui-label .sui-label__text {
        color: var(--sui-emphasis-medium)
    }
    sui-input input:disabled,
    .sui-input-wrapper input:disabled {
        border-bottom-style: dotted;
        background-color: #fff;
        color: var(--sui-emphasis-disabled)
    }
    sui-input input:disabled~sui-label .sui-label__text,
    .sui-input-wrapper input:disabled~sui-label .sui-label__text {
        color: var(--sui-emphasis-disabled)
    }
    sui-input input.error,
    sui-input input[aria-invalid=true],
    .sui-input-wrapper input.error,
    .sui-input-wrapper input[aria-invalid=true] {
        border-bottom-color: var(--sui-error) !important;
        border-bottom-width: 2px !important
    }
    sui-input input.error~sui-label .sui-label__text,
    sui-input input[aria-invalid=true]~sui-label .sui-label__text,
    .sui-input-wrapper input.error~sui-label .sui-label__text,
    .sui-input-wrapper input[aria-invalid=true]~sui-label .sui-label__text {
        color: var(--sui-error)
    }
}

.sui-select {
    --sui-select-color: var(--sui-emphasis-high);
    --sui-select-background-color: var(--sui-surface-level-1);
    --sui-select-border-style: solid;
    --sui-select-border-width: 1px;
    --sui-select-border-color: var(--sui-emphasis-disabled);
    --sui-select-border-radius: 4px;
    --sui-select-padding-x: 8px;
    --sui-select-padding-y: 0px;
    --sui-select-height: 44px;
    --sui-select-width: 342px;
    display: block;
    appearance: none;
    background-color: var(--sui-select-background-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2817, 18, 20, 0.64%29' stroke-linecap='butt' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
    color: var(--sui-select-color);
    border-style: var(--sui-select-border-style);
    border-width: var(--sui-select-border-width);
    border-color: var(--sui-select-border-color);
    border-radius: var(--sui-select-border-radius);
    -moz-padding-start: 5px;
    padding: var(--sui-select-padding-y) var(--sui-select-padding-x);
    height: var(--sui-select-height);
    width: var(--sui-select-width)
}

@media(prefers-reduced-motion: reduce) {
    .sui-select {
        transition: none
    }
}

.sui-select:hover {
    border-color: var(--sui-primary-light)
}

.sui-select:focus,
.sui-select:focus-visible {
    border-color: var(--sui-primary-dark);
    outline: none
}

.sui-select[multiple],
.sui-select[size]:not([size="1"]) {
    padding-right: 8px;
    background-image: none
}

.sui-select[aria-invalid=true] {}

.sui-select:disabled {
    pointer-events: none;
    color: var(--sui-emphasis-disabled);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2817, 18, 20, 0.24%29' stroke-linecap='butt' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-color: var(--sui-opacity-black-8)
}

.sui-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 var(--sui-emphasis-high)
}

.sui-tab {
    --sui-sui-tab-link-padding-x: 1rem;
    --sui-sui-tab-link-padding-y: 0.5rem;
    --sui-sui-tab-link-font-weight: ;
    --sui-sui-tab-link-color: var(--sui-link-color);
    --sui-sui-tab-link-hover-color: var(--sui-link-hover-color);
    --sui-sui-tab-link-disabled-color: #454a4f;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.sui-tab-link {
    display: block;
    text-decoration: none;
    padding: var(--sui-sui-tab-link-padding-y) var(--sui-sui-tab-link-padding-x);
    color: var(--sui-emphasis-high)
}

.sui-tab-link:hover,
.sui-tab-link:focus {
    color: var(--sui-sui-tab-link-hover-color)
}

.sui-tab-link.disabled {
    color: var(--sui-sui-tab-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.sui-tab-3d .sui-tab-link {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .5s ease-in-out, border .15s ease-in-out, box-shadow .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 39px;
    line-height: 39px !important;
    color: var(--sui-emphasis-high);
    background-color: var(--sui-secondary-default);
    border-radius: 4px 4px 0 0;
    border: 1px solid var(--sui-opacity-black-24)
}

@media(prefers-reduced-motion: reduce) {
    .sui-tab-3d .sui-tab-link {
        transition: none
    }
}

.sui-tab-3d .sui-tab-link:hover,
.sui-tab-3d .sui-tab-link:focus {
    background: var(--sui-surface-level-1)
}

.sui-tab-3d .sui-tab-link.disabled,
.sui-tab-3d .sui-tab-link:disabled {
    color: #454a4f;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.sui-tab-3d .sui-tab-link.active,
.sui-tab-3d .sui-tab-item.show .sui-tab-link {
    height: 44px;
    border: none;
    background: var(--sui-surface-level-1);
    box-shadow: inset 0 5px 0 var(--sui-ghost-on)
}

.sui-tab-inner .sui-tab-link {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .5s ease-in-out, border .15s ease-in-out, box-shadow .15s ease-in-out;
    background: none;
    color: var(--sui-secondary-on);
    padding: 0 16px;
    height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(prefers-reduced-motion: reduce) {
    .sui-tab-inner .sui-tab-link {
        transition: none
    }
}

.sui-tab-inner .sui-tab-link:hover,
.sui-tab-inner .sui-tab-link:focus {
    border-bottom: 1px solid var(--sui-secondary-on)
}

.sui-tab-inner .sui-tab-link.disabled,
.sui-tab-inner .sui-tab-link:disabled {
    color: #454a4f;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.sui-tab-inner .sui-tab-link.active,
.sui-tab-inner .sui-tab-item.show .sui-tab-link {
    border-bottom: 1px solid var(--sui-secondary-on)
}

.sui-tab-s {
    border-bottom: 2px solid var(--sui-sahibinden-ui-yellow)
}

.sui-tab-s .sui-tab-item {
    margin-left: 8px
}

.sui-tab-s .sui-tab-link {
    color: var(--sui-emphasis-high);
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--sui-emphasis-low);
    border-radius: 1px 1px 0 0
}

.sui-tab-s .sui-tab-link.active,
.sui-tab-s .show>.sui-tab-link {
    background: linear-gradient(180deg, #ffd968 0%, #efb813 100%);
    border-color: rgba(0, 0, 0, 0)
}

.sui-tab-fill>.sui-tab-link,
.sui-tab-fill .sui-tab-item {
    flex: 1 1 auto;
    text-align: center
}

.sui-tab-justified>.sui-tab-link,
.sui-tab-justified .sui-tab-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.sui-tab-fill .sui-tab-item .sui-tab-link,
.sui-tab-justified .sui-tab-item .sui-tab-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.sui-header {
    --sui-header-padding-x: 0;
    --sui-header-padding-y: 6.4px;
    --sui-header-color: rgba(0, 0, 0, 0.55);
    --sui-header-active-color: rgba(0, 0, 0, 0.9);
    --sui-header-brand-padding-y: 0.39285725rem;
    --sui-header-brand-margin-end: 1rem;
    --sui-header-brand-font-size: 1.142857rem;
    --sui-header-brand-color: rgba(0, 0, 0, 0.9);
    --sui-header-brand-hover-color: rgba(0, 0, 0, 0.9);
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--sui-header-padding-y) var(--sui-header-padding-x)
}

.sui-header>.container,
.sui-header>.container-fluid,
.sui-header>.container-sm,
.sui-header>.container-md,
.sui-header>.container-lg,
.sui-header>.container-xl,
.sui-header>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    text-decoration: none;
    color: var(--sui-white);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .5s ease-in-out, border .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link i {
    color: #b5c9ff;
    font-size: 25px
}

.nav-link i:hover,
.nav-link i:focus {
    background: rgba(255, 255, 255, .1);
    text-decoration: none
}

.nav-link:hover,
.nav-link:focus {
    color: var(--sui-white);
    text-decoration: underline
}

.nav-link.disabled {
    color: #454a4f;
    pointer-events: none;
    cursor: default
}

.sui-header-brand {
    padding-top: var(--sui-header-brand-padding-y);
    padding-bottom: var(--sui-header-brand-padding-y);
    margin-right: var(--sui-header-brand-margin-end);
    font-size: var(--sui-header-brand-font-size);
    color: var(--sui-header-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.sui-header-brand:hover,
.sui-header-brand:focus {
    color: var(--sui-header-brand-hover-color)
}

.sui-header-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.sui-header-nav .show>.nav-link,
.sui-header-nav .nav-link.active {
    color: var(--sui-header-active-color)
}

.sui-header-nav .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0
}

.sui-header-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--sui-header-color)
}

.sui-header-text a,
.sui-header-text a:hover,
.sui-header-text a:focus {
    color: var(--sui-header-active-color)
}

.form-check {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    min-height: 1.5rem
}

.form-check sui-label {
    margin-left: 8px;
    margin-top: 2px;
    flex-grow: 2
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .sui-radio,
.form-check-reverse .sui-check,
.form-check-reverse .sui-switch {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.sui-radio,
.sui-check,
.sui-switch {
    width: 20px;
    height: 20px;
    margin: 2px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-style: solid;
    border-width: 1px;
    border-color: var(--sui-emphasis-medium);
    appearance: none;
    print-color-adjust: exact
}

.sui-radio[type=checkbox],
.sui-check[type=checkbox],
.sui-switch[type=checkbox] {
    border-radius: .25em
}

.sui-radio[type=radio],
.sui-check[type=radio],
.sui-switch[type=radio] {
    border-radius: 50%
}

.sui-radio:hover,
.sui-check:hover,
.sui-switch:hover {
    border-color: var(--sui-primary)
}

.sui-radio:active,
.sui-check:active,
.sui-switch:active {
    filter: brightness(90%)
}

.sui-radio:focus,
.sui-check:focus,
.sui-switch:focus {
    border-color: #88b2de;
    outline: 0
}

.sui-radio:checked,
.sui-check:checked,
.sui-switch:checked {
    border-color: var(--sui-primary-default)
}

.sui-radio:checked[type=checkbox],
.sui-check:checked[type=checkbox],
.sui-switch:checked[type=checkbox] {
    background-color: var(--sui-primary-default);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 12 12' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23ffffff' d='M10.3536 2.64645C10.5488 2.84171 10.5488 3.15829 10.3536 3.35355L4.85355 8.85355C4.65829 9.04882 4.34171 9.04882 4.14645 8.85355L1.64645 6.35355C1.45118 6.15829 1.45118 5.84171 1.64645 5.64645C1.84171 5.45118 2.15829 5.45118 2.35355 5.64645L4.5 7.79289L9.64645 2.64645C9.84171 2.45118 10.1583 2.45118 10.3536 2.64645Z'/%3e%3c/svg%3e")
}

.sui-radio:checked[type=radio],
.sui-check:checked[type=radio],
.sui-switch:checked[type=radio] {
    background-color: var(--sui-white);
    border-width: 2px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%231064bc'/%3e%3c/svg%3e")
}

.sui-radio:checked[type=radio]:disabled,
.sui-check:checked[type=radio]:disabled,
.sui-switch:checked[type=radio]:disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' opacity='0.5' fill='rgba%28sui-ememphasis-disabled%29'/%3e%3c/svg%3e")
}

.sui-radio[type=checkbox]:indeterminate,
.sui-check[type=checkbox]:indeterminate,
.sui-switch[type=checkbox]:indeterminate {
    background-color: #1064bc;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.sui-radio:disabled,
.sui-check:disabled,
.sui-switch:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5;
    border-color: var(--sui-emphasis-disabled)
}

.sui-radio[disabled]~sui-label,
.sui-radio:disabled~sui-label,
.sui-check[disabled]~sui-label,
.sui-check:disabled~sui-label,
.sui-switch[disabled]~sui-label,
.sui-switch:disabled~sui-label {
    cursor: default;
    opacity: .5
}

.sui-radio:invalid,
.sui-check:invalid,
.sui-switch:invalid {
    border-color: var(--sui-error-default)
}

.sui-radio.is-invalid,
.sui-check.is-invalid,
.sui-switch.is-invalid {
    border-color: var(--sui-error-default)
}

.form-switch {
    font-size: 14px
}

.form-switch .sui-switch {
    font-size: inherit;
    cursor: pointer;
    width: 40px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='10' fill='white'/%3e%3cpath d='M5 9.5H15V10.9288H5V9.5Z' fill='%23111214' fill-opacity='0.4'/%3e%3c/svg%3e");
    background-color: var(--sui-emphasis-low);
    background-position: 2px center;
    background-size: auto;
    border: none;
    margin: 0;
    border-radius: 2.8em;
    transition: background-position .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-switch .sui-switch {
        transition: none
    }
}

.form-switch .sui-switch:focus {
    box-shadow: none
}

.form-switch .sui-switch:checked {
    background-color: var(--sui-success);
    background-position: 18px center;
    background-size: auto;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='10' fill='white'/%3e%3cpath d='M8.80862 11.7235L13.7524 6.77966L14.5 7.52779L8.80862 13.2203L5.5 9.90716L6.24813 9.1596L8.80862 11.7235Z' fill='%231F9670'/%3e%3c/svg%3e")
}

.form-switch.sui-switch-reverse {
    padding-right: 3.3em;
    padding-left: 0
}

.form-switch.sui-switch-reverse .sui-switch {
    margin-right: -3.3em;
    margin-left: 0
}

.sui-switch-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

sui-tooltip {
    position: relative;
    display: inline-block
}

sui-tooltip[sui-position=left-end] .sui-tooltip__text {
    bottom: 0;
    right: 100%;
    padding-right: 13px
}

sui-tooltip[sui-position=left-end] .sui-tooltip__text::after {
    margin-left: -13px;
    bottom: 16px;
    left: 100%;
    border-color: transparent transparent transparent #1064bc
}

sui-tooltip[sui-position=left-center] .sui-tooltip__text {
    transform: translateY(-50%);
    top: 50%;
    right: 100%;
    padding-right: 13px
}

sui-tooltip[sui-position=left-center] .sui-tooltip__text::after {
    margin-left: -13px;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    border-color: transparent transparent transparent #1064bc
}

sui-tooltip[sui-position=left-start] .sui-tooltip__text {
    top: 0;
    right: 100%;
    padding-right: 13px
}

sui-tooltip[sui-position=left-start] .sui-tooltip__text::after {
    margin-left: -13px;
    top: 16px;
    left: 100%;
    border-color: transparent transparent transparent #1064bc
}

sui-tooltip[sui-position=top-end] .sui-tooltip__text {
    bottom: 100%;
    right: 0;
    padding-bottom: 13px
}

sui-tooltip[sui-position=top-end] .sui-tooltip__text::after {
    margin-top: -13px;
    top: 100%;
    right: 16px;
    border-color: #1064bc transparent transparent transparent
}

sui-tooltip[sui-position=top-center] .sui-tooltip__text {
    bottom: 100%;
    left: 50%;
    transform: translate(-51%);
    padding-bottom: 13px
}

sui-tooltip[sui-position=top-center] .sui-tooltip__text::after {
    margin-top: -13px;
    top: 100%;
    left: 50%;
    border-color: #1064bc transparent transparent transparent
}

sui-tooltip[sui-position=top-start] .sui-tooltip__text {
    bottom: 100%;
    left: 0;
    padding-bottom: 13px
}

sui-tooltip[sui-position=top-start] .sui-tooltip__text::after {
    margin-top: -13px;
    top: 100%;
    left: 16px;
    border-color: #1064bc transparent transparent transparent
}

sui-tooltip[sui-position=bottom-end] .sui-tooltip__text {
    top: 100%;
    right: 0;
    padding-top: 13px
}

sui-tooltip[sui-position=bottom-end] .sui-tooltip__text::after {
    margin-bottom: -13px;
    bottom: 100%;
    right: 16px;
    border-color: transparent transparent #1064bc transparent
}

sui-tooltip[sui-position=bottom-center] .sui-tooltip__text {
    top: 100%;
    left: 50%;
    transform: translate(-51%);
    padding-top: 13px
}

sui-tooltip[sui-position=bottom-center] .sui-tooltip__text::after {
    margin-bottom: -13px;
    bottom: 100%;
    left: 50%;
    border-color: transparent transparent #1064bc transparent
}

sui-tooltip[sui-position=bottom-start] .sui-tooltip__text {
    top: 100%;
    left: 0;
    padding-top: 13px
}

sui-tooltip[sui-position=bottom-start] .sui-tooltip__text::after {
    margin-bottom: -13px;
    bottom: 100%;
    left: 16px;
    border-color: transparent transparent #1064bc transparent
}

sui-tooltip[sui-position=right-end] .sui-tooltip__text {
    bottom: 0;
    left: 100%;
    padding-left: 13px
}

sui-tooltip[sui-position=right-end] .sui-tooltip__text::after {
    margin-right: -13px;
    bottom: 16px;
    right: 100%;
    border-color: transparent #1064bc transparent transparent
}

sui-tooltip[sui-position=right-center] .sui-tooltip__text {
    transform: translateY(-50%);
    top: 50%;
    left: 100%;
    padding-left: 13px
}

sui-tooltip[sui-position=right-center] .sui-tooltip__text::after {
    margin-right: -13px;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    border-color: transparent #1064bc transparent transparent
}

sui-tooltip[sui-position=right-start] .sui-tooltip__text {
    top: 0;
    left: 100%;
    padding-left: 13px
}

sui-tooltip[sui-position=right-start] .sui-tooltip__text::after {
    margin-right: -13px;
    top: 16px;
    right: 100%;
    border-color: transparent #1064bc transparent transparent
}

sui-tooltip:hover .sui-tooltip__text {
    display: inline-block;
    opacity: 1
}

sui-tooltip .hide {
    display: none !important
}

.sui-tooltip__text {
    display: none;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    opacity: 0;
    transition: opacity .3s;
    width: 400px;
    z-index: 999
}

.sui-tooltip__text-title,
.sui-tooltip__text-description {
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-word
}

.sui-tooltip__text-button {
    position: absolute;
    right: 16px;
    bottom: 16px;
    padding-bottom: 0;
    color: #fff
}

.sui-tooltip__text-close-button {
    position: absolute;
    top: 12px;
    right: 16px;
    padding: 0;
    margin: 0;
    color: #fff
}

.sui-tooltip__text::after {
    content: " ";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: #1064bc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.sui-tooltip__text-container {
    position: relative;
    overflow: hidden;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 16px;
    text-align: left;
    gap: 4px;
    display: flex;
    flex-direction: column;
    background: #1064bc
}

.sui-tooltip__text-container.button-padding-bottom {
    padding-bottom: 68px
}

.sui-tooltip__text-container.button-padding-right {
    padding-right: 42px
}

@media screen and (max-width: 678px) {
    .sui-tooltip__text {
        width: 300px
    }
    .sui-tooltip__text-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: .14px;
        font-weight: 700
    }
    .sui-tooltip__text-description {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        letter-spacing: .14px
    }
    .sui-tooltip__text-container.button-padding {
        padding-bottom: 40px
    }
}

sui-inline-message {
    width: 100%
}

sui-inline-message[behaviour=sticky] {
    position: sticky
}

sui-inline-message .sui-inline-message {
    padding: 8px;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

sui-inline-message .sui-inline-message[behaviour=inline] {
    border: 1px;
    border-style: solid;
    border-color: rgba(17, 18, 20, .4)
}

sui-inline-message .sui-inline-message[behaviour=inline][type=warning] {
    border-color: #fe7a18
}

sui-inline-message .sui-inline-message[behaviour=inline][type=success] {
    border-color: #1f9670
}

sui-inline-message .sui-inline-message[behaviour=inline][type=info] {
    border-color: #0094ff
}

sui-inline-message .sui-inline-message[behaviour=inline][type=error] {
    border-color: #ff2020
}

sui-inline-message .sui-inline-message__container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    height: 100%;
    width: 100%
}

sui-inline-message .sui-inline-message__container-icon {
    height: 100%;
    display: flex;
    align-items: flex-start
}

sui-inline-message .sui-inline-message__container-icon span {
    line-height: 24px;
    font-size: 24px
}

sui-inline-message .sui-inline-message__container-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px 0;
    gap: 8px
}

sui-inline-message .sui-inline-message__container-text-title {
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-word;
    line-height: normal
}

sui-inline-message .sui-inline-message__container-text-desc {
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-word;
    line-height: normal
}

sui-inline-message .sui-inline-message__close-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%
}

sui-inline-message .sui-inline-message__close-container span {
    cursor: pointer
}

sui-badge {
    display: inline-block;
    --sui-badge-color: var(--sui-emphasis-medium);
    --sui-badge-background: var(--sui-surface-level-2);
    --sui-badge-background-clip: padding-box;
    --sui-badge-border-color: var(--sui-surface-level-2);
    --sui-badge-border: none;
    --sui-badge-border-radius-left: 0;
    --sui-badge-border-radius-right: 0;
    --sui-badge-text-margin-left: 0px;
    --sui-badge-text-margin-right: 0px;
    --sui-badge-padding-left: 8px;
    --sui-badge-padding-right: 8px;
    --sui-badge-icons-margin-x: 4px;
    --sui-badge-icons-margin-y: 4px;
    --sui-badge-height: 24px;
    --sui-badge-text-height: 17px
}

sui-badge .sui-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: var(--sui-badge-height);
    min-width: var(--sui-badge-height);
    padding-left: var(--sui-badge-padding-left);
    padding-right: var(--sui-badge-padding-right);
    color: var(--sui-badge-color);
    background: var(--sui-badge-background);
    background-clip: var(--sui-badge-background-clip);
    border: var(--sui-badge-border);
    border-width: 1px;
    border-color: var(--sui-badge-border-color);
    border-radius: var(--sui-badge-border-radius-left) var(--sui-badge-border-radius-right) var(--sui-badge-border-radius-right) var(--sui-badge-border-radius-left)
}

sui-badge .sui-badge__text {
    height: var(--sui-badge-text-height);
    margin-left: var(--sui-badge-text-margin-left);
    margin-right: var(--sui-badge-text-margin-right);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: .14px
}

sui-badge .sui-badge .sui-badge__left-icon,
sui-badge .sui-badge .sui-badge__right-icon {
    line-height: 16px;
    letter-spacing: 0
}

sui-badge:has(.sui-badge__left-icon):has(.sui-badge__right-icon) {
    --sui-badge-text-margin-left: 4px;
    --sui-badge-text-margin-right: 4px
}

sui-badge:has(.sui-badge__left-icon):has(.sui-badge__right-icon)[sui-size=medium],
sui-badge:has(.sui-badge__left-icon):has(.sui-badge__right-icon)[sui-size=small] {
    --sui-badge-padding-left: 4px;
    --sui-badge-padding-right: 4px;
    --sui-badge-text-margin-left: 2px;
    --sui-badge-text-margin-right: 2px
}

sui-badge:has(.sui-badge__left-icon):not(:has(.sui-badge__right-icon)) {
    --sui-badge-text-margin-left: 4px
}

sui-badge:has(.sui-badge__left-icon):not(:has(.sui-badge__right-icon))[sui-size=medium],
sui-badge:has(.sui-badge__left-icon):not(:has(.sui-badge__right-icon))[sui-size=small] {
    --sui-badge-padding-left: 4px;
    --sui-badge-padding-right: 4px;
    --sui-badge-text-margin-left: 2px
}

sui-badge:has(.sui-badge__right-icon):not(:has(.sui-badge__left-icon)) {
    --sui-badge-text-margin-right: 4px
}

sui-badge:has(.sui-badge__right-icon):not(:has(.sui-badge__left-icon))[sui-size=medium],
sui-badge:has(.sui-badge__right-icon):not(:has(.sui-badge__left-icon))[sui-size=small] {
    --sui-badge-padding-left: 4px;
    --sui-badge-padding-right: 4px;
    --sui-badge-text-margin-right: 2px
}

sui-badge[sui-size=medium] {
    --sui-badge-text-height: 16px;
    --sui-badge-height: 20px;
    --sui-badge-padding-left: 4px;
    --sui-badge-padding-right: 4px
}

sui-badge[sui-size=medium] .sui-badge__text {
    min-width: 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: .14px
}

sui-badge[sui-size=small] {
    --sui-badge-text-height: 14px;
    --sui-badge-height: 16px;
    --sui-badge-padding-left: 4px;
    --sui-badge-padding-right: 4px
}

sui-badge[sui-size=small] .sui-badge__text {
    font-size: 10px;
    line-height: 14px;
    font-weight: 400
}

sui-badge[sui-size=small] .sui-badge__left-icon,
sui-badge[sui-size=small] .sui-badge__right-icon {
    font-size: 12px;
    line-height: 12px
}

sui-badge[sui-shape=full] {
    --sui-badge-border-radius-left: 15px;
    --sui-badge-border-radius-right: 15px
}

sui-badge[sui-shape=left-full] {
    --sui-badge-border-radius-left: 15px;
    --sui-badge-border-radius-right: 0px
}

sui-badge[sui-shape=right-full] {
    --sui-badge-border-radius-left: 0px;
    --sui-badge-border-radius-right: 15px
}

sui-badge[sui-type=default] {
    --sui-badge-color: var(--sui-emphasis-medium);
    --sui-badge-background: var(--sui-surface-level-2);
    --sui-badge-background-clip: padding-box;
    --sui-badge-border-color: var(--sui-surface-level-2);
    --sui-badge-border: none
}

sui-badge[sui-type=primary] {
    --sui-badge-color: var(--sui-surface-level-1);
    --sui-badge-background: var(--sui-primary-default);
    --sui-badge-background-clip: border-box;
    --sui-badge-border-color: var(--sui-primary-default);
    --sui-badge-border: none
}

sui-badge[sui-type=secondary] {
    --sui-badge-color: var(--sui-primary-default);
    --sui-badge-background: var(--sui-primary-soft);
    --sui-badge-background-clip: border-box;
    --sui-badge-border-color: var(--sui-primary-soft);
    --sui-badge-border: none
}

sui-badge[sui-type=ghost] {
    --sui-badge-color: var(--sui-primary-default);
    --sui-badge-background: transparent;
    --sui-badge-background-clip: border-box;
    --sui-badge-border-color: var(--sui-primary-default);
    --sui-badge-border: solid
}

sui-badge[sui-type=clear] {
    --sui-badge-color: var(--sui-primary-default);
    --sui-badge-background: transparent;
    --sui-badge-background-clip: border-box;
    --sui-badge-border-color: transparent;
    --sui-badge-border: none;
    --sui-badge-padding-left: 0 !important;
    --sui-badge-padding-right: 0 !important
}

.sui-textarea {
    width: 100%;
    height: 96px;
    min-height: 96px;
    min-width: 343px;
    padding: 12px 16px;
    color: var(--sui-emphasis-high);
    border: solid;
    border-width: 1px;
    border-color: var(--sui-emphasis-disabled)
}

.sui-textarea.overflow {
    overflow: hidden !important;
    resize: none !important
}

.sui-textarea ::placeholder {
    color: var(--sui-emphasis-low)
}

.sui-textarea:hover {
    border-color: var(--sui-primary-light)
}

.sui-textarea:focus,
.sui-textarea:focus-visible {
    outline: none;
    border-color: var(--sui-primary-dark)
}

.sui-textarea[aria-invalid=true],
.sui-textarea.error {}

.sui-textarea:disabled {
    color: var(--sui-emphasis-disabled);
    border-color: var(--sui-emphasis-disabled);
    background-color: var(--sui-opacity-black-8)
}

@media(max-width: 767.98px) {
    .sui-textarea-wrapper {
        width: 100%;
        height: auto;
        min-height: 44px;
        position: relative
    }
    .sui-textarea-wrapper sui-label {
        transition: top .2s;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: .14px;
        position: absolute;
        display: block;
        top: 21px;
        left: 0;
        margin-bottom: 4px
    }
    .sui-textarea-wrapper sui-label .sui-label__text-container {
        width: auto
    }
    .sui-textarea-wrapper sui-label.disabled .sui-label__text,
    .sui-textarea-wrapper sui-label:disabled .sui-label__text {
        color: var(--sui-emphasis-disabled)
    }
    .sui-textarea-wrapper sui-label.error .sui-label__text {
        color: var(--sui-error-default)
    }
    .sui-textarea-wrapper sui-label .sui-label__text {
        color: var(--sui-primary)
    }
    .sui-textarea-wrapper textarea {
        margin-top: 20px !important
    }
    .sui-textarea-wrapper textarea::placeholder {
        color: rgba(0, 0, 0, 0)
    }
    .sui-textarea-wrapper textarea:not(:placeholder-shown),
    .sui-textarea-wrapper textarea:focus,
    .sui-textarea-wrapper textarea:-webkit-autofill {
        transition: border .01s;
        border-width: 2px;
        border-bottom-color: var(--sui-primary) !important
    }
    .sui-textarea-wrapper textarea:not(:placeholder-shown)~sui-label,
    .sui-textarea-wrapper textarea:focus~sui-label,
    .sui-textarea-wrapper textarea:-webkit-autofill~sui-label {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: .14px;
        transition: top .2s;
        top: 0 !important
    }
    .sui-textarea-wrapper textarea:not(:placeholder-shown)~sui-label .sui-label__text,
    .sui-textarea-wrapper textarea:focus~sui-label .sui-label__text,
    .sui-textarea-wrapper textarea:-webkit-autofill~sui-label .sui-label__text {
        color: var(--sui-primary)
    }
    .sui-textarea-wrapper textarea:not(:focus) {
        transition: border .01s;
        border-bottom-color: var(--sui-surface-level-3) !important;
        border-bottom: 1px solid
    }
    .sui-textarea-wrapper textarea:not(:focus)~sui-label .sui-label__text {
        color: var(--sui-emphasis-medium)
    }
    .sui-textarea {
        overflow: auto !important;
        resize: vertical !important;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: .14px;
        color: var(--sui-emphasis-high);
        width: 100%;
        height: 66px;
        min-height: 66px;
        min-width: 100%;
        border-radius: 0;
        border: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: var(--sui-surface-level-3);
        padding: 0 0 4px
    }
    .sui-textarea.overflow {
        overflow: hidden !important;
        resize: none !important;
        height: 24px;
        min-height: 24px !important
    }
    .sui-textarea:hover,
    .sui-textarea:focus {
        border-width: 2px;
        border-color: var(--sui-primary);
        box-shadow: none !important;
        outline: none
    }
    .sui-textarea.disabled,
    .sui-textarea:disabled {
        border-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: var(--sui-surface-level-3);
        background-color: #fff;
        color: var(--sui-emphasis-disabled)
    }
    .sui-textarea.disabled::placeholder,
    .sui-textarea:disabled::placeholder {
        color: var(--sui-emphasis-low)
    }
    .sui-textarea.error {
        border-width: 1px;
        border-bottom-color: var(--sui-error-default)
    }
    .sui-textarea.error:focus {
        border-width: 2px
    }
}

/*# sourceMappingURL=sui.css.map */