/**
 * ==============================================
 * BASE
 * ==============================================
 * This section contains low-level utilities
 * that are used throughout the project.
 * These files define foundational elements
 * like variables, mixins, and functions.
 */
@import url("https://fonts.cdnfonts.com/css/bdo-grotesk");
:root {
  --container-padding: 80px;
  --spacing-none: 0px;
  --spacing-micro: 16px;
  --spacing-tiny: 24px;
  --spacing-small: 32px;
  --spacing-normal: 40px;
  --spacing-semi-medium: 48px;
  --spacing-medium: 64px;
  --spacing-large: 72px;
  --spacing-huge: 96px;
  --spacing-enormous: 128px;
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 20px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 48px;
  --spacing-5xl: 64px;
  --spacing-6xl: 96px;
  --color-white: #ffffff;
  --color-black: #1C1C1E;
  --color-primary-dark-blue: #07284C;
  --color-primary-purple: #453B97;
  --color-primary-green: #00A690;
  --color-primary-light-blue: #C7E2F6;
  --color-neutral-700: #323A45;
  --color-neutral-600: #4B5768;
  --color-neutral-500: #64748B;
  --color-neutral-400: #8A96A8;
  --color-neutral-300: #D5E9F8;
  --color-neutral-200: #E3F0FA;
  --color-neutral-100: #F1F7FC;
  --color-neutral-50: #FAFCFE;
  --color-tint-blue-600: #010A13;
  --color-tint-blue-500: #031426;
  --color-tint-blue-400: #051E39;
  --color-tint-blue-300: #455D78;
  --color-tint-blue-200: #8393A5;
  --color-tint-blue-100: #C1C9D2;
  --color-tint-blue-50: #EAEDF0;
  --color-tint-green-600: #002924;
  --color-tint-green-500: #005348;
  --color-tint-green-400: #007C6C;
  --color-tint-green-300: #3FBCAB;
  --color-tint-green-200: #7FD2C7;
  --color-tint-green-100: #BFE8E3;
  --color-tint-green-50: #E9F7F5;
  --color-tint-purple-600: #110E25;
  --color-tint-purple-500: #221D4B;
  --color-tint-purple-400: #332C71;
  --color-tint-purple-300: #736CB1;
  --color-tint-purple-200: #A29DCB;
  --color-tint-purple-100: #D0CEE5;
  --color-tint-purple-50: #EFEEF6;
  --color-tint-orange-600: #3E2300;
  --color-tint-orange-500: #7D4600;
  --color-tint-orange-400: #BC6900;
  --color-tint-orange-300: #FB8C00;
  --color-tint-orange-200: #FCA83F;
  --color-tint-orange-100: #FDC57F;
  --color-tint-orange-50: #FEE2BF;
  --color-tint-red-600: #390E0D;
  --color-tint-red-500: #721C1A;
  --color-tint-red-400: #AB2A27;
  --color-tint-red-300: #E53935;
  --color-tint-red-200: #EB6A67;
  --color-tint-red-100: #F29C9A;
  --color-tint-red-50: #F8CDCC;
  --color-text-default: #1C1C1E;
  --color-text-primary: ;
  --color-text-secondary: ;
  --color-text-red: ;
  --color-text-grey: ;
  --color-text-white: #ffffff;
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;
  --radius-huge: 20px;
  --radius-enormous: 44px;
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-base: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.06) inset;
  --text-size-xs: 0.75rem;
  --text-size-sm: 0.875rem;
  --text-size-base: 1rem;
  --text-size-lg: 1.125rem;
  --text-size-xl: 1.25rem;
  --text-size-2xl: 1.5rem;
  --text-size-3xl: 2rem;
  --text-size-4xl: 2.25rem;
  --text-size-5xl: 3rem;
  --text-size-6xl: 3.75rem;
  --text-size-7xl: 4.5rem;
  --text-size-8xl: 6rem;
  --text-size-9xl: 8rem;
  --text-size-mb-xs: 0.75rem;
  --text-size-mb-sm: 0.875rem;
  --text-size-mb-base: 1rem;
  --text-size-mb-lg: 1.0625rem;
  --text-size-mb-xl: 1.1875rem;
  --text-size-mb-2xl: 1.375rem;
  --text-size-mb-3xl: 1.625rem;
  --text-size-mb-4xl: 1.875rem;
  --text-size-mb-5xl: 2.125rem;
  --text-size-mb-6xl: 2.5rem;
  --text-size-mb-7xl: 3rem;
  --text-size-mb-8xl: 3.5rem;
  --text-size-mb-9xl: 4rem;
  --leading-none: 1;
  --leading-4: 1rem;
  --leading-5: 1.25rem;
  --leading-6: 1.5rem;
  --leading-7: 1.75rem;
  --leading-8: 2rem;
  --leading-9: 2.25rem;
  --leading-10: 2.5rem;
  --container-width-screen: 2560px;
  --container-width-full: 1543px;
  --container-width-xlarge: 1444px;
  --container-width-large: 1392px;
  --container-width-medium: 1040px;
  --container-width-small: 864px;
  --container-width-text: 688px;
  --container-width-default: 1360px;
  --color-link: var(--color-blue);
  --color-hover-link: blue;
  --color-block-link-item: var(--color-warm);
  --image-text-gap: 64px;
  --text-max-width: 424px;
  --image-max-width: 524px;
  --highlight-height: 370px;
  --alert-background: var(--color-blue);
  --alert-text-color: var(--color-white);
  --index-banner: 100;
  --index-header: 200;
  --index-mobile-menu: 300;
  --blockquote-color: var(--color-green);
  --blockquote-background: var(--color-grey);
  --menu-toggle-color: #FFF;
}

@media screen and (max-width: 640px) {
  :root {
    --container-padding: 40px;
  }
}

@font-face {
  font-family: "icomoon";
  src: url("../typography/icons/fonts/icomoon.eot?656xyn");
  src: url("../typography/icons/fonts/icomoon.eot?656xyn#iefix") format("embedded-opentype"), url("../typography/icons/fonts/icomoon.ttf?656xyn") format("truetype"), url("../typography/icons/fonts/icomoon.woff?656xyn") format("woff"), url("../typography/icons/fonts/icomoon.svg?656xyn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-insta:before {
  content: "\ea05";
}

.icon-instagram:before {
  content: "\ea06";
}

.icon-academic-cap:before {
  content: "\ea7b";
}

.icon-adjustments:before {
  content: "\ea7c";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-arrows-expand:before {
  content: "\ea8b";
}

.icon-at-symbol:before {
  content: "\ea8c";
}

.icon-backspace:before {
  content: "\ea8d";
}

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

.icon-ban:before {
  content: "\ea8f";
}

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

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

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

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

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

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

.icon-cake:before {
  content: "\ea96";
}

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

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

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

.icon-cash:before {
  content: "\ea9a";
}

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

.icon-chart-pie:before {
  content: "\ea9c";
}

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

.icon-chat-alt-2:before {
  content: "\ea9e";
}

.icon-chat-alt:before {
  content: "\ea9f";
}

.icon-chat:before {
  content: "\eaa0";
}

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

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

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

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

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

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

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

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

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

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

.icon-chip:before {
  content: "\eaab";
}

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

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

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

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

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

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

.icon-cloud-upload:before {
  content: "\eab2";
}

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

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

.icon-cog:before {
  content: "\eab5";
}

.icon-collection:before {
  content: "\eab6";
}

.icon-color-swatch:before {
  content: "\eab7";
}

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

.icon-cube-transparent:before {
  content: "\eab9";
}

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

.icon-currency-bangladeshi:before {
  content: "\eabb";
}

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

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

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

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

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

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

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

.icon-desktop-computer:before {
  content: "\eac3";
}

.icon-device-mobile:before {
  content: "\eac4";
}

.icon-device-tablet:before {
  content: "\eac5";
}

.icon-document-add:before {
  content: "\eac6";
}

.icon-document-download:before {
  content: "\eac7";
}

.icon-document-duplicate:before {
  content: "\eac8";
}

.icon-document-remove:before {
  content: "\eac9";
}

.icon-document-report:before {
  content: "\eaca";
}

.icon-document-search:before {
  content: "\eacb";
}

.icon-document-text:before {
  content: "\eacc";
}

.icon-document:before {
  content: "\eacd";
}

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

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

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

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

.icon-duplicate:before {
  content: "\ead2";
}

.icon-emoji-happy:before {
  content: "\ead3";
}

.icon-emoji-sad:before {
  content: "\ead4";
}

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

.icon-exclamation:before {
  content: "\ead6";
}

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

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

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

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

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

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

.icon-finger-print:before {
  content: "\eadd";
}

.icon-fire:before {
  content: "\eade";
}

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

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

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

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

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

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

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

.icon-globe-alt:before {
  content: "\eae6";
}

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

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

.icon-hashtag:before {
  content: "\eae9";
}

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

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

.icon-identification:before {
  content: "\eaec";
}

.icon-inbox-in:before {
  content: "\eaed";
}

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

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

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

.icon-library:before {
  content: "\eaf1";
}

.icon-light-bulb:before {
  content: "\eaf2";
}

.icon-lightning-bolt:before {
  content: "\eaf3";
}

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

.icon-location-marker:before {
  content: "\eaf5";
}

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

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

.icon-login:before {
  content: "\eaf8";
}

.icon-logout:before {
  content: "\eaf9";
}

.icon-mail-open:before {
  content: "\eafa";
}

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

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

.icon-menu-alt-1:before {
  content: "\eafd";
}

.icon-menu-alt-2:before {
  content: "\eafe";
}

.icon-menu-alt-3:before {
  content: "\eaff";
}

.icon-menu-alt-4:before {
  content: "\eb00";
}

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

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

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

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

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

.icon-music-note:before {
  content: "\eb06";
}

.icon-newspaper:before {
  content: "\eb07";
}

.icon-office-building:before {
  content: "\eb08";
}

.icon-paper-airplane:before {
  content: "\eb09";
}

.icon-paper-clip:before {
  content: "\eb0a";
}

.icon-pause:before {
  content: "\eb0b";
}

.icon-pencil-alt:before {
  content: "\eb0c";
}

.icon-pencil:before {
  content: "\eb0d";
}

.icon-phone-incoming:before {
  content: "\eb0e";
}

.icon-phone-missed-call:before {
  content: "\eb0f";
}

.icon-phone-outgoing:before {
  content: "\eb10";
}

.icon-phone:before {
  content: "\eb11";
}

.icon-photograph:before {
  content: "\eb12";
}

.icon-play:before {
  content: "\eb13";
}

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

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

.icon-presentation-chart-bar:before {
  content: "\eb16";
}

.icon-presentation-chart-line:before {
  content: "\eb17";
}

.icon-printer:before {
  content: "\eb18";
}

.icon-puzzle:before {
  content: "\eb19";
}

.icon-qrcode:before {
  content: "\eb1a";
}

.icon-question-mark-circle:before {
  content: "\eb1b";
}

.icon-receipt-refund:before {
  content: "\eb1c";
}

.icon-receipt-tax:before {
  content: "\eb1d";
}

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

.icon-reply:before {
  content: "\eb1f";
}

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

.icon-rss:before {
  content: "\eb21";
}

.icon-save-as:before {
  content: "\eb22";
}

.icon-save:before {
  content: "\eb23";
}

.icon-scale:before {
  content: "\eb24";
}

.icon-scissors:before {
  content: "\eb25";
}

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

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

.icon-selector:before {
  content: "\eb28";
}

.icon-server:before {
  content: "\eb29";
}

.icon-share:before {
  content: "\eb2a";
}

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

.icon-shield-exclamation:before {
  content: "\eb2c";
}

.icon-shopping-bag:before {
  content: "\eb2d";
}

.icon-shopping-cart:before {
  content: "\eb2e";
}

.icon-sort-ascending:before {
  content: "\eb2f";
}

.icon-sort-descending:before {
  content: "\eb30";
}

.icon-sparkles:before {
  content: "\eb31";
}

.icon-speakerphone:before {
  content: "\eb32";
}

.icon-star:before {
  content: "\eb33";
}

.icon-status-offline:before {
  content: "\eb34";
}

.icon-status-online:before {
  content: "\eb35";
}

.icon-stop:before {
  content: "\eb36";
}

.icon-sun:before {
  content: "\eb37";
}

.icon-support:before {
  content: "\eb38";
}

.icon-switch-horizontal:before {
  content: "\eb39";
}

.icon-switch-vertical:before {
  content: "\eb3a";
}

.icon-table:before {
  content: "\eb3b";
}

.icon-tag:before {
  content: "\eb3c";
}

.icon-template:before {
  content: "\eb3d";
}

.icon-terminal:before {
  content: "\eb3e";
}

.icon-thumb-down:before {
  content: "\eb3f";
}

.icon-thumb-up:before {
  content: "\eb40";
}

.icon-ticket:before {
  content: "\eb41";
}

.icon-translate:before {
  content: "\eb42";
}

.icon-trash:before {
  content: "\eb43";
}

.icon-trending-down:before {
  content: "\eb44";
}

.icon-trending-up:before {
  content: "\eb45";
}

.icon-truck:before {
  content: "\eb46";
}

.icon-upload:before {
  content: "\eb47";
}

.icon-user-add:before {
  content: "\eb48";
}

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

.icon-user-group:before {
  content: "\eb4a";
}

.icon-user-remove:before {
  content: "\eb4b";
}

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

.icon-users:before {
  content: "\eb4d";
}

.icon-variable:before {
  content: "\eb4e";
}

.icon-video-camera:before {
  content: "\eb4f";
}

.icon-view-boards:before {
  content: "\eb50";
}

.icon-view-grid-add:before {
  content: "\eb51";
}

.icon-view-grid:before {
  content: "\eb52";
}

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

.icon-volume-off:before {
  content: "\eb54";
}

.icon-volume-up:before {
  content: "\eb55";
}

.icon-wifi:before {
  content: "\eb56";
}

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

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

.icon-zoom-in:before {
  content: "\eb59";
}

.icon-zoom-out:before {
  content: "\eb5a";
}

.icon-academic-cap-fill:before {
  content: "\e900";
}

.icon-adjustments-horizontal-fill:before {
  content: "\e901";
}

.icon-adjustments-vertical-fill:before {
  content: "\e904";
}

.icon-archive-box-arrow-down-fill:before {
  content: "\e905";
}

.icon-archive-box-x-mark-fill:before {
  content: "\e906";
}

.icon-archive-box-fill:before {
  content: "\e907";
}

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

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

.icon-arrow-down-on-square-stack-fill:before {
  content: "\e90a";
}

.icon-arrow-down-on-square-fill:before {
  content: "\e90b";
}

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

.icon-arrow-down-tray-fill:before {
  content: "\e90d";
}

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

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

.icon-arrow-left-end-on-rectangle-fill:before {
  content: "\e910";
}

.icon-arrow-left-on-rectangle-fill:before {
  content: "\e911";
}

.icon-arrow-left-start-on-rectangle-fill:before {
  content: "\e912";
}

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

.icon-arrow-long-down-fill:before {
  content: "\e914";
}

.icon-arrow-long-left-fill:before {
  content: "\e915";
}

.icon-arrow-long-right-fill:before {
  content: "\e916";
}

.icon-arrow-long-up-fill:before {
  content: "\e917";
}

.icon-arrow-path-rounded-square-fill:before {
  content: "\e918";
}

.icon-arrow-path-fill:before {
  content: "\e919";
}

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

.icon-arrow-right-end-on-rectangle-fill:before {
  content: "\e91b";
}

.icon-arrow-right-on-rectangle-fill:before {
  content: "\e91c";
}

.icon-arrow-right-start-on-rectangle-fill:before {
  content: "\e91d";
}

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

.icon-arrow-small-down-fill:before {
  content: "\e91f";
}

.icon-arrow-small-left-fill:before {
  content: "\e920";
}

.icon-arrow-small-right-fill:before {
  content: "\e921";
}

.icon-arrow-small-up-fill:before {
  content: "\e922";
}

.icon-arrow-top-right-on-square-fill:before {
  content: "\e902";
}

.icon-arrow-trending-down-fill:before {
  content: "\e923";
}

.icon-arrow-trending-up-fill:before {
  content: "\e924";
}

.icon-arrow-turn-down-left-fill:before {
  content: "\e925";
}

.icon-arrow-turn-down-right-fill:before {
  content: "\e926";
}

.icon-arrow-turn-left-down-fill:before {
  content: "\e927";
}

.icon-arrow-turn-left-up-fill:before {
  content: "\e928";
}

.icon-arrow-turn-right-down-fill:before {
  content: "\e929";
}

.icon-arrow-turn-right-up-fill:before {
  content: "\e92a";
}

.icon-arrow-turn-up-left-fill:before {
  content: "\e92b";
}

.icon-arrow-turn-up-right-fill:before {
  content: "\e92c";
}

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

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

.icon-arrow-up-on-square-stack-fill:before {
  content: "\e92f";
}

.icon-arrow-up-on-square-fill:before {
  content: "\e930";
}

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

.icon-arrow-up-tray-fill:before {
  content: "\e932";
}

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

.icon-arrow-uturn-down-fill:before {
  content: "\e934";
}

.icon-arrow-uturn-left-fill:before {
  content: "\e935";
}

.icon-arrow-uturn-right-fill:before {
  content: "\e936";
}

.icon-arrow-uturn-up-fill:before {
  content: "\e937";
}

.icon-arrows-pointing-in-fill:before {
  content: "\e938";
}

.icon-arrows-pointing-out-fill:before {
  content: "\e939";
}

.icon-arrows-right-left-fill:before {
  content: "\e93a";
}

.icon-arrows-up-down-fill:before {
  content: "\e93b";
}

.icon-at-symbol-fill:before {
  content: "\e93c";
}

.icon-backspace-fill:before {
  content: "\e93d";
}

.icon-backward-fill:before {
  content: "\e93e";
}

.icon-banknotes-fill:before {
  content: "\e93f";
}

.icon-bars-2-fill:before {
  content: "\e940";
}

.icon-bars-3-bottom-left-fill:before {
  content: "\e941";
}

.icon-bars-3-bottom-right-fill:before {
  content: "\e942";
}

.icon-bars-3-center-left-fill:before {
  content: "\e943";
}

.icon-bars-3-fill:before {
  content: "\e944";
}

.icon-bars-4-fill:before {
  content: "\e945";
}

.icon-bars-arrow-down-fill:before {
  content: "\e946";
}

.icon-bars-arrow-up-fill:before {
  content: "\e947";
}

.icon-battery-0-fill:before {
  content: "\e948";
}

.icon-battery-50-fill:before {
  content: "\e949";
}

.icon-battery-100-fill:before {
  content: "\e94a";
}

.icon-beaker-fill:before {
  content: "\e94b";
}

.icon-bell-alert-fill:before {
  content: "\e94c";
}

.icon-bell-slash-fill:before {
  content: "\e94d";
}

.icon-bell-snooze-fill:before {
  content: "\e94e";
}

.icon-bell-fill:before {
  content: "\e94f";
}

.icon-bold-fill:before {
  content: "\e950";
}

.icon-bolt-slash-fill:before {
  content: "\e951";
}

.icon-bolt-fill:before {
  content: "\e952";
}

.icon-book-open-fill:before {
  content: "\e953";
}

.icon-bookmark-slash-fill:before {
  content: "\e954";
}

.icon-bookmark-square-fill:before {
  content: "\e955";
}

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

.icon-briefcase-fill:before {
  content: "\e957";
}

.icon-bug-ant-fill:before {
  content: "\e958";
}

.icon-building-library-fill:before {
  content: "\e959";
}

.icon-building-office-2-fill:before {
  content: "\e95a";
}

.icon-building-office-fill:before {
  content: "\e95b";
}

.icon-building-storefront-fill:before {
  content: "\e95c";
}

.icon-cake-fill:before {
  content: "\e95d";
}

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

.icon-calendar-date-range-fill:before {
  content: "\e95f";
}

.icon-calendar-days-fill:before {
  content: "\e960";
}

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

.icon-camera-fill:before {
  content: "\e962";
}

.icon-chart-bar-square-fill:before {
  content: "\e963";
}

.icon-chart-bar-fill:before {
  content: "\e964";
}

.icon-chart-pie-fill:before {
  content: "\e965";
}

.icon-chat-bubble-bottom-center-text-fill:before {
  content: "\e966";
}

.icon-chat-bubble-bottom-center-fill:before {
  content: "\e967";
}

.icon-chat-bubble-left-ellipsis-fill:before {
  content: "\e968";
}

.icon-chat-bubble-left-right-fill:before {
  content: "\e969";
}

.icon-chat-bubble-left-fill:before {
  content: "\e96a";
}

.icon-chat-bubble-oval-left-ellipsis-fill:before {
  content: "\e96b";
}

.icon-chat-bubble-oval-left-fill:before {
  content: "\e96c";
}

.icon-check-badge-fill:before {
  content: "\e96d";
}

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

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

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

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

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

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

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

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

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

.icon-chevron-up-down-fill:before {
  content: "\e977";
}

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

.icon-circle-stack-fill:before {
  content: "\e979";
}

.icon-clipboard-document-check-fill:before {
  content: "\e97a";
}

.icon-clipboard-document-list-fill:before {
  content: "\e97b";
}

.icon-clipboard-document-fill:before {
  content: "\e97c";
}

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

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

.icon-cloud-arrow-down-fill:before {
  content: "\e97f";
}

.icon-cloud-arrow-up-fill:before {
  content: "\e980";
}

.icon-cloud-fill:before {
  content: "\e981";
}

.icon-code-bracket-square-fill:before {
  content: "\e982";
}

.icon-code-bracket-fill:before {
  content: "\e983";
}

.icon-cog-6-tooth-fill:before {
  content: "\e984";
}

.icon-cog-8-tooth-fill:before {
  content: "\e985";
}

.icon-cog-fill:before {
  content: "\e986";
}

.icon-command-line-fill:before {
  content: "\e987";
}

.icon-computer-desktop-fill:before {
  content: "\e988";
}

.icon-cpu-chip-fill:before {
  content: "\e989";
}

.icon-credit-card-fill:before {
  content: "\e98a";
}

.icon-cube-transparent-fill:before {
  content: "\e98b";
}

.icon-cube-fill:before {
  content: "\e98c";
}

.icon-currency-bangladeshi-fill:before {
  content: "\e98d";
}

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

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

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

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

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

.icon-cursor-arrow-rays-fill:before {
  content: "\e993";
}

.icon-cursor-arrow-ripple-fill:before {
  content: "\e994";
}

.icon-device-phone-mobile-fill:before {
  content: "\e995";
}

.icon-device-tablet-fill:before {
  content: "\e996";
}

.icon-divide-fill:before {
  content: "\e997";
}

.icon-document-arrow-down-fill:before {
  content: "\e998";
}

.icon-document-arrow-up-fill:before {
  content: "\e999";
}

.icon-document-chart-bar-fill:before {
  content: "\e99a";
}

.icon-document-check-fill:before {
  content: "\e99b";
}

.icon-document-currency-bangladeshi-fill:before {
  content: "\e99c";
}

.icon-document-currency-dollar-fill:before {
  content: "\e99d";
}

.icon-document-currency-euro-fill:before {
  content: "\e99e";
}

.icon-document-currency-pound-fill:before {
  content: "\e99f";
}

.icon-document-currency-rupee-fill:before {
  content: "\e9a0";
}

.icon-document-currency-yen-fill:before {
  content: "\e9a1";
}

.icon-document-duplicate-fill:before {
  content: "\e9a2";
}

.icon-document-magnifying-glass-fill:before {
  content: "\e9a3";
}

.icon-document-minus-fill:before {
  content: "\e9a4";
}

.icon-document-plus-fill:before {
  content: "\e9a5";
}

.icon-document-text-fill:before {
  content: "\e9a6";
}

.icon-document-fill:before {
  content: "\e9a7";
}

.icon-ellipsis-horizontal-circle-fill:before {
  content: "\e9a8";
}

.icon-ellipsis-horizontal-fill:before {
  content: "\e9a9";
}

.icon-ellipsis-vertical-fill:before {
  content: "\e9aa";
}

.icon-envelope-open-fill:before {
  content: "\e9ab";
}

.icon-envelope-fill:before {
  content: "\e9ac";
}

.icon-equals-fill:before {
  content: "\e9ad";
}

.icon-exclamation-circle-fill:before {
  content: "\e9ae";
}

.icon-exclamation-triangle-fill:before {
  content: "\e9af";
}

.icon-eye-dropper-fill:before {
  content: "\e9b0";
}

.icon-eye-slash-fill:before {
  content: "\e9b1";
}

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

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

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

.icon-film-fill:before {
  content: "\e9b5";
}

.icon-finger-print-fill:before {
  content: "\e9b6";
}

.icon-fire-fill:before {
  content: "\e9b7";
}

.icon-flag-fill:before {
  content: "\e9b8";
}

.icon-folder-arrow-down-fill:before {
  content: "\e9b9";
}

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

.icon-folder-open-fill:before {
  content: "\e9bb";
}

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

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

.icon-forward-fill:before {
  content: "\e9be";
}

.icon-funnel-fill:before {
  content: "\e9bf";
}

.icon-gif-fill:before {
  content: "\e9c0";
}

.icon-gift-top-fill:before {
  content: "\e9c1";
}

.icon-gift-fill:before {
  content: "\e9c2";
}

.icon-globe-alt-fill:before {
  content: "\e9c3";
}

.icon-globe-americas-fill:before {
  content: "\e9c4";
}

.icon-globe-asia-australia-fill:before {
  content: "\e9c5";
}

.icon-globe-europe-africa-fill:before {
  content: "\e9c6";
}

.icon-h1-fill:before {
  content: "\e9c7";
}

.icon-h2-fill:before {
  content: "\e9c8";
}

.icon-h3-fill:before {
  content: "\e9c9";
}

.icon-hand-raised-fill:before {
  content: "\e9ca";
}

.icon-hand-thumb-down-fill:before {
  content: "\e9cb";
}

.icon-hand-thumb-up-fill:before {
  content: "\e9cc";
}

.icon-hashtag-fill:before {
  content: "\e9cd";
}

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

.icon-home-modern-fill:before {
  content: "\e9cf";
}

.icon-home-fill:before {
  content: "\e9d0";
}

.icon-identification-fill:before {
  content: "\e9d1";
}

.icon-inbox-arrow-down-fill:before {
  content: "\e9d2";
}

.icon-inbox-stack-fill:before {
  content: "\e9d3";
}

.icon-inbox-fill:before {
  content: "\e9d4";
}

.icon-information-circle-fill:before {
  content: "\e9d5";
}

.icon-italic-fill:before {
  content: "\e9d6";
}

.icon-key-fill:before {
  content: "\e9d7";
}

.icon-language-fill:before {
  content: "\e9d8";
}

.icon-lifebuoy-fill:before {
  content: "\e9d9";
}

.icon-light-bulb-fill:before {
  content: "\e9da";
}

.icon-link-slash-fill:before {
  content: "\e9db";
}

.icon-link-fill:before {
  content: "\e9dc";
}

.icon-list-bullet-fill:before {
  content: "\e9dd";
}

.icon-lock-closed-fill:before {
  content: "\e9de";
}

.icon-lock-open-fill:before {
  content: "\e9df";
}

.icon-magnifying-glass-circle-fill:before {
  content: "\e9e0";
}

.icon-magnifying-glass-minus-fill:before {
  content: "\e9e1";
}

.icon-magnifying-glass-plus-fill:before {
  content: "\e9e2";
}

.icon-magnifying-glass-fill:before {
  content: "\e9e3";
}

.icon-map-pin-fill:before {
  content: "\e9e4";
}

.icon-map-fill:before {
  content: "\e9e5";
}

.icon-megaphone-fill:before {
  content: "\e9e6";
}

.icon-microphone-fill:before {
  content: "\e9e7";
}

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

.icon-minus-small-fill:before {
  content: "\e9e9";
}

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

.icon-moon-fill:before {
  content: "\e9eb";
}

.icon-musical-note-fill:before {
  content: "\e9ec";
}

.icon-newspaper-fill:before {
  content: "\e9ed";
}

.icon-no-symbol-fill:before {
  content: "\e9ee";
}

.icon-numbered-list-fill:before {
  content: "\e9ef";
}

.icon-paint-brush-fill:before {
  content: "\e9f0";
}

.icon-paper-airplane-fill:before {
  content: "\e9f1";
}

.icon-paper-clip-fill:before {
  content: "\e9f2";
}

.icon-pause-circle-fill:before {
  content: "\e9f3";
}

.icon-pause-fill:before {
  content: "\e9f4";
}

.icon-pencil-square-fill:before {
  content: "\e9f5";
}

.icon-pencil-fill:before {
  content: "\e9f6";
}

.icon-percent-badge-fill:before {
  content: "\e9f7";
}

.icon-phone-arrow-down-left-fill:before {
  content: "\e9f8";
}

.icon-phone-arrow-up-right-fill:before {
  content: "\e9f9";
}

.icon-phone-x-mark-fill:before {
  content: "\e9fa";
}

.icon-phone-fill:before {
  content: "\e9fb";
}

.icon-photo-fill:before {
  content: "\e9fc";
}

.icon-play-circle-fill:before {
  content: "\e9fd";
}

.icon-play-pause-fill:before {
  content: "\e9fe";
}

.icon-play-fill:before {
  content: "\e9ff";
}

.icon-plus-circle-fill:before {
  content: "\ea00";
}

.icon-plus-small-fill:before {
  content: "\ea01";
}

.icon-plus-fill:before {
  content: "\ea02";
}

.icon-power-fill:before {
  content: "\ea03";
}

.icon-presentation-chart-bar-fill:before {
  content: "\ea04";
}

.icon-presentation-chart-line-fill:before {
  content: "\ea07";
}

.icon-printer-fill:before {
  content: "\ea08";
}

.icon-puzzle-piece-fill:before {
  content: "\ea09";
}

.icon-qr-code-fill:before {
  content: "\ea0a";
}

.icon-question-mark-circle-fill:before {
  content: "\ea0b";
}

.icon-queue-list-fill:before {
  content: "\ea0c";
}

.icon-radio-fill:before {
  content: "\ea0d";
}

.icon-receipt-percent-fill:before {
  content: "\ea0e";
}

.icon-receipt-refund-fill:before {
  content: "\ea0f";
}

.icon-rectangle-group-fill:before {
  content: "\ea10";
}

.icon-rectangle-stack-fill:before {
  content: "\ea11";
}

.icon-rocket-launch-fill:before {
  content: "\ea12";
}

.icon-rss-fill:before {
  content: "\ea13";
}

.icon-scale-fill:before {
  content: "\ea14";
}

.icon-scissors-fill:before {
  content: "\ea15";
}

.icon-server-stack-fill:before {
  content: "\ea16";
}

.icon-server-fill-fill:before {
  content: "\ea17";
}

.icon-share-fill:before {
  content: "\ea18";
}

.icon-shield-check-fill:before {
  content: "\ea19";
}

.icon-shield-exclamation-fill:before {
  content: "\ea1a";
}

.icon-shopping-bag-fill:before {
  content: "\ea1b";
}

.icon-shopping-cart-fill:before {
  content: "\ea1c";
}

.icon-signal-slash-fill:before {
  content: "\ea1d";
}

.icon-signal-fill:before {
  content: "\ea1e";
}

.icon-slash-fill:before {
  content: "\ea1f";
}

.icon-sparkles-fill:before {
  content: "\ea20";
}

.icon-speaker-wave-fill:before {
  content: "\ea21";
}

.icon-speaker-x-mark-fill:before {
  content: "\ea22";
}

.icon-square-2-stack-fill:before {
  content: "\ea23";
}

.icon-square-3-stack-3d-fill:before {
  content: "\ea24";
}

.icon-squares-2x2-fill:before {
  content: "\ea25";
}

.icon-squares-plus-fill:before {
  content: "\ea26";
}

.icon-star-fill:before {
  content: "\ea27";
}

.icon-stop-circle-fill:before {
  content: "\ea28";
}

.icon-stop-fill:before {
  content: "\ea29";
}

.icon-strikethrough-fill:before {
  content: "\ea2a";
}

.icon-sun-fill:before {
  content: "\ea2b";
}

.icon-tag-fill:before {
  content: "\ea2e";
}

.icon-ticket-fill:before {
  content: "\ea2f";
}

.icon-trash-fill:before {
  content: "\ea30";
}

.icon-trophy-fill:before {
  content: "\ea31";
}

.icon-truck-fill:before {
  content: "\ea32";
}

.icon-tv-fill:before {
  content: "\ea33";
}

.icon-underline-fill:before {
  content: "\ea34";
}

.icon-user-circle-fill:before {
  content: "\ea35";
}

.icon-user-group-fill:before {
  content: "\ea36";
}

.icon-user-minus-fill:before {
  content: "\ea37";
}

.icon-user-plus-fill:before {
  content: "\ea38";
}

.icon-user-fill:before {
  content: "\ea39";
}

.icon-users-fill:before {
  content: "\ea3a";
}

.icon-variable-fill:before {
  content: "\ea3b";
}

.icon-video-camera-slash-fill:before {
  content: "\ea3c";
}

.icon-video-camera-fill:before {
  content: "\ea3d";
}

.icon-view-columns-fill:before {
  content: "\ea3e";
}

.icon-viewfinder-circle-fill:before {
  content: "\ea3f";
}

.icon-wallet-fill:before {
  content: "\ea40";
}

.icon-wifi-fill:before {
  content: "\ea41";
}

.icon-window-fill:before {
  content: "\ea42";
}

.icon-wrench-screwdriver-fill:before {
  content: "\ea43";
}

.icon-wrench-fill:before {
  content: "\ea44";
}

.icon-x-circle-fill:before {
  content: "\ea45";
}

.icon-x-mark-fill:before {
  content: "\ea46";
}

.icon-ambulance-siren-1-fill:before {
  content: "\e903";
}

.icon-beat-fill:before {
  content: "\ea48";
}

.icon-bone-cracked-fill:before {
  content: "\ea49";
}

.icon-bone-fill:before {
  content: "\ea4a";
}

.icon-brain-1-fill:before {
  content: "\ea4b";
}

.icon-cannula-fill:before {
  content: "\ea4c";
}

.icon-capsule-1-fill:before {
  content: "\ea4d";
}

.icon-capsule-2-fill:before {
  content: "\ea4e";
}

.icon-capsule-3-fill:before {
  content: "\ea4f";
}

.icon-capsule-tablet-fill:before {
  content: "\ea50";
}

.icon-capsules-fill:before {
  content: "\ea51";
}

.icon-chest-fill:before {
  content: "\ea52";
}

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

.icon-clipboard-prescription-fill:before {
  content: "\ea54";
}

.icon-clipboard-text-fill:before {
  content: "\ea55";
}

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

.icon-device-beat-fill:before {
  content: "\ea57";
}

.icon-dna-1-fill:before {
  content: "\ea58";
}

.icon-dna-2-fill:before {
  content: "\ea59";
}

.icon-dropper-2-fill:before {
  content: "\ea5a";
}

.icon-eye-check-circle-fill:before {
  content: "\ea5b";
}

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

.icon-female-square-fill:before {
  content: "\ea5d";
}

.icon-female-fill:before {
  content: "\ea5e";
}

.btn-primary-dark-blue-small {
  background-color: #07284C;
  color: #BFE8E3;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 4px;
}

.btn-primary-dark-blue-small:hover {
  background-color: #051E39;
  color: #BFE8E3;
}

.btn-primary-dark-blue-small:active {
  background-color: #031426;
  color: #BFE8E3;
}

.btn-primary-dark-blue-small:focus {
  outline: 2px solid #7FD2C7;
  background-color: #07284C;
  color: #BFE8E3;
}

.btn-primary-dark-blue-small.inactive, .btn-primary-dark-blue-small:disabled {
  background-color: #C1C9D2;
  color: #051E39;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-dark-blue {
  background-color: #07284C;
  color: #BFE8E3;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 10px;
}

.btn-primary-dark-blue:hover {
  background-color: #051E39;
  color: #BFE8E3;
}

.btn-primary-dark-blue:active {
  background-color: #031426;
  color: #BFE8E3;
}

.btn-primary-dark-blue:focus {
  outline: 2px solid #7FD2C7;
  background-color: #07284C;
  color: #BFE8E3;
}

.btn-primary-dark-blue.inactive, .btn-primary-dark-blue:disabled {
  background-color: #C1C9D2;
  color: #051E39;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-dark-blue-large {
  background-color: #07284C;
  color: #BFE8E3;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 12px 10px;
}

.btn-primary-dark-blue-large:hover {
  background-color: #051E39;
  color: #BFE8E3;
}

.btn-primary-dark-blue-large:active {
  background-color: #031426;
  color: #BFE8E3;
}

.btn-primary-dark-blue-large:focus {
  outline: 2px solid #7FD2C7;
  background-color: #07284C;
  color: #BFE8E3;
}

.btn-primary-dark-blue-large.inactive, .btn-primary-dark-blue-large:disabled {
  background-color: #C1C9D2;
  color: #051E39;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-small {
  background-color: #07284C;
  color: #BFE8E3;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 4px;
}

.btn-primary-small:hover {
  background-color: #051E39;
  color: #BFE8E3;
}

.btn-primary-small:active {
  background-color: #031426;
  color: #BFE8E3;
}

.btn-primary-small:focus {
  outline: 2px solid #7FD2C7;
  background-color: #07284C;
  color: #BFE8E3;
}

.btn-primary-small.inactive, .btn-primary-small:disabled {
  background-color: #C1C9D2;
  color: #051E39;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary {
  background-color: #07284C;
  color: #BFE8E3;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 10px;
}

.btn-primary:hover {
  background-color: #051E39;
  color: #BFE8E3;
}

.btn-primary:active {
  background-color: #031426;
  color: #BFE8E3;
}

.btn-primary:focus {
  outline: 2px solid #7FD2C7;
  background-color: #07284C;
  color: #BFE8E3;
}

.btn-primary.inactive, .btn-primary:disabled {
  background-color: #C1C9D2;
  color: #051E39;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-large {
  background-color: #07284C;
  color: #BFE8E3;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 12px 10px;
}

.btn-primary-large:hover {
  background-color: #051E39;
  color: #BFE8E3;
}

.btn-primary-large:active {
  background-color: #031426;
  color: #BFE8E3;
}

.btn-primary-large:focus {
  outline: 2px solid #7FD2C7;
  background-color: #07284C;
  color: #BFE8E3;
}

.btn-primary-large.inactive, .btn-primary-large:disabled {
  background-color: #C1C9D2;
  color: #051E39;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-green-small {
  background-color: #00A690;
  color: #051E39;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 4px;
}

.btn-primary-green-small:hover {
  background-color: #007C6C;
  color: #E9F7F5;
}

.btn-primary-green-small:active {
  background-color: #005348;
  color: #E9F7F5;
}

.btn-primary-green-small:focus {
  outline: 2px solid #7FD2C7;
  background-color: #00A690;
  color: #051E39;
}

.btn-primary-green-small.inactive, .btn-primary-green-small:disabled {
  background-color: #EAEDF0;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-green {
  background-color: #00A690;
  color: #051E39;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 10px;
}

.btn-primary-green:hover {
  background-color: #007C6C;
  color: #E9F7F5;
}

.btn-primary-green:active {
  background-color: #005348;
  color: #E9F7F5;
}

.btn-primary-green:focus {
  outline: 2px solid #7FD2C7;
  background-color: #00A690;
  color: #051E39;
}

.btn-primary-green.inactive, .btn-primary-green:disabled {
  background-color: #EAEDF0;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-primary-green-large {
  background-color: #00A690;
  color: #051E39;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 12px 10px;
}

.btn-primary-green-large:hover {
  background-color: #007C6C;
  color: #E9F7F5;
}

.btn-primary-green-large:active {
  background-color: #005348;
  color: #E9F7F5;
}

.btn-primary-green-large:focus {
  outline: 2px solid #7FD2C7;
  background-color: #00A690;
  color: #051E39;
}

.btn-primary-green-large.inactive, .btn-primary-green-large:disabled {
  background-color: #EAEDF0;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-secondary-small {
  background-color: #ffffff;
  color: #07284C;
  border: 1px solid #051E39;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 4px;
}

.btn-secondary-small:hover {
  background-color: #EAEDF0;
  color: #07284C;
}

.btn-secondary-small:active {
  background-color: #C1C9D2;
  color: #07284C;
}

.btn-secondary-small:focus {
  outline: 2px solid #7FD2C7;
  background-color: #002924;
  color: #07284C;
}

.btn-secondary-small.inactive, .btn-secondary-small:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-secondary {
  background-color: #ffffff;
  color: #07284C;
  border: 1px solid #051E39;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 10px;
}

.btn-secondary:hover {
  background-color: #EAEDF0;
  color: #07284C;
}

.btn-secondary:active {
  background-color: #C1C9D2;
  color: #07284C;
}

.btn-secondary:focus {
  outline: 2px solid #7FD2C7;
  background-color: #002924;
  color: #07284C;
}

.btn-secondary.inactive, .btn-secondary:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-secondary-large {
  background-color: #ffffff;
  color: #07284C;
  border: 1px solid #051E39;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 12px 10px;
}

.btn-secondary-large:hover {
  background-color: #EAEDF0;
  color: #07284C;
}

.btn-secondary-large:active {
  background-color: #C1C9D2;
  color: #07284C;
}

.btn-secondary-large:focus {
  outline: 2px solid #7FD2C7;
  background-color: #002924;
  color: #07284C;
}

.btn-secondary-large.inactive, .btn-secondary-large:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-tertiary-small {
  background-color: #ffffff;
  color: #07284C;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 4px;
}

.btn-tertiary-small:hover {
  background-color: #EAEDF0;
  color: #07284C;
}

.btn-tertiary-small:active {
  background-color: #C1C9D2;
  color: #07284C;
}

.btn-tertiary-small:focus {
  outline: 2px solid #7FD2C7;
  background-color: #ffffff;
  color: #07284C;
}

.btn-tertiary-small.inactive, .btn-tertiary-small:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-tertiary {
  background-color: #ffffff;
  color: #07284C;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 10px;
}

.btn-tertiary:hover {
  background-color: #EAEDF0;
  color: #07284C;
}

.btn-tertiary:active {
  background-color: #C1C9D2;
  color: #07284C;
}

.btn-tertiary:focus {
  outline: 2px solid #7FD2C7;
  background-color: #ffffff;
  color: #07284C;
}

.btn-tertiary.inactive, .btn-tertiary:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-tertiary-large {
  background-color: #ffffff;
  color: #07284C;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 12px 10px;
}

.btn-tertiary-large:hover {
  background-color: #EAEDF0;
  color: #07284C;
}

.btn-tertiary-large:active {
  background-color: #C1C9D2;
  color: #07284C;
}

.btn-tertiary-large:focus {
  outline: 2px solid #7FD2C7;
  background-color: #ffffff;
  color: #07284C;
}

.btn-tertiary-large.inactive, .btn-tertiary-large:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-negative-small {
  background-color: #ffffff;
  color: #721C1A;
  border: 1px solid #E53935;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 4px;
}

.btn-negative-small:hover {
  background-color: #FEF2F2;
  color: #721C1A;
}

.btn-negative-small:active {
  background-color: #FECACA;
  color: #721C1A;
}

.btn-negative-small:focus {
  outline: 2px solid #7FD2C7;
  background-color: #ffffff;
  color: #721C1A;
}

.btn-negative-small.inactive, .btn-negative-small:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-negative {
  background-color: #ffffff;
  color: #721C1A;
  border: 1px solid #E53935;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 10px;
}

.btn-negative:hover {
  background-color: #FEF2F2;
  color: #721C1A;
}

.btn-negative:active {
  background-color: #FECACA;
  color: #721C1A;
}

.btn-negative:focus {
  outline: 2px solid #7FD2C7;
  background-color: #ffffff;
  color: #721C1A;
}

.btn-negative.inactive, .btn-negative:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-negative-large {
  background-color: #ffffff;
  color: #721C1A;
  border: 1px solid #E53935;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 12px 10px;
}

.btn-negative-large:hover {
  background-color: #FEF2F2;
  color: #721C1A;
}

.btn-negative-large:active {
  background-color: #FECACA;
  color: #721C1A;
}

.btn-negative-large:focus {
  outline: 2px solid #7FD2C7;
  background-color: #ffffff;
  color: #721C1A;
}

.btn-negative-large.inactive, .btn-negative-large:disabled {
  background-color: #ffffff;
  color: #4B5768;
  cursor: not-allowed;
  opacity: 0.7;
}

/* reset input areas to default styles */
/* accessible version of display: none; */
/* TRANSFORM  */
/* TRANSFORM ORIGIN */
/* TRANSITION */
/* calculate ems */
/* calculate rems */
/**
* ==============================================
* RESET & NORMALIZATION
* ==============================================
* Ensures consistent default styles across
* different browsers by resetting styles.
*/
/**
 * @file
 * Generic base elements.
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  text-rendering: optimizeLegibility;
}

html {
  font-family: var(--font-sans);
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  scroll-behavior: smooth;
}

/* respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  margin: 0;
  max-width: 2560px;
  margin-inline: auto;
}

body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.text-content a:not([class*='btn']) {
  text-decoration: underline;
}

a:hover {
  color: var(--color-dark);
}

button {
  font-family: inherit;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

audio {
  display: block;
  max-width: 100%;
}

p {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

ul {
  -webkit-margin-before: 0.25em;
          margin-block-start: 0.25em;
  -webkit-margin-after: 0.25em;
          margin-block-end: 0.25em;
  -webkit-margin-start: 1.5em;
          margin-inline-start: 1.5em;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style-type: disc;
  list-style-image: none;
}

blockquote {
  font-size: 1.4em;
  font-style: italic;
  padding: 1.2em 30px 1.2em 75px;
  border-left: 8px solid var(--blockquote-color, inherit);
  line-height: 1.6;
  position: relative;
  background: var(--blockquote-background);
}

@media (max-width: 640px) {
  blockquote {
    margin-inline: 20px;
    padding: 1.2em 20px 1.2em 60px;
  }
}

blockquote:before {
  font-family: Arial;
  content: "\201C";
  color: var(--blockquote-color);
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px;
}

blockquote:after {
  content: '';
}

iframe {
  border: none;
}

.region--content {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.node__content {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

.hidden {
  display: none !important;
}

/**
* ==============================================
* GLOBAL STYLES
* ==============================================
* This section contains styles that apply to
* the entire project, including resets,
* base styles, and global elements.
*/
h2 {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: -0.0025em;
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: var(--text-size-mb-4xl, 1rem);
    font-weight: 500;
    line-height: 2.625rem;
  }
}

h3 {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: 500;
  line-height: 2.5rem;
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: var(--text-size-mb-3xl, 1rem);
    font-weight: 500;
    line-height: 2.25rem;
  }
}

h4 {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 500;
  line-height: 2rem;
}

@media screen and (max-width: 768px) {
  h4 {
    font-size: var(--text-size-mb-2xl, 1rem);
    font-weight: 500;
    line-height: 1.875rem;
  }
}

h5 {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 0.0015em;
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: var(--text-size-mb-xl, 1rem);
    font-weight: 500;
    line-height: 1.6875rem;
  }
}

h6 {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.0015em;
}

@media screen and (max-width: 768px) {
  h6 {
    font-size: var(--text-size-mb-lg, 1rem);
    font-weight: 500;
    line-height: 1.5rem;
  }
}

.label {
  /* Label/Label */
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 1.44px;
  text-transform: uppercase;
}

/**
  * ==============================================
  * Reusable UI COMPONENTS | Utilities
  * ==============================================
  * This section contains individual UI components
  * that can be used across the project.
  * Examples: Buttons, Modals, Cards, Forms, etc.
  */
.responsive-grid {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 400px;
  --views-responsive-grid--layout-gap: 40px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

/**
  * ==============================================
  * OTHER STYLES
  * ==============================================
  * This section contains miscellaneous styles
  * that don't fit into other categories.
  */
.grid {
  display: grid;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.gap-none {
  gap: 0px;
}

.gap-micro {
  gap: 16px;
}

.gap-tiny {
  gap: 24px;
}

.gap-small {
  gap: 32px;
}

.gap-normal {
  gap: 40px;
}

.gap-semi-medium {
  gap: 48px;
}

.gap-medium {
  gap: 64px;
}

.gap-large {
  gap: 72px;
}

.gap-huge {
  gap: 96px;
}

.gap-enormous {
  gap: 128px;
}

.gap-2xs {
  gap: 4px;
}

.gap-xs {
  gap: 8px;
}

.gap-s {
  gap: 12px;
}

.gap-m {
  gap: 16px;
}

.gap-l {
  gap: 20px;
}

.gap-xl {
  gap: 24px;
}

.gap-2xl {
  gap: 32px;
}

.gap-3xl {
  gap: 40px;
}

.gap-4xl {
  gap: 48px;
}

.gap-5xl {
  gap: 64px;
}

.gap-6xl {
  gap: 96px;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.items-space-between {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
}

.justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.items-space-around {
  -webkit-box-align: space-around;
      -ms-flex-align: space-around;
          align-items: space-around;
}

.justify-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.items-space-evenly {
  -webkit-box-align: space-evenly;
      -ms-flex-align: space-evenly;
          align-items: space-evenly;
}

.justify-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.justify-baseline {
  -webkit-box-pack: baseline;
      -ms-flex-pack: baseline;
          justify-content: baseline;
}

.m-none {
  margin: 0px;
}

.m-micro {
  margin: 16px;
}

.m-tiny {
  margin: 24px;
}

.m-small {
  margin: 32px;
}

.m-normal {
  margin: 40px;
}

.m-semi-medium {
  margin: 48px;
}

.m-medium {
  margin: 64px;
}

.m-large {
  margin: 72px;
}

.m-huge {
  margin: 96px;
}

.m-enormous {
  margin: 128px;
}

.m-2xs {
  margin: 4px;
}

.m-xs {
  margin: 8px;
}

.m-s {
  margin: 12px;
}

.m-m {
  margin: 16px;
}

.m-l {
  margin: 20px;
}

.m-xl {
  margin: 24px;
}

.m-2xl {
  margin: 32px;
}

.m-3xl {
  margin: 40px;
}

.m-4xl {
  margin: 48px;
}

.m-5xl {
  margin: 64px;
}

.m-6xl {
  margin: 96px;
}

.ml-none {
  margin-left: 0px;
}

.ml-micro {
  margin-left: 16px;
}

.ml-tiny {
  margin-left: 24px;
}

.ml-small {
  margin-left: 32px;
}

.ml-normal {
  margin-left: 40px;
}

.ml-semi-medium {
  margin-left: 48px;
}

.ml-medium {
  margin-left: 64px;
}

.ml-large {
  margin-left: 72px;
}

.ml-huge {
  margin-left: 96px;
}

.ml-enormous {
  margin-left: 128px;
}

.ml-2xs {
  margin-left: 4px;
}

.ml-xs {
  margin-left: 8px;
}

.ml-s {
  margin-left: 12px;
}

.ml-m {
  margin-left: 16px;
}

.ml-l {
  margin-left: 20px;
}

.ml-xl {
  margin-left: 24px;
}

.ml-2xl {
  margin-left: 32px;
}

.ml-3xl {
  margin-left: 40px;
}

.ml-4xl {
  margin-left: 48px;
}

.ml-5xl {
  margin-left: 64px;
}

.ml-6xl {
  margin-left: 96px;
}

.mr-none {
  margin-right: 0px;
}

.mr-micro {
  margin-right: 16px;
}

.mr-tiny {
  margin-right: 24px;
}

.mr-small {
  margin-right: 32px;
}

.mr-normal {
  margin-right: 40px;
}

.mr-semi-medium {
  margin-right: 48px;
}

.mr-medium {
  margin-right: 64px;
}

.mr-large {
  margin-right: 72px;
}

.mr-huge {
  margin-right: 96px;
}

.mr-enormous {
  margin-right: 128px;
}

.mr-2xs {
  margin-right: 4px;
}

.mr-xs {
  margin-right: 8px;
}

.mr-s {
  margin-right: 12px;
}

.mr-m {
  margin-right: 16px;
}

.mr-l {
  margin-right: 20px;
}

.mr-xl {
  margin-right: 24px;
}

.mr-2xl {
  margin-right: 32px;
}

.mr-3xl {
  margin-right: 40px;
}

.mr-4xl {
  margin-right: 48px;
}

.mr-5xl {
  margin-right: 64px;
}

.mr-6xl {
  margin-right: 96px;
}

.mt-none {
  margin-top: 0px;
}

.mt-micro {
  margin-top: 16px;
}

.mt-tiny {
  margin-top: 24px;
}

.mt-small {
  margin-top: 32px;
}

.mt-normal {
  margin-top: 40px;
}

.mt-semi-medium {
  margin-top: 48px;
}

.mt-medium {
  margin-top: 64px;
}

.mt-large {
  margin-top: 72px;
}

.mt-huge {
  margin-top: 96px;
}

.mt-enormous {
  margin-top: 128px;
}

.mt-2xs {
  margin-top: 4px;
}

.mt-xs {
  margin-top: 8px;
}

.mt-s {
  margin-top: 12px;
}

.mt-m {
  margin-top: 16px;
}

.mt-l {
  margin-top: 20px;
}

.mt-xl {
  margin-top: 24px;
}

.mt-2xl {
  margin-top: 32px;
}

.mt-3xl {
  margin-top: 40px;
}

.mt-4xl {
  margin-top: 48px;
}

.mt-5xl {
  margin-top: 64px;
}

.mt-6xl {
  margin-top: 96px;
}

.mb-none {
  margin-bottom: 0px;
}

.mb-micro {
  margin-bottom: 16px;
}

.mb-tiny {
  margin-bottom: 24px;
}

.mb-small {
  margin-bottom: 32px;
}

.mb-normal {
  margin-bottom: 40px;
}

.mb-semi-medium {
  margin-bottom: 48px;
}

.mb-medium {
  margin-bottom: 64px;
}

.mb-large {
  margin-bottom: 72px;
}

.mb-huge {
  margin-bottom: 96px;
}

.mb-enormous {
  margin-bottom: 128px;
}

.mb-2xs {
  margin-bottom: 4px;
}

.mb-xs {
  margin-bottom: 8px;
}

.mb-s {
  margin-bottom: 12px;
}

.mb-m {
  margin-bottom: 16px;
}

.mb-l {
  margin-bottom: 20px;
}

.mb-xl {
  margin-bottom: 24px;
}

.mb-2xl {
  margin-bottom: 32px;
}

.mb-3xl {
  margin-bottom: 40px;
}

.mb-4xl {
  margin-bottom: 48px;
}

.mb-5xl {
  margin-bottom: 64px;
}

.mb-6xl {
  margin-bottom: 96px;
}

.mx-none {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-micro {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-tiny {
  margin-left: 24px;
  margin-right: 24px;
}

.mx-small {
  margin-left: 32px;
  margin-right: 32px;
}

.mx-normal {
  margin-left: 40px;
  margin-right: 40px;
}

.mx-semi-medium {
  margin-left: 48px;
  margin-right: 48px;
}

.mx-medium {
  margin-left: 64px;
  margin-right: 64px;
}

.mx-large {
  margin-left: 72px;
  margin-right: 72px;
}

.mx-huge {
  margin-left: 96px;
  margin-right: 96px;
}

.mx-enormous {
  margin-left: 128px;
  margin-right: 128px;
}

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

.mx-xs {
  margin-left: 8px;
  margin-right: 8px;
}

.mx-s {
  margin-left: 12px;
  margin-right: 12px;
}

.mx-m {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-l {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-xl {
  margin-left: 24px;
  margin-right: 24px;
}

.mx-2xl {
  margin-left: 32px;
  margin-right: 32px;
}

.mx-3xl {
  margin-left: 40px;
  margin-right: 40px;
}

.mx-4xl {
  margin-left: 48px;
  margin-right: 48px;
}

.mx-5xl {
  margin-left: 64px;
  margin-right: 64px;
}

.mx-6xl {
  margin-left: 96px;
  margin-right: 96px;
}

.my-none {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-micro {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-tiny {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-small {
  margin-top: 32px;
  margin-bottom: 32px;
}

.my-normal {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-semi-medium {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-medium {
  margin-top: 64px;
  margin-bottom: 64px;
}

.my-large {
  margin-top: 72px;
  margin-bottom: 72px;
}

.my-huge {
  margin-top: 96px;
  margin-bottom: 96px;
}

.my-enormous {
  margin-top: 128px;
  margin-bottom: 128px;
}

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

.my-xs {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-s {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-m {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-l {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-xl {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-2xl {
  margin-top: 32px;
  margin-bottom: 32px;
}

.my-3xl {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-4xl {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-5xl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.my-6xl {
  margin-top: 96px;
  margin-bottom: 96px;
}

.p-none {
  padding: 0px;
}

.p-micro {
  padding: 16px;
}

.p-tiny {
  padding: 24px;
}

.p-small {
  padding: 32px;
}

.p-normal {
  padding: 40px;
}

.p-semi-medium {
  padding: 48px;
}

.p-medium {
  padding: 64px;
}

.p-large {
  padding: 72px;
}

.p-huge {
  padding: 96px;
}

.p-enormous {
  padding: 128px;
}

.p-2xs {
  padding: 4px;
}

.p-xs {
  padding: 8px;
}

.p-s {
  padding: 12px;
}

.p-m {
  padding: 16px;
}

.p-l {
  padding: 20px;
}

.p-xl {
  padding: 24px;
}

.p-2xl {
  padding: 32px;
}

.p-3xl {
  padding: 40px;
}

.p-4xl {
  padding: 48px;
}

.p-5xl {
  padding: 64px;
}

.p-6xl {
  padding: 96px;
}

.pl-none {
  padding-left: 0px;
}

.pl-micro {
  padding-left: 16px;
}

.pl-tiny {
  padding-left: 24px;
}

.pl-small {
  padding-left: 32px;
}

.pl-normal {
  padding-left: 40px;
}

.pl-semi-medium {
  padding-left: 48px;
}

.pl-medium {
  padding-left: 64px;
}

.pl-large {
  padding-left: 72px;
}

.pl-huge {
  padding-left: 96px;
}

.pl-enormous {
  padding-left: 128px;
}

.pl-2xs {
  padding-left: 4px;
}

.pl-xs {
  padding-left: 8px;
}

.pl-s {
  padding-left: 12px;
}

.pl-m {
  padding-left: 16px;
}

.pl-l {
  padding-left: 20px;
}

.pl-xl {
  padding-left: 24px;
}

.pl-2xl {
  padding-left: 32px;
}

.pl-3xl {
  padding-left: 40px;
}

.pl-4xl {
  padding-left: 48px;
}

.pl-5xl {
  padding-left: 64px;
}

.pl-6xl {
  padding-left: 96px;
}

.pr-none {
  padding-right: 0px;
}

.pr-micro {
  padding-right: 16px;
}

.pr-tiny {
  padding-right: 24px;
}

.pr-small {
  padding-right: 32px;
}

.pr-normal {
  padding-right: 40px;
}

.pr-semi-medium {
  padding-right: 48px;
}

.pr-medium {
  padding-right: 64px;
}

.pr-large {
  padding-right: 72px;
}

.pr-huge {
  padding-right: 96px;
}

.pr-enormous {
  padding-right: 128px;
}

.pr-2xs {
  padding-right: 4px;
}

.pr-xs {
  padding-right: 8px;
}

.pr-s {
  padding-right: 12px;
}

.pr-m {
  padding-right: 16px;
}

.pr-l {
  padding-right: 20px;
}

.pr-xl {
  padding-right: 24px;
}

.pr-2xl {
  padding-right: 32px;
}

.pr-3xl {
  padding-right: 40px;
}

.pr-4xl {
  padding-right: 48px;
}

.pr-5xl {
  padding-right: 64px;
}

.pr-6xl {
  padding-right: 96px;
}

.pt-none {
  padding-top: 0px;
}

.pt-micro {
  padding-top: 16px;
}

.pt-tiny {
  padding-top: 24px;
}

.pt-small {
  padding-top: 32px;
}

.pt-normal {
  padding-top: 40px;
}

.pt-semi-medium {
  padding-top: 48px;
}

.pt-medium {
  padding-top: 64px;
}

.pt-large {
  padding-top: 72px;
}

.pt-huge {
  padding-top: 96px;
}

.pt-enormous {
  padding-top: 128px;
}

.pt-2xs {
  padding-top: 4px;
}

.pt-xs {
  padding-top: 8px;
}

.pt-s {
  padding-top: 12px;
}

.pt-m {
  padding-top: 16px;
}

.pt-l {
  padding-top: 20px;
}

.pt-xl {
  padding-top: 24px;
}

.pt-2xl {
  padding-top: 32px;
}

.pt-3xl {
  padding-top: 40px;
}

.pt-4xl {
  padding-top: 48px;
}

.pt-5xl {
  padding-top: 64px;
}

.pt-6xl {
  padding-top: 96px;
}

.pb-none {
  padding-bottom: 0px;
}

.pb-micro {
  padding-bottom: 16px;
}

.pb-tiny {
  padding-bottom: 24px;
}

.pb-small {
  padding-bottom: 32px;
}

.pb-normal {
  padding-bottom: 40px;
}

.pb-semi-medium {
  padding-bottom: 48px;
}

.pb-medium {
  padding-bottom: 64px;
}

.pb-large {
  padding-bottom: 72px;
}

.pb-huge {
  padding-bottom: 96px;
}

.pb-enormous {
  padding-bottom: 128px;
}

.pb-2xs {
  padding-bottom: 4px;
}

.pb-xs {
  padding-bottom: 8px;
}

.pb-s {
  padding-bottom: 12px;
}

.pb-m {
  padding-bottom: 16px;
}

.pb-l {
  padding-bottom: 20px;
}

.pb-xl {
  padding-bottom: 24px;
}

.pb-2xl {
  padding-bottom: 32px;
}

.pb-3xl {
  padding-bottom: 40px;
}

.pb-4xl {
  padding-bottom: 48px;
}

.pb-5xl {
  padding-bottom: 64px;
}

.pb-6xl {
  padding-bottom: 96px;
}

.px-none {
  padding-left: 0px;
  padding-right: 0px;
}

.px-micro {
  padding-left: 16px;
  padding-right: 16px;
}

.px-tiny {
  padding-left: 24px;
  padding-right: 24px;
}

.px-small {
  padding-left: 32px;
  padding-right: 32px;
}

.px-normal {
  padding-left: 40px;
  padding-right: 40px;
}

.px-semi-medium {
  padding-left: 48px;
  padding-right: 48px;
}

.px-medium {
  padding-left: 64px;
  padding-right: 64px;
}

.px-large {
  padding-left: 72px;
  padding-right: 72px;
}

.px-huge {
  padding-left: 96px;
  padding-right: 96px;
}

.px-enormous {
  padding-left: 128px;
  padding-right: 128px;
}

.px-2xs {
  padding-left: 4px;
  padding-right: 4px;
}

.px-xs {
  padding-left: 8px;
  padding-right: 8px;
}

.px-s {
  padding-left: 12px;
  padding-right: 12px;
}

.px-m {
  padding-left: 16px;
  padding-right: 16px;
}

.px-l {
  padding-left: 20px;
  padding-right: 20px;
}

.px-xl {
  padding-left: 24px;
  padding-right: 24px;
}

.px-2xl {
  padding-left: 32px;
  padding-right: 32px;
}

.px-3xl {
  padding-left: 40px;
  padding-right: 40px;
}

.px-4xl {
  padding-left: 48px;
  padding-right: 48px;
}

.px-5xl {
  padding-left: 64px;
  padding-right: 64px;
}

.px-6xl {
  padding-left: 96px;
  padding-right: 96px;
}

.py-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-micro {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-tiny {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-small {
  padding-top: 32px;
  padding-bottom: 32px;
}

.py-normal {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-semi-medium {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-medium {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-large {
  padding-top: 72px;
  padding-bottom: 72px;
}

.py-huge {
  padding-top: 96px;
  padding-bottom: 96px;
}

.py-enormous {
  padding-top: 128px;
  padding-bottom: 128px;
}

.py-2xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-s {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-m {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-l {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-xl {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-2xl {
  padding-top: 32px;
  padding-bottom: 32px;
}

.py-3xl {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-4xl {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-5xl {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-6xl {
  padding-top: 96px;
  padding-bottom: 96px;
}

@media (min-width: 1920px) {
  .wide:m-none {
    margin: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:m-micro {
    margin: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:m-small {
    margin: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:m-normal {
    margin: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:m-medium {
    margin: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:m-large {
    margin: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:m-huge {
    margin: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:m-xs {
    margin: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:m-s {
    margin: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:m-m {
    margin: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:m-l {
    margin: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:m-xl {
    margin: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-none {
    margin: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-micro {
    margin: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-small {
    margin: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-normal {
    margin: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-medium {
    margin: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-large {
    margin: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-huge {
    margin: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-xs {
    margin: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-s {
    margin: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-m {
    margin: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-l {
    margin: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-xl {
    margin: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:m-none {
    margin: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:m-micro {
    margin: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:m-small {
    margin: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:m-normal {
    margin: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:m-medium {
    margin: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:m-large {
    margin: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:m-huge {
    margin: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:m-xs {
    margin: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:m-s {
    margin: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:m-m {
    margin: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:m-l {
    margin: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:m-xl {
    margin: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:m-none {
    margin: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:m-micro {
    margin: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:m-small {
    margin: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:m-normal {
    margin: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:m-medium {
    margin: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:m-large {
    margin: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:m-huge {
    margin: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:m-xs {
    margin: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:m-s {
    margin: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:m-m {
    margin: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:m-l {
    margin: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:m-xl {
    margin: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 768px) {
  .md:m-none {
    margin: 0px;
  }
}

@media (min-width: 768px) {
  .md:m-micro {
    margin: 16px;
  }
}

@media (min-width: 768px) {
  .md:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 768px) {
  .md:m-small {
    margin: 32px;
  }
}

@media (min-width: 768px) {
  .md:m-normal {
    margin: 40px;
  }
}

@media (min-width: 768px) {
  .md:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 768px) {
  .md:m-medium {
    margin: 64px;
  }
}

@media (min-width: 768px) {
  .md:m-large {
    margin: 72px;
  }
}

@media (min-width: 768px) {
  .md:m-huge {
    margin: 96px;
  }
}

@media (min-width: 768px) {
  .md:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 768px) {
  .md:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 768px) {
  .md:m-xs {
    margin: 8px;
  }
}

@media (min-width: 768px) {
  .md:m-s {
    margin: 12px;
  }
}

@media (min-width: 768px) {
  .md:m-m {
    margin: 16px;
  }
}

@media (min-width: 768px) {
  .md:m-l {
    margin: 20px;
  }
}

@media (min-width: 768px) {
  .md:m-xl {
    margin: 24px;
  }
}

@media (min-width: 768px) {
  .md:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 768px) {
  .md:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 768px) {
  .md:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 768px) {
  .md:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 768px) {
  .md:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 640px) {
  .sm:m-none {
    margin: 0px;
  }
}

@media (min-width: 640px) {
  .sm:m-micro {
    margin: 16px;
  }
}

@media (min-width: 640px) {
  .sm:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 640px) {
  .sm:m-small {
    margin: 32px;
  }
}

@media (min-width: 640px) {
  .sm:m-normal {
    margin: 40px;
  }
}

@media (min-width: 640px) {
  .sm:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 640px) {
  .sm:m-medium {
    margin: 64px;
  }
}

@media (min-width: 640px) {
  .sm:m-large {
    margin: 72px;
  }
}

@media (min-width: 640px) {
  .sm:m-huge {
    margin: 96px;
  }
}

@media (min-width: 640px) {
  .sm:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 640px) {
  .sm:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 640px) {
  .sm:m-xs {
    margin: 8px;
  }
}

@media (min-width: 640px) {
  .sm:m-s {
    margin: 12px;
  }
}

@media (min-width: 640px) {
  .sm:m-m {
    margin: 16px;
  }
}

@media (min-width: 640px) {
  .sm:m-l {
    margin: 20px;
  }
}

@media (min-width: 640px) {
  .sm:m-xl {
    margin: 24px;
  }
}

@media (min-width: 640px) {
  .sm:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 640px) {
  .sm:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 640px) {
  .sm:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 640px) {
  .sm:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 640px) {
  .sm:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 376px) {
  .xs:m-none {
    margin: 0px;
  }
}

@media (min-width: 376px) {
  .xs:m-micro {
    margin: 16px;
  }
}

@media (min-width: 376px) {
  .xs:m-tiny {
    margin: 24px;
  }
}

@media (min-width: 376px) {
  .xs:m-small {
    margin: 32px;
  }
}

@media (min-width: 376px) {
  .xs:m-normal {
    margin: 40px;
  }
}

@media (min-width: 376px) {
  .xs:m-semi-medium {
    margin: 48px;
  }
}

@media (min-width: 376px) {
  .xs:m-medium {
    margin: 64px;
  }
}

@media (min-width: 376px) {
  .xs:m-large {
    margin: 72px;
  }
}

@media (min-width: 376px) {
  .xs:m-huge {
    margin: 96px;
  }
}

@media (min-width: 376px) {
  .xs:m-enormous {
    margin: 128px;
  }
}

@media (min-width: 376px) {
  .xs:m-2xs {
    margin: 4px;
  }
}

@media (min-width: 376px) {
  .xs:m-xs {
    margin: 8px;
  }
}

@media (min-width: 376px) {
  .xs:m-s {
    margin: 12px;
  }
}

@media (min-width: 376px) {
  .xs:m-m {
    margin: 16px;
  }
}

@media (min-width: 376px) {
  .xs:m-l {
    margin: 20px;
  }
}

@media (min-width: 376px) {
  .xs:m-xl {
    margin: 24px;
  }
}

@media (min-width: 376px) {
  .xs:m-2xl {
    margin: 32px;
  }
}

@media (min-width: 376px) {
  .xs:m-3xl {
    margin: 40px;
  }
}

@media (min-width: 376px) {
  .xs:m-4xl {
    margin: 48px;
  }
}

@media (min-width: 376px) {
  .xs:m-5xl {
    margin: 64px;
  }
}

@media (min-width: 376px) {
  .xs:m-6xl {
    margin: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 768px) {
  .md:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 768px) {
  .md:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 768px) {
  .md:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 768px) {
  .md:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 768px) {
  .md:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 768px) {
  .md:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  .md:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 768px) {
  .md:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 768px) {
  .md:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 768px) {
  .md:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 768px) {
  .md:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 768px) {
  .md:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 768px) {
  .md:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 768px) {
  .md:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 768px) {
  .md:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 768px) {
  .md:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 768px) {
  .md:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 768px) {
  .md:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 768px) {
  .md:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 768px) {
  .md:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 768px) {
  .md:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 640px) {
  .sm:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 640px) {
  .sm:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 640px) {
  .sm:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 640px) {
  .sm:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 640px) {
  .sm:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 640px) {
  .sm:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 640px) {
  .sm:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 640px) {
  .sm:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 640px) {
  .sm:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 640px) {
  .sm:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 640px) {
  .sm:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 640px) {
  .sm:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 640px) {
  .sm:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 640px) {
  .sm:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 640px) {
  .sm:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 640px) {
  .sm:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 640px) {
  .sm:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 640px) {
  .sm:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 640px) {
  .sm:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 640px) {
  .sm:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 640px) {
  .sm:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 376px) {
  .xs:ml-none {
    margin-left: 0px;
  }
}

@media (min-width: 376px) {
  .xs:ml-micro {
    margin-left: 16px;
  }
}

@media (min-width: 376px) {
  .xs:ml-tiny {
    margin-left: 24px;
  }
}

@media (min-width: 376px) {
  .xs:ml-small {
    margin-left: 32px;
  }
}

@media (min-width: 376px) {
  .xs:ml-normal {
    margin-left: 40px;
  }
}

@media (min-width: 376px) {
  .xs:ml-semi-medium {
    margin-left: 48px;
  }
}

@media (min-width: 376px) {
  .xs:ml-medium {
    margin-left: 64px;
  }
}

@media (min-width: 376px) {
  .xs:ml-large {
    margin-left: 72px;
  }
}

@media (min-width: 376px) {
  .xs:ml-huge {
    margin-left: 96px;
  }
}

@media (min-width: 376px) {
  .xs:ml-enormous {
    margin-left: 128px;
  }
}

@media (min-width: 376px) {
  .xs:ml-2xs {
    margin-left: 4px;
  }
}

@media (min-width: 376px) {
  .xs:ml-xs {
    margin-left: 8px;
  }
}

@media (min-width: 376px) {
  .xs:ml-s {
    margin-left: 12px;
  }
}

@media (min-width: 376px) {
  .xs:ml-m {
    margin-left: 16px;
  }
}

@media (min-width: 376px) {
  .xs:ml-l {
    margin-left: 20px;
  }
}

@media (min-width: 376px) {
  .xs:ml-xl {
    margin-left: 24px;
  }
}

@media (min-width: 376px) {
  .xs:ml-2xl {
    margin-left: 32px;
  }
}

@media (min-width: 376px) {
  .xs:ml-3xl {
    margin-left: 40px;
  }
}

@media (min-width: 376px) {
  .xs:ml-4xl {
    margin-left: 48px;
  }
}

@media (min-width: 376px) {
  .xs:ml-5xl {
    margin-left: 64px;
  }
}

@media (min-width: 376px) {
  .xs:ml-6xl {
    margin-left: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 768px) {
  .md:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 768px) {
  .md:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .md:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 768px) {
  .md:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 768px) {
  .md:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .md:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 768px) {
  .md:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 768px) {
  .md:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 768px) {
  .md:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 768px) {
  .md:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 768px) {
  .md:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 768px) {
  .md:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 768px) {
  .md:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 768px) {
  .md:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .md:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .md:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 768px) {
  .md:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 768px) {
  .md:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .md:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 768px) {
  .md:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 768px) {
  .md:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 640px) {
  .sm:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 640px) {
  .sm:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 640px) {
  .sm:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 640px) {
  .sm:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 640px) {
  .sm:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 640px) {
  .sm:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 640px) {
  .sm:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mr-none {
    margin-right: 0px;
  }
}

@media (min-width: 376px) {
  .xs:mr-micro {
    margin-right: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mr-tiny {
    margin-right: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mr-small {
    margin-right: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mr-normal {
    margin-right: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mr-semi-medium {
    margin-right: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mr-medium {
    margin-right: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mr-large {
    margin-right: 72px;
  }
}

@media (min-width: 376px) {
  .xs:mr-huge {
    margin-right: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mr-enormous {
    margin-right: 128px;
  }
}

@media (min-width: 376px) {
  .xs:mr-2xs {
    margin-right: 4px;
  }
}

@media (min-width: 376px) {
  .xs:mr-xs {
    margin-right: 8px;
  }
}

@media (min-width: 376px) {
  .xs:mr-s {
    margin-right: 12px;
  }
}

@media (min-width: 376px) {
  .xs:mr-m {
    margin-right: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mr-l {
    margin-right: 20px;
  }
}

@media (min-width: 376px) {
  .xs:mr-xl {
    margin-right: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mr-2xl {
    margin-right: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mr-3xl {
    margin-right: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mr-4xl {
    margin-right: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mr-5xl {
    margin-right: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mr-6xl {
    margin-right: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 768px) {
  .md:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .md:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .md:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .md:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .md:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .md:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 768px) {
  .md:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 768px) {
  .md:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 768px) {
  .md:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 768px) {
  .md:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 768px) {
  .md:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 768px) {
  .md:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .md:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .md:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .md:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .md:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .md:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .md:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .md:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 768px) {
  .md:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 768px) {
  .md:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 640px) {
  .sm:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 640px) {
  .sm:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 640px) {
  .sm:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 640px) {
  .sm:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 640px) {
  .sm:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 640px) {
  .sm:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 640px) {
  .sm:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mt-none {
    margin-top: 0px;
  }
}

@media (min-width: 376px) {
  .xs:mt-micro {
    margin-top: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mt-tiny {
    margin-top: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mt-small {
    margin-top: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mt-normal {
    margin-top: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mt-semi-medium {
    margin-top: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mt-medium {
    margin-top: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mt-large {
    margin-top: 72px;
  }
}

@media (min-width: 376px) {
  .xs:mt-huge {
    margin-top: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mt-enormous {
    margin-top: 128px;
  }
}

@media (min-width: 376px) {
  .xs:mt-2xs {
    margin-top: 4px;
  }
}

@media (min-width: 376px) {
  .xs:mt-xs {
    margin-top: 8px;
  }
}

@media (min-width: 376px) {
  .xs:mt-s {
    margin-top: 12px;
  }
}

@media (min-width: 376px) {
  .xs:mt-m {
    margin-top: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mt-l {
    margin-top: 20px;
  }
}

@media (min-width: 376px) {
  .xs:mt-xl {
    margin-top: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mt-2xl {
    margin-top: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mt-3xl {
    margin-top: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mt-4xl {
    margin-top: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mt-5xl {
    margin-top: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mt-6xl {
    margin-top: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 768px) {
  .md:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .md:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .md:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .md:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .md:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .md:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .md:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .md:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 768px) {
  .md:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 768px) {
  .md:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 768px) {
  .md:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 768px) {
  .md:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .md:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .md:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .md:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .md:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .md:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .md:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .md:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .md:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .md:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 640px) {
  .sm:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 640px) {
  .sm:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 640px) {
  .sm:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 640px) {
  .sm:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 640px) {
  .sm:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 640px) {
  .sm:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 640px) {
  .sm:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mb-none {
    margin-bottom: 0px;
  }
}

@media (min-width: 376px) {
  .xs:mb-micro {
    margin-bottom: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mb-tiny {
    margin-bottom: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mb-small {
    margin-bottom: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mb-normal {
    margin-bottom: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mb-semi-medium {
    margin-bottom: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mb-medium {
    margin-bottom: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mb-large {
    margin-bottom: 72px;
  }
}

@media (min-width: 376px) {
  .xs:mb-huge {
    margin-bottom: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mb-enormous {
    margin-bottom: 128px;
  }
}

@media (min-width: 376px) {
  .xs:mb-2xs {
    margin-bottom: 4px;
  }
}

@media (min-width: 376px) {
  .xs:mb-xs {
    margin-bottom: 8px;
  }
}

@media (min-width: 376px) {
  .xs:mb-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 376px) {
  .xs:mb-m {
    margin-bottom: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mb-l {
    margin-bottom: 20px;
  }
}

@media (min-width: 376px) {
  .xs:mb-xl {
    margin-bottom: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mb-2xl {
    margin-bottom: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mb-3xl {
    margin-bottom: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mb-4xl {
    margin-bottom: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mb-5xl {
    margin-bottom: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mb-6xl {
    margin-bottom: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 768px) {
  .md:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 768px) {
  .md:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .md:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 768px) {
  .md:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 768px) {
  .md:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .md:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 768px) {
  .md:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 768px) {
  .md:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 768px) {
  .md:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 768px) {
  .md:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 768px) {
  .md:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 768px) {
  .md:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 768px) {
  .md:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 768px) {
  .md:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .md:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .md:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 768px) {
  .md:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 768px) {
  .md:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .md:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 768px) {
  .md:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 768px) {
  .md:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 640px) {
  .sm:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 640px) {
  .sm:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 640px) {
  .sm:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 640px) {
  .sm:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 640px) {
  .sm:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 640px) {
  .sm:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 640px) {
  .sm:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 640px) {
  .sm:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 640px) {
  .sm:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 640px) {
  .sm:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 640px) {
  .sm:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 640px) {
  .sm:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 640px) {
  .sm:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 640px) {
  .sm:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mx-none {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 376px) {
  .xs:mx-micro {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mx-tiny {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mx-small {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mx-normal {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mx-semi-medium {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mx-medium {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mx-large {
    margin-left: 72px;
    margin-right: 72px;
  }
}

@media (min-width: 376px) {
  .xs:mx-huge {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 376px) {
  .xs:mx-enormous {
    margin-left: 128px;
    margin-right: 128px;
  }
}

@media (min-width: 376px) {
  .xs:mx-2xs {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 376px) {
  .xs:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 376px) {
  .xs:mx-s {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 376px) {
  .xs:mx-m {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 376px) {
  .xs:mx-l {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 376px) {
  .xs:mx-xl {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (min-width: 376px) {
  .xs:mx-2xl {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media (min-width: 376px) {
  .xs:mx-3xl {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 376px) {
  .xs:mx-4xl {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media (min-width: 376px) {
  .xs:mx-5xl {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media (min-width: 376px) {
  .xs:mx-6xl {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 768px) {
  .md:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .md:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .md:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .md:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .md:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .md:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .md:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .md:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 768px) {
  .md:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 768px) {
  .md:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 768px) {
  .md:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 768px) {
  .md:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .md:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .md:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .md:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .md:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .md:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .md:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .md:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .md:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .md:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 640px) {
  .sm:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 640px) {
  .sm:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 640px) {
  .sm:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 640px) {
  .sm:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 640px) {
  .sm:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 640px) {
  .sm:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 640px) {
  .sm:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 640px) {
  .sm:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 640px) {
  .sm:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 640px) {
  .sm:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 640px) {
  .sm:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 640px) {
  .sm:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 640px) {
  .sm:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 640px) {
  .sm:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 640px) {
  .sm:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 640px) {
  .sm:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 640px) {
  .sm:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 640px) {
  .sm:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 640px) {
  .sm:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 640px) {
  .sm:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 640px) {
  .sm:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 376px) {
  .xs:my-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 376px) {
  .xs:my-micro {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 376px) {
  .xs:my-tiny {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 376px) {
  .xs:my-small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 376px) {
  .xs:my-normal {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 376px) {
  .xs:my-semi-medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 376px) {
  .xs:my-medium {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 376px) {
  .xs:my-large {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

@media (min-width: 376px) {
  .xs:my-huge {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

@media (min-width: 376px) {
  .xs:my-enormous {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

@media (min-width: 376px) {
  .xs:my-2xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

@media (min-width: 376px) {
  .xs:my-xs {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 376px) {
  .xs:my-s {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

@media (min-width: 376px) {
  .xs:my-m {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media (min-width: 376px) {
  .xs:my-l {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 376px) {
  .xs:my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (min-width: 376px) {
  .xs:my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 376px) {
  .xs:my-3xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 376px) {
  .xs:my-4xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media (min-width: 376px) {
  .xs:my-5xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 376px) {
  .xs:my-6xl {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

/** Padding utility classes with breakpoints **/
@media (min-width: 1920px) {
  .wide:p-none {
    padding: 0px;
  }
}

@media (min-width: 1920px) {
  .wide:p-micro {
    padding: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:p-small {
    padding: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:p-normal {
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:p-medium {
    padding: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:p-large {
    padding: 72px;
  }
}

@media (min-width: 1920px) {
  .wide:p-huge {
    padding: 96px;
  }
}

@media (min-width: 1920px) {
  .wide:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 1920px) {
  .wide:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 1920px) {
  .wide:p-xs {
    padding: 8px;
  }
}

@media (min-width: 1920px) {
  .wide:p-s {
    padding: 12px;
  }
}

@media (min-width: 1920px) {
  .wide:p-m {
    padding: 16px;
  }
}

@media (min-width: 1920px) {
  .wide:p-l {
    padding: 20px;
  }
}

@media (min-width: 1920px) {
  .wide:p-xl {
    padding: 24px;
  }
}

@media (min-width: 1920px) {
  .wide:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 1920px) {
  .wide:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .wide:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 1920px) {
  .wide:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 1920px) {
  .wide:p-6xl {
    padding: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-none {
    padding: 0px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-micro {
    padding: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-small {
    padding: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-normal {
    padding: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-medium {
    padding: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-large {
    padding: 72px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-huge {
    padding: 96px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-xs {
    padding: 8px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-s {
    padding: 12px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-m {
    padding: 16px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-l {
    padding: 20px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-xl {
    padding: 24px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 1440px) {
  .2xl:p-6xl {
    padding: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:p-none {
    padding: 0px;
  }
}

@media (min-width: 1280px) {
  .xl:p-micro {
    padding: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:p-small {
    padding: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:p-normal {
    padding: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:p-medium {
    padding: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:p-large {
    padding: 72px;
  }
}

@media (min-width: 1280px) {
  .xl:p-huge {
    padding: 96px;
  }
}

@media (min-width: 1280px) {
  .xl:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 1280px) {
  .xl:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 1280px) {
  .xl:p-xs {
    padding: 8px;
  }
}

@media (min-width: 1280px) {
  .xl:p-s {
    padding: 12px;
  }
}

@media (min-width: 1280px) {
  .xl:p-m {
    padding: 16px;
  }
}

@media (min-width: 1280px) {
  .xl:p-l {
    padding: 20px;
  }
}

@media (min-width: 1280px) {
  .xl:p-xl {
    padding: 24px;
  }
}

@media (min-width: 1280px) {
  .xl:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 1280px) {
  .xl:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 1280px) {
  .xl:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 1280px) {
  .xl:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 1280px) {
  .xl:p-6xl {
    padding: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:p-none {
    padding: 0px;
  }
}

@media (min-width: 1024px) {
  .lg:p-micro {
    padding: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:p-small {
    padding: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:p-normal {
    padding: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:p-medium {
    padding: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:p-large {
    padding: 72px;
  }
}

@media (min-width: 1024px) {
  .lg:p-huge {
    padding: 96px;
  }
}

@media (min-width: 1024px) {
  .lg:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 1024px) {
  .lg:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 1024px) {
  .lg:p-xs {
    padding: 8px;
  }
}

@media (min-width: 1024px) {
  .lg:p-s {
    padding: 12px;
  }
}

@media (min-width: 1024px) {
  .lg:p-m {
    padding: 16px;
  }
}

@media (min-width: 1024px) {
  .lg:p-l {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .lg:p-xl {
    padding: 24px;
  }
}

@media (min-width: 1024px) {
  .lg:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 1024px) {
  .lg:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 1024px) {
  .lg:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 1024px) {
  .lg:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 1024px) {
  .lg:p-6xl {
    padding: 96px;
  }
}

@media (min-width: 768px) {
  .md:p-none {
    padding: 0px;
  }
}

@media (min-width: 768px) {
  .md:p-micro {
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .md:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 768px) {
  .md:p-small {
    padding: 32px;
  }
}

@media (min-width: 768px) {
  .md:p-normal {
    padding: 40px;
  }
}

@media (min-width: 768px) {
  .md:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 768px) {
  .md:p-medium {
    padding: 64px;
  }
}

@media (min-width: 768px) {
  .md:p-large {
    padding: 72px;
  }
}

@media (min-width: 768px) {
  .md:p-huge {
    padding: 96px;
  }
}

@media (min-width: 768px) {
  .md:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 768px) {
  .md:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 768px) {
  .md:p-xs {
    padding: 8px;
  }
}

@media (min-width: 768px) {
  .md:p-s {
    padding: 12px;
  }
}

@media (min-width: 768px) {
  .md:p-m {
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .md:p-l {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .md:p-xl {
    padding: 24px;
  }
}

@media (min-width: 768px) {
  .md:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 768px) {
  .md:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 768px) {
  .md:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 768px) {
  .md:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 768px) {
  .md:p-6xl {
    padding: 96px;
  }
}

@media (min-width: 640px) {
  .sm:p-none {
    padding: 0px;
  }
}

@media (min-width: 640px) {
  .sm:p-micro {
    padding: 16px;
  }
}

@media (min-width: 640px) {
  .sm:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 640px) {
  .sm:p-small {
    padding: 32px;
  }
}

@media (min-width: 640px) {
  .sm:p-normal {
    padding: 40px;
  }
}

@media (min-width: 640px) {
  .sm:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 640px) {
  .sm:p-medium {
    padding: 64px;
  }
}

@media (min-width: 640px) {
  .sm:p-large {
    padding: 72px;
  }
}

@media (min-width: 640px) {
  .sm:p-huge {
    padding: 96px;
  }
}

@media (min-width: 640px) {
  .sm:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 640px) {
  .sm:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 640px) {
  .sm:p-xs {
    padding: 8px;
  }
}

@media (min-width: 640px) {
  .sm:p-s {
    padding: 12px;
  }
}

@media (min-width: 640px) {
  .sm:p-m {
    padding: 16px;
  }
}

@media (min-width: 640px) {
  .sm:p-l {
    padding: 20px;
  }
}

@media (min-width: 640px) {
  .sm:p-xl {
    padding: 24px;
  }
}

@media (min-width: 640px) {
  .sm:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 640px) {
  .sm:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 640px) {
  .sm:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 640px) {
  .sm:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 640px) {
  .sm:p-6xl {
    padding: 96px;
  }
}

@media (min-width: 376px) {
  .xs:p-none {
    padding: 0px;
  }
}

@media (min-width: 376px) {
  .xs:p-micro {
    padding: 16px;
  }
}

@media (min-width: 376px) {
  .xs:p-tiny {
    padding: 24px;
  }
}

@media (min-width: 376px) {
  .xs:p-small {
    padding: 32px;
  }
}

@media (min-width: 376px) {
  .xs:p-normal {
    padding: 40px;
  }
}

@media (min-width: 376px) {
  .xs:p-semi-medium {
    padding: 48px;
  }
}

@media (min-width: 376px) {
  .xs:p-medium {
    padding: 64px;
  }
}

@media (min-width: 376px) {
  .xs:p-large {
    padding: 72px;
  }
}

@media (min-width: 376px) {
  .xs:p-huge {
    padding: 96px;
  }
}

@media (min-width: 376px) {
  .xs:p-enormous {
    padding: 128px;
  }
}

@media (min-width: 376px) {
  .xs:p-2xs {
    padding: 4px;
  }
}

@media (min-width: 376px) {
  .xs:p-xs {
    padding: 8px;
  }
}

@media (min-width: 376px) {
  .xs:p-s {
    padding: 12px;
  }
}

@media (min-width: 376px) {
  .xs:p-m {
    padding: 16px;
  }
}

@media (min-width: 376px) {
  .xs:p-l {
    padding: 20px;
  }
}

@media (min-width: 376px) {
  .xs:p-xl {
    padding: 24px;
  }
}

@media (min-width: 376px) {
  .xs:p-2xl {
    padding: 32px;
  }
}

@media (min-width: 376px) {
  .xs:p-3xl {
    padding: 40px;
  }
}

@media (min-width: 376px) {
  .xs:p-4xl {
    padding: 48px;
  }
}

@media (min-width: 376px) {
  .xs:p-5xl {
    padding: 64px;
  }
}

@media (min-width: 376px) {
  .xs:p-6xl {
    padding: 96px;
  }
}

.radius-small {
  border-radius: var(--radius-small, 8px);
}

.radius-medium {
  border-radius: var(--radius-medium, 12px);
}

.radius-large {
  border-radius: var(--radius-large, 16px);
}

.radius-huge {
  border-radius: var(--radius-huge, 20px);
}

.radius-enormous {
  border-radius: var(--radius-enormous, 44px);
}

.shadow-small {
  -webkit-box-shadow: var(--shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-medium {
  -webkit-box-shadow: var(--shadow-medium, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-medium, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-large {
  -webkit-box-shadow: var(--shadow-large, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-large, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-huge {
  -webkit-box-shadow: var(--shadow-huge, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-huge, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.shadow-enormous {
  -webkit-box-shadow: var(--shadow-enormous, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-enormous, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.style-none {
  list-style: none;
}

.decoration-none {
  text-decoration: none;
}

.width-full {
  width: 100%;
}

.dialog-off-canvas-main-canvas {
  max-width: 2560px;
  margin: auto;
  overflow-x: clip;
}

.region--content-top > * {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

pre {
  color: #5a1313;
}

.container {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-screen {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.container-screen [class^='container'] {
  width: 100%;
}

.container-full {
  max-width: var(--container-width-full, full);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-full [class^='container'] {
  width: 100%;
}

.container-xlarge {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-xlarge [class^='container'] {
  width: 100%;
}

.container-large {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-large [class^='container'] {
  width: 100%;
}

.container-medium {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-medium [class^='container'] {
  width: 100%;
}

.container-small {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-small [class^='container'] {
  width: 100%;
}

.container-text {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-text [class^='container'] {
  width: 100%;
}

.container-default {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.container-default [class^='container'] {
  width: 100%;
}

nav[data-drupal-nav-primary-tabs] {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

h1 {
  font-size: var(--text-size-5xl, 1rem);
  font-weight: 500;
  line-height: 3.5rem;
  letter-spacing: -0.0005em;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: var(--text-size-mb-5xl, 1rem);
    font-weight: 500;
    line-height: 2.75rem;
  }
}

h2 {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: -0.0025em;
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: var(--text-size-mb-4xl, 1rem);
    font-weight: 500;
    line-height: 2.625rem;
  }
}

h3 {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: 500;
  line-height: 2.5rem;
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: var(--text-size-mb-3xl, 1rem);
    font-weight: 500;
    line-height: 2.25rem;
  }
}

h4 {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 500;
  line-height: 2rem;
}

@media screen and (max-width: 768px) {
  h4 {
    font-size: var(--text-size-mb-2xl, 1rem);
    font-weight: 500;
    line-height: 1.875rem;
  }
}

h5 {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 0.0015em;
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: var(--text-size-mb-xl, 1rem);
    font-weight: 500;
    line-height: 1.6875rem;
  }
}

h6 {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.0015em;
}

@media screen and (max-width: 768px) {
  h6 {
    font-size: var(--text-size-mb-lg, 1rem);
    font-weight: 500;
    line-height: 1.5rem;
  }
}

/**
  * ==============================================
  * REUSABLE COMPONENTS / MODULES
  * ==============================================
  * This section contains larger UI modules
  * or grouped components that are reused
  * throughout different parts of the site.
  */
.paragraph--type--accordion .field--name-field-title {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: 500;
  line-height: 2.5rem;
}

@media screen and (max-width: 768px) {
  .paragraph--type--accordion .field--name-field-title {
    font-size: var(--text-size-mb-3xl, 1rem);
    font-weight: 500;
    line-height: 2.25rem;
  }
}

.paragraph--type--accordion .accordion-item {
  width: 100%;
}

.paragraph--type--accordion .accordion-item::after {
  content: '';
  display: block;
  height: 2px;
  background-color: var(--color-primary);
  margin-top: 0px;
  margin-bottom: 0px;
}

.paragraph--type--accordion .accordion-item.active > .accordion-trigger {
  border-bottom: 1px solid #D1D1D1;
}

.paragraph--type--accordion .accordion-item.active > .accordion-trigger:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.paragraph--type--accordion .accordion-item > .accordion-trigger {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: var(--text-size-xl, 1rem);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 0.0015em;
  padding-block: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-top: 1px solid #D1D1D1;
}

@media screen and (max-width: 768px) {
  .paragraph--type--accordion .accordion-item > .accordion-trigger {
    font-size: var(--text-size-mb-xl, 1rem);
    font-weight: 500;
    line-height: 1.6875rem;
  }
}

.paragraph--type--accordion .accordion-item > .accordion-trigger:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\eaa7";
}

.paragraph--type--accordion .accordion-item > .accordion-trigger:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.paragraph--type--accordion .accordion-item > .accordion-content {
  padding-inline: 20px;
  padding-bottom: 24px;
  display: none;
}

/**
  * ==============================================
  * OVERRIDES
  * ==============================================
  * This section contains project-specific
  * overrides to handle third-party styles
  * or adjust existing global styles.
  */
:root {
  --font-sans: "BDO Grotesk";
}

/**
 * @file
 * Provides flybox view based on blazybox.
 */
body.is-flybox--open {
  overflow: visible;
}

body.is-flybox--open .site-header.scrolled {
  z-index: unset;
}

.b-flybox {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 236px;
  -webkit-transform: translate3d(0, 400%, 0);
          transform: translate3d(0, 400%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
}

.b-flybox {
  width: 100vw;
  height: 100vh;
}

.b-flybox audio,
.b-flybox .blazybox__fullscreen {
  width: 100%;
  height: 236px;
}

.b-flybox iframe,
.b-flybox video {
  display: block;
  margin-inline: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  width: 100%;
  max-height: -webkit-calc(100vh - 200px);
  max-height: calc(100vh - 200px);
}

.b-flybox .blazybox__html,
.b-flybox .blazybox__media,
.b-flybox .media {
  /* left: 0;
  top: 0;
  transform: none; */
  max-width: 100% !important;
}

.is-flybox--open .b-flybox {
  z-index: 9999;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.is-flybox--closing .b-flybox {
  z-index: 9999;
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform: translateY(400%);
          transform: translateY(400%);
}

.b-flybox .media--box audio {
  top: auto;
  bottom: 0;
  height: 100%;
  -webkit-transform: none;
          transform: none;
}

.is-bbox--fh audio,
.is-bbox--fh iframe,
.is-bbox--fh video,
.is-bbox--fh .media,
.is-bbox--fh .blazybox__content,
.is-bbox--fh .blazybox__html,
.is-bbox--fh .blazybox__media {
  min-height: inherit;
  max-height: 100%;
}

.blazybox .blazybox__html,
.blazybox .blazybox__media {
  -webkit-transform: unset;
          transform: unset;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: 100px;
}

.b-flybox .blazybox__close {
  left: unset;
  top: 15px;
  right: 100px;
  font-size: 24px;
  height: unset;
  width: unset;
}

body {
  background-color: #000;
  color: #FFF;
  font-size: var(--font-size-body, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  letter-spacing: -0.48px;
  overflow-x: clip;
}

h1 {
  font-size: var(--font-size-h1, 64px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 64px */
  letter-spacing: -1.92px;
}

h2 {
  font-size: var(--font-size-h2, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 48px */
  letter-spacing: -1.44px;
}

h3 {
  font-size: var(--font-size-h3, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 36px */
  letter-spacing: -1.08px;
}

h4 {
  font-size: var(--font-size-h4, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 28px */
  letter-spacing: -0.72px;
}

h5 {
  font-size: var(--font-size-body, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.48px;
}

h6 {
  font-size: var(--font-size-h6, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.32px;
}

a {
  color: inherit;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 2;
}

#header .site-header__inner__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding-block: 22.5px;
}

.primary-nav__menu {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.paragraph--type--hero-banner {
  position: relative;
}

.paragraph--type--hero-banner .hero-banner-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.paragraph--type--hero-banner .hero-banner_content {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.paragraph--type--hero-banner .field--name-field-title {
  font-size: var(--font-size-h1, 64px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 64px */
  letter-spacing: -1.92px;
  max-width: 534px;
}

.paragraph--type--hero-banner .field--name-field-short-description {
  font-size: var(--font-size-body, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  letter-spacing: -0.48px;
  max-width: 534px;
}

.paragraph--type--hero-banner .field--name-field-image img {
  max-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.webform-submission-form .js-form-wrapper {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  background: var(--theme-background, #1F1D1E);
  border-radius: 20px;
  padding: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.webform-submission-form #edit-container-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.webform-submission-form #edit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.webform-submission-form .form-element--type-text {
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 514px;
  height: 13px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.webform-submission-form .form-element--type-email {
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 514px;
  height: 13px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.webform-submission-form .form-element--type-textarea {
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 514px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.webform-submission-form .webform-button--submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--size-075, 12px) var(--size-15, 24px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-radius: var(--radius-round, 99999px);
  border: var(--border-width-main, 1.5px) solid var(--button-secondary-border, rgba(255, 255, 255, 0.2));
  background: var(--button-secondary-background, rgba(255, 255, 255, 0));
  color: #fff;
  font-size: var(--font-size-text-main, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.two-column-wrapper {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
}

.two-column-wrapper .container {
  width: 100%;
}

.two-column-wrapper .field--name-field-left-content {
  height: 100%;
}

.two-column-wrapper .field--name-field-left-content > .field__item {
  height: 100%;
}

.two-column-wrapper .field--name-field-left-content > .field__item > .paragraph {
  height: 100%;
}

.two-column-wrapper .field--name-field-left-content > .field__item > .paragraph.paragraph--type--image * {
  height: 100%;
}

.two-column-wrapper .field--name-field-left-content > .field__item > .paragraph.paragraph--type--image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.container .container {
  width: 100%;
}

.button-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--size-075, 12px) var(--size-15, 24px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 145px;
  height: 37px;
  border-radius: var(--radius-round, 99999px);
  border: var(--border-width-main, 1.5px) solid var(--button-primary-border, #FE5A1D);
  background: var(--button-primary-background, #FE5A1D);
  font-size: var(--font-size-text-main, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  text-decoration: none;
}

.button-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--size-075, 12px) var(--size-15, 24px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 145px;
  height: 37px;
  border-radius: var(--radius-round, 99999px);
  border: var(--border-width-main, 1.5px) solid var(--button-primary-border, #FE5A1D);
  background: var(--button-primary-background, #FE5A1D);
  font-size: var(--font-size-text-main, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  text-decoration: none;
}

.site-footer {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
}

.site-footer p {
  margin-top: 0;
}

.region--footer-top__inner {
  max-width: var(--container-width-default, default);
  width: -webkit-calc(100% - var(--container-padding, 80px));
  width: calc(100% - var(--container-padding, 80px));
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}

.site-footer__inner_top {
  padding-block: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.region--footer-top.grid-full.layout--pass--content-medium {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
}

.footer-top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.footer-top-content_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: baseline;
      -ms-flex-pack: baseline;
          justify-content: baseline;
}

.footer-top-content_right {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  -webkit-box-pack: baseline;
      -ms-flex-pack: baseline;
          justify-content: baseline;
}

.text-content h2 {
  margin: 0;
}

.text-content * + h2 {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}

/*# sourceMappingURL=main.css.map */