@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-optical-sizing: auto;
}
@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}
:root {
  --spacing-none: 0px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-5xl: 40px;
  --spacing-6xl: 48px;
  --spacing-7xl: 64px;
  --spacing-11xl: 160px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;
  --container-padding-mobile: 16px;
  --alpha-black-60: rgba(27, 27, 27, 0.60);
}

:root, [data-bs-theme=light] {
  --text-primary: #101828;
  --text-primary-900: #101828;
  --text-primary_on-brand: #F1F1F1;
  --text-secondary-700: #344054;
  --text-tertiary-600: #475467;
  --text-error-primary-600: #D92D20;
  --text-placeholder: #667085;
  --border-brand: #F7B27A;
  --border-brand-solid: #EF6820;
  --fg-brand-primary-300: #F7B27A;
  --border-primary: #D0D5DD;
  --border-secondary: #EAECF0;
  --border-error: #FDA29B;
  --border-error-solid: #D92D20;
  --border-disabled_subtle: #EAECF0;
  --bg-brand-primary: #FEF6EE;
  --bg-brand-primary-hover: #FEF6EE;
  --bg-brand-solid-400: #F38744;
  --bg-brand-solid_hover: #XXXXXX;
  --bg-primary: #FCFCFD;
  --bg-primary-odd: #F1F1F1;
  --bg-secondary-on-brand: #F1F1F1;
  --bg-secondary: #F2F4F7;
  --bg-tertiary: #EAECF0;
  --bg-brand-secondary: #F9DBAF;
  --utility-pink-50: #FFF1F3;
  --utility-pink-200: #FECDD6;
  --utility-blue-light-50: #F0F9FF;
  --utility-blue-light-200: #B9E6FE;
  --utility-blue-light-400: #36BFFA;
  --bg-disabled: #F2F4F7;
  --bg-disabled_subtle: #F9FAFB;
  --bg-error-primary: #FEF3F2;
  --fg-white: #F1F1F1;
  --fg-tertiary-600: #XXXXXX;
  --fg-disabled: #98A2B3;
  --utility-brand-400: #F38744;
  --utility-brand-500: #EF6820;
  --utility-gray-200: #EAECF0;
  --utility-gray-50: #F9FAFB;
  --utility-orange-50: #FEF6EE;
  --utility-orange-200: #F9DBAF;
  --utility-orange-700: #B93815;
  --icon-stroke: #475467;
  --icon-stroke-hover: #475467;
  --icon-stroke-active: #475467;
  --button-tertiary-fg: #475467;
  --dropdown-link-active-bg: #F38744;
  --button-secondary-bg: #F1F1F1;
  --button-secondary-border: #D0D5DD;
  --button-secondary-fg: #344054;
}

[data-bs-theme=dark] {
  --text-primary: #F9FAFB;
  --text-primary-900: #F9FAFB;
  --text-primary_on-brand: #F1F1F1;
  --text-secondary-700: #D0D5DD;
  --text-tertiary-600: #98A2B3;
  --text-error-primary-600: #D92D20;
  --text-placeholder: #667085;
  --border-brand: #932F19;
  --border-brand-solid: #E04F16;
  --fg-brand-primary-300: #F38744;
  --border-primary: #344054;
  --border-secondary: #182230;
  --border-error: #FDA29B;
  --border-error-solid: #98A2B3;
  --border-disabled_subtle: #182230;
  --bg-brand-primary: #511C10;
  --bg-brand-secondary: #772917;
  --utility-pink-50: #4E0D25;
  --utility-pink-200: #89123E;
  --utility-blue-light-50: #062C41;
  --utility-blue-light-200: #0B4A6F;
  --utility-blue-light-400: #36BFFA;
  --bg-brand-primary-hover: rgba(255, 255, 255, 0.1);
  --bg-brand-solid-400: #B93815;
  --bg-brand-solid_hover: #EF6820;
  --bg-primary: #0C111D;
  --bg-primary-odd: #F1F1F1;
  --bg-secondary-on-brand: #101828;
  --bg-secondary: #101828;
  --bg-tertiary: #182230;
  --bg-disabled: #182230;
  --bg-disabled_subtle: #101828;
  --bg-error-primary: #101828;
  --fg-white: #F1F1F1;
  --fg-tertiary-600: #98A2B3;
  --fg-disabled: #667085;
  --utility-brand-400: #EF6820;
  --utility-brand-500: #EF6820;
  --utility-gray-200: #344054;
  --utility-gray-50: #101828;
  --utility-orange-50: #511C10;
  --utility-orange-200: #772917;
  --utility-orange-700: #F7B27A;
  --icon-stroke: #98A2B3;
  --icon-stroke-hover: #F1F1F1;
  --icon-stroke-active: #F1F1F1;
  --button-tertiary-fg: #98A2B3;
  --dropdown-link-active-bg: #EF6820;
  --button-secondary-bg: #101828;
  --button-secondary-border: #344054;
  --button-secondary-fg: #D0D5DD;
}

html, body {
  font-family: "Inter", sans-serif;
}

.logo {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0.5%206C0.5%202.96243%202.96243%200.5%206%200.5H26C29.0376%200.5%2031.5%202.96243%2031.5%206V26C31.5%2029.0376%2029.0376%2031.5%2026%2031.5H6C2.96243%2031.5%200.5%2029.0376%200.5%2026V6Z%22%20stroke%3D%22%23EF6820%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.3921%2026.3524C22.669%2026.3524%2022.8935%2026.1279%2022.8935%2025.8509V23.2477C22.8935%2022.9708%2022.669%2022.7463%2022.3921%2022.7463H15.8558C14.8864%2022.7463%2014.2176%2022.5912%2013.8492%2022.281C13.4809%2021.9708%2013.1162%2021.4005%2013.1162%2020.5862L13.1869%2018.2017C13.1879%2018.1649%2013.193%2018.129%2013.2016%2018.0945C13.2512%2017.8962%2013.2987%2017.5784%2013.4529%2017.4441L16.2704%2014.9885C16.6198%2014.6841%2016.4044%2014.1092%2015.941%2014.1092H13.7027C13.4258%2014.1092%2013.2013%2013.8847%2013.2013%2013.6077V9.75397C13.2013%209.47701%2013.4258%209.25253%2013.7027%209.25253H22.3921C22.669%209.25253%2022.8935%209.02805%2022.8935%208.75117V6.14788C22.8935%205.87096%2022.669%205.64648%2022.3921%205.64648H9.75576C9.47888%205.64648%209.25439%205.87096%209.25439%206.14788V20.8851C9.25439%2022.9208%209.71967%2024.3457%2010.6502%2025.1601C11.6002%2025.9549%2013.2385%2026.3524%2015.565%2026.3524H22.3921Z%22%20fill%3D%22%23EF6820%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.6263%2017.5781H15.3728C15.2343%2017.5781%2015.1221%2017.6904%2015.1221%2017.8288V18.5809C15.1221%2018.7194%2015.2343%2018.8316%2015.3728%2018.8316H16.6263C16.7647%2018.8316%2016.877%2018.7194%2016.877%2018.5809V17.8288C16.877%2017.6904%2016.7647%2017.5781%2016.6263%2017.5781Z%22%20fill%3D%22%23EF6820%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M19.8851%2017.5781H18.6316C18.4931%2017.5781%2018.3809%2017.6904%2018.3809%2017.8288V18.5809C18.3809%2018.7194%2018.4931%2018.8316%2018.6316%2018.8316H19.8851C20.0235%2018.8316%2020.1358%2018.7194%2020.1358%2018.5809V17.8288C20.1358%2017.6904%2020.0235%2017.5781%2019.8851%2017.5781Z%22%20fill%3D%22%23EF6820%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M19.8851%2020.0859H18.6316C18.4931%2020.0859%2018.3809%2020.1982%2018.3809%2020.3366V21.0887C18.3809%2021.2272%2018.4931%2021.3394%2018.6316%2021.3394H19.8851C20.0235%2021.3394%2020.1358%2021.2272%2020.1358%2021.0887V20.3366C20.1358%2020.1982%2020.0235%2020.0859%2019.8851%2020.0859Z%22%20fill%3D%22%23EF6820%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.6263%2020.0859H15.3728C15.2343%2020.0859%2015.1221%2020.1982%2015.1221%2020.3366V21.0887C15.1221%2021.2272%2015.2343%2021.3394%2015.3728%2021.3394H16.6263C16.7647%2021.3394%2016.877%2021.2272%2016.877%2021.0887V20.3366C16.877%2020.1982%2016.7647%2020.0859%2016.6263%2020.0859Z%22%20fill%3D%22%23EF6820%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ez-card {
  padding: var(--spacing-3xl);
  border-radius: var(--radius-xl);
  background: var(--bg-primary);
  box-shadow: inset 0 0 0 1px var(--border-primary), 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.blade-back {
  display: none;
  padding: 0;
  border: none;
  background: none;
  color: var(--text-primary-900);
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .blade .blade-back {
    display: flex;
  }
  .blade div.header:has(> .blade-back, > .back) {
    justify-content: flex-start;
    gap: var(--spacing-lg);
  }
  .blade div.header:has(> .blade-back, > .back) > button.close {
    display: none;
  }
  .blade div.header:has(> .blade-back, > .back) > span {
    font-size: 20px;
    line-height: 30px;
  }
}