:root {
  --qn-primary-100: #f1f6fe;
  --qn-primary-200: #abc9f5;
  --qn-primary-300: #4e91f6;
  --qn-primary-400: #0f6af5;
  --qn-primary-500: #074bb2;
  --qn-primary-600: #094093;
  --qn-primary: #0f6af5;
  --qn-success-100: #f0fdf9;
  --qn-success-200: #99f6e0;
  --qn-success-300: #2ed3b7;
  --qn-success-400: #15b79e;
  --qn-success-500: #0e9384;
  --qn-success-600: #125d56;
  --qn-success: #15b79e;
  --qn-warning-100: #fff7e9;
  --qn-warning-200: #fee5bd;
  --qn-warning-300: #fcc564;
  --qn-warning-400: #ef9600;
  --qn-warning-500: #d18300;
  --qn-warning-600: #a15c07;
  --qn-warning: #ef9600;
  --qn-danger-100: #fbe2dd;
  --qn-danger-200: #f8c4bc;
  --qn-danger-300: #ef6954;
  --qn-danger-400: #ec3d27;
  --qn-danger-500: #c02413;
  --qn-danger-600: #9b1d0f;
  --qn-danger: #ec3d27;
  --qn-helper-100: #ebfdff;
  --qn-helper-200: #b2ebf2;
  --qn-helper-300: #4dd0e1;
  --qn-helper-400: #33bdcd;
  --qn-helper-500: #00acc1;
  --qn-helper-600: #008a9a;
  --qn-helper: #33bdcd;
  --qn-violet-100: #f5f3ff;
  --qn-violet-200: #ddd6fe;
  --qn-violet-300: #a48afb;
  --qn-violet-400: #875bf7;
  --qn-violet-500: #6927da;
  --qn-violet-600: #4f1ca5;
  --qn-violet: #875bf7;
  --qn-fuschia-100: #fdf4ff;
  --qn-fuschia-200: #f6d0fe;
  --qn-fuschia-300: #e478fa;
  --qn-fuschia-400: #d444f1;
  --qn-fuschia-500: #ba24d5;
  --qn-fuschia-600: #9f1ab1;
  --qn-fuschia: #d444f1;
  --qn-neutral-900: #202939;
  --qn-neutral-800: #364152;
  --qn-neutral-700: #4b5565;
  --qn-neutral-600: #697586;
  --qn-neutral-500: #9aa4b2;
  --qn-neutral-400: #cdd5df;
  --qn-neutral-300: #e3e8ef;
  --qn-neutral-200: #eef2f6;
  --qn-neutral-100: #f8fafc;
  --qn-neutral: #9aa4b2;
  --qn-white: #fff;
  --qn-black: #222;
  --qn-sevima-red-500: #891520;
  --qn-sevima-red-400: #c82630;
  --qn-sevima-red-300: #e1202d;
  --qn-sevima-red-200: #e1113d;
  --qn-sevima-red-100: #dd3645;
  --qn-sevima-blue-500: #09305c;
  --qn-sevima-blue-400: #0c3a6e;
  --qn-sevima-blue-300: #3b549f;
  --qn-sevima-blue-200: #135ba2;
  --qn-sevima-blue-100: #1c78b1;
  --qn-edlink-500: #004407;
  --qn-edlink-400: #009b24;
  --qn-edlink-300: #00b711;
  --qn-edlink-200: #abdeb7;
  --qn-edlink-100: #f1fef2;
  --qn-maukuliah-500: #b05507;
  --qn-maukuliah-400: #f58220;
  --qn-maukuliah-300: #f69d51;
  --qn-maukuliah-200: #f5cead;
  --qn-maukuliah-100: #fef7f1;
  --qn-shadow-outer-sm: 0 0.063rem 0.125rem rgb(0 0 0 / 12%);
  --qn-shadow-outer-lg: 0 0.25rem 0.5rem rgb(0 0 0 / 10%);
  --qn-shadow-inner-sm: inset 0.063rem 0.125rem 0.125rem rgb(0 0 0 / 12%);
  --qn-size-1: 0.063rem;
  --qn-size-2: 0.125rem;
  --qn-size-4: 0.25rem;
  --qn-size-7: 0.438rem;
  --qn-size-6: 0.375rem;
  --qn-size-8: 0.5rem;
  --qn-size-10: 0.625rem;
  --qn-size-11: 0.688rem;
  --qn-size-12: 0.75rem;
  --qn-size-13: 0.813rem;
  --qn-size-14: 0.875rem;
  --qn-size-16: 1rem;
  --qn-size-18: 1.125rem;
  --qn-size-20: 1.25rem;
  --qn-size-22: 1.375rem;
  --qn-size-24: 1.5rem;
  --qn-size-26: 1.625rem;
  --qn-size-28: 1.75rem;
  --qn-size-30: 1.875rem;
  --qn-size-32: 2rem;
  --qn-size-36: 2.25rem;
  --qn-size-40: 2.5rem;
  --qn-size-44: 2.75rem;
  --qn-size-48: 3rem;
  --qn-size-52: 3.25rem;
  --qn-size-56: 3.5rem;
  --qn-size-64: 4rem;
  --qn-space-4: 0.25rem;
  --qn-space-8: 0.5rem;
  --qn-space-12: 0.75rem;
  --qn-space-16: 1rem;
  --qn-space-20: 1.25rem;
  --qn-space-24: 1.5rem;
  --qn-space-32: 2rem;
  --qn-space-40: 3rem;
  --qn-space-48: 3rem;
  --qn-space-64: 4rem;
  --qn-space-80: 5rem;
  --qn-space-96: 8rem;
  --qn-space-128: 8rem;
  --qn-space-160: 10rem;
  --qn-space-192: 12rem;
  --qn-space-224: 14rem;
  --qn-space-256: 16rem;
  --qn-breakpoint-xs: 23.5rem;
  --qn-breakpoint-sm: 48rem;
  --qn-breakpoint-md: 80rem;
  --qn-breakpoint-lg: 83.5rem;
  --qn-breakpoint-xl: 90rem;
  --qn-breakpoint-2xl: 120rem;
  --qn-man-sidebar-gradient-background: none;
  --qn-man-sidebar-illustration-content: none;
  --qn-man-sidebar-badge-background: var(--qn-danger-400);
}

@font-face {
  font-family: "Instrument Sans, sans-serif";
  src: url("./../../assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-SemiBold.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans, sans-serif";
  src: url("./../../assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-SemiBoldItalic.woff2")
    format("woff2");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans, sans-serif";
  src: url("./../../assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-Medium.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans, sans-serif";
  src: url("./../../assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-MediumItalic.woff2")
    format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans, sans-serif";
  src: url("./../../assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-Regular.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans, sans-serif";
  src: url("./../../assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-Italic.woff2")
    format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

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

* {
  margin: 0;
  padding: 0;
  font-family: "Instrument Sans, sans-serif";
  font-feature-settings:
    "liga" off,
    "kern" off;
}

html {
  height: 100%;
}

@media only screen and (width >= 83.437rem) {
  html {
    font-size: calc(100% + 0.125rem);
  }
}

@media only screen and (width >= 104.937rem) {
  html {
    font-size: calc(100% + 0.25rem);
  }
}

@media only screen and (width >= 159.937rem) {
  html {
    font-size: calc(100% + 0.375rem);
  }
}

@media only screen and (width >= 179.937rem) {
  html {
    font-size: calc(100% + 0.5rem);
  }
}

@media only screen and (width >= 199.937rem) {
  html {
    font-size: calc(100% + 0.625rem);
  }
}

@media only screen and (width >= 239.937rem) {
  html {
    font-size: calc(100% + 0.75rem);
  }
}

body {
  display: block;
  min-height: 100%;
  background-color: #f8fafc;
  color: #222;
  font-family: "Instrument Sans, sans-serif";
  position: relative;
}

main {
  width: 100%;
}

.container {
  display: block;
}

hr {
  border: 0.063rem solid #eef2f6;
}

hr.dashed {
  border-style: dashed;
}

img,
picture,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #222;
  margin-bottom: 0;
}

a {
  color: unset;
  text-decoration: none;
}

::-webkit-scrollbar {
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #eef2f6;
  border-radius: 0.5rem;
  border: 0.25rem solid #fff;
}

::-webkit-scrollbar-thumb:hover {
  background: #cdd5df;
}

@font-face {
  font-family: sevima-icons;
  src: url("./../../assets/fonts/Icons/sevima-icons.eot?qgtc6a");
  src:
    url("./../../assets/fonts/Icons/sevima-icons.eot?qgtc6a#iefix")
      format("embedded-opentype"),
    url("./../../assets/fonts/Icons/sevima-icons.ttf?qgtc6a") format("truetype"),
    url("./../../assets/fonts/Icons/sevima-icons.woff?qgtc6a") format("woff"),
    url("/assets/fonts/Icons/sevima-icons.svg?qgtc6a#sevima-icons")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

.icon {
  font-family: var(--icon-style-family, "sevima-icons");
  font-weight: var(--icon-style, 500);
}

.icon {
  -moz-osx-font-smoothing: neutralscale;
  -webkit-font-smoothing: antialiased;
  display: var(--icon-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.icon-1x {
  font-size: 1em;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-6x {
  font-size: 6em;
}

.icon-7x {
  font-size: 7em;
}

.icon-8x {
  font-size: 8em;
}

.icon-9x {
  font-size: 9em;
}

.icon-10x {
  font-size: 10em;
}

.icon-2xs {
  font-size: 0.625rem;
  line-height: 0.1rem;
  vertical-align: 0.225rem;
}

.icon-xs {
  font-size: 0.75rem;
  line-height: 0.0833333337rem;
  vertical-align: 0.125rem;
}

.icon-sm {
  font-size: 0.875rem;
  line-height: 0.0714285718rem;
  vertical-align: 0.0535714295rem;
}

.icon-lg {
  font-size: 1.25rem;
  line-height: 0.05rem;
  vertical-align: -0.075rem;
}

.icon-xl {
  font-size: 1.5rem;
  line-height: 0.0416666682rem;
  vertical-align: -0.125rem;
}

.icon-2xl {
  font-size: 2rem;
  line-height: 0.03125rem;
  vertical-align: -0.1875rem;
}

.icon-fw {
  text-align: center;
  width: 1.25em;
}

.icon-ul {
  list-style-type: none;
  padding-left: var(--icon-li-padding, 2.5em);
  margin-left: 0;
}

.icon-ul > li {
  position: relative;
}

.icon-li {
  left: calc(var(--icon-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--icon-li-width, 2em);
  line-height: inherit;
}

.icon-academic-cap::before {
  display: inline-block;
  content: "\e900";
}

.icon-academic-cap-mini::before {
  display: inline-block;
  content: "\e901";
}

.icon-academic-cap-solid::before {
  display: inline-block;
  content: "\e902";
}

.icon-adjustments-horizontal::before {
  display: inline-block;
  content: "\e903";
}

.icon-adjustments-horizontal-mini::before {
  display: inline-block;
  content: "\e904";
}

.icon-adjustments-horizontal-solid::before {
  display: inline-block;
  content: "\e905";
}

.icon-adjustments-vertical::before {
  display: inline-block;
  content: "\e906";
}

.icon-adjustments-vertical-mini::before {
  display: inline-block;
  content: "\e907";
}

.icon-adjustments-vertical-solid::before {
  display: inline-block;
  content: "\e908";
}

.icon-archive-box::before {
  display: inline-block;
  content: "\e909";
}

.icon-archive-box-arrow-down::before {
  display: inline-block;
  content: "\e90a";
}

.icon-archive-box-arrow-down-mini::before {
  display: inline-block;
  content: "\e90b";
}

.icon-archive-box-arrow-down-solid::before {
  display: inline-block;
  content: "\e90c";
}

.icon-archive-box-mini::before {
  display: inline-block;
  content: "\e90d";
}

.icon-archive-box-solid::before {
  display: inline-block;
  content: "\e90e";
}

.icon-archive-box-x-mark::before {
  display: inline-block;
  content: "\e90f";
}

.icon-archive-box-x-mark-mini::before {
  display: inline-block;
  content: "\e910";
}

.icon-archive-box-x-mark-solid::before {
  display: inline-block;
  content: "\e911";
}

.icon-arrow-down::before {
  display: inline-block;
  content: "\e912";
}

.icon-arrow-down-circle::before {
  display: inline-block;
  content: "\e913";
}

.icon-arrow-down-circle-mini::before {
  display: inline-block;
  content: "\e914";
}

.icon-arrow-down-circle-solid::before {
  display: inline-block;
  content: "\e915";
}

.icon-arrow-down-left::before {
  display: inline-block;
  content: "\e916";
}

.icon-arrow-down-left-mini::before {
  display: inline-block;
  content: "\e917";
}

.icon-arrow-down-left-solid::before {
  display: inline-block;
  content: "\e918";
}

.icon-arrow-down-mini::before {
  display: inline-block;
  content: "\e919";
}

.icon-arrow-down-on-square::before {
  display: inline-block;
  content: "\e91a";
}

.icon-arrow-down-on-square-mini::before {
  display: inline-block;
  content: "\e91b";
}

.icon-arrow-down-on-square-solid::before {
  display: inline-block;
  content: "\e91c";
}

.icon-arrow-down-on-square-stack::before {
  display: inline-block;
  content: "\e91d";
}

.icon-arrow-down-on-square-stack-mini::before {
  display: inline-block;
  content: "\e91e";
}

.icon-arrow-down-on-square-stack-solid::before {
  display: inline-block;
  content: "\e91f";
}

.icon-arrow-down-right::before {
  display: inline-block;
  content: "\e920";
}

.icon-arrow-down-right-mini::before {
  display: inline-block;
  content: "\e921";
}

.icon-arrow-down-right-solid::before {
  display: inline-block;
  content: "\e922";
}

.icon-arrow-down-solid::before {
  display: inline-block;
  content: "\e923";
}

.icon-arrow-down-tray::before {
  display: inline-block;
  content: "\e924";
}

.icon-arrow-down-tray-mini::before {
  display: inline-block;
  content: "\e925";
}

.icon-arrow-down-tray-solid::before {
  display: inline-block;
  content: "\e926";
}

.icon-arrow-left::before {
  display: inline-block;
  content: "\e927";
}

.icon-arrow-left-circle::before {
  display: inline-block;
  content: "\e928";
}

.icon-arrow-left-circle-mini::before {
  display: inline-block;
  content: "\e929";
}

.icon-arrow-left-circle-solid::before {
  display: inline-block;
  content: "\e92a";
}

.icon-arrow-left-mini::before {
  display: inline-block;
  content: "\e92b";
}

.icon-arrow-left-on-rectangle::before {
  display: inline-block;
  content: "\e92c";
}

.icon-arrow-left-on-rectangle-mini::before {
  display: inline-block;
  content: "\e92d";
}

.icon-arrow-left-on-rectangle-solid::before {
  display: inline-block;
  content: "\e92e";
}

.icon-arrow-left-solid::before {
  display: inline-block;
  content: "\e92f";
}

.icon-arrow-long-down::before {
  display: inline-block;
  content: "\e930";
}

.icon-arrow-long-down-mini::before {
  display: inline-block;
  content: "\e931";
}

.icon-arrow-long-down-solid::before {
  display: inline-block;
  content: "\e932";
}

.icon-arrow-long-left::before {
  display: inline-block;
  content: "\e933";
}

.icon-arrow-long-left-mini::before {
  display: inline-block;
  content: "\e934";
}

.icon-arrow-long-left-solid::before {
  display: inline-block;
  content: "\e935";
}

.icon-arrow-long-right::before {
  display: inline-block;
  content: "\e936";
}

.icon-arrow-long-right-mini::before {
  display: inline-block;
  content: "\e937";
}

.icon-arrow-long-right-solid::before {
  display: inline-block;
  content: "\e938";
}

.icon-arrow-long-up::before {
  display: inline-block;
  content: "\e939";
}

.icon-arrow-long-up-mini::before {
  display: inline-block;
  content: "\e93a";
}

.icon-arrow-long-up-solid::before {
  display: inline-block;
  content: "\e93b";
}

.icon-arrow-path::before {
  display: inline-block;
  content: "\e93c";
}

.icon-arrow-path-mini::before {
  display: inline-block;
  content: "\e93d";
}

.icon-arrow-path-rounded-square::before {
  display: inline-block;
  content: "\e93e";
}

.icon-arrow-path-rounded-square-mini::before {
  display: inline-block;
  content: "\e93f";
}

.icon-arrow-path-rounded-square-solid::before {
  display: inline-block;
  content: "\e940";
}

.icon-arrow-path-solid::before {
  display: inline-block;
  content: "\e941";
}

.icon-arrow-right::before {
  display: inline-block;
  content: "\e942";
}

.icon-arrow-right-circle::before {
  display: inline-block;
  content: "\e943";
}

.icon-arrow-right-circle-mini::before {
  display: inline-block;
  content: "\e944";
}

.icon-arrow-right-circle-solid::before {
  display: inline-block;
  content: "\e945";
}

.icon-arrow-right-mini::before {
  display: inline-block;
  content: "\e946";
}

.icon-arrow-right-on-rectangle::before {
  display: inline-block;
  content: "\e947";
}

.icon-arrow-right-on-rectangle-mini::before {
  display: inline-block;
  content: "\e948";
}

.icon-arrow-right-on-rectangle-solid::before {
  display: inline-block;
  content: "\e949";
}

.icon-arrow-right-solid::before {
  display: inline-block;
  content: "\e94a";
}

.icon-arrow-small-down::before {
  display: inline-block;
  content: "\e94b";
}

.icon-arrow-small-down-mini::before {
  display: inline-block;
  content: "\e94c";
}

.icon-arrow-small-left::before {
  display: inline-block;
  content: "\e94d";
}

.icon-arrow-small-left-mini::before {
  display: inline-block;
  content: "\e94e";
}

.icon-arrow-small-right::before {
  display: inline-block;
  content: "\e94f";
}

.icon-arrow-small-right-mini::before {
  display: inline-block;
  content: "\e950";
}

.icon-arrow-small-up::before {
  display: inline-block;
  content: "\e951";
}

.icon-arrow-small-up-mini::before {
  display: inline-block;
  content: "\e952";
}

.icon-arrows-pointing-in::before {
  display: inline-block;
  content: "\e953";
}

.icon-arrows-pointing-in-mini::before {
  display: inline-block;
  content: "\e954";
}

.icon-arrows-pointing-in-solid::before {
  display: inline-block;
  content: "\e955";
}

.icon-arrows-pointing-out::before {
  display: inline-block;
  content: "\e956";
}

.icon-arrows-pointing-out-mini::before {
  display: inline-block;
  content: "\e957";
}

.icon-arrows-pointing-out-solid::before {
  display: inline-block;
  content: "\e958";
}

.icon-arrows-right-left::before {
  display: inline-block;
  content: "\e959";
}

.icon-arrows-right-left-mini::before {
  display: inline-block;
  content: "\e95a";
}

.icon-arrows-right-left-solid::before {
  display: inline-block;
  content: "\e95b";
}

.icon-arrows-up-down::before {
  display: inline-block;
  content: "\e95c";
}

.icon-arrows-up-down-mini::before {
  display: inline-block;
  content: "\e95d";
}

.icon-arrows-up-down-solid::before {
  display: inline-block;
  content: "\e95e";
}

.icon-arrow-top-right-on-square::before {
  display: inline-block;
  content: "\e95f";
}

.icon-arrow-top-right-on-square-mini::before {
  display: inline-block;
  content: "\e960";
}

.icon-arrow-top-right-on-square-solid::before {
  display: inline-block;
  content: "\e961";
}

.icon-arrow-trending-down::before {
  display: inline-block;
  content: "\e962";
}

.icon-arrow-trending-down-mini::before {
  display: inline-block;
  content: "\e963";
}

.icon-arrow-trending-down-solid::before {
  display: inline-block;
  content: "\e964";
}

.icon-arrow-trending-up::before {
  display: inline-block;
  content: "\e965";
}

.icon-arrow-trending-up-mini::before {
  display: inline-block;
  content: "\e966";
}

.icon-arrow-trending-up-solid::before {
  display: inline-block;
  content: "\e967";
}

.icon-arrow-up::before {
  display: inline-block;
  content: "\e968";
}

.icon-arrow-up-circle::before {
  display: inline-block;
  content: "\e969";
}

.icon-arrow-up-circle-mini::before {
  display: inline-block;
  content: "\e96a";
}

.icon-arrow-up-circle-solid::before {
  display: inline-block;
  content: "\e96b";
}

.icon-arrow-up-left::before {
  display: inline-block;
  content: "\e96c";
}

.icon-arrow-up-left-mini::before {
  display: inline-block;
  content: "\e96d";
}

.icon-arrow-up-left-solid::before {
  display: inline-block;
  content: "\e96e";
}

.icon-arrow-up-mini::before {
  display: inline-block;
  content: "\e96f";
}

.icon-arrow-up-on-square::before {
  display: inline-block;
  content: "\e970";
}

.icon-arrow-up-on-square-mini::before {
  display: inline-block;
  content: "\e971";
}

.icon-arrow-up-on-square-solid::before {
  display: inline-block;
  content: "\e972";
}

.icon-arrow-up-on-square-stack::before {
  display: inline-block;
  content: "\e973";
}

.icon-arrow-up-on-square-stack-mini::before {
  display: inline-block;
  content: "\e974";
}

.icon-arrow-up-on-square-stack-solid::before {
  display: inline-block;
  content: "\e975";
}

.icon-arrow-up-right::before {
  display: inline-block;
  content: "\e976";
}

.icon-arrow-up-right-mini::before {
  display: inline-block;
  content: "\e977";
}

.icon-arrow-up-right-solid::before {
  display: inline-block;
  content: "\e978";
}

.icon-arrow-up-solid::before {
  display: inline-block;
  content: "\e979";
}

.icon-arrow-up-tray::before {
  display: inline-block;
  content: "\e97a";
}

.icon-arrow-up-tray-mini::before {
  display: inline-block;
  content: "\e97b";
}

.icon-arrow-up-tray-solid::before {
  display: inline-block;
  content: "\e97c";
}

.icon-arrow-uturn-down::before {
  display: inline-block;
  content: "\e97d";
}

.icon-arrow-uturn-down-mini::before {
  display: inline-block;
  content: "\e97e";
}

.icon-arrow-uturn-down-solid::before {
  display: inline-block;
  content: "\e97f";
}

.icon-arrow-uturn-left::before {
  display: inline-block;
  content: "\e980";
}

.icon-arrow-uturn-left-mini::before {
  display: inline-block;
  content: "\e981";
}

.icon-arrow-uturn-left-solid::before {
  display: inline-block;
  content: "\e982";
}

.icon-arrow-uturn-right::before {
  display: inline-block;
  content: "\e983";
}

.icon-arrow-uturn-right-mini::before {
  display: inline-block;
  content: "\e984";
}

.icon-arrow-uturn-right-solid::before {
  display: inline-block;
  content: "\e985";
}

.icon-arrow-uturn-up::before {
  display: inline-block;
  content: "\e986";
}

.icon-arrow-uturn-up-mini::before {
  display: inline-block;
  content: "\e987";
}

.icon-arrow-uturn-up-solid::before {
  display: inline-block;
  content: "\e988";
}

.icon-at-symbol::before {
  display: inline-block;
  content: "\e989";
}

.icon-at-symbol-mini::before {
  display: inline-block;
  content: "\e98a";
}

.icon-at-symbol-solid::before {
  display: inline-block;
  content: "\e98b";
}

.icon-backspace::before {
  display: inline-block;
  content: "\e98c";
}

.icon-backspace-mini::before {
  display: inline-block;
  content: "\e98d";
}

.icon-backspace-solid::before {
  display: inline-block;
  content: "\e98e";
}

.icon-backward::before {
  display: inline-block;
  content: "\e98f";
}

.icon-backward-mini::before {
  display: inline-block;
  content: "\e990";
}

.icon-backward-solid::before {
  display: inline-block;
  content: "\e991";
}

.icon-banknotes::before {
  display: inline-block;
  content: "\e992";
}

.icon-banknotes-mini::before {
  display: inline-block;
  content: "\e993";
}

.icon-banknotes-solid::before {
  display: inline-block;
  content: "\e994";
}

.icon-bars-2::before {
  display: inline-block;
  content: "\e995";
}

.icon-bars-2-mini::before {
  display: inline-block;
  content: "\e996";
}

.icon-bars-2-solid::before {
  display: inline-block;
  content: "\e997";
}

.icon-bars-3::before {
  display: inline-block;
  content: "\e998";
}

.icon-bars-3-bottom-left::before {
  display: inline-block;
  content: "\e999";
}

.icon-bars-3-bottom-left-mini::before {
  display: inline-block;
  content: "\e99a";
}

.icon-bars-3-bottom-left-solid::before {
  display: inline-block;
  content: "\e99b";
}

.icon-bars-3-bottom-right::before {
  display: inline-block;
  content: "\e99c";
}

.icon-bars-3-bottom-right-mini::before {
  display: inline-block;
  content: "\e99d";
}

.icon-bars-3-bottom-right-solid::before {
  display: inline-block;
  content: "\e99e";
}

.icon-bars-3-center-left::before {
  display: inline-block;
  content: "\e99f";
}

.icon-bars-3-center-left-mini::before {
  display: inline-block;
  content: "\e9a0";
}

.icon-bars-3-center-left-solid::before {
  display: inline-block;
  content: "\e9a1";
}

.icon-bars-3-mini::before {
  display: inline-block;
  content: "\e9a2";
}

.icon-bars-3-solid::before {
  display: inline-block;
  content: "\e9a3";
}

.icon-bars-4::before {
  display: inline-block;
  content: "\e9a4";
}

.icon-bars-4-mini::before {
  display: inline-block;
  content: "\e9a5";
}

.icon-bars-4-solid::before {
  display: inline-block;
  content: "\e9a6";
}

.icon-bars-arrow-down::before {
  display: inline-block;
  content: "\e9a7";
}

.icon-bars-arrow-down-mini::before {
  display: inline-block;
  content: "\e9a8";
}

.icon-bars-arrow-down-solid::before {
  display: inline-block;
  content: "\e9a9";
}

.icon-bars-arrow-up::before {
  display: inline-block;
  content: "\e9aa";
}

.icon-bars-arrow-up-mini::before {
  display: inline-block;
  content: "\e9ab";
}

.icon-bars-arrow-up-solid::before {
  display: inline-block;
  content: "\e9ac";
}

.icon-battery-0::before {
  display: inline-block;
  content: "\e9ad";
}

.icon-battery-0-mini::before {
  display: inline-block;
  content: "\e9ae";
}

.icon-battery-0-solid::before {
  display: inline-block;
  content: "\e9af";
}

.icon-battery-50::before {
  display: inline-block;
  content: "\e9b0";
}

.icon-battery-50-mini::before {
  display: inline-block;
  content: "\e9b1";
}

.icon-battery-50-solid::before {
  display: inline-block;
  content: "\e9b2";
}

.icon-battery-100::before {
  display: inline-block;
  content: "\e9b3";
}

.icon-battery-100-mini::before {
  display: inline-block;
  content: "\e9b4";
}

.icon-battery-100-solid::before {
  display: inline-block;
  content: "\e9b5";
}

.icon-beaker::before {
  display: inline-block;
  content: "\e9b6";
}

.icon-beaker-mini::before {
  display: inline-block;
  content: "\e9b7";
}

.icon-beaker-solid::before {
  display: inline-block;
  content: "\e9b8";
}

.icon-bell::before {
  display: inline-block;
  content: "\e9b9";
}

.icon-bell-alert::before {
  display: inline-block;
  content: "\e9ba";
}

.icon-bell-alert-mini::before {
  display: inline-block;
  content: "\e9bb";
}

.icon-bell-alert-solid::before {
  display: inline-block;
  content: "\e9bc";
}

.icon-bell-mini::before {
  display: inline-block;
  content: "\e9bd";
}

.icon-bell-slash::before {
  display: inline-block;
  content: "\e9be";
}

.icon-bell-slash-mini::before {
  display: inline-block;
  content: "\e9bf";
}

.icon-bell-slash-solid::before {
  display: inline-block;
  content: "\e9c0";
}

.icon-bell-snooze::before {
  display: inline-block;
  content: "\e9c1";
}

.icon-bell-snooze-mini::before {
  display: inline-block;
  content: "\e9c2";
}

.icon-bell-snooze-solid::before {
  display: inline-block;
  content: "\e9c3";
}

.icon-bell-solid::before {
  display: inline-block;
  content: "\e9c4";
}

.icon-bolt::before {
  display: inline-block;
  content: "\e9c5";
}

.icon-bolt-mini::before {
  display: inline-block;
  content: "\e9c6";
}

.icon-bolt-slash::before {
  display: inline-block;
  content: "\e9c7";
}

.icon-bolt-slash-mini::before {
  display: inline-block;
  content: "\e9c8";
}

.icon-bolt-slash-solid::before {
  display: inline-block;
  content: "\e9c9";
}

.icon-bolt-solid::before {
  display: inline-block;
  content: "\e9ca";
}

.icon-bookmark::before {
  display: inline-block;
  content: "\e9cb";
}

.icon-bookmark-mini::before {
  display: inline-block;
  content: "\e9cc";
}

.icon-bookmark-slash::before {
  display: inline-block;
  content: "\e9cd";
}

.icon-bookmark-slash-mini::before {
  display: inline-block;
  content: "\e9ce";
}

.icon-bookmark-slash-solid::before {
  display: inline-block;
  content: "\e9cf";
}

.icon-bookmark-solid::before {
  display: inline-block;
  content: "\e9d0";
}

.icon-bookmark-square::before {
  display: inline-block;
  content: "\e9d1";
}

.icon-bookmark-square-mini::before {
  display: inline-block;
  content: "\e9d2";
}

.icon-bookmark-square-solid::before {
  display: inline-block;
  content: "\e9d3";
}

.icon-book-open::before {
  display: inline-block;
  content: "\e9d4";
}

.icon-book-open-mini::before {
  display: inline-block;
  content: "\e9d5";
}

.icon-book-open-solid::before {
  display: inline-block;
  content: "\e9d6";
}

.icon-briefcase::before {
  display: inline-block;
  content: "\e9d7";
}

.icon-briefcase-mini::before {
  display: inline-block;
  content: "\e9d8";
}

.icon-briefcase-solid::before {
  display: inline-block;
  content: "\e9d9";
}

.icon-bug-ant::before {
  display: inline-block;
  content: "\e9da";
}

.icon-bug-ant-mini::before {
  display: inline-block;
  content: "\e9db";
}

.icon-bug-ant-solid::before {
  display: inline-block;
  content: "\e9dc";
}

.icon-building-library::before {
  display: inline-block;
  content: "\e9dd";
}

.icon-building-library-mini::before {
  display: inline-block;
  content: "\e9de";
}

.icon-building-library-solid::before {
  display: inline-block;
  content: "\e9df";
}

.icon-building-office::before {
  display: inline-block;
  content: "\e9e0";
}

.icon-building-office-2::before {
  display: inline-block;
  content: "\e9e1";
}

.icon-building-office-2-mini::before {
  display: inline-block;
  content: "\e9e2";
}

.icon-building-office-2-solid::before {
  display: inline-block;
  content: "\e9e3";
}

.icon-building-office-mini::before {
  display: inline-block;
  content: "\e9e4";
}

.icon-building-office-solid::before {
  display: inline-block;
  content: "\e9e5";
}

.icon-building-storefront::before {
  display: inline-block;
  content: "\e9e6";
}

.icon-building-storefront-mini::before {
  display: inline-block;
  content: "\e9e7";
}

.icon-building-storefront-solid::before {
  display: inline-block;
  content: "\e9e8";
}

.icon-cake::before {
  display: inline-block;
  content: "\e9e9";
}

.icon-cake-mini::before {
  display: inline-block;
  content: "\e9ea";
}

.icon-cake-solid::before {
  display: inline-block;
  content: "\e9eb";
}

.icon-calculator::before {
  display: inline-block;
  content: "\e9ec";
}

.icon-calculator-mini::before {
  display: inline-block;
  content: "\e9ed";
}

.icon-calculator-solid::before {
  display: inline-block;
  content: "\e9ee";
}

.icon-calendar::before {
  display: inline-block;
  content: "\e9ef";
}

.icon-calendar-days::before {
  display: inline-block;
  content: "\e9f0";
}

.icon-calendar-days-mini::before {
  display: inline-block;
  content: "\e9f1";
}

.icon-calendar-days-solid::before {
  display: inline-block;
  content: "\e9f2";
}

.icon-calendar-mini::before {
  display: inline-block;
  content: "\e9f3";
}

.icon-calendar-solid::before {
  display: inline-block;
  content: "\e9f4";
}

.icon-camera::before {
  display: inline-block;
  content: "\e9f5";
}

.icon-camera-mini::before {
  display: inline-block;
  content: "\e9f6";
}

.icon-camera-solid::before {
  display: inline-block;
  content: "\e9f7";
}

.icon-chart-bar::before {
  display: inline-block;
  content: "\e9f8";
}

.icon-chart-bar-mini::before {
  display: inline-block;
  content: "\e9f9";
}

.icon-chart-bar-solid::before {
  display: inline-block;
  content: "\e9fa";
}

.icon-chart-bar-square::before {
  display: inline-block;
  content: "\e9fb";
}

.icon-chart-bar-square-mini::before {
  display: inline-block;
  content: "\e9fc";
}

.icon-chart-bar-square-solid::before {
  display: inline-block;
  content: "\e9fd";
}

.icon-chart-pie::before {
  display: inline-block;
  content: "\e9fe";
}

.icon-chart-pie-mini::before {
  display: inline-block;
  content: "\e9ff";
}

.icon-chart-pie-solid::before {
  display: inline-block;
  content: "\ea00";
}

.icon-chat-bubble-bottom-center::before {
  display: inline-block;
  content: "\ea01";
}

.icon-chat-bubble-bottom-center-mini::before {
  display: inline-block;
  content: "\ea02";
}

.icon-chat-bubble-bottom-center-solid::before {
  display: inline-block;
  content: "\ea03";
}

.icon-chat-bubble-bottom-center-text::before {
  display: inline-block;
  content: "\ea04";
}

.icon-chat-bubble-bottom-center-text-mini::before {
  display: inline-block;
  content: "\ea05";
}

.icon-chat-bubble-bottom-center-text-solid::before {
  display: inline-block;
  content: "\ea06";
}

.icon-chat-bubble-left::before {
  display: inline-block;
  content: "\ea07";
}

.icon-chat-bubble-left-ellipsis::before {
  display: inline-block;
  content: "\ea08";
}

.icon-chat-bubble-left-ellipsis-mini::before {
  display: inline-block;
  content: "\ea09";
}

.icon-chat-bubble-left-ellipsis-solid::before {
  display: inline-block;
  content: "\ea0a";
}

.icon-chat-bubble-left-mini::before {
  display: inline-block;
  content: "\ea0b";
}

.icon-chat-bubble-left-right::before {
  display: inline-block;
  content: "\ea0c";
}

.icon-chat-bubble-left-right-mini::before {
  display: inline-block;
  content: "\ea0d";
}

.icon-chat-bubble-left-right-solid::before {
  display: inline-block;
  content: "\ea0e";
}

.icon-chat-bubble-left-solid::before {
  display: inline-block;
  content: "\ea0f";
}

.icon-chat-bubble-oval-left::before {
  display: inline-block;
  content: "\ea10";
}

.icon-chat-bubble-oval-left-ellipsis::before {
  display: inline-block;
  content: "\ea11";
}

.icon-chat-bubble-oval-left-ellipsis-mini::before {
  display: inline-block;
  content: "\ea12";
}

.icon-chat-bubble-oval-left-ellipsis-solid::before {
  display: inline-block;
  content: "\ea13";
}

.icon-chat-bubble-oval-left-mini::before {
  display: inline-block;
  content: "\ea14";
}

.icon-chat-bubble-oval-left-solid::before {
  display: inline-block;
  content: "\ea15";
}

.icon-check::before {
  display: inline-block;
  content: "\ea16";
}

.icon-check-badge::before {
  display: inline-block;
  content: "\ea17";
}

.icon-check-badge-mini::before {
  display: inline-block;
  content: "\ea18";
}

.icon-check-badge-solid::before {
  display: inline-block;
  content: "\ea19";
}

.icon-check-circle::before {
  display: inline-block;
  content: "\ea1a";
}

.icon-check-circle-mini::before {
  display: inline-block;
  content: "\ea1b";
}

.icon-check-circle-solid::before {
  display: inline-block;
  content: "\ea1c";
}

.icon-check-mini::before {
  display: inline-block;
  content: "\ea1d";
}

.icon-check-solid::before {
  display: inline-block;
  content: "\ea1e";
}

.icon-chevron-double-down::before {
  display: inline-block;
  content: "\ea1f";
}

.icon-chevron-double-down-mini::before {
  display: inline-block;
  content: "\ea20";
}

.icon-chevron-double-down-solid::before {
  display: inline-block;
  content: "\ea21";
}

.icon-chevron-double-left::before {
  display: inline-block;
  content: "\ea22";
}

.icon-chevron-double-left-mini::before {
  display: inline-block;
  content: "\ea23";
}

.icon-chevron-double-left-solid::before {
  display: inline-block;
  content: "\ea24";
}

.icon-chevron-double-right::before {
  display: inline-block;
  content: "\ea25";
}

.icon-chevron-double-right-mini::before {
  display: inline-block;
  content: "\ea26";
}

.icon-chevron-double-right-solid::before {
  display: inline-block;
  content: "\ea27";
}

.icon-chevron-double-up::before {
  display: inline-block;
  content: "\ea28";
}

.icon-chevron-double-up-mini::before {
  display: inline-block;
  content: "\ea29";
}

.icon-chevron-double-up-solid::before {
  display: inline-block;
  content: "\ea2a";
}

.icon-chevron-down::before {
  display: inline-block;
  content: "\ea2b";
}

.icon-chevron-down-mini::before {
  display: inline-block;
  content: "\ea2c";
}

.icon-chevron-down-solid::before {
  display: inline-block;
  content: "\ea2d";
}

.icon-chevron-left::before {
  display: inline-block;
  content: "\ea2e";
}

.icon-chevron-left-mini::before {
  display: inline-block;
  content: "\ea2f";
}

.icon-chevron-left-solid::before {
  display: inline-block;
  content: "\ea30";
}

.icon-chevron-right::before {
  display: inline-block;
  content: "\ea31";
}

.icon-chevron-right-mini::before {
  display: inline-block;
  content: "\ea32";
}

.icon-chevron-right-solid::before {
  display: inline-block;
  content: "\ea33";
}

.icon-chevron-up::before {
  display: inline-block;
  content: "\ea34";
}

.icon-chevron-up-down::before {
  display: inline-block;
  content: "\ea35";
}

.icon-chevron-up-down-mini::before {
  display: inline-block;
  content: "\ea36";
}

.icon-chevron-up-down-solid::before {
  display: inline-block;
  content: "\ea37";
}

.icon-chevron-up-mini::before {
  display: inline-block;
  content: "\ea38";
}

.icon-chevron-up-solid::before {
  display: inline-block;
  content: "\ea39";
}

.icon-circle-stack::before {
  display: inline-block;
  content: "\ea3a";
}

.icon-circle-stack-mini::before {
  display: inline-block;
  content: "\ea3b";
}

.icon-circle-stack-solid::before {
  display: inline-block;
  content: "\ea3c";
}

.icon-clipboard::before {
  display: inline-block;
  content: "\ea3d";
}

.icon-clipboard-document::before {
  display: inline-block;
  content: "\ea3e";
}

.icon-clipboard-document-check::before {
  display: inline-block;
  content: "\ea3f";
}

.icon-clipboard-document-check-mini::before {
  display: inline-block;
  content: "\ea40";
}

.icon-clipboard-document-check-solid::before {
  display: inline-block;
  content: "\ea41";
}

.icon-clipboard-document-list::before {
  display: inline-block;
  content: "\ea42";
}

.icon-clipboard-document-list-mini::before {
  display: inline-block;
  content: "\ea43";
}

.icon-clipboard-document-list-solid::before {
  display: inline-block;
  content: "\ea44";
}

.icon-clipboard-document-mini::before {
  display: inline-block;
  content: "\ea45";
}

.icon-clipboard-document-solid::before {
  display: inline-block;
  content: "\ea46";
}

.icon-clipboard-mini::before {
  display: inline-block;
  content: "\ea47";
}

.icon-clipboard-solid::before {
  display: inline-block;
  content: "\ea48";
}

.icon-clock::before {
  display: inline-block;
  content: "\ea49";
}

.icon-clock-mini::before {
  display: inline-block;
  content: "\ea4a";
}

.icon-clock-solid::before {
  display: inline-block;
  content: "\ea4b";
}

.icon-cloud::before {
  display: inline-block;
  content: "\ea4c";
}

.icon-cloud-arrow-down::before {
  display: inline-block;
  content: "\ea4d";
}

.icon-cloud-arrow-down-mini::before {
  display: inline-block;
  content: "\ea4e";
}

.icon-cloud-arrow-down-solid::before {
  display: inline-block;
  content: "\ea4f";
}

.icon-cloud-arrow-up::before {
  display: inline-block;
  content: "\ea50";
}

.icon-cloud-arrow-up-mini::before {
  display: inline-block;
  content: "\ea51";
}

.icon-cloud-arrow-up-solid::before {
  display: inline-block;
  content: "\ea52";
}

.icon-cloud-mini::before {
  display: inline-block;
  content: "\ea53";
}

.icon-cloud-solid::before {
  display: inline-block;
  content: "\ea54";
}

.icon-code-bracket::before {
  display: inline-block;
  content: "\ea55";
}

.icon-code-bracket-mini::before {
  display: inline-block;
  content: "\ea56";
}

.icon-code-bracket-solid::before {
  display: inline-block;
  content: "\ea57";
}

.icon-code-bracket-square::before {
  display: inline-block;
  content: "\ea58";
}

.icon-code-bracket-square-mini::before {
  display: inline-block;
  content: "\ea59";
}

.icon-code-bracket-square-solid::before {
  display: inline-block;
  content: "\ea5a";
}

.icon-cog::before {
  display: inline-block;
  content: "\ea5b";
}

.icon-cog-6-tooth::before {
  display: inline-block;
  content: "\ea5c";
}

.icon-cog-6-tooth-mini::before {
  display: inline-block;
  content: "\ea5d";
}

.icon-cog-6-tooth-solid::before {
  display: inline-block;
  content: "\ea5e";
}

.icon-cog-8-tooth::before {
  display: inline-block;
  content: "\ea5f";
}

.icon-cog-8-tooth-mini::before {
  display: inline-block;
  content: "\ea60";
}

.icon-cog-8-tooth-solid::before {
  display: inline-block;
  content: "\ea61";
}

.icon-cog-mini::before {
  display: inline-block;
  content: "\ea62";
}

.icon-cog-solid::before {
  display: inline-block;
  content: "\ea63";
}

.icon-command-line::before {
  display: inline-block;
  content: "\ea64";
}

.icon-command-line-mini::before {
  display: inline-block;
  content: "\ea65";
}

.icon-command-line-solid::before {
  display: inline-block;
  content: "\ea66";
}

.icon-computer-desktop::before {
  display: inline-block;
  content: "\ea67";
}

.icon-computer-desktop-mini::before {
  display: inline-block;
  content: "\ea68";
}

.icon-computer-desktop-solid::before {
  display: inline-block;
  content: "\ea69";
}

.icon-cpu-chip::before {
  display: inline-block;
  content: "\ea6a";
}

.icon-cpu-chip-mini::before {
  display: inline-block;
  content: "\ea6b";
}

.icon-cpu-chip-solid::before {
  display: inline-block;
  content: "\ea6c";
}

.icon-credit-card::before {
  display: inline-block;
  content: "\ea6d";
}

.icon-credit-card-mini::before {
  display: inline-block;
  content: "\ea6e";
}

.icon-credit-card-solid::before {
  display: inline-block;
  content: "\ea6f";
}

.icon-cube::before {
  display: inline-block;
  content: "\ea70";
}

.icon-cube-mini::before {
  display: inline-block;
  content: "\ea71";
}

.icon-cube-solid::before {
  display: inline-block;
  content: "\ea72";
}

.icon-cube-transparent::before {
  display: inline-block;
  content: "\ea73";
}

.icon-cube-transparent-mini::before {
  display: inline-block;
  content: "\ea74";
}

.icon-cube-transparent-solid::before {
  display: inline-block;
  content: "\ea75";
}

.icon-currency-bangladeshi::before {
  display: inline-block;
  content: "\ea76";
}

.icon-currency-bangladeshi-mini::before {
  display: inline-block;
  content: "\ea77";
}

.icon-currency-bangladeshi-solid::before {
  display: inline-block;
  content: "\ea78";
}

.icon-currency-dollar::before {
  display: inline-block;
  content: "\ea79";
}

.icon-currency-dollar-mini::before {
  display: inline-block;
  content: "\ea7a";
}

.icon-currency-dollar-solid::before {
  display: inline-block;
  content: "\ea7b";
}

.icon-currency-euro::before {
  display: inline-block;
  content: "\ea7c";
}

.icon-currency-euro-mini::before {
  display: inline-block;
  content: "\ea7d";
}

.icon-currency-euro-solid::before {
  display: inline-block;
  content: "\ea7e";
}

.icon-currency-pound::before {
  display: inline-block;
  content: "\ea7f";
}

.icon-currency-pound-mini::before {
  display: inline-block;
  content: "\ea80";
}

.icon-currency-pound-solid::before {
  display: inline-block;
  content: "\ea81";
}

.icon-currency-rupee::before {
  display: inline-block;
  content: "\ea82";
}

.icon-currency-rupee-mini::before {
  display: inline-block;
  content: "\ea83";
}

.icon-currency-rupee-solid::before {
  display: inline-block;
  content: "\ea84";
}

.icon-currency-yen::before {
  display: inline-block;
  content: "\ea85";
}

.icon-currency-yen-mini::before {
  display: inline-block;
  content: "\ea86";
}

.icon-currency-yen-solid::before {
  display: inline-block;
  content: "\ea87";
}

.icon-cursor-arrow-rays::before {
  display: inline-block;
  content: "\ea88";
}

.icon-cursor-arrow-rays-mini::before {
  display: inline-block;
  content: "\ea89";
}

.icon-cursor-arrow-rays-solid::before {
  display: inline-block;
  content: "\ea8a";
}

.icon-cursor-arrow-ripple::before {
  display: inline-block;
  content: "\ea8b";
}

.icon-cursor-arrow-ripple-mini::before {
  display: inline-block;
  content: "\ea8c";
}

.icon-cursor-arrow-ripple-solid::before {
  display: inline-block;
  content: "\ea8d";
}

.icon-device-phone-mobile::before {
  display: inline-block;
  content: "\ea8e";
}

.icon-device-phone-mobile-mini::before {
  display: inline-block;
  content: "\ea8f";
}

.icon-device-phone-mobile-solid::before {
  display: inline-block;
  content: "\ea90";
}

.icon-device-tablet::before {
  display: inline-block;
  content: "\ea91";
}

.icon-device-tablet-mini::before {
  display: inline-block;
  content: "\ea92";
}

.icon-device-tablet-solid::before {
  display: inline-block;
  content: "\ea93";
}

.icon-document::before {
  display: inline-block;
  content: "\ea94";
}

.icon-document-arrow-down::before {
  display: inline-block;
  content: "\ea95";
}

.icon-document-arrow-down-mini::before {
  display: inline-block;
  content: "\ea96";
}

.icon-document-arrow-down-solid::before {
  display: inline-block;
  content: "\ea97";
}

.icon-document-arrow-up::before {
  display: inline-block;
  content: "\ea98";
}

.icon-document-arrow-up-mini::before {
  display: inline-block;
  content: "\ea99";
}

.icon-document-arrow-up-solid::before {
  display: inline-block;
  content: "\ea9a";
}

.icon-document-chart-bar::before {
  display: inline-block;
  content: "\ea9b";
}

.icon-document-chart-bar-mini::before {
  display: inline-block;
  content: "\ea9c";
}

.icon-document-chart-bar-solid::before {
  display: inline-block;
  content: "\ea9d";
}

.icon-document-check::before {
  display: inline-block;
  content: "\ea9e";
}

.icon-document-check-mini::before {
  display: inline-block;
  content: "\ea9f";
}

.icon-document-check-solid::before {
  display: inline-block;
  content: "\eaa0";
}

.icon-document-duplicate::before {
  display: inline-block;
  content: "\eaa1";
}

.icon-document-duplicate-mini::before {
  display: inline-block;
  content: "\eaa2";
}

.icon-document-duplicate-solid::before {
  display: inline-block;
  content: "\eaa3";
}

.icon-document-magnifying-glass::before {
  display: inline-block;
  content: "\eaa4";
}

.icon-document-magnifying-glass-mini::before {
  display: inline-block;
  content: "\eaa5";
}

.icon-document-magnifying-glass-solid::before {
  display: inline-block;
  content: "\eaa6";
}

.icon-document-mini::before {
  display: inline-block;
  content: "\eaa7";
}

.icon-document-minus::before {
  display: inline-block;
  content: "\eaa8";
}

.icon-document-minus-mini::before {
  display: inline-block;
  content: "\eaa9";
}

.icon-document-minus-solid::before {
  display: inline-block;
  content: "\eaaa";
}

.icon-document-plus::before {
  display: inline-block;
  content: "\eaab";
}

.icon-document-plus-mini::before {
  display: inline-block;
  content: "\eaac";
}

.icon-document-plus-solid::before {
  display: inline-block;
  content: "\eaad";
}

.icon-document-solid::before {
  display: inline-block;
  content: "\eaae";
}

.icon-document-text::before {
  display: inline-block;
  content: "\eaaf";
}

.icon-document-text-mini::before {
  display: inline-block;
  content: "\eab0";
}

.icon-document-text-solid::before {
  display: inline-block;
  content: "\eab1";
}

.icon-ellipsis-horizontal::before {
  display: inline-block;
  content: "\eab2";
}

.icon-ellipsis-horizontal-circle::before {
  display: inline-block;
  content: "\eab3";
}

.icon-ellipsis-horizontal-circle-mini::before {
  display: inline-block;
  content: "\eab4";
}

.icon-ellipsis-horizontal-circle-solid::before {
  display: inline-block;
  content: "\eab5";
}

.icon-ellipsis-horizontal-mini::before {
  display: inline-block;
  content: "\eab6";
}

.icon-ellipsis-horizontal-solid::before {
  display: inline-block;
  content: "\eab7";
}

.icon-ellipsis-vertical::before {
  display: inline-block;
  content: "\eab8";
}

.icon-ellipsis-vertical-mini::before {
  display: inline-block;
  content: "\eab9";
}

.icon-ellipsis-vertical-solid::before {
  display: inline-block;
  content: "\eaba";
}

.icon-envelope::before {
  display: inline-block;
  content: "\eabb";
}

.icon-envelope-mini::before {
  display: inline-block;
  content: "\eabc";
}

.icon-envelope-open::before {
  display: inline-block;
  content: "\eabd";
}

.icon-envelope-open-mini::before {
  display: inline-block;
  content: "\eabe";
}

.icon-envelope-open-solid::before {
  display: inline-block;
  content: "\eabf";
}

.icon-envelope-solid::before {
  display: inline-block;
  content: "\eac0";
}

.icon-exclaimation-circle::before {
  display: inline-block;
  content: "\eac1";
}

.icon-exclaimation-circle-mini::before {
  display: inline-block;
  content: "\eac2";
}

.icon-exclaimation-circle-solid::before {
  display: inline-block;
  content: "\eac3";
}

.icon-exclamation-triangle::before {
  display: inline-block;
  content: "\eac4";
}

.icon-exclamation-triangle-mini::before {
  display: inline-block;
  content: "\eac5";
}

.icon-exclamation-triangle-solid::before {
  display: inline-block;
  content: "\eac6";
}

.icon-eye::before {
  display: inline-block;
  content: "\eac7";
}

.icon-eye-dropper::before {
  display: inline-block;
  content: "\eac8";
}

.icon-eye-dropper-mini::before {
  display: inline-block;
  content: "\eac9";
}

.icon-eye-dropper-solid::before {
  display: inline-block;
  content: "\eaca";
}

.icon-eye-mini::before {
  display: inline-block;
  content: "\eacb";
}

.icon-eye-slash::before {
  display: inline-block;
  content: "\eacc";
}

.icon-eye-slash-mini::before {
  display: inline-block;
  content: "\eacd";
}

.icon-eye-slash-solid::before {
  display: inline-block;
  content: "\eace";
}

.icon-eye-solid::before {
  display: inline-block;
  content: "\eacf";
}

.icon-face-frown::before {
  display: inline-block;
  content: "\ead0";
}

.icon-face-frown-mini::before {
  display: inline-block;
  content: "\ead1";
}

.icon-face-frown-solid::before {
  display: inline-block;
  content: "\ead2";
}

.icon-face-smile::before {
  display: inline-block;
  content: "\ead3";
}

.icon-face-smile-mini::before {
  display: inline-block;
  content: "\ead4";
}

.icon-face-smile-solid::before {
  display: inline-block;
  content: "\ead5";
}

.icon-film::before {
  display: inline-block;
  content: "\ead6";
}

.icon-film-mini::before {
  display: inline-block;
  content: "\ead7";
}

.icon-film-solid::before {
  display: inline-block;
  content: "\ead8";
}

.icon-finger-print::before {
  display: inline-block;
  content: "\ead9";
}

.icon-finger-print-mini::before {
  display: inline-block;
  content: "\eada";
}

.icon-finger-print-solid::before {
  display: inline-block;
  content: "\eadb";
}

.icon-fire::before {
  display: inline-block;
  content: "\eadc";
}

.icon-fire-mini::before {
  display: inline-block;
  content: "\eadd";
}

.icon-fire-solid::before {
  display: inline-block;
  content: "\eade";
}

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

.icon-flag-mini::before {
  display: inline-block;
  content: "\eae0";
}

.icon-flag-solid::before {
  display: inline-block;
  content: "\eae1";
}

.icon-folder::before {
  display: inline-block;
  content: "\eae2";
}

.icon-folder-arrow-down::before {
  display: inline-block;
  content: "\eae3";
}

.icon-folder-arrow-down-mini::before {
  display: inline-block;
  content: "\eae4";
}

.icon-folder-arrow-down-solid::before {
  display: inline-block;
  content: "\eae5";
}

.icon-folder-mini::before {
  display: inline-block;
  content: "\eae6";
}

.icon-folder-minus::before {
  display: inline-block;
  content: "\eae7";
}

.icon-folder-minus-mini::before {
  display: inline-block;
  content: "\eae8";
}

.icon-folder-minus-solid::before {
  display: inline-block;
  content: "\eae9";
}

.icon-folder-open::before {
  display: inline-block;
  content: "\eaea";
}

.icon-folder-open-mini::before {
  display: inline-block;
  content: "\eaeb";
}

.icon-folder-open-solid::before {
  display: inline-block;
  content: "\eaec";
}

.icon-folder-plus::before {
  display: inline-block;
  content: "\eaed";
}

.icon-folder-plus-mini::before {
  display: inline-block;
  content: "\eaee";
}

.icon-folder-plus-solid::before {
  display: inline-block;
  content: "\eaef";
}

.icon-folder-solid::before {
  display: inline-block;
  content: "\eaf0";
}

.icon-forward::before {
  display: inline-block;
  content: "\eaf1";
}

.icon-forward-mini::before {
  display: inline-block;
  content: "\eaf2";
}

.icon-forward-solid::before {
  display: inline-block;
  content: "\eaf3";
}

.icon-funnel::before {
  display: inline-block;
  content: "\eaf4";
}

.icon-funnel-mini::before {
  display: inline-block;
  content: "\eaf5";
}

.icon-funnel-solid::before {
  display: inline-block;
  content: "\eaf6";
}

.icon-gif::before {
  display: inline-block;
  content: "\eaf7";
}

.icon-gif-mini::before {
  display: inline-block;
  content: "\eaf8";
}

.icon-gif-solid::before {
  display: inline-block;
  content: "\eaf9";
}

.icon-gift::before {
  display: inline-block;
  content: "\eafa";
}

.icon-gift-mini::before {
  display: inline-block;
  content: "\eafb";
}

.icon-gift-solid::before {
  display: inline-block;
  content: "\eafc";
}

.icon-gift-top::before {
  display: inline-block;
  content: "\eafd";
}

.icon-gift-top-mini::before {
  display: inline-block;
  content: "\eafe";
}

.icon-gift-top-solid::before {
  display: inline-block;
  content: "\eaff";
}

.icon-globe-alt::before {
  display: inline-block;
  content: "\eb00";
}

.icon-globe-alt-mini::before {
  display: inline-block;
  content: "\eb01";
}

.icon-globe-alt-solid::before {
  display: inline-block;
  content: "\eb02";
}

.icon-globe-americas::before {
  display: inline-block;
  content: "\eb03";
}

.icon-globe-americas-mini::before {
  display: inline-block;
  content: "\eb04";
}

.icon-globe-americas-solid::before {
  display: inline-block;
  content: "\eb05";
}

.icon-globe-asia-australia::before {
  display: inline-block;
  content: "\eb06";
}

.icon-globe-asia-australia-mini::before {
  display: inline-block;
  content: "\eb07";
}

.icon-globe-asia-australia-solid::before {
  display: inline-block;
  content: "\eb08";
}

.icon-globe-europe-africa::before {
  display: inline-block;
  content: "\eb09";
}

.icon-globe-europe-africa-mini::before {
  display: inline-block;
  content: "\eb0a";
}

.icon-globe-europe-africa-solid::before {
  display: inline-block;
  content: "\eb0b";
}

.icon-hand-raised::before {
  display: inline-block;
  content: "\eb0c";
}

.icon-hand-raised-mini::before {
  display: inline-block;
  content: "\eb0d";
}

.icon-hand-raised-solid::before {
  display: inline-block;
  content: "\eb0e";
}

.icon-hand-thumb-down::before {
  display: inline-block;
  content: "\eb0f";
}

.icon-hand-thumb-down-mini::before {
  display: inline-block;
  content: "\eb10";
}

.icon-hand-thumb-down-solid::before {
  display: inline-block;
  content: "\eb11";
}

.icon-hand-thumb-up::before {
  display: inline-block;
  content: "\eb12";
}

.icon-hand-thumb-up-mini::before {
  display: inline-block;
  content: "\eb13";
}

.icon-hand-thumb-up-solid::before {
  display: inline-block;
  content: "\eb14";
}

.icon-hashtag::before {
  display: inline-block;
  content: "\eb15";
}

.icon-hashtag-mini::before {
  display: inline-block;
  content: "\eb16";
}

.icon-hashtag-solid::before {
  display: inline-block;
  content: "\eb17";
}

.icon-heart::before {
  display: inline-block;
  content: "\eb18";
}

.icon-heart-mini::before {
  display: inline-block;
  content: "\eb19";
}

.icon-heart-solid::before {
  display: inline-block;
  content: "\eb1a";
}

.icon-home::before {
  display: inline-block;
  content: "\eb1b";
}

.icon-home-mini::before {
  display: inline-block;
  content: "\eb1c";
}

.icon-home-modern::before {
  display: inline-block;
  content: "\eb1d";
}

.icon-home-modern-mini::before {
  display: inline-block;
  content: "\eb1e";
}

.icon-home-modern-solid::before {
  display: inline-block;
  content: "\eb1f";
}

.icon-home-solid::before {
  display: inline-block;
  content: "\eb20";
}

.icon-identification::before {
  display: inline-block;
  content: "\eb21";
}

.icon-identification-mini::before {
  display: inline-block;
  content: "\eb22";
}

.icon-identification-solid::before {
  display: inline-block;
  content: "\eb23";
}

.icon-inbox::before {
  display: inline-block;
  content: "\eb24";
}

.icon-inbox-arrow-down::before {
  display: inline-block;
  content: "\eb25";
}

.icon-inbox-arrow-down-mini::before {
  display: inline-block;
  content: "\eb26";
}

.icon-inbox-arrow-down-solid::before {
  display: inline-block;
  content: "\eb27";
}

.icon-inbox-mini::before {
  display: inline-block;
  content: "\eb28";
}

.icon-inbox-solid::before {
  display: inline-block;
  content: "\eb29";
}

.icon-inbox-stack::before {
  display: inline-block;
  content: "\eb2a";
}

.icon-inbox-stack-mini::before {
  display: inline-block;
  content: "\eb2b";
}

.icon-inbox-stack-solid::before {
  display: inline-block;
  content: "\eb2c";
}

.icon-information-circle::before {
  display: inline-block;
  content: "\eb2d";
}

.icon-information-circle-mini::before {
  display: inline-block;
  content: "\eb2e";
}

.icon-information-circle-solid::before {
  display: inline-block;
  content: "\eb2f";
}

.icon-key::before {
  display: inline-block;
  content: "\eb30";
}

.icon-key-mini::before {
  display: inline-block;
  content: "\eb31";
}

.icon-key-solid::before {
  display: inline-block;
  content: "\eb32";
}

.icon-language::before {
  display: inline-block;
  content: "\eb33";
}

.icon-language-mini::before {
  display: inline-block;
  content: "\eb34";
}

.icon-language-solid::before {
  display: inline-block;
  content: "\eb35";
}

.icon-lifebuoy::before {
  display: inline-block;
  content: "\eb36";
}

.icon-lifebuoy-mini::before {
  display: inline-block;
  content: "\eb37";
}

.icon-lifebuoy-solid::before {
  display: inline-block;
  content: "\eb38";
}

.icon-light-bulb::before {
  display: inline-block;
  content: "\eb39";
}

.icon-light-bulb-mini::before {
  display: inline-block;
  content: "\eb3a";
}

.icon-light-bulb-solid::before {
  display: inline-block;
  content: "\eb3b";
}

.icon-link::before {
  display: inline-block;
  content: "\eb3c";
}

.icon-link-mini::before {
  display: inline-block;
  content: "\eb3d";
}

.icon-link-solid::before {
  display: inline-block;
  content: "\eb3e";
}

.icon-list-bullet::before {
  display: inline-block;
  content: "\eb3f";
}

.icon-list-bullet-mini::before {
  display: inline-block;
  content: "\eb40";
}

.icon-list-bullet-solid::before {
  display: inline-block;
  content: "\eb41";
}

.icon-lock-closed::before {
  display: inline-block;
  content: "\eb42";
}

.icon-lock-closed-mini::before {
  display: inline-block;
  content: "\eb43";
}

.icon-lock-closed-solid::before {
  display: inline-block;
  content: "\eb44";
}

.icon-lock-open::before {
  display: inline-block;
  content: "\eb45";
}

.icon-lock-open-mini::before {
  display: inline-block;
  content: "\eb46";
}

.icon-lock-open-solid::before {
  display: inline-block;
  content: "\eb47";
}

.icon-magnifying-glass::before {
  display: inline-block;
  content: "\eb48";
}

.icon-magnifying-glass-circle::before {
  display: inline-block;
  content: "\eb49";
}

.icon-magnifying-glass-circle-mini::before {
  display: inline-block;
  content: "\eb4a";
}

.icon-magnifying-glass-circle-solid::before {
  display: inline-block;
  content: "\eb4b";
}

.icon-magnifying-glass-mini::before {
  display: inline-block;
  content: "\eb4c";
}

.icon-magnifying-glass-minus::before {
  display: inline-block;
  content: "\eb4d";
}

.icon-magnifying-glass-minus-mini::before {
  display: inline-block;
  content: "\eb4e";
}

.icon-magnifying-glass-minus-solid::before {
  display: inline-block;
  content: "\eb4f";
}

.icon-magnifying-glass-plus::before {
  display: inline-block;
  content: "\eb50";
}

.icon-magnifying-glass-plus-mini::before {
  display: inline-block;
  content: "\eb51";
}

.icon-magnifying-glass-plus-solid::before {
  display: inline-block;
  content: "\eb52";
}

.icon-magnifying-glass-solid::before {
  display: inline-block;
  content: "\eb53";
}

.icon-map::before {
  display: inline-block;
  content: "\eb54";
}

.icon-map-mini::before {
  display: inline-block;
  content: "\eb55";
}

.icon-map-pin::before {
  display: inline-block;
  content: "\eb56";
}

.icon-map-pin-mini::before {
  display: inline-block;
  content: "\eb57";
}

.icon-map-pin-solid::before {
  display: inline-block;
  content: "\eb58";
}

.icon-map-solid::before {
  display: inline-block;
  content: "\eb59";
}

.icon-megaphone::before {
  display: inline-block;
  content: "\eb5a";
}

.icon-megaphone-mini::before {
  display: inline-block;
  content: "\eb5b";
}

.icon-megaphone-solid::before {
  display: inline-block;
  content: "\eb5c";
}

.icon-microphone::before {
  display: inline-block;
  content: "\eb5d";
}

.icon-microphone-mini::before {
  display: inline-block;
  content: "\eb5e";
}

.icon-microphone-solid::before {
  display: inline-block;
  content: "\eb5f";
}

.icon-minus::before {
  display: inline-block;
  content: "\eb60";
}

.icon-minus-circle::before {
  display: inline-block;
  content: "\eb61";
}

.icon-minus-circle-mini::before {
  display: inline-block;
  content: "\eb62";
}

.icon-minus-circle-solid::before {
  display: inline-block;
  content: "\eb63";
}

.icon-minus-mini::before {
  display: inline-block;
  content: "\eb64";
}

.icon-minus-small::before {
  display: inline-block;
  content: "\eb65";
}

.icon-minus-small-mini::before {
  display: inline-block;
  content: "\eb66";
}

.icon-minus-solid::before {
  display: inline-block;
  content: "\eb67";
}

.icon-moon::before {
  display: inline-block;
  content: "\eb68";
}

.icon-moon-mini::before {
  display: inline-block;
  content: "\eb69";
}

.icon-moon-solid::before {
  display: inline-block;
  content: "\eb6a";
}

.icon-musical-note::before {
  display: inline-block;
  content: "\eb6b";
}

.icon-musical-note-mini::before {
  display: inline-block;
  content: "\eb6c";
}

.icon-musical-note-solid::before {
  display: inline-block;
  content: "\eb6d";
}

.icon-newspaper::before {
  display: inline-block;
  content: "\eb6e";
}

.icon-newspaper-mini::before {
  display: inline-block;
  content: "\eb6f";
}

.icon-newspaper-solid::before {
  display: inline-block;
  content: "\eb70";
}

.icon-no-symbol::before {
  display: inline-block;
  content: "\eb71";
}

.icon-no-symbol-mini::before {
  display: inline-block;
  content: "\eb72";
}

.icon-no-symbol-solid::before {
  display: inline-block;
  content: "\eb73";
}

.icon-paint-brush::before {
  display: inline-block;
  content: "\eb74";
}

.icon-paint-brush-mini::before {
  display: inline-block;
  content: "\eb75";
}

.icon-paint-brush-solid::before {
  display: inline-block;
  content: "\eb76";
}

.icon-paper-airplane::before {
  display: inline-block;
  content: "\eb77";
}

.icon-paper-airplane-mini::before {
  display: inline-block;
  content: "\eb78";
}

.icon-paper-airplane-solid::before {
  display: inline-block;
  content: "\eb79";
}

.icon-paper-clip::before {
  display: inline-block;
  content: "\eb7a";
}

.icon-paper-clip-mini::before {
  display: inline-block;
  content: "\eb7b";
}

.icon-paper-clip-solid::before {
  display: inline-block;
  content: "\eb7c";
}

.icon-pause::before {
  display: inline-block;
  content: "\eb7d";
}

.icon-pause-circle::before {
  display: inline-block;
  content: "\eb7e";
}

.icon-pause-circle-mini::before {
  display: inline-block;
  content: "\eb7f";
}

.icon-pause-circle-solid::before {
  display: inline-block;
  content: "\eb80";
}

.icon-pause-mini::before {
  display: inline-block;
  content: "\eb81";
}

.icon-pause-solid::before {
  display: inline-block;
  content: "\eb82";
}

.icon-pencil::before {
  display: inline-block;
  content: "\eb83";
}

.icon-pencil-mini::before {
  display: inline-block;
  content: "\eb84";
}

.icon-pencil-solid::before {
  display: inline-block;
  content: "\eb85";
}

.icon-pencil-square::before {
  display: inline-block;
  content: "\eb86";
}

.icon-pencil-square-mini::before {
  display: inline-block;
  content: "\eb87";
}

.icon-pencil-square-solid::before {
  display: inline-block;
  content: "\eb88";
}

.icon-phone::before {
  display: inline-block;
  content: "\eb89";
}

.icon-phone-arrow-down-left::before {
  display: inline-block;
  content: "\eb8a";
}

.icon-phone-arrow-down-left-mini::before {
  display: inline-block;
  content: "\eb8b";
}

.icon-phone-arrow-down-left-solid::before {
  display: inline-block;
  content: "\eb8c";
}

.icon-phone-arrow-up-right::before {
  display: inline-block;
  content: "\eb8d";
}

.icon-phone-arrow-up-right-mini::before {
  display: inline-block;
  content: "\eb8e";
}

.icon-phone-arrow-up-right-solid::before {
  display: inline-block;
  content: "\eb8f";
}

.icon-phone-mini::before {
  display: inline-block;
  content: "\eb90";
}

.icon-phone-solid::before {
  display: inline-block;
  content: "\eb91";
}

.icon-phone-x-mark::before {
  display: inline-block;
  content: "\eb92";
}

.icon-phone-x-mark-mini::before {
  display: inline-block;
  content: "\eb93";
}

.icon-phone-x-mark-solid::before {
  display: inline-block;
  content: "\eb94";
}

.icon-photo::before {
  display: inline-block;
  content: "\eb95";
}

.icon-photo-mini::before {
  display: inline-block;
  content: "\eb96";
}

.icon-photo-solid::before {
  display: inline-block;
  content: "\eb97";
}

.icon-play::before {
  display: inline-block;
  content: "\eb98";
}

.icon-play-circle::before {
  display: inline-block;
  content: "\eb99";
}

.icon-play-circle-mini::before {
  display: inline-block;
  content: "\eb9a";
}

.icon-play-circle-solid::before {
  display: inline-block;
  content: "\eb9b";
}

.icon-play-mini::before {
  display: inline-block;
  content: "\eb9c";
}

.icon-play-pause::before {
  display: inline-block;
  content: "\eb9d";
}

.icon-play-pause-mini::before {
  display: inline-block;
  content: "\eb9e";
}

.icon-play-pause-solid::before {
  display: inline-block;
  content: "\eb9f";
}

.icon-play-solid::before {
  display: inline-block;
  content: "\eba0";
}

.icon-plus::before {
  display: inline-block;
  content: "\eba1";
}

.icon-plus-circle::before {
  display: inline-block;
  content: "\eba2";
}

.icon-plus-circle-mini::before {
  display: inline-block;
  content: "\eba3";
}

.icon-plus-circle-solid::before {
  display: inline-block;
  content: "\eba4";
}

.icon-plus-mini::before {
  display: inline-block;
  content: "\eba5";
}

.icon-plus-small::before {
  display: inline-block;
  content: "\eba6";
}

.icon-plus-small-mini::before {
  display: inline-block;
  content: "\eba7";
}

.icon-plus-solid::before {
  display: inline-block;
  content: "\eba8";
}

.icon-power::before {
  display: inline-block;
  content: "\eba9";
}

.icon-power-mini::before {
  display: inline-block;
  content: "\ebaa";
}

.icon-power-solid::before {
  display: inline-block;
  content: "\ebab";
}

.icon-presentation-chart-bar::before {
  display: inline-block;
  content: "\ebac";
}

.icon-presentation-chart-bar-mini::before {
  display: inline-block;
  content: "\ebad";
}

.icon-presentation-chart-bar-solid::before {
  display: inline-block;
  content: "\ebae";
}

.icon-presentation-chart-line::before {
  display: inline-block;
  content: "\ebaf";
}

.icon-presentation-chart-line-mini::before {
  display: inline-block;
  content: "\ebb0";
}

.icon-presentation-chart-line-solid::before {
  display: inline-block;
  content: "\ebb1";
}

.icon-printer::before {
  display: inline-block;
  content: "\ebb2";
}

.icon-printer-mini::before {
  display: inline-block;
  content: "\ebb3";
}

.icon-printer-solid::before {
  display: inline-block;
  content: "\ebb4";
}

.icon-puzzle-piece::before {
  display: inline-block;
  content: "\ebb5";
}

.icon-puzzle-piece-mini::before {
  display: inline-block;
  content: "\ebb6";
}

.icon-puzzle-piece-solid::before {
  display: inline-block;
  content: "\ebb7";
}

.icon-qr-code::before {
  display: inline-block;
  content: "\ebb8";
}

.icon-qr-code-mini::before {
  display: inline-block;
  content: "\ebb9";
}

.icon-qr-code-solid::before {
  display: inline-block;
  content: "\ebba";
}

.icon-question-mark-circle::before {
  display: inline-block;
  content: "\ebbb";
}

.icon-question-mark-circle-mini::before {
  display: inline-block;
  content: "\ebbc";
}

.icon-question-mark-circle-solid::before {
  display: inline-block;
  content: "\ebbd";
}

.icon-queue-list::before {
  display: inline-block;
  content: "\ebbe";
}

.icon-queue-list-mini::before {
  display: inline-block;
  content: "\ebbf";
}

.icon-queue-list-solid::before {
  display: inline-block;
  content: "\ebc0";
}

.icon-radio::before {
  display: inline-block;
  content: "\ebc1";
}

.icon-radio-mini::before {
  display: inline-block;
  content: "\ebc2";
}

.icon-radio-solid::before {
  display: inline-block;
  content: "\ebc3";
}

.icon-receipt-percent::before {
  display: inline-block;
  content: "\ebc4";
}

.icon-receipt-percent-mini::before {
  display: inline-block;
  content: "\ebc5";
}

.icon-receipt-percent-solid::before {
  display: inline-block;
  content: "\ebc6";
}

.icon-receipt-refund::before {
  display: inline-block;
  content: "\ebc7";
}

.icon-receipt-refund-mini::before {
  display: inline-block;
  content: "\ebc8";
}

.icon-receipt-refund-solid::before {
  display: inline-block;
  content: "\ebc9";
}

.icon-rectangle-group::before {
  display: inline-block;
  content: "\ebca";
}

.icon-rectangle-group-mini::before {
  display: inline-block;
  content: "\ebcb";
}

.icon-rectangle-group-solid::before {
  display: inline-block;
  content: "\ebcc";
}

.icon-rectangle-stack::before {
  display: inline-block;
  content: "\ebcd";
}

.icon-rectangle-stack-mini::before {
  display: inline-block;
  content: "\ebce";
}

.icon-rectangle-stack-solid::before {
  display: inline-block;
  content: "\ebcf";
}

.icon-rocket-launch::before {
  display: inline-block;
  content: "\ebd0";
}

.icon-rocket-launch-mini::before {
  display: inline-block;
  content: "\ebd1";
}

.icon-rocket-launch-solid::before {
  display: inline-block;
  content: "\ebd2";
}

.icon-rss::before {
  display: inline-block;
  content: "\ebd3";
}

.icon-rss-mini::before {
  display: inline-block;
  content: "\ebd4";
}

.icon-rss-solid::before {
  display: inline-block;
  content: "\ebd5";
}

.icon-scale::before {
  display: inline-block;
  content: "\ebd6";
}

.icon-scale-mini::before {
  display: inline-block;
  content: "\ebd7";
}

.icon-scale-solid::before {
  display: inline-block;
  content: "\ebd8";
}

.icon-scissors::before {
  display: inline-block;
  content: "\ebd9";
}

.icon-scissors-mini::before {
  display: inline-block;
  content: "\ebda";
}

.icon-scissors-solid::before {
  display: inline-block;
  content: "\ebdb";
}

.icon-server::before {
  display: inline-block;
  content: "\ebdc";
}

.icon-server-mini::before {
  display: inline-block;
  content: "\ebdd";
}

.icon-server-solid::before {
  display: inline-block;
  content: "\ebde";
}

.icon-server-stack::before {
  display: inline-block;
  content: "\ebdf";
}

.icon-server-stack-mini::before {
  display: inline-block;
  content: "\ebe0";
}

.icon-server-stack-solid::before {
  display: inline-block;
  content: "\ebe1";
}

.icon-share::before {
  display: inline-block;
  content: "\ebe2";
}

.icon-share-mini::before {
  display: inline-block;
  content: "\ebe3";
}

.icon-share-solid::before {
  display: inline-block;
  content: "\ebe4";
}

.icon-shield-check::before {
  display: inline-block;
  content: "\ebe5";
}

.icon-shield-check-mini::before {
  display: inline-block;
  content: "\ebe6";
}

.icon-shield-check-solid::before {
  display: inline-block;
  content: "\ebe7";
}

.icon-shield-exclamation::before {
  display: inline-block;
  content: "\ebe8";
}

.icon-shield-exclamation-mini::before {
  display: inline-block;
  content: "\ebe9";
}

.icon-shield-exclamation-solid::before {
  display: inline-block;
  content: "\ebea";
}

.icon-shopping-bag::before {
  display: inline-block;
  content: "\ebeb";
}

.icon-shopping-bag-mini::before {
  display: inline-block;
  content: "\ebec";
}

.icon-shopping-bag-solid::before {
  display: inline-block;
  content: "\ebed";
}

.icon-shopping-cart::before {
  display: inline-block;
  content: "\ebee";
}

.icon-shopping-cart-mini::before {
  display: inline-block;
  content: "\ebef";
}

.icon-shopping-cart-solid::before {
  display: inline-block;
  content: "\ebf0";
}

.icon-signal::before {
  display: inline-block;
  content: "\ebf1";
}

.icon-signal-mini::before {
  display: inline-block;
  content: "\ebf2";
}

.icon-signal-slash::before {
  display: inline-block;
  content: "\ebf3";
}

.icon-signal-slash-mini::before {
  display: inline-block;
  content: "\ebf4";
}

.icon-signal-slash-solid::before {
  display: inline-block;
  content: "\ebf5";
}

.icon-signal-solid::before {
  display: inline-block;
  content: "\ebf6";
}

.icon-sparkles::before {
  display: inline-block;
  content: "\ebf7";
}

.icon-sparkles-mini::before {
  display: inline-block;
  content: "\ebf8";
}

.icon-sparkles-solid::before {
  display: inline-block;
  content: "\ebf9";
}

.icon-speaker-wave::before {
  display: inline-block;
  content: "\ebfa";
}

.icon-speaker-wave-mini::before {
  display: inline-block;
  content: "\ebfb";
}

.icon-speaker-wave-solid::before {
  display: inline-block;
  content: "\ebfc";
}

.icon-speaker-x-mark::before {
  display: inline-block;
  content: "\ebfd";
}

.icon-speaker-x-mark-mini::before {
  display: inline-block;
  content: "\ebfe";
}

.icon-speaker-x-mark-solid::before {
  display: inline-block;
  content: "\ebff";
}

.icon-square-2-stack::before {
  display: inline-block;
  content: "\ec00";
}

.icon-square-2-stack-mini::before {
  display: inline-block;
  content: "\ec01";
}

.icon-square-2-stack-solid::before {
  display: inline-block;
  content: "\ec02";
}

.icon-square-3-stack-3d::before {
  display: inline-block;
  content: "\ec03";
}

.icon-square-3-stack-3d-mini::before {
  display: inline-block;
  content: "\ec04";
}

.icon-square-3-stack-3d-solid::before {
  display: inline-block;
  content: "\ec05";
}

.icon-squares-2x2::before {
  display: inline-block;
  content: "\ec06";
}

.icon-squares-2x2-mini::before {
  display: inline-block;
  content: "\ec07";
}

.icon-squares-2x2-solid::before {
  display: inline-block;
  content: "\ec08";
}

.icon-squares-plus::before {
  display: inline-block;
  content: "\ec09";
}

.icon-squares-plus-mini::before {
  display: inline-block;
  content: "\ec0a";
}

.icon-squares-plus-solid::before {
  display: inline-block;
  content: "\ec0b";
}

.icon-star::before {
  display: inline-block;
  content: "\ec0c";
}

.icon-star-mini::before {
  display: inline-block;
  content: "\ec0d";
}

.icon-star-solid::before {
  display: inline-block;
  content: "\ec0e";
}

.icon-stop::before {
  display: inline-block;
  content: "\ec0f";
}

.icon-stop-circle::before {
  display: inline-block;
  content: "\ec10";
}

.icon-stop-circle-mini::before {
  display: inline-block;
  content: "\ec11";
}

.icon-stop-circle-solid::before {
  display: inline-block;
  content: "\ec12";
}

.icon-stop-mini::before {
  display: inline-block;
  content: "\ec13";
}

.icon-stop-solid::before {
  display: inline-block;
  content: "\ec14";
}

.icon-sun::before {
  display: inline-block;
  content: "\ec15";
}

.icon-sun-mini::before {
  display: inline-block;
  content: "\ec16";
}

.icon-sun-solid::before {
  display: inline-block;
  content: "\ec17";
}

.icon-swatch::before {
  display: inline-block;
  content: "\ec18";
}

.icon-swatch-mini::before {
  display: inline-block;
  content: "\ec19";
}

.icon-swatch-solid::before {
  display: inline-block;
  content: "\ec1a";
}

.icon-table-cells::before {
  display: inline-block;
  content: "\ec1b";
}

.icon-table-cells-mini::before {
  display: inline-block;
  content: "\ec1c";
}

.icon-table-cells-solid::before {
  display: inline-block;
  content: "\ec1d";
}

.icon-tag::before {
  display: inline-block;
  content: "\ec1e";
}

.icon-tag-mini::before {
  display: inline-block;
  content: "\ec1f";
}

.icon-tag-solid::before {
  display: inline-block;
  content: "\ec20";
}

.icon-ticket::before {
  display: inline-block;
  content: "\ec21";
}

.icon-ticket-mini::before {
  display: inline-block;
  content: "\ec22";
}

.icon-ticket-solid::before {
  display: inline-block;
  content: "\ec23";
}

.icon-trash::before {
  display: inline-block;
  content: "\ec24";
}

.icon-trash-mini::before {
  display: inline-block;
  content: "\ec25";
}

.icon-trash-solid::before {
  display: inline-block;
  content: "\ec26";
}

.icon-trophy::before {
  display: inline-block;
  content: "\ec27";
}

.icon-trophy-mini::before {
  display: inline-block;
  content: "\ec28";
}

.icon-trophy-solid::before {
  display: inline-block;
  content: "\ec29";
}

.icon-truck::before {
  display: inline-block;
  content: "\ec2a";
}

.icon-truck-mini::before {
  display: inline-block;
  content: "\ec2b";
}

.icon-truck-solid::before {
  display: inline-block;
  content: "\ec2c";
}

.icon-tv::before {
  display: inline-block;
  content: "\ec2d";
}

.icon-tv-mini::before {
  display: inline-block;
  content: "\ec2e";
}

.icon-tv-solid::before {
  display: inline-block;
  content: "\ec2f";
}

.icon-user::before {
  display: inline-block;
  content: "\ec30";
}

.icon-user-circle::before {
  display: inline-block;
  content: "\ec31";
}

.icon-user-circle-mini::before {
  display: inline-block;
  content: "\ec32";
}

.icon-user-circle-solid::before {
  display: inline-block;
  content: "\ec33";
}

.icon-user-group::before {
  display: inline-block;
  content: "\ec34";
}

.icon-user-group-mini::before {
  display: inline-block;
  content: "\ec35";
}

.icon-user-group-solid::before {
  display: inline-block;
  content: "\ec36";
}

.icon-user-mini::before {
  display: inline-block;
  content: "\ec37";
}

.icon-user-minus::before {
  display: inline-block;
  content: "\ec38";
}

.icon-user-minus-mini::before {
  display: inline-block;
  content: "\ec39";
}

.icon-user-minus-solid::before {
  display: inline-block;
  content: "\ec3a";
}

.icon-user-plus::before {
  display: inline-block;
  content: "\ec3b";
}

.icon-user-plus-mini::before {
  display: inline-block;
  content: "\ec3c";
}

.icon-user-plus-solid::before {
  display: inline-block;
  content: "\ec3d";
}

.icon-users::before {
  display: inline-block;
  content: "\ec3e";
}

.icon-users-mini::before {
  display: inline-block;
  content: "\ec3f";
}

.icon-user-solid::before {
  display: inline-block;
  content: "\ec40";
}

.icon-users-solid::before {
  display: inline-block;
  content: "\ec41";
}

.icon-variable::before {
  display: inline-block;
  content: "\ec42";
}

.icon-variable-mini::before {
  display: inline-block;
  content: "\ec43";
}

.icon-variable-solid::before {
  display: inline-block;
  content: "\ec44";
}

.icon-video-camera::before {
  display: inline-block;
  content: "\ec45";
}

.icon-video-camera-mini::before {
  display: inline-block;
  content: "\ec46";
}

.icon-video-camera-slash::before {
  display: inline-block;
  content: "\ec47";
}

.icon-video-camera-slash-mini::before {
  display: inline-block;
  content: "\ec48";
}

.icon-video-camera-slash-solid::before {
  display: inline-block;
  content: "\ec49";
}

.icon-video-camera-solid::before {
  display: inline-block;
  content: "\ec4a";
}

.icon-view-columns::before {
  display: inline-block;
  content: "\ec4b";
}

.icon-view-columns-mini::before {
  display: inline-block;
  content: "\ec4c";
}

.icon-view-columns-solid::before {
  display: inline-block;
  content: "\ec4d";
}

.icon-viewfinder-dot::before {
  display: inline-block;
  content: "\ec4e";
}

.icon-viewfinder-dot-mini::before {
  display: inline-block;
  content: "\ec4f";
}

.icon-viewfinder-dot-solid::before {
  display: inline-block;
  content: "\ec50";
}

.icon-wallet::before {
  display: inline-block;
  content: "\ec51";
}

.icon-wallet-mini::before {
  display: inline-block;
  content: "\ec52";
}

.icon-wallet-solid::before {
  display: inline-block;
  content: "\ec53";
}

.icon-wifi::before {
  display: inline-block;
  content: "\ec54";
}

.icon-wifi-mini::before {
  display: inline-block;
  content: "\ec55";
}

.icon-wifi-solid::before {
  display: inline-block;
  content: "\ec56";
}

.icon-window::before {
  display: inline-block;
  content: "\ec57";
}

.icon-window-mini::before {
  display: inline-block;
  content: "\ec58";
}

.icon-window-solid::before {
  display: inline-block;
  content: "\ec59";
}

.icon-wrench::before {
  display: inline-block;
  content: "\ec5a";
}

.icon-wrench-mini::before {
  display: inline-block;
  content: "\ec5b";
}

.icon-wrench-screwdriver::before {
  display: inline-block;
  content: "\ec5c";
}

.icon-wrench-screwdriver-mini::before {
  display: inline-block;
  content: "\ec5d";
}

.icon-wrench-screwdriver-solid::before {
  display: inline-block;
  content: "\ec5e";
}

.icon-wrench-solid::before {
  display: inline-block;
  content: "\ec5f";
}

.icon-x-circle::before {
  display: inline-block;
  content: "\ec60";
}

.icon-x-circle-mini::before {
  display: inline-block;
  content: "\ec61";
}

.icon-x-circle-solid::before {
  display: inline-block;
  content: "\ec62";
}

.icon-x-mark::before {
  display: inline-block;
  content: "\ec63";
}

.icon-x-mark-mini::before {
  display: inline-block;
  content: "\ec64";
}

.icon-x-mark-solid::before {
  display: inline-block;
  content: "\ec65";
}

.grid {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-auto-flow: dense;
  column-gap: 1rem;
  gap: 1rem 1rem;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto, 1fr);
}

.grid > * {
  box-sizing: border-box;
  grid-column: span 1;
  grid-row: auto;
}

.grid > * > .card {
  block-size: 100%;
}

.grid_items-start {
  align-items: start;
}

.grid_items-end {
  align-items: end;
}

.grid_items-center {
  align-items: center;
}

.col-1 {
  grid-column: span 1;
}

.col-start-1 {
  grid-column-start: 2;
}

.col-end-1 {
  grid-column-end: 2;
}

.col-2 {
  grid-column: span 2;
}

.col-start-2 {
  grid-column-start: 3;
}

.col-end-2 {
  grid-column-end: 3;
}

.col-3 {
  grid-column: span 3;
}

.col-start-3 {
  grid-column-start: 4;
}

.col-end-3 {
  grid-column-end: 4;
}

.col-4 {
  grid-column: span 4;
}

.col-start-4 {
  grid-column-start: 5;
}

.col-end-4 {
  grid-column-end: 5;
}

.col-5 {
  grid-column: span 5;
}

.col-start-5 {
  grid-column-start: 6;
}

.col-end-5 {
  grid-column-end: 6;
}

.col-6 {
  grid-column: span 6;
}

.col-start-6 {
  grid-column-start: 7;
}

.col-end-6 {
  grid-column-end: 7;
}

.col-7 {
  grid-column: span 7;
}

.col-start-7 {
  grid-column-start: 8;
}

.col-end-7 {
  grid-column-end: 8;
}

.col-8 {
  grid-column: span 8;
}

.col-start-8 {
  grid-column-start: 9;
}

.col-end-8 {
  grid-column-end: 9;
}

.col-9 {
  grid-column: span 9;
}

.col-start-9 {
  grid-column-start: 10;
}

.col-end-9 {
  grid-column-end: 10;
}

.col-10 {
  grid-column: span 10;
}

.col-start-10 {
  grid-column-start: 11;
}

.col-end-10 {
  grid-column-end: 11;
}

.col-11 {
  grid-column: span 11;
}

.col-start-11 {
  grid-column-start: 12;
}

.col-end-11 {
  grid-column-end: 12;
}

.col-12 {
  grid-column: span 12;
}

.col-start-12 {
  grid-column-start: 13;
}

.col-end-12 {
  grid-column-end: 13;
}

.row-1 {
  grid-row: span 1;
}

.row-start-1 {
  grid-row-start: 2;
}

.row-end-1 {
  grid-row-start: 2;
}

.row-2 {
  grid-row: span 2;
}

.row-start-2 {
  grid-row-start: 3;
}

.row-end-2 {
  grid-row-start: 3;
}

.row-3 {
  grid-row: span 3;
}

.row-start-3 {
  grid-row-start: 4;
}

.row-end-3 {
  grid-row-start: 4;
}

.row-4 {
  grid-row: span 4;
}

.row-start-4 {
  grid-row-start: 5;
}

.row-end-4 {
  grid-row-start: 5;
}

.row-5 {
  grid-row: span 5;
}

.row-start-5 {
  grid-row-start: 6;
}

.row-end-5 {
  grid-row-start: 6;
}

.row-6 {
  grid-row: span 6;
}

.row-start-6 {
  grid-row-start: 7;
}

.row-end-6 {
  grid-row-start: 7;
}

.row-7 {
  grid-row: span 7;
}

.row-start-7 {
  grid-row-start: 8;
}

.row-end-7 {
  grid-row-start: 8;
}

.row-8 {
  grid-row: span 8;
}

.row-start-8 {
  grid-row-start: 9;
}

.row-end-8 {
  grid-row-start: 9;
}

.row-9 {
  grid-row: span 9;
}

.row-start-9 {
  grid-row-start: 10;
}

.row-end-9 {
  grid-row-start: 10;
}

.row-10 {
  grid-row: span 10;
}

.row-start-10 {
  grid-row-start: 11;
}

.row-end-10 {
  grid-row-start: 11;
}

.row-11 {
  grid-row: span 11;
}

.row-start-11 {
  grid-row-start: 12;
}

.row-end-11 {
  grid-row-start: 12;
}

.row-12 {
  grid-row: span 12;
}

.row-start-12 {
  grid-row-start: 13;
}

.row-end-12 {
  grid-row-start: 13;
}

.grid-cols-default {
  grid-template-columns: repeat(12, 1fr);
}

.grid-rows-default {
  grid-template-rows: repeat(auto, 1fr);
}

.cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.rows-1 {
  grid-template-rows: repeat(1, 1fr);
}

.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

@media only screen and (width >= 23.437rem) {
  .col-xs-1 {
    grid-column: span 1;
  }

  .col-start-xs-1 {
    grid-column-start: 2;
  }

  .col-end-xs-1 {
    grid-column-end: 2;
  }

  .col-xs-2 {
    grid-column: span 2;
  }

  .col-start-xs-2 {
    grid-column-start: 3;
  }

  .col-end-xs-2 {
    grid-column-end: 3;
  }

  .col-xs-3 {
    grid-column: span 3;
  }

  .col-start-xs-3 {
    grid-column-start: 4;
  }

  .col-end-xs-3 {
    grid-column-end: 4;
  }

  .col-xs-4 {
    grid-column: span 4;
  }

  .col-start-xs-4 {
    grid-column-start: 5;
  }

  .col-end-xs-4 {
    grid-column-end: 5;
  }

  .col-xs-5 {
    grid-column: span 5;
  }

  .col-start-xs-5 {
    grid-column-start: 6;
  }

  .col-end-xs-5 {
    grid-column-end: 6;
  }

  .col-xs-6 {
    grid-column: span 6;
  }

  .col-start-xs-6 {
    grid-column-start: 7;
  }

  .col-end-xs-6 {
    grid-column-end: 7;
  }

  .col-xs-7 {
    grid-column: span 7;
  }

  .col-start-xs-7 {
    grid-column-start: 8;
  }

  .col-end-xs-7 {
    grid-column-end: 8;
  }

  .col-xs-8 {
    grid-column: span 8;
  }

  .col-start-xs-8 {
    grid-column-start: 9;
  }

  .col-end-xs-8 {
    grid-column-end: 9;
  }

  .col-xs-9 {
    grid-column: span 9;
  }

  .col-start-xs-9 {
    grid-column-start: 10;
  }

  .col-end-xs-9 {
    grid-column-end: 10;
  }

  .col-xs-10 {
    grid-column: span 10;
  }

  .col-start-xs-10 {
    grid-column-start: 11;
  }

  .col-end-xs-10 {
    grid-column-end: 11;
  }

  .col-xs-11 {
    grid-column: span 11;
  }

  .col-start-xs-11 {
    grid-column-start: 12;
  }

  .col-end-xs-11 {
    grid-column-end: 12;
  }

  .col-xs-12 {
    grid-column: span 12;
  }

  .col-start-xs-12 {
    grid-column-start: 13;
  }

  .col-end-xs-12 {
    grid-column-end: 13;
  }

  .row-xs-1 {
    grid-row: span 1;
  }

  .row-start-xs-1 {
    grid-row-start: 2;
  }

  .row-end-xs-1 {
    grid-row-start: 2;
  }

  .row-xs-2 {
    grid-row: span 2;
  }

  .row-start-xs-2 {
    grid-row-start: 3;
  }

  .row-end-xs-2 {
    grid-row-start: 3;
  }

  .row-xs-3 {
    grid-row: span 3;
  }

  .row-start-xs-3 {
    grid-row-start: 4;
  }

  .row-end-xs-3 {
    grid-row-start: 4;
  }

  .row-xs-4 {
    grid-row: span 4;
  }

  .row-start-xs-4 {
    grid-row-start: 5;
  }

  .row-end-xs-4 {
    grid-row-start: 5;
  }

  .row-xs-5 {
    grid-row: span 5;
  }

  .row-start-xs-5 {
    grid-row-start: 6;
  }

  .row-end-xs-5 {
    grid-row-start: 6;
  }

  .row-xs-6 {
    grid-row: span 6;
  }

  .row-start-xs-6 {
    grid-row-start: 7;
  }

  .row-end-xs-6 {
    grid-row-start: 7;
  }

  .row-xs-7 {
    grid-row: span 7;
  }

  .row-start-xs-7 {
    grid-row-start: 8;
  }

  .row-end-xs-7 {
    grid-row-start: 8;
  }

  .row-xs-8 {
    grid-row: span 8;
  }

  .row-start-xs-8 {
    grid-row-start: 9;
  }

  .row-end-xs-8 {
    grid-row-start: 9;
  }

  .row-xs-9 {
    grid-row: span 9;
  }

  .row-start-xs-9 {
    grid-row-start: 10;
  }

  .row-end-xs-9 {
    grid-row-start: 10;
  }

  .row-xs-10 {
    grid-row: span 10;
  }

  .row-start-xs-10 {
    grid-row-start: 11;
  }

  .row-end-xs-10 {
    grid-row-start: 11;
  }

  .row-xs-11 {
    grid-row: span 11;
  }

  .row-start-xs-11 {
    grid-row-start: 12;
  }

  .row-end-xs-11 {
    grid-row-start: 12;
  }

  .row-xs-12 {
    grid-row: span 12;
  }

  .row-start-xs-12 {
    grid-row-start: 13;
  }

  .row-end-xs-12 {
    grid-row-start: 13;
  }

  .grid-cols-xs-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-rows-xs-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .cols-xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .rows-xs-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .cols-xs-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .rows-xs-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .cols-xs-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .rows-xs-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .cols-xs-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .rows-xs-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .cols-xs-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .rows-xs-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .cols-xs-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .rows-xs-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .cols-xs-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .rows-xs-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .cols-xs-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .rows-xs-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .cols-xs-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .rows-xs-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .cols-xs-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .rows-xs-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .cols-xs-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .rows-xs-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .cols-xs-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .rows-xs-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (width >= 47.937rem) {
  .col-sm-1 {
    grid-column: span 1;
  }

  .col-start-sm-1 {
    grid-column-start: 2;
  }

  .col-end-sm-1 {
    grid-column-end: 2;
  }

  .col-sm-2 {
    grid-column: span 2;
  }

  .col-start-sm-2 {
    grid-column-start: 3;
  }

  .col-end-sm-2 {
    grid-column-end: 3;
  }

  .col-sm-3 {
    grid-column: span 3;
  }

  .col-start-sm-3 {
    grid-column-start: 4;
  }

  .col-end-sm-3 {
    grid-column-end: 4;
  }

  .col-sm-4 {
    grid-column: span 4;
  }

  .col-start-sm-4 {
    grid-column-start: 5;
  }

  .col-end-sm-4 {
    grid-column-end: 5;
  }

  .col-sm-5 {
    grid-column: span 5;
  }

  .col-start-sm-5 {
    grid-column-start: 6;
  }

  .col-end-sm-5 {
    grid-column-end: 6;
  }

  .col-sm-6 {
    grid-column: span 6;
  }

  .col-start-sm-6 {
    grid-column-start: 7;
  }

  .col-end-sm-6 {
    grid-column-end: 7;
  }

  .col-sm-7 {
    grid-column: span 7;
  }

  .col-start-sm-7 {
    grid-column-start: 8;
  }

  .col-end-sm-7 {
    grid-column-end: 8;
  }

  .col-sm-8 {
    grid-column: span 8;
  }

  .col-start-sm-8 {
    grid-column-start: 9;
  }

  .col-end-sm-8 {
    grid-column-end: 9;
  }

  .col-sm-9 {
    grid-column: span 9;
  }

  .col-start-sm-9 {
    grid-column-start: 10;
  }

  .col-end-sm-9 {
    grid-column-end: 10;
  }

  .col-sm-10 {
    grid-column: span 10;
  }

  .col-start-sm-10 {
    grid-column-start: 11;
  }

  .col-end-sm-10 {
    grid-column-end: 11;
  }

  .col-sm-11 {
    grid-column: span 11;
  }

  .col-start-sm-11 {
    grid-column-start: 12;
  }

  .col-end-sm-11 {
    grid-column-end: 12;
  }

  .col-sm-12 {
    grid-column: span 12;
  }

  .col-start-sm-12 {
    grid-column-start: 13;
  }

  .col-end-sm-12 {
    grid-column-end: 13;
  }

  .row-sm-1 {
    grid-row: span 1;
  }

  .row-start-sm-1 {
    grid-row-start: 2;
  }

  .row-end-sm-1 {
    grid-row-start: 2;
  }

  .row-sm-2 {
    grid-row: span 2;
  }

  .row-start-sm-2 {
    grid-row-start: 3;
  }

  .row-end-sm-2 {
    grid-row-start: 3;
  }

  .row-sm-3 {
    grid-row: span 3;
  }

  .row-start-sm-3 {
    grid-row-start: 4;
  }

  .row-end-sm-3 {
    grid-row-start: 4;
  }

  .row-sm-4 {
    grid-row: span 4;
  }

  .row-start-sm-4 {
    grid-row-start: 5;
  }

  .row-end-sm-4 {
    grid-row-start: 5;
  }

  .row-sm-5 {
    grid-row: span 5;
  }

  .row-start-sm-5 {
    grid-row-start: 6;
  }

  .row-end-sm-5 {
    grid-row-start: 6;
  }

  .row-sm-6 {
    grid-row: span 6;
  }

  .row-start-sm-6 {
    grid-row-start: 7;
  }

  .row-end-sm-6 {
    grid-row-start: 7;
  }

  .row-sm-7 {
    grid-row: span 7;
  }

  .row-start-sm-7 {
    grid-row-start: 8;
  }

  .row-end-sm-7 {
    grid-row-start: 8;
  }

  .row-sm-8 {
    grid-row: span 8;
  }

  .row-start-sm-8 {
    grid-row-start: 9;
  }

  .row-end-sm-8 {
    grid-row-start: 9;
  }

  .row-sm-9 {
    grid-row: span 9;
  }

  .row-start-sm-9 {
    grid-row-start: 10;
  }

  .row-end-sm-9 {
    grid-row-start: 10;
  }

  .row-sm-10 {
    grid-row: span 10;
  }

  .row-start-sm-10 {
    grid-row-start: 11;
  }

  .row-end-sm-10 {
    grid-row-start: 11;
  }

  .row-sm-11 {
    grid-row: span 11;
  }

  .row-start-sm-11 {
    grid-row-start: 12;
  }

  .row-end-sm-11 {
    grid-row-start: 12;
  }

  .row-sm-12 {
    grid-row: span 12;
  }

  .row-start-sm-12 {
    grid-row-start: 13;
  }

  .row-end-sm-12 {
    grid-row-start: 13;
  }

  .grid-cols-sm-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-rows-sm-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .cols-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .rows-sm-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .cols-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .rows-sm-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .cols-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .rows-sm-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .cols-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .rows-sm-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .cols-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .rows-sm-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .cols-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .rows-sm-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .cols-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .rows-sm-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .cols-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .rows-sm-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .cols-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .rows-sm-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .cols-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .rows-sm-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .cols-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .rows-sm-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .cols-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .rows-sm-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (width >= 79.937rem) {
  .col-md-1 {
    grid-column: span 1;
  }

  .col-start-md-1 {
    grid-column-start: 2;
  }

  .col-end-md-1 {
    grid-column-end: 2;
  }

  .col-md-2 {
    grid-column: span 2;
  }

  .col-start-md-2 {
    grid-column-start: 3;
  }

  .col-end-md-2 {
    grid-column-end: 3;
  }

  .col-md-3 {
    grid-column: span 3;
  }

  .col-start-md-3 {
    grid-column-start: 4;
  }

  .col-end-md-3 {
    grid-column-end: 4;
  }

  .col-md-4 {
    grid-column: span 4;
  }

  .col-start-md-4 {
    grid-column-start: 5;
  }

  .col-end-md-4 {
    grid-column-end: 5;
  }

  .col-md-5 {
    grid-column: span 5;
  }

  .col-start-md-5 {
    grid-column-start: 6;
  }

  .col-end-md-5 {
    grid-column-end: 6;
  }

  .col-md-6 {
    grid-column: span 6;
  }

  .col-start-md-6 {
    grid-column-start: 7;
  }

  .col-end-md-6 {
    grid-column-end: 7;
  }

  .col-md-7 {
    grid-column: span 7;
  }

  .col-start-md-7 {
    grid-column-start: 8;
  }

  .col-end-md-7 {
    grid-column-end: 8;
  }

  .col-md-8 {
    grid-column: span 8;
  }

  .col-start-md-8 {
    grid-column-start: 9;
  }

  .col-end-md-8 {
    grid-column-end: 9;
  }

  .col-md-9 {
    grid-column: span 9;
  }

  .col-start-md-9 {
    grid-column-start: 10;
  }

  .col-end-md-9 {
    grid-column-end: 10;
  }

  .col-md-10 {
    grid-column: span 10;
  }

  .col-start-md-10 {
    grid-column-start: 11;
  }

  .col-end-md-10 {
    grid-column-end: 11;
  }

  .col-md-11 {
    grid-column: span 11;
  }

  .col-start-md-11 {
    grid-column-start: 12;
  }

  .col-end-md-11 {
    grid-column-end: 12;
  }

  .col-md-12 {
    grid-column: span 12;
  }

  .col-start-md-12 {
    grid-column-start: 13;
  }

  .col-end-md-12 {
    grid-column-end: 13;
  }

  .row-md-1 {
    grid-row: span 1;
  }

  .row-start-md-1 {
    grid-row-start: 2;
  }

  .row-end-md-1 {
    grid-row-start: 2;
  }

  .row-md-2 {
    grid-row: span 2;
  }

  .row-start-md-2 {
    grid-row-start: 3;
  }

  .row-end-md-2 {
    grid-row-start: 3;
  }

  .row-md-3 {
    grid-row: span 3;
  }

  .row-start-md-3 {
    grid-row-start: 4;
  }

  .row-end-md-3 {
    grid-row-start: 4;
  }

  .row-md-4 {
    grid-row: span 4;
  }

  .row-start-md-4 {
    grid-row-start: 5;
  }

  .row-end-md-4 {
    grid-row-start: 5;
  }

  .row-md-5 {
    grid-row: span 5;
  }

  .row-start-md-5 {
    grid-row-start: 6;
  }

  .row-end-md-5 {
    grid-row-start: 6;
  }

  .row-md-6 {
    grid-row: span 6;
  }

  .row-start-md-6 {
    grid-row-start: 7;
  }

  .row-end-md-6 {
    grid-row-start: 7;
  }

  .row-md-7 {
    grid-row: span 7;
  }

  .row-start-md-7 {
    grid-row-start: 8;
  }

  .row-end-md-7 {
    grid-row-start: 8;
  }

  .row-md-8 {
    grid-row: span 8;
  }

  .row-start-md-8 {
    grid-row-start: 9;
  }

  .row-end-md-8 {
    grid-row-start: 9;
  }

  .row-md-9 {
    grid-row: span 9;
  }

  .row-start-md-9 {
    grid-row-start: 10;
  }

  .row-end-md-9 {
    grid-row-start: 10;
  }

  .row-md-10 {
    grid-row: span 10;
  }

  .row-start-md-10 {
    grid-row-start: 11;
  }

  .row-end-md-10 {
    grid-row-start: 11;
  }

  .row-md-11 {
    grid-row: span 11;
  }

  .row-start-md-11 {
    grid-row-start: 12;
  }

  .row-end-md-11 {
    grid-row-start: 12;
  }

  .row-md-12 {
    grid-row: span 12;
  }

  .row-start-md-12 {
    grid-row-start: 13;
  }

  .row-end-md-12 {
    grid-row-start: 13;
  }

  .grid-cols-md-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-rows-md-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .cols-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .rows-md-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .cols-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .rows-md-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .cols-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .rows-md-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .cols-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .rows-md-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .cols-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .rows-md-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .cols-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .rows-md-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .cols-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .rows-md-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .cols-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .rows-md-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .cols-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .rows-md-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .cols-md-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .rows-md-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .cols-md-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .rows-md-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .cols-md-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .rows-md-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (width >= 83.437rem) {
  .col-lg-1 {
    grid-column: span 1;
  }

  .col-start-lg-1 {
    grid-column-start: 2;
  }

  .col-end-lg-1 {
    grid-column-end: 2;
  }

  .col-lg-2 {
    grid-column: span 2;
  }

  .col-start-lg-2 {
    grid-column-start: 3;
  }

  .col-end-lg-2 {
    grid-column-end: 3;
  }

  .col-lg-3 {
    grid-column: span 3;
  }

  .col-start-lg-3 {
    grid-column-start: 4;
  }

  .col-end-lg-3 {
    grid-column-end: 4;
  }

  .col-lg-4 {
    grid-column: span 4;
  }

  .col-start-lg-4 {
    grid-column-start: 5;
  }

  .col-end-lg-4 {
    grid-column-end: 5;
  }

  .col-lg-5 {
    grid-column: span 5;
  }

  .col-start-lg-5 {
    grid-column-start: 6;
  }

  .col-end-lg-5 {
    grid-column-end: 6;
  }

  .col-lg-6 {
    grid-column: span 6;
  }

  .col-start-lg-6 {
    grid-column-start: 7;
  }

  .col-end-lg-6 {
    grid-column-end: 7;
  }

  .col-lg-7 {
    grid-column: span 7;
  }

  .col-start-lg-7 {
    grid-column-start: 8;
  }

  .col-end-lg-7 {
    grid-column-end: 8;
  }

  .col-lg-8 {
    grid-column: span 8;
  }

  .col-start-lg-8 {
    grid-column-start: 9;
  }

  .col-end-lg-8 {
    grid-column-end: 9;
  }

  .col-lg-9 {
    grid-column: span 9;
  }

  .col-start-lg-9 {
    grid-column-start: 10;
  }

  .col-end-lg-9 {
    grid-column-end: 10;
  }

  .col-lg-10 {
    grid-column: span 10;
  }

  .col-start-lg-10 {
    grid-column-start: 11;
  }

  .col-end-lg-10 {
    grid-column-end: 11;
  }

  .col-lg-11 {
    grid-column: span 11;
  }

  .col-start-lg-11 {
    grid-column-start: 12;
  }

  .col-end-lg-11 {
    grid-column-end: 12;
  }

  .col-lg-12 {
    grid-column: span 12;
  }

  .col-start-lg-12 {
    grid-column-start: 13;
  }

  .col-end-lg-12 {
    grid-column-end: 13;
  }

  .row-lg-1 {
    grid-row: span 1;
  }

  .row-start-lg-1 {
    grid-row-start: 2;
  }

  .row-end-lg-1 {
    grid-row-start: 2;
  }

  .row-lg-2 {
    grid-row: span 2;
  }

  .row-start-lg-2 {
    grid-row-start: 3;
  }

  .row-end-lg-2 {
    grid-row-start: 3;
  }

  .row-lg-3 {
    grid-row: span 3;
  }

  .row-start-lg-3 {
    grid-row-start: 4;
  }

  .row-end-lg-3 {
    grid-row-start: 4;
  }

  .row-lg-4 {
    grid-row: span 4;
  }

  .row-start-lg-4 {
    grid-row-start: 5;
  }

  .row-end-lg-4 {
    grid-row-start: 5;
  }

  .row-lg-5 {
    grid-row: span 5;
  }

  .row-start-lg-5 {
    grid-row-start: 6;
  }

  .row-end-lg-5 {
    grid-row-start: 6;
  }

  .row-lg-6 {
    grid-row: span 6;
  }

  .row-start-lg-6 {
    grid-row-start: 7;
  }

  .row-end-lg-6 {
    grid-row-start: 7;
  }

  .row-lg-7 {
    grid-row: span 7;
  }

  .row-start-lg-7 {
    grid-row-start: 8;
  }

  .row-end-lg-7 {
    grid-row-start: 8;
  }

  .row-lg-8 {
    grid-row: span 8;
  }

  .row-start-lg-8 {
    grid-row-start: 9;
  }

  .row-end-lg-8 {
    grid-row-start: 9;
  }

  .row-lg-9 {
    grid-row: span 9;
  }

  .row-start-lg-9 {
    grid-row-start: 10;
  }

  .row-end-lg-9 {
    grid-row-start: 10;
  }

  .row-lg-10 {
    grid-row: span 10;
  }

  .row-start-lg-10 {
    grid-row-start: 11;
  }

  .row-end-lg-10 {
    grid-row-start: 11;
  }

  .row-lg-11 {
    grid-row: span 11;
  }

  .row-start-lg-11 {
    grid-row-start: 12;
  }

  .row-end-lg-11 {
    grid-row-start: 12;
  }

  .row-lg-12 {
    grid-row: span 12;
  }

  .row-start-lg-12 {
    grid-row-start: 13;
  }

  .row-end-lg-12 {
    grid-row-start: 13;
  }

  .grid-cols-lg-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-rows-lg-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .cols-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .rows-lg-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .cols-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .rows-lg-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .cols-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .rows-lg-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .cols-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .rows-lg-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .cols-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .rows-lg-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .cols-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .rows-lg-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .cols-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .rows-lg-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .cols-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .rows-lg-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .cols-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .rows-lg-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .cols-lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .rows-lg-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .cols-lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .rows-lg-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .cols-lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .rows-lg-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (width >= 89.937rem) {
  .col-xl-1 {
    grid-column: span 1;
  }

  .col-start-xl-1 {
    grid-column-start: 2;
  }

  .col-end-xl-1 {
    grid-column-end: 2;
  }

  .col-xl-2 {
    grid-column: span 2;
  }

  .col-start-xl-2 {
    grid-column-start: 3;
  }

  .col-end-xl-2 {
    grid-column-end: 3;
  }

  .col-xl-3 {
    grid-column: span 3;
  }

  .col-start-xl-3 {
    grid-column-start: 4;
  }

  .col-end-xl-3 {
    grid-column-end: 4;
  }

  .col-xl-4 {
    grid-column: span 4;
  }

  .col-start-xl-4 {
    grid-column-start: 5;
  }

  .col-end-xl-4 {
    grid-column-end: 5;
  }

  .col-xl-5 {
    grid-column: span 5;
  }

  .col-start-xl-5 {
    grid-column-start: 6;
  }

  .col-end-xl-5 {
    grid-column-end: 6;
  }

  .col-xl-6 {
    grid-column: span 6;
  }

  .col-start-xl-6 {
    grid-column-start: 7;
  }

  .col-end-xl-6 {
    grid-column-end: 7;
  }

  .col-xl-7 {
    grid-column: span 7;
  }

  .col-start-xl-7 {
    grid-column-start: 8;
  }

  .col-end-xl-7 {
    grid-column-end: 8;
  }

  .col-xl-8 {
    grid-column: span 8;
  }

  .col-start-xl-8 {
    grid-column-start: 9;
  }

  .col-end-xl-8 {
    grid-column-end: 9;
  }

  .col-xl-9 {
    grid-column: span 9;
  }

  .col-start-xl-9 {
    grid-column-start: 10;
  }

  .col-end-xl-9 {
    grid-column-end: 10;
  }

  .col-xl-10 {
    grid-column: span 10;
  }

  .col-start-xl-10 {
    grid-column-start: 11;
  }

  .col-end-xl-10 {
    grid-column-end: 11;
  }

  .col-xl-11 {
    grid-column: span 11;
  }

  .col-start-xl-11 {
    grid-column-start: 12;
  }

  .col-end-xl-11 {
    grid-column-end: 12;
  }

  .col-xl-12 {
    grid-column: span 12;
  }

  .col-start-xl-12 {
    grid-column-start: 13;
  }

  .col-end-xl-12 {
    grid-column-end: 13;
  }

  .row-xl-1 {
    grid-row: span 1;
  }

  .row-start-xl-1 {
    grid-row-start: 2;
  }

  .row-end-xl-1 {
    grid-row-start: 2;
  }

  .row-xl-2 {
    grid-row: span 2;
  }

  .row-start-xl-2 {
    grid-row-start: 3;
  }

  .row-end-xl-2 {
    grid-row-start: 3;
  }

  .row-xl-3 {
    grid-row: span 3;
  }

  .row-start-xl-3 {
    grid-row-start: 4;
  }

  .row-end-xl-3 {
    grid-row-start: 4;
  }

  .row-xl-4 {
    grid-row: span 4;
  }

  .row-start-xl-4 {
    grid-row-start: 5;
  }

  .row-end-xl-4 {
    grid-row-start: 5;
  }

  .row-xl-5 {
    grid-row: span 5;
  }

  .row-start-xl-5 {
    grid-row-start: 6;
  }

  .row-end-xl-5 {
    grid-row-start: 6;
  }

  .row-xl-6 {
    grid-row: span 6;
  }

  .row-start-xl-6 {
    grid-row-start: 7;
  }

  .row-end-xl-6 {
    grid-row-start: 7;
  }

  .row-xl-7 {
    grid-row: span 7;
  }

  .row-start-xl-7 {
    grid-row-start: 8;
  }

  .row-end-xl-7 {
    grid-row-start: 8;
  }

  .row-xl-8 {
    grid-row: span 8;
  }

  .row-start-xl-8 {
    grid-row-start: 9;
  }

  .row-end-xl-8 {
    grid-row-start: 9;
  }

  .row-xl-9 {
    grid-row: span 9;
  }

  .row-start-xl-9 {
    grid-row-start: 10;
  }

  .row-end-xl-9 {
    grid-row-start: 10;
  }

  .row-xl-10 {
    grid-row: span 10;
  }

  .row-start-xl-10 {
    grid-row-start: 11;
  }

  .row-end-xl-10 {
    grid-row-start: 11;
  }

  .row-xl-11 {
    grid-row: span 11;
  }

  .row-start-xl-11 {
    grid-row-start: 12;
  }

  .row-end-xl-11 {
    grid-row-start: 12;
  }

  .row-xl-12 {
    grid-row: span 12;
  }

  .row-start-xl-12 {
    grid-row-start: 13;
  }

  .row-end-xl-12 {
    grid-row-start: 13;
  }

  .grid-cols-xl-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-rows-xl-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .cols-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .rows-xl-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .cols-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .rows-xl-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .cols-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .rows-xl-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .cols-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .rows-xl-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .cols-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .rows-xl-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .cols-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .rows-xl-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .cols-xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .rows-xl-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .cols-xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .rows-xl-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .cols-xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .rows-xl-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .cols-xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .rows-xl-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .cols-xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .rows-xl-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .cols-xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .rows-xl-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (width >= 119.937rem) {
  .col-2xl-1 {
    grid-column: span 1;
  }

  .col-start-2xl-1 {
    grid-column-start: 2;
  }

  .col-end-2xl-1 {
    grid-column-end: 2;
  }

  .col-2xl-2 {
    grid-column: span 2;
  }

  .col-start-2xl-2 {
    grid-column-start: 3;
  }

  .col-end-2xl-2 {
    grid-column-end: 3;
  }

  .col-2xl-3 {
    grid-column: span 3;
  }

  .col-start-2xl-3 {
    grid-column-start: 4;
  }

  .col-end-2xl-3 {
    grid-column-end: 4;
  }

  .col-2xl-4 {
    grid-column: span 4;
  }

  .col-start-2xl-4 {
    grid-column-start: 5;
  }

  .col-end-2xl-4 {
    grid-column-end: 5;
  }

  .col-2xl-5 {
    grid-column: span 5;
  }

  .col-start-2xl-5 {
    grid-column-start: 6;
  }

  .col-end-2xl-5 {
    grid-column-end: 6;
  }

  .col-2xl-6 {
    grid-column: span 6;
  }

  .col-start-2xl-6 {
    grid-column-start: 7;
  }

  .col-end-2xl-6 {
    grid-column-end: 7;
  }

  .col-2xl-7 {
    grid-column: span 7;
  }

  .col-start-2xl-7 {
    grid-column-start: 8;
  }

  .col-end-2xl-7 {
    grid-column-end: 8;
  }

  .col-2xl-8 {
    grid-column: span 8;
  }

  .col-start-2xl-8 {
    grid-column-start: 9;
  }

  .col-end-2xl-8 {
    grid-column-end: 9;
  }

  .col-2xl-9 {
    grid-column: span 9;
  }

  .col-start-2xl-9 {
    grid-column-start: 10;
  }

  .col-end-2xl-9 {
    grid-column-end: 10;
  }

  .col-2xl-10 {
    grid-column: span 10;
  }

  .col-start-2xl-10 {
    grid-column-start: 11;
  }

  .col-end-2xl-10 {
    grid-column-end: 11;
  }

  .col-2xl-11 {
    grid-column: span 11;
  }

  .col-start-2xl-11 {
    grid-column-start: 12;
  }

  .col-end-2xl-11 {
    grid-column-end: 12;
  }

  .col-2xl-12 {
    grid-column: span 12;
  }

  .col-start-2xl-12 {
    grid-column-start: 13;
  }

  .col-end-2xl-12 {
    grid-column-end: 13;
  }

  .row-2xl-1 {
    grid-row: span 1;
  }

  .row-start-2xl-1 {
    grid-row-start: 2;
  }

  .row-end-2xl-1 {
    grid-row-start: 2;
  }

  .row-2xl-2 {
    grid-row: span 2;
  }

  .row-start-2xl-2 {
    grid-row-start: 3;
  }

  .row-end-2xl-2 {
    grid-row-start: 3;
  }

  .row-2xl-3 {
    grid-row: span 3;
  }

  .row-start-2xl-3 {
    grid-row-start: 4;
  }

  .row-end-2xl-3 {
    grid-row-start: 4;
  }

  .row-2xl-4 {
    grid-row: span 4;
  }

  .row-start-2xl-4 {
    grid-row-start: 5;
  }

  .row-end-2xl-4 {
    grid-row-start: 5;
  }

  .row-2xl-5 {
    grid-row: span 5;
  }

  .row-start-2xl-5 {
    grid-row-start: 6;
  }

  .row-end-2xl-5 {
    grid-row-start: 6;
  }

  .row-2xl-6 {
    grid-row: span 6;
  }

  .row-start-2xl-6 {
    grid-row-start: 7;
  }

  .row-end-2xl-6 {
    grid-row-start: 7;
  }

  .row-2xl-7 {
    grid-row: span 7;
  }

  .row-start-2xl-7 {
    grid-row-start: 8;
  }

  .row-end-2xl-7 {
    grid-row-start: 8;
  }

  .row-2xl-8 {
    grid-row: span 8;
  }

  .row-start-2xl-8 {
    grid-row-start: 9;
  }

  .row-end-2xl-8 {
    grid-row-start: 9;
  }

  .row-2xl-9 {
    grid-row: span 9;
  }

  .row-start-2xl-9 {
    grid-row-start: 10;
  }

  .row-end-2xl-9 {
    grid-row-start: 10;
  }

  .row-2xl-10 {
    grid-row: span 10;
  }

  .row-start-2xl-10 {
    grid-row-start: 11;
  }

  .row-end-2xl-10 {
    grid-row-start: 11;
  }

  .row-2xl-11 {
    grid-row: span 11;
  }

  .row-start-2xl-11 {
    grid-row-start: 12;
  }

  .row-end-2xl-11 {
    grid-row-start: 12;
  }

  .row-2xl-12 {
    grid-row: span 12;
  }

  .row-start-2xl-12 {
    grid-row-start: 13;
  }

  .row-end-2xl-12 {
    grid-row-start: 13;
  }

  .grid-cols-2xl-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-rows-2xl-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .cols-2xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .rows-2xl-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .cols-2xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .rows-2xl-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .cols-2xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .rows-2xl-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .cols-2xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .rows-2xl-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .cols-2xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .rows-2xl-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .cols-2xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .rows-2xl-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .cols-2xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .rows-2xl-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .cols-2xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .rows-2xl-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .cols-2xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .rows-2xl-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .cols-2xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .rows-2xl-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .cols-2xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .rows-2xl-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .cols-2xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .rows-2xl-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@keyframes pulse {
  0% {
    border-color: #4e91f6;
    box-shadow: 0 0 0 0 rgb(171 201 245 / 70%);
  }

  70% {
    border-color: #4e91f6;
    box-shadow: 0 0 0 0.75rem #fff0;
  }

  100% {
    border-color: #4e91f6;
    box-shadow: 0 0 0 0 #fff0;
  }
}

@keyframes loader {
  to {
    transform: rotate(360deg);
  }
}

.loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.loader__spinner {
  display: inline-block;
  width: var(--qn-loader-width);
  height: var(--qn-loader-height);
  vertical-align: var(--qn-loader-vertical-align);
  border-radius: 50%;
  animation: var(--qn-loader-animation-speed) linear infinite
    var(--qn-loader-animation-name);

  --qn-loader-width: 3rem;
  --qn-loader-height: 3rem;
  --qn-loader-vertical-align: -0.125em;
  --qn-loader-background:
    radial-gradient(farthest-side, var(--qn-primary) 90%, rgb(0 0 0 / 0%))
      center top / 0.188rem 0.188rem no-repeat,
    radial-gradient(farthest-side, var(--qn-primary) 90%, rgb(0 0 0 / 0%))
      center right / 0.188rem 0.188rem no-repeat,
    radial-gradient(
        farthest-side at left bottom,
        rgb(0 0 0 / 0%) calc(100% - 0.188rem),
        var(--qn-primary) calc(100% - 0.163rem),
        var(--qn-primary) 99%,
        rgb(0 0 0 / 0%)
      )
      right top / 50% 50% content-box content-box,
    radial-gradient(
      farthest-side,
      rgb(0 0 0 / 0%) calc(100% - 0.188rem),
      #f1f6fe 0
    );
  --qn-loader-animation-speed: 0.9s;
  --qn-loader-animation-name: loader;

  background: var(--qn-loader-background) !important;
  background-repeat: no-repeat !important;
}

.loader__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.loader_lg .loader__spinner {
  --qn-loader-width: 3.5rem;
  --qn-loader-height: 3.5rem;
  --qn-loader-background:
    radial-gradient(farthest-side, var(--qn-primary) 90%, rgb(0 0 0 / 0%))
      center top / 0.375rem 0.375rem no-repeat,
    radial-gradient(farthest-side, var(--qn-primary) 90%, rgb(0 0 0 / 0%))
      center right / 0.375rem 0.375rem no-repeat,
    radial-gradient(
        farthest-side at left bottom,
        rgb(0 0 0 / 0%) calc(100% - 0.375rem),
        var(--qn-primary) calc(100% - 0.325rem),
        var(--qn-primary) 99%,
        rgb(0 0 0 / 0%)
      )
      right top / 50% 50% content-box content-box,
    radial-gradient(
      farthest-side,
      rgb(0 0 0 / 0%) calc(100% - 0.375rem),
      #f1f6fe 0
    );
}

.loader_lg .loader__text {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.loader_xl .loader__spinner {
  --qn-loader-width: 4rem;
  --qn-loader-height: 4rem;
  --qn-loader-background:
    radial-gradient(farthest-side, var(--qn-primary) 90%, rgb(0 0 0 / 0%))
      center top / 0.375rem 0.375rem no-repeat,
    radial-gradient(farthest-side, var(--qn-primary) 90%, rgb(0 0 0 / 0%))
      center right / 0.375rem 0.375rem no-repeat,
    radial-gradient(
        farthest-side at left bottom,
        rgb(0 0 0 / 0%) calc(100% - 0.375rem),
        var(--qn-primary) calc(100% - 0.325rem),
        var(--qn-primary) 99%,
        rgb(0 0 0 / 0%)
      )
      right top / 50% 50% content-box content-box,
    radial-gradient(
      farthest-side,
      rgb(0 0 0 / 0%) calc(100% - 0.375rem),
      #f1f6fe 0
    );
}

.loader_xl .loader__text {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
  .loader-border {
    --qn-loader-animation-speed: 1.8s;
  }
}

.btn {
  --qn-btn-padding-size: 0.625rem 1rem;
  --qn-btn-height-size: 2.5rem;
  --qn-btn-font-size: 0.875rem;
  --qn-btn-line-height-size: 1.25rem;
  --qn-btn-icon-padding-size: 0.625rem;
  --qn-btn-icon-font-size: 1.25rem;

  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.625rem;
  justify-content: center;
  background-color: #fff0;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.6s ease;
  border: 0.063rem solid #fff0;
  border-radius: 0.5rem;
  font-weight: 600;
  padding: var(--qn-btn-padding-size);
  height: var(--qn-btn-height-size);
  font-size: var(--qn-btn-font-size);
  line-height: var(--qn-btn-line-height-size);
  min-height: var(--qn-btn-height-size);
  max-height: var(--qn-btn-height-size);
}

.btn:hover .btn:active,
.btn:disabled {
  text-decoration: none;
}

.btn:focus-visible {
  text-decoration: none;
  outline: 0;
}

.btn:active:not([disabled]),
.btn:focus:not([disabled]) {
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #d1e1f8;
  transition: box-shadow 150ms ease-in-out;
}

.btn img {
  height: 100%;
}

.btn .icon {
  font-size: var(--qn-btn-icon-font-size);
}

.btn_icon {
  padding: var(--qn-btn-icon-padding-size);
}

.btn_full-width {
  width: 100%;
}

.btn_primary {
  background-color: var(--qn-primary);
  box-shadow: 0 0.063rem 0.125rem rgb(0 0 0 / 12%);
  color: #fff;
  font-weight: 600;
}

.btn_primary .icon {
  color: #fff;
}

.btn_primary:hover {
  background-color: var(--qn-primary-500) !important;
  box-shadow: 0 0.063rem 0.125rem rgb(0 0 0 / 12%) !important;
}

.btn_primary:focus {
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #d1e1f8 !important;
}

.btn_primary:active {
  background-color: #074bb2;
  box-shadow: 0 0.063rem 0.125rem rgb(0 0 0 / 12%);
}

.btn_primary.disabled,
.btn_primary:disabled {
  background-color: #abc9f5;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
}

.btn_destructive {
  background-color: var(--qn-danger);
  box-shadow: 0 0.063rem 0.125rem rgb(0 0 0 / 12%);
  color: #fff;
  font-weight: 600;
}

.btn_destructive .icon {
  color: #fff;
}

.btn_destructive:hover {
  background-color: var(--qn-danger-600) !important;
}

.btn_destructive:active,
.btn_destructive:focus {
  background-color: var(--qn-danger) !important;
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #fee4e2 !important;
}

.btn_destructive.disabled,
.btn_destructive:disabled {
  cursor: default;
  pointer-events: none;
  background-color: var(--qn-danger-200);
  box-shadow: none;
}

.btn_outline {
  background-color: #fff;
  border-color: #e3e8ef;
  color: #222;
  font-weight: 600;
}

.btn_outline .icon {
  color: #222;
}

.btn_outline:hover {
  background-color: #cdd5df !important;
}

.btn_outline:active,
.btn_outline:focus {
  background-color: #fff !important;
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #f2f4f7 !important;
}

.btn_outline.disabled,
.btn_outline:disabled {
  cursor: default;
  pointer-events: none;
  border-color: #cdd5df;
  color: #9aa4b2;
}

.btn_outline.disabled .icon,
.btn_outline:disabled .icon {
  color: #9aa4b2;
}

.btn_ghost {
  color: var(--qn-primary);
  font-weight: 600;
}

.btn_ghost .icon {
  color: var(--qn-primary);
}

.btn_ghost:hover {
  background-color: #f1f6fe !important;
  color: #094093 !important;
}

.btn_ghost:hover .icon {
  color: #094093;
}

.btn_ghost:active {
  background-color: #f1f6fe !important;
  color: #074bb2 !important;
}

.btn_ghost:active .icon {
  color: #074bb2;
}

.btn_ghost.disabled,
.btn_ghost:disabled {
  cursor: default;
  pointer-events: none;
  color: #abc9f5;
}

.btn_ghost.disabled .icon,
.btn_ghost:disabled .icon {
  color: #abc9f5;
}

.btn_rounded {
  border-radius: 50%;
  box-shadow: 0 0.063rem 0.125rem rgb(0 0 0 / 12%);
  padding: 0.75rem;
}

.btn_rounded .icon {
  font-size: 1.25rem;
  color: #4b5565;
}

.btn_link {
  padding: 0;
  display: flex;
  gap: 0.25rem;
  color: var(--qn-primary);
  font-weight: 600;

  --qn-btn-height-size: unset !important;
}

.btn_link .icon {
  color: var(--qn-primary);
}

.btn_link:hover {
  text-decoration: underline;
  color: var(--qn-primary-500);
}

.btn_link:disabled {
  color: var(--qn-primary-200);
  cursor: default;
  pointer-events: none;
}

.btn_link:disabled .icon {
  color: #abc9f5;
}

.btn_link a {
  color: var(--qn-primary);
}

.btn_link a:hover {
  text-decoration: underline;
  color: var(--qn-primary-500);
}

.btn_link a:disabled {
  color: var(--qn-primary-200);
  cursor: default;
  pointer-events: none;
}

.btn_sosmed-google img,
.btn_sosmed-facebook img {
  width: 1.25rem;
  height: 1.25rem;
}

.btn_sosmed-google {
  border-color: #cdd5df;
}

.btn_sosmed-google:hover {
  background-color: #f8fafc !important;
}

.btn_sosmed-facebook {
  background: #1877f2;
  box-shadow: 0 0.063rem 0.125rem rgb(16 24 40 / 5%);
  color: #fff;
}

.btn_sosmed-facebook:hover,
.btn_sosmed-facebook:active,
.btn_sosmed-facebook:focus {
  background-color: #0c63d4 !important;
}

.btn_xs {
  --qn-btn-padding-size: 0.5rem 0.875rem;
  --qn-btn-height-size: 2.125rem;
  --qn-btn-font-size: 0.75rem;
  --qn-btn-line-height-size: 1.125rem;
  --qn-btn-icon-padding-size: 0.375rem;
  --qn-btn-icon-font-size: 1rem;
}

.btn_sm {
  --qn-btn-padding-size: 0.5rem 0.875rem;
  --qn-btn-height-size: 2.25rem;
  --qn-btn-font-size: 0.875rem;
  --qn-btn-line-height-size: 1.25rem;
  --qn-btn-icon-padding-size: 0.5rem;
  --qn-btn-icon-font-size: 1.25rem;
}

.btn_md {
  --qn-btn-padding-size: 0.625rem 1rem;
  --qn-btn-height-size: 2.5rem;
  --qn-btn-font-size: 0.875rem;
  --qn-btn-line-height-size: 1.25rem;
  --qn-btn-icon-padding-size: 0.625rem;
  --qn-btn-icon-font-size: 1.25rem;
}

.btn_lg {
  --qn-btn-padding-size: 0.625rem 1.125rem;
  --qn-btn-height-size: 2.75rem;
  --qn-btn-font-size: 1rem;
  --qn-btn-line-height-size: 1.5rem;
  --qn-btn-icon-padding-size: 0.75rem;
  --qn-btn-icon-font-size: 1.25rem;
}

.btn_xl {
  --qn-btn-padding-size: 0.75rem 1.25rem;
  --qn-btn-height-size: 3rem;
  --qn-btn-font-size: 1rem;
  --qn-btn-line-height-size: 1.5rem;
  --qn-btn-icon-padding-size: 0.875rem;
  --qn-btn-icon-font-size: 1.25rem;
}

.btn_2xl {
  --qn-btn-padding-size: 1rem 1.75rem;
  --qn-btn-height-size: 3.625rem;
  --qn-btn-font-size: 1.125rem;
  --qn-btn-line-height-size: 1.625rem;
  --qn-btn-icon-padding-size: 1rem;
  --qn-btn-icon-font-size: 1.25rem;
}

.btn_vr-right {
  position: relative;
  margin-right: 0.75rem;
}

.btn_vr-right::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 0.063rem;
  height: calc(100% - 0.5rem);
  top: 0.25rem;
  right: -0.75rem;
  background: #cdd5df;
}

@media only screen and (width <= 47.937rem) {
  .btn_vr-right {
    margin-right: 0.5rem;
  }

  .btn_vr-right::after {
    right: -0.5rem;
  }
}

.badge {
  --qn-badge-background: transparent;
  --qn-badge-padding-size: 0.125rem 0.5rem;
  --qn-badge-height-size: 1.5rem;
  --qn-badge-font-size: 0.875rem;
  --qn-badge-line-height-size: 1.25rem;
  --qn-badge-icon-padding-size: -0.125rem;
  --qn-badge-gap-size: 0.375rem;
  --qn-badge-color: inherit;
  --qn-badge-dot-color: inherit;
  --qn-badge-border-color: inherit;

  width: fit-content;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  border: 0.0945rem solid var(--qn-badge-border-color);
  border-radius: 1rem;
  font-weight: 500;
  font-size: var(--qn-badge-font-size);
  line-height: var(--qn-badge-line-height-size);
  color: var(--qn-badge-color);
  background-color: var(--qn-badge-background);
  padding: var(--qn-badge-padding-size);
  gap: var(--qn-badge-gap-size);
  min-height: var(--qn-badge-height-size);
  height: var(--qn-badge-height-size);
  max-height: var(--qn-badge-height-size);
}

.badge__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--qn-badge-dot-color);
}

.badge .icon {
  font-size: 0.75rem;
}

.badge_sm {
  --qn-badge-padding-size: 0 0.5rem;
  --qn-badge-height-size: 1.125rem;
  --qn-badge-gap-size: 0.25rem;
  --qn-badge-font-size: 0.75rem;
  --qn-badge-line-height-size: 1.25rem;
}

.badge_md {
  --qn-badge-padding-size: 0.125rem 0.5rem;
  --qn-badge-height-size: 1.5rem;
  --qn-badge-gap-size: 0.375rem;
  --qn-badge-font-size: 0.875rem;
  --qn-badge-line-height-size: 1.25rem;
}

.badge_lg {
  --qn-badge-padding-size: 0.25rem 0.75rem;
  --qn-badge-height-size: 1.75rem;
  --qn-badge-gap-size: 0.375rem;
  --qn-badge-font-size: 0.875rem;
  --qn-badge-line-height-size: 1.25rem;
}

.badge_success {
  --qn-badge-background: var(--qn-success-500);
  --qn-badge-border-color: var(--qn-success-500);
  --qn-badge-color: var(--qn-white);
  --qn-badge-dot-color: var(--qn-white);
}

.badge_warning {
  --qn-badge-background: var(--qn-warning-400);
  --qn-badge-border-color: var(--qn-warning-400);
  --qn-badge-color: var(--qn-white);
  --qn-badge-dot-color: var(--qn-white);
}

.badge_primary {
  --qn-badge-background: var(--qn-primary-400);
  --qn-badge-border-color: var(--qn-primary-400);
  --qn-badge-color: var(--qn-white);
  --qn-badge-dot-color: var(--qn-white);
}

.badge_default {
  --qn-badge-background: var(--qn-neutral-700);
  --qn-badge-border-color: var(--qn-neutral-700);
  --qn-badge-color: var(--qn-white);
  --qn-badge-dot-color: var(--qn-white);
}

.badge_danger {
  --qn-badge-background: var(--qn-danger-400);
  --qn-badge-border-color: var(--qn-danger-400);
  --qn-badge-color: var(--qn-white);
  --qn-badge-dot-color: var(--qn-white);
}

.badge_outline-success {
  --qn-badge-background: var(--qn-white);
  --qn-badge-border-color: var(--qn-success-500);
  --qn-badge-color: var(--qn-success-500);
  --qn-badge-dot-color: var(--qn-success-500);
}

.badge_outline-warning {
  --qn-badge-background: var(--qn-white);
  --qn-badge-border-color: var(--qn-warning-400);
  --qn-badge-color: var(--qn-warning-400);
  --qn-badge-dot-color: var(--qn-warning-400);
}

.badge_outline-primary {
  --qn-badge-background: var(--qn-white);
  --qn-badge-border-color: var(--qn-primary-400);
  --qn-badge-color: var(--qn-primary-400);
  --qn-badge-dot-color: var(--qn-primary-400);
}

.badge_outline-default {
  --qn-badge-background: var(--qn-white);
  --qn-badge-border-color: var(--qn-neutral-700);
  --qn-badge-color: var(--qn-neutral-700);
  --qn-badge-dot-color: var(--qn-neutral-700);
}

.badge_outline-danger {
  --qn-badge-background: var(--qn-white);
  --qn-badge-border-color: var(--qn-danger-400);
  --qn-badge-color: var(--qn-danger-400);
  --qn-badge-dot-color: var(--qn-danger-400);
}

.badge_secondary-success {
  --qn-badge-background: var(--qn-success-100);
  --qn-badge-border-color: var(--qn-success-100);
  --qn-badge-color: var(--qn-success-500);
  --qn-badge-dot-color: var(--qn-success-500);
}

.badge_secondary-warning {
  --qn-badge-background: var(--qn-warning-100);
  --qn-badge-border-color: var(--qn-warning-100);
  --qn-badge-color: var(--qn-warning-400);
  --qn-badge-dot-color: var(--qn-warning-400);
}

.badge_secondary-primary {
  --qn-badge-background: var(--qn-primary-100);
  --qn-badge-border-color: var(--qn-primary-100);
  --qn-badge-color: var(--qn-primary-400);
  --qn-badge-dot-color: var(--qn-primary-400);
}

.badge_secondary-default {
  --qn-badge-background: var(--qn-neutral-200);
  --qn-badge-border-color: var(--qn-neutral-200);
  --qn-badge-color: var(--qn-neutral-700);
  --qn-badge-dot-color: var(--qn-neutral-700);
}

.badge_secondary-danger {
  --qn-badge-background: var(--qn-danger-100);
  --qn-badge-border-color: var(--qn-danger-100);
  --qn-badge-color: var(--qn-danger-400);
  --qn-badge-dot-color: var(--qn-danger-400);
}

.alert {
  --qn-alert-background: transparent;
  --qn-alert-border-color: inherit;
  --qn-alert-border-size: 0.063rem;
  --qn-alert-text-color: #202939;
  --qn-alert-p-color: #4b5565;
  --qn-alert-padding-size: 0.75rem;
  --qn-alert-icon-close-color: #697586;
  --qn-alert-icon-close-size: 1.25rem;
  --qn-alert-icon-color: inherit;
  --qn-alert-icon-size: 1.5rem;
  --qn-alert-content-padding-x: 0.5rem;
  --qn-alert-gap-content-size: 0.25rem;
  --qn-alert-height-size: 4.25rem;
  --qn-alert-font-size: 0.875rem;
  --qn-alert-line-height-size: 1.25rem;

  padding: var(--qn-alert-padding-size);
  border-radius: 0.5rem;
  background-color: var(--qn-alert-background);
  border: 0.063rem solid var(--qn-alert-border-color);
  color: var(--qn-alert-text-color);
  display: flex;
  font-size: var(--qn-alert-font-size);
  line-height: var(--qn-alert-line-height-size);
}

.alert::before {
  content: "\eb2e";
  font-family: sevima-icons;
  color: var(--qn-alert-icon-color);
  font-size: var(--qn-alert-icon-size);
  text-align: center;
}

.alert .alert__content {
  flex-grow: 1;
  display: grid;
  gap: var(--qn-alert-gap-content-size);
  padding-left: var(--qn-alert-content-padding-x);
  padding-right: var(--qn-alert-content-padding-x);
}

.alert .alert__content .alert__heading {
  font-size: var(--qn-alert-font-size);
  line-height: var(--qn-alert-line-height-size);
  color: var(--qn-alert-text-color);
  font-weight: 600;
}

.alert .alert__content .alert__description {
  font-size: var(--qn-alert-font-size);
  line-height: var(--qn-alert-line-height-size);
  color: var(--qn-alert-p-color);
  font-weight: 400;
}

.alert .icon-x-mark-mini {
  height: fit-content;
  color: var(--qn-alert-icon-close-color);
  font-size: var(--qn-alert-icon-close-size);
  text-align: center;
  cursor: pointer;
}

.alert .icon-x-mark-mini:hover {
  filter: brightness(0.8);
}

.alert .link {
  font-weight: 600;
  font-size: var(--qn-alert-font-size);
  line-height: var(--qn-alert-line-height-size);
}

.alert_sm {
  --qn-alert-padding-size: 0.625rem;
  --qn-alert-height-size: 3.625rem;
  --qn-alert-icon-size: 1.25rem;
  --qn-alert-icon-close-size: 1rem;
  --qn-alert-gap-content-size: 0.125rem;
  --qn-alert-font-size: 0.75rem;
  --qn-alert-line-height-size: 1.125rem;
}

.alert_md {
  --qn-alert-padding-size: 0.75rem;
  --qn-alert-height-size: 4.25rem;
  --qn-alert-icon-size: 1.5rem;
  --qn-alert-icon-close-size: 1.25rem;
  --qn-alert-gap-content-size: 0.25rem;
  --qn-alert-font-size: 0.875rem;
  --qn-alert-line-height-size: 1.25rem;
}

.alert_success {
  --qn-alert-background: var(--qn-success-100);
  --qn-alert-border-color: var(--qn-success-500);
  --qn-alert-icon-color: var(--qn-success-500);
  --qn-alert-background: var(--qn-success-100);
  --qn-alert-border-color: var(--qn-success-400);
  --qn-alert-icon-color: var(--qn-success-500);
}

.alert_success::before {
  content: "\ea1b";
}

.alert_warning {
  --qn-alert-background: var(--qn-warning-100);
  --qn-alert-border-color: var(--qn-warning-500);
  --qn-alert-icon-color: var(--qn-warning-500);
  --qn-alert-background: var(--qn-warning-100);
  --qn-alert-border-color: var(--qn-warning-400);
  --qn-alert-icon-color: var(--qn-warning-500);
}

.alert_warning::before {
  content: "\eac5";
}

.alert_helper {
  --qn-alert-background: var(--qn-helper-100);
  --qn-alert-border-color: var(--qn-helper-500);
  --qn-alert-icon-color: var(--qn-helper-500);
}

.alert_helper::before {
  content: "\eb2e";
}

.alert_default {
  --qn-alert-background: var(--qn-white);
  --qn-alert-border-color: var(--qn-neutral-500);
  --qn-alert-icon-color: var(--qn-neutral-700);
}

.alert_default::before {
  content: "\eb2e";
}

.alert_danger {
  --qn-alert-background: var(--qn-danger-100);
  --qn-alert-border-color: var(--qn-danger-500);
  --qn-alert-icon-color: var(--qn-danger-500);
}

.alert_danger::before {
  content: "\eac3";
}

.avatar,
.avatar__circle {
  --qn-avatar-background-color: var(--qn-primary-200);
  --qn-avatar-size: 3.09375rem;
  --qn-avatar-font-size: inherit;
  --qn-avatar-text-color: var(--qn-primary-500);
  --qn-avatar-icon-color: var(--qn-neutral-800);
  --qn-avatar-icon-size: inherit;
  --qn-avatar-border-size: 0.125rem;
  --qn-avatar-radius-border-size: 1.25rem;
  --qn-avatar-profile-radius-size: 1.1875rem;
  --qn-avatar-focused-border-color: var(--qn-primary-alpha-0-12);
  --qn-avatar-focused-border-size: 0.25rem;
  --qn-avatar-icon-status-absolute: -0.125rem;
  --qn-avatar-icon-status-absolute-top: -0.375rem;
  --qn-avatar-icon-status-border-size: 0.125rem;
  --qn-avatar-icon-status-size: 0.875rem;

  width: var(--qn-avatar-size);
  height: var(--qn-avatar-size);
  min-width: var(--qn-avatar-size);
  background-color: var(--qn-avatar-background-color);
  border-radius: var(--qn-avatar-radius-border-size);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: var(--qn-avatar-border-size) solid #fff;
  box-shadow: 0 0.063rem 0.188rem rgb(0 0 0 / 25%);
  position: relative;
  cursor: pointer;
}

.avatar p,
.avatar__circle p {
  font-size: var(--qn-avatar-font-size);
  line-height: var(--qn-avatar-font-size);
  color: var(--qn-avatar-text-color);
  font-weight: 600;
  text-transform: uppercase;
}

.avatar .icon,
.avatar__circle .icon {
  font-size: var(--qn-avatar-icon-size);
  color: var(--qn-avatar-icon-color);
}

.avatar:has(img),
.avatar__circle:has(img) {
  background-color: #fff;
}

.avatar:has(.avatar__status-icon),
.avatar__circle:has(.avatar__status-icon) {
  overflow: unset;
}

.avatar:active,
.avatar__circle:active,
.avatar:focus,
.avatar__circle:focus {
  outline: 0.188rem solid #eef2f6;
}

.avatar img,
.avatar__circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--qn-avatar-profile-radius-size);
}

.avatar__text {
  display: flex;
  flex-direction: column;
  max-width: 12.5rem;
}

.avatar__text .avatar__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #202939;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.avatar__text .avatar__subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #697586;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.avatar:has(.avatar__circle),
.avatar__circle:has(.avatar__circle) {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.avatar__status-icon {
  border-radius: var(--qn-avatar-radius-border-size);
  position: absolute;
  display: flex;
  background-color: var(--qn-success);
  width: var(--qn-avatar-icon-status-size);
  height: var(--qn-avatar-icon-status-size);
  outline: var(--qn-avatar-icon-status-border-size) solid #fff;
}

.avatar__status-icon.icon_top {
  top: 0;
  right: var(--qn-avatar-icon-status-absolute-top);
}

.avatar__status-icon.icon_down {
  bottom: var(--qn-avatar-icon-status-absolute);
  right: var(--qn-avatar-icon-status-absolute);
}

.avatar__status-icon .icon {
  font-size: var(--qn-avatar-icon-status-size);
  line-height: var(--qn-avatar-icon-status-size);
}

.avatar_xl {
  --qn-avatar-size: 5.5rem;
  --qn-avatar-icon-status-size: 1.125rem;
  --qn-avatar-icon-size: 2rem;
  --qn-avatar-border-size: 0.188rem;
  --qn-avatar-radius-border-size: 2.25rem;
  --qn-avatar-profile-radius-size: 2.1875rem;
  --qn-avatar-font-size: 1.875rem;
}

.avatar_lg {
  --qn-avatar-size: 4.125rem;
  --qn-avatar-icon-status-size: 1rem;
  --qn-avatar-icon-size: 1.75rem;
  --qn-avatar-border-size: 0.188rem;
  --qn-avatar-radius-border-size: 1.875rem;
  --qn-avatar-profile-radius-size: 1.8125rem;
  --qn-avatar-font-size: 1.40625rem;
}

.avatar_md {
  --qn-avatar-size: 3.09375rem;
  --qn-avatar-icon-status-size: 0.875rem;
  --qn-avatar-icon-size: 1.5rem;
  --qn-avatar-border-size: 0.125rem;
  --qn-avatar-radius-border-size: 1.25rem;
  --qn-avatar-profile-radius-size: 1.1875rem;
  --qn-avatar-font-size: 1.0546875rem;
}

.avatar_sm {
  --qn-avatar-size: 2.3203125rem;
  --qn-avatar-icon-status-size: 0.75rem;
  --qn-avatar-icon-size: 1.25rem;
  --qn-avatar-border-size: 0.09375rem;
  --qn-avatar-radius-border-size: 0.875rem;
  --qn-avatar-profile-radius-size: 0.813rem;
  --qn-avatar-font-size: 0.791015625rem;
}

.avatar_xs {
  --qn-avatar-size: 1.740234375rem;
  --qn-avatar-icon-status-size: 0.625rem;
  --qn-avatar-icon-size: 1rem;
  --qn-avatar-border-size: 0.063rem;
  --qn-avatar-radius-border-size: 0.75rem;
  --qn-avatar-profile-radius-size: 0.75rem;
  --qn-avatar-font-size: 0.5932617188rem;
}

a.link {
  --qn-link-gap-size: 0.25rem;
  --qn-link-font-size: 0.875rem;
  --qn-link-line-height-size: 1.25rem;
  --qn-link-icon-size: 1.25rem;

  color: var(--qn-primary);
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--qn-link-gap-size);
  font-size: var(--qn-link-font-size);
  line-height: var(--qn-link-line-height-size);
  font-weight: 600;
  width: fit-content;
}

a.link:hover:not(.icon) {
  color: var(--qn-primary-500);
  text-decoration: underline;
}

a.link:hover:not(.icon) .icon {
  text-decoration: none;
}

a.link:active,
a.link:focus {
  color: var(--qn-primary-500);
}

a.link:disabled,
a.link.disabled {
  color: var(--qn-primary-200);
  cursor: default;
  pointer-events: none;
}

a.link .icon {
  font-size: var(--qn-link-icon-size);
}

a.link .icon:hover:not(.icon) {
  text-decoration: none;
}

a.link_xs {
  --qn-link-gap-size: 0.25rem;
  --qn-link-font-size: 0.75rem;
  --qn-link-line-height-size: 1.125rem;
  --qn-link-icon-size: 1rem;
}

a.link_sm {
  --qn-link-gap-size: 0.25rem;
  --qn-link-font-size: 0.875rem;
  --qn-link-line-height-size: 1.25rem;
  --qn-link-icon-size: 1.25rem;
}

a.link_md {
  --qn-link-gap-size: 0.25rem;
  --qn-link-font-size: 0.875rem;
  --qn-link-line-height-size: 1.25rem;
  --qn-link-icon-size: 1.25rem;
}

a.link_lg {
  --qn-link-gap-size: 0.5rem;
  --qn-link-font-size: 1rem;
  --qn-link-line-height-size: 1.5rem;
  --qn-link-icon-size: 1.25rem;
}

a.link_xl {
  --qn-link-gap-size: 0.5rem;
  --qn-link-font-size: 1rem;
  --qn-link-line-height-size: 1.5rem;
  --qn-link-icon-size: 1.25rem;
}

a.link_2xl {
  --qn-link-gap-size: 0.5rem;
  --qn-link-font-size: 1.125rem;
  --qn-link-line-height-size: 1.625rem;
  --qn-link-icon-size: 1.25rem;
}

.btn-group {
  display: flex;
  align-items: center;
}

.btn-group .btn {
  box-shadow: none;
  font-weight: 500;
}

.btn-group .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .btn:nth-child(2),
.btn-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .btn:not(:first-child) {
  border-left: 0;
}

.btn-group .btn:hover {
  background-color: #f8fafc;
}

.btn-group .btn:visited:not([disabled]),
.btn-group .btn:focus:not([disabled]),
.btn-group .btn:active:not([disabled]),
.btn-group .btn.show:not([disabled]) {
  background: #eef2f6;
}

@media only screen and (width <= 79.937rem) {
  .btn-group .btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.tooltip-wrapper {
  width: fit-content;
}

[data-tooltip] {
  position: relative;
  z-index: 0;
}

[data-tooltip]::before {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 0.438rem - 0.063rem);
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
  content: attr(data-tooltip);
  padding: 0.5rem 0.75rem;
  min-width: 3rem;
  max-width: 16rem;
  width: max-content;
  border-radius: 0.5rem;
  background-color: #222;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 0 1.5rem rgb(0 0 0 / 20%);
  color: #fff;
  text-align: center;
  white-space: normal;
  transform: translate(-50%, -0.438rem) scale(0.5);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

[data-tooltip]::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 0.438rem);
  pointer-events: none;
  transition: 0.1s;
  will-change: transform;
  content: "";
  border-style: solid;
  border-width: 0.438rem 0.438rem 0;
  border-color: #222 #fff0 #fff0;
  transition-duration: 0s;
  transform-origin: top;
  transform: translateX(-50%) scaleY(0);
}

[data-tooltip]:hover::before {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.1s;
  transform: translate(-50%, -0.438rem) scale(1);
}

[data-tooltip]:hover::after {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  transition-delay: 0.03s;
  transition-duration: 0.1s;
  transform: translateX(-50%) scaleY(1);
}

[data-placement="left"]::before {
  left: auto;
  text-align: left !important;
  right: calc(100% + 0.438rem - 0.063rem);
  bottom: 50%;
  transform: translate(-0.438rem, 50%) scale(0.5);
}

[data-placement="left"]::after {
  left: auto;
  right: calc(100% + 0.438rem);
  bottom: 50%;
  border-width: 0.438rem 0 0.438rem 0.438rem;
  border-color: #fff0 #fff0 #fff0 #222;
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}

[data-placement="left"]:hover::before {
  transform: translate(-0.438rem, 50%) scale(1);
}

[data-placement="left"]:hover::after {
  transform: translateY(50%) scaleX(1);
}

[data-placement="right"]::before {
  text-align: left !important;
  left: calc(100% + 0.438rem - 0.063rem);
  bottom: 50%;
  transform: translate(0.438rem, 50%) scale(0.5);
}

[data-placement="right"]::after {
  left: calc(100% + 0.438rem);
  bottom: 50%;
  border-width: 0.438rem 0.438rem 0.438rem 0;
  border-color: #fff0 #222 #fff0 #fff0;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}

[data-placement="right"]:hover::before {
  transform: translate(0.438rem, 50%) scale(1);
}

[data-placement="right"]:hover::after {
  transform: translateY(50%) scaleX(1);
}

[data-placement="bottom"]::before {
  top: calc(100% + 0.438rem - 0.063rem);
  bottom: auto;
  transform: translate(-50%, 0.438rem) scale(0.5);
}

[data-placement="bottom"]::after {
  top: calc(100% + 0.438rem);
  bottom: auto;
  border-width: 0 0.438rem 0.438rem;
  border-color: #fff0 #fff0 #222;
  transform-origin: bottom;
}

[data-placement="bottom"]:hover::before {
  transform: translate(-50%, 0.438rem) scale(1);
}

.progress-circle {
  --progress-circle-size: 8.5rem;
  --progress-circle-line-size: 1.25rem;
  --progress-circle-sec-line-size: 0.625rem;
  --progress-circle-sec-size: calc(
    var(--progress-circle-size) -
      (var(--progress-circle-line-size) - var(--progress-circle-sec-line-size))
  );
  --progress-circle-round: calc(var(--progress-circle-size) * 22 / 7);
  --progress-circle-percent: 50;
  --progress-circle-percent-end: calc(
    var(--progress-circle-round) * 98 / 100 *
      (var(--progress-circle-percent) / 100)
  );
  --progress-circle-percent-start: 0;
  --progress-dashoffset-start: 0;
  --progress-dashoffset-end: calc(
    var(--progress-circle-sec-line-size) * 22 / 7 *
      (var(--progress-circle-percent) / 100) * 2
  );

  position: relative;
  height: var(--progress-circle-size);
  width: var(--progress-circle-size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.progress-circle__label {
  position: absolute;
  text-align: center;
}

.progress-circle__number {
  color: #222;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.progress-circle__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #697586;
  margin-bottom: 0;
}

.progress-circle__bar {
  transform: rotate(-90deg);
}

.progress-circle svg {
  height: var(--progress-circle-size);
  width: var(--progress-circle-size);
  stroke-linecap: round;
  transform: rotate(-90deg);
  overflow: hidden;
  pointer-events: none;
}

.progress-circle svg circle {
  pointer-events: none;
  fill: #fff0;
  transform-origin: center;
}

.progress-circle svg circle:nth-child(1) {
  cx: calc(
    var(--progress-circle-sec-size) / 2 +
      (
        var(--progress-circle-line-size) - var(--progress-circle-sec-line-size)
      ) /
      2
  );
  cy: calc(
    var(--progress-circle-sec-size) / 2 +
      (
        var(--progress-circle-line-size) - var(--progress-circle-sec-line-size)
      ) /
      2
  );
  r: calc(
    var(--progress-circle-sec-size) / 2 - var(--progress-circle-sec-line-size) /
      2
  );
  stroke-width: calc(var(--progress-circle-sec-line-size));
  stroke: #e9f3ff;
}

.progress-circle svg circle:nth-child(2) {
  cx: calc(var(--progress-circle-size) / 2);
  cy: calc(var(--progress-circle-size) / 2);
  r: calc(
    var(--progress-circle-size) / 2 - var(--progress-circle-line-size) / 2
  );
  stroke: var(--qn-primary);
  stroke-width: calc(var(--progress-circle-line-size));
  stroke-dasharray: 0, var(--progress-circle-round);
  stroke-dasharray:
    var(--progress-circle-percent-end), var(--progress-circle-round);
  stroke-dashoffset: var(--progress-dashoffset-end);
}

.progress-circle svg circle:nth-child(2).animation {
  transition: stroke-dasharray 1s cubic-bezier(0, 0, 0.2, 1) 100ms;
}

.progress {
  --qn-progress-percent: 0%;
}

.progress__bar {
  width: 100%;
  display: block;
  height: 0.5rem;
  background-color: #eef2f6;
  border-radius: 1rem;
  position: relative;
}

@media only screen and (width <= 79.937rem) {
  .progress__bar {
    height: 0.25rem;
  }
}

.progress__bar::before {
  content: "";
  background-color: var(--qn-primary-400);
  height: 0.5rem;
  position: absolute;
  border-radius: 1rem;
  width: var(--qn-progress-percent);
  transition: width 650ms ease-out;
}

@media only screen and (width <= 79.937rem) {
  .progress__bar::before {
    height: 0.25rem;
  }
}

.progress__label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #202939;
}

.progress__label-inline {
  display: flex;
  gap: 0.75rem;
}

@media only screen and (width <= 79.937rem) {
  .progress__label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.progress:has(.progress__label) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.progress__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}

.progress__wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.progress__wrapper_column {
  display: flex;
  flex-direction: column;
}

.progress__percentage {
  font-weight: 400;
}

.progress__percentage_right {
  margin-left: auto;
}

.progress__percentage_left {
  margin-right: auto;
}

.progress_danger::before {
  background-color: #ec3d27 !important;
}

.progress_warning::before {
  background-color: #ef9600;
}

.progress_success::before {
  background-color: #15b79e;
}

.progress_small .progress__bar {
  height: 0.25rem !important;
}

.progress_small .progress__bar.progress_danger::before {
  background-color: #ec3d27 !important;
}

.progress_small .progress__bar.progress_warning::before {
  background-color: #ef9600;
}

.progress_small .progress__bar.progress_success::before {
  background-color: #15b79e;
}

.progress_small .progress__bar::before {
  height: 0.25rem;
}

.progress_small .progress__label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #202939;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  color: #9aa4b2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.breadcrumb .breadcrumb__item {
  cursor: pointer;
}

.breadcrumb .breadcrumb__item:first-child {
  padding: 0;
}

.breadcrumb .breadcrumb__item:hover {
  color: #0f6af5;
  border-radius: 0.5rem;
}

.breadcrumb .breadcrumb__item:hover .icon {
  color: inherit;
}

.breadcrumb .breadcrumb__item p,
.breadcrumb .breadcrumb__item a {
  color: inherit;
}

.breadcrumb .breadcrumb__item a {
  text-decoration-line: underline;
}

.breadcrumb .breadcrumb__item a:focus {
  color: #0f6af5;
  outline: none;
  text-decoration: underline;
}

.breadcrumb .breadcrumb__item a:focus .icon {
  color: inherit;
}

.breadcrumb .breadcrumb__item .icon {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #9aa4b2;
}

.breadcrumb .breadcrumb__item .icon:hover {
  color: inherit;
}

.breadcrumb .breadcrumb__item.active {
  cursor: default;
  color: #364152;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
}

.breadcrumb .breadcrumb__item.disable {
  color: #9aa4b2;
  user-select: none;
}

.breadcrumb__item,
.breadcrumb__truncate {
  height: fit-content;
  cursor: default;
  display: inline-flex;
  gap: 0.25rem;
  padding: 0 0 0 0.25rem;
  align-items: center;
  border-radius: 0.5rem;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

.breadcrumb__item::before,
.breadcrumb__truncate::before {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 0.0714285718rem;
  vertical-align: 0.0535714295rem;
  font-family: sevima-icons;
  color: #cdd5df;
  content: "\ea32";
}

.breadcrumb__truncate {
  text-indent: -99rem;
}

.breadcrumb__truncate::after,
.breadcrumb__truncate::before {
  text-indent: 0;
  visibility: visible;
}

.breadcrumb__truncate::after {
  margin-left: -0.25rem;
  content: "...";
  text-decoration: none !important;
}

.breadcrumb > :nth-child(1)::before {
  content: unset;
}

.breadcrumb_sm {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.breadcrumb_sm .icon {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #9aa4b2;
}

.progress-circle {
  --progress-circle-size: 8.5rem;
  --progress-circle-line-size: 1.25rem;
  --progress-circle-sec-line-size: 0.625rem;
  --progress-circle-sec-size: calc(
    var(--progress-circle-size) -
      (var(--progress-circle-line-size) - var(--progress-circle-sec-line-size))
  );
  --progress-circle-round: calc(var(--progress-circle-size) * 22 / 7);
  --progress-circle-percent: 50;
  --progress-circle-percent-end: calc(
    var(--progress-circle-round) * 98 / 100 *
      (var(--progress-circle-percent) / 100)
  );
  --progress-circle-percent-start: 0;
  --progress-dashoffset-start: 0;
  --progress-dashoffset-end: calc(
    var(--progress-circle-sec-line-size) * 22 / 7 *
      (var(--progress-circle-percent) / 100) * 2
  );

  position: relative;
  height: var(--progress-circle-size);
  width: var(--progress-circle-size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.progress-circle__label {
  position: absolute;
  text-align: center;
}

.progress-circle__number {
  color: #222;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.progress-circle__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #697586;
  margin-bottom: 0;
}

.progress-circle__bar {
  transform: rotate(-90deg);
}

.progress-circle svg {
  height: var(--progress-circle-size);
  width: var(--progress-circle-size);
  stroke-linecap: round;
  transform: rotate(-90deg);
  overflow: hidden;
  pointer-events: none;
}

.progress-circle svg circle {
  pointer-events: none;
  fill: #fff0;
  transform-origin: center;
}

.progress-circle svg circle:nth-child(1) {
  cx: calc(
    var(--progress-circle-sec-size) / 2 +
      (
        var(--progress-circle-line-size) - var(--progress-circle-sec-line-size)
      ) /
      2
  );
  cy: calc(
    var(--progress-circle-sec-size) / 2 +
      (
        var(--progress-circle-line-size) - var(--progress-circle-sec-line-size)
      ) /
      2
  );
  r: calc(
    var(--progress-circle-sec-size) / 2 - var(--progress-circle-sec-line-size) /
      2
  );
  stroke-width: calc(var(--progress-circle-sec-line-size));
  stroke: #e9f3ff;
}

.progress-circle svg circle:nth-child(2) {
  cx: calc(var(--progress-circle-size) / 2);
  cy: calc(var(--progress-circle-size) / 2);
  r: calc(
    var(--progress-circle-size) / 2 - var(--progress-circle-line-size) / 2
  );
  stroke: var(--qn-primary);
  stroke-width: calc(var(--progress-circle-line-size));
  stroke-dasharray: 0, var(--progress-circle-round);
  stroke-dasharray:
    var(--progress-circle-percent-end), var(--progress-circle-round);
  stroke-dashoffset: var(--progress-dashoffset-end);
}

.progress-circle svg circle:nth-child(2).animation {
  transition: stroke-dasharray 1s cubic-bezier(0, 0, 0.2, 1) 100ms;
}

.progress {
  --qn-progress-percent: 0%;
}

.progress__bar {
  width: 100%;
  display: block;
  height: 0.5rem;
  background-color: #eef2f6;
  border-radius: 1rem;
  position: relative;
}

@media only screen and (width <= 79.937rem) {
  .progress__bar {
    height: 0.25rem;
  }
}

.progress__bar::before {
  content: "";
  background-color: var(--qn-primary-400);
  height: 0.5rem;
  position: absolute;
  border-radius: 1rem;
  width: var(--qn-progress-percent);
  transition: width 650ms ease-out;
}

@media only screen and (width <= 79.937rem) {
  .progress__bar::before {
    height: 0.25rem;
  }
}

.progress__label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #202939;
}

.progress__label-inline {
  display: flex;
  gap: 0.75rem;
}

@media only screen and (width <= 79.937rem) {
  .progress__label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.progress:has(.progress__label) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.progress__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}

.progress__wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.progress__wrapper_column {
  display: flex;
  flex-direction: column;
}

.progress__percentage {
  font-weight: 400;
}

.progress__percentage_right {
  margin-left: auto;
}

.progress__percentage_left {
  margin-right: auto;
}

.progress_danger::before {
  background-color: #ec3d27 !important;
}

.progress_warning::before {
  background-color: #ef9600;
}

.progress_success::before {
  background-color: #15b79e;
}

.progress_small .progress__bar {
  height: 0.25rem !important;
}

.progress_small .progress__bar.progress_danger::before {
  background-color: #ec3d27 !important;
}

.progress_small .progress__bar.progress_warning::before {
  background-color: #ef9600;
}

.progress_small .progress__bar.progress_success::before {
  background-color: #15b79e;
}

.progress_small .progress__bar::before {
  height: 0.25rem;
}

.progress_small .progress__label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #202939;
}

.card {
  width: 100%;
  background: var(--qn-white);
  border: 0.063rem solid var(--qn-neutral-100);
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.5rem rgb(17 4 4 / 6%);
  min-height: 1.25rem;
  transition: box-shadow 0.35s ease-in-out;
}

.card__title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #222;
  padding-bottom: 0.5rem;
}

.card__subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #4b5565;
}

.card__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #202939;
}

.card_img-top img {
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
}

.card__body,
.card__footer {
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #222;
}

.card__header {
  padding: 1rem;
  border-bottom: 0.063rem solid #eef2f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

@media only screen and (width <= 79.937rem) {
  .card__header {
    flex-wrap: wrap;
  }
}

.card__header-icon {
  border: 0.063rem solid #cdd5df;
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 0.5rem;
}

.card__header-block {
  display: block;
}

.card__header-block .header__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #4b5565;
}

.card__header-block .header__subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #9aa4b2;
}

.card__header-left {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.card__header-right {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media only screen and (width <= 79.937rem) {
  .card__header-right {
    display: flex;
    justify-self: flex-end;
  }
}

.card__footer {
  border: none;
  border-top: 0.063rem var(--qn-neutral-300) solid;
}

.card__footer-inline,
.card__footer-left,
.card__footer-right {
  width: 100%;
  display: inline-flex;
  gap: 0.75rem;
}

.card__footer-left {
  justify-content: flex-start;
}

.card__footer-right {
  justify-content: flex-end;
}

.card_details-primary {
  background:
    url("./../../assets/images/pattern/pattern-white-card.svg") no-repeat right
      bottom,
    linear-gradient(89.02deg, #3984f5 -4.45%, #407ad1 101.36%);
  border-radius: 1rem;
  padding: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #fff;
  position: relative;
}

@media only screen and (width <= 79.937rem) {
  .card_details-primary {
    padding: 1rem;
  }
}

.card_details-primary label {
  color: #fff;
  opacity: 0.8;
}

.card_details-primary:has(.avatar, .avatar__circle) .col.md-2 {
  margin: 0 auto;
}

.card_details-primary:has(.badge) .col-lg-3 {
  margin-left: auto;
}

@media only screen and (width <= 79.937rem) {
  .card_details-primary:has(.badge) .badge {
    position: absolute;
    top: 1.5rem;
    right: 0.875rem;
  }
}

@media only screen and (width <= 79.937rem) and (width <= 47.937rem) {
  .card_details-primary:has(.badge) .badge {
    right: 0.625rem;
  }
}

.card_details-primary .badge.badge_outline-primary {
  padding: 0.5rem 1rem;
  border-radius: 3.125rem;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}

.card_details-primary .badge.badge_outline-primary .icon {
  font-size: 1rem;
}

@media only screen and (width <= 79.937rem) {
  .card_details-primary .row-data {
    flex-direction: column;
    gap: 0.125rem;
  }

  .card_details-primary .row-data__name,
  .card_details-primary .row-data__value {
    width: 100%;
  }

  .card_details-primary .row-data__value {
    padding: unset;
  }

  .card_details-primary .row-data__colon,
  .card_details-primary .row-data-value__colon {
    display: none;
  }
}

.card_details-default label {
  color: #9aa4b2;
}

.card_table .card__body {
  padding: 0 !important;
  width: 100%;
}

.card_form-stepper {
  margin-bottom: 4rem;
}

.card_icon {
  display: flex;
  flex-direction: column;
}

.card_icon .card__body {
  display: flex;
  justify-content: center;
}

.card_icon .card__label {
  text-align: center;
}

.row-data {
  display: flex;
  flex-direction: row;
}

.row-data__name,
.row-data__value {
  width: 50%;
}

.row-data-name,
.row-data-value {
  width: 100%;
}

.row-data__value,
.row-data-value {
  display: block;
  position: relative;
  padding-left: 0.5rem;
  word-break: break-word;
}

.row-data__colon,
.row-data-value__colon {
  position: absolute;
  right: calc(100% - 0.25rem);
}

@media only screen and (width <= 79.937rem) {
  .row-data {
    gap: 0.125rem;
  }

  .row-data__name,
  .row-data__value {
    width: 100%;
  }
}

.row-data {
  width: 100%;
}

.row-data-name,
.row-data-value {
  width: 100%;
}

.row-data-value {
  position: relative;
  padding-left: 0.5rem;
}

.nav-tab {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  background: #fff;
  scrollbar-width: none !important;
}

.nav-tab_indent .nav-tab__wrapper {
  padding: 0 1rem;
}

.nav-tab_indent .tab-pane {
  padding: 1rem 1.5rem !important;
}

.nav-tab::-webkit-scrollbar {
  display: none;
}

.nav-tab__wrapper {
  display: flex;
  list-style: none;
  white-space: nowrap;
  align-items: center;
  min-width: 100%;
  width: fit-content;
  border-bottom: 0.063rem solid #e3e8ef;
  gap: 0.5rem;
}

.nav-tab__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  width: fit-content;
  border-bottom: solid 0.125rem;
  border-color: #fff0;
  cursor: pointer;
  color: #4b5565;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}

.nav-tab__item:not(.disabled):hover {
  background-color: #f8fafc;
  color: #4b5565;
}

.nav-tab__item:not(.disabled):hover.active {
  color: var(--qn-primary);
}

.nav-tab__item.active {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--qn-primary);
  border-color: var(--qn-primary);
  transition: color border-color 0.15s ease-in;
  transform: translateX(0);
}

.nav-tab__item.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nav-tab__item .icon {
  font-size: 1.25rem;
}

.nav-tab_large .nav-tab__item {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.75rem 1rem;
}

.nav-tab_large .nav-tab__item.icon {
  font-size: 1.5rem;
}

.nav-tab_large .nav-tab__item.active {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.nav-tab_small .nav-tab__item {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding: 0.5rem;
  gap: 0.25rem;
}

.nav-tab_small .nav-tab__item.icon {
  font-size: 1rem;
}

.nav-tab_small .nav-tab__item.active {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}

.nav-tab_phill {
  width: fit-content;
  padding: 0.688rem 0.75rem;
  background: none;
}

.nav-tab_phill .nav-tab__wrapper {
  padding: 0.25rem;
  border-bottom: 0;
  border: 0.063rem solid #e3e8ef;
  background: #e3e8ef;
  border-radius: 0.5rem;
}

.nav-tab_phill .nav-tab__item {
  border: none;
  font-weight: 400;
  border-radius: 0.375rem;
}

.nav-tab_phill .nav-tab__item:not(.disabled):hover {
  background-color: #eef2f6;
  color: #4b5565;
}

.nav-tab_phill .nav-tab__item.active {
  border: 0.063rem solid #fff0;
  box-shadow:
    0 0.063rem 0.125rem 0 rgb(16 24 40 / 6%),
    0 0.063rem 0.188rem 0 rgb(16 24 40 / 10%);
  background: #fff;
  color: #4b5565;
  font-weight: 600;
}

.nav-tab_phill.nav-tab_small .nav-tab__item {
  padding: 0.5rem 0.75rem;
}

.nav-tab_phill.nav-tab_medium .nav-tab__item {
  padding: 0.688rem 0.75rem;
}

.nav-tab_phill.nav-tab_large .nav-tab__item {
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.tab-content {
  display: flex;
  width: 100%;
  height: fit-content;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #4b5565;
  background: var(--qn-white);
}

.tab-content_indent .tab-pane {
  padding: 1rem;
}

.tab-pane {
  display: none;
  width: 100%;
  padding: 1rem 0;
}

.tab-pane.active {
  display: block;
}

.box-table {
  --qn-box-table-padding: 1rem;
  --qn-box-table-gap: var(--qn-box-table-padding);
  --qn-box-table-scrollbar-height: 0.75rem;

  width: 100%;
}

@media only screen and (width <= 79.937rem) {
  .box-table {
    --qn-box-table-padding: 0.75rem;
  }
}

.box-table__header {
  display: flex;
  flex-direction: column;
  padding: var(--qn-box-table-padding, 1rem);
  gap: var(--qn-box-gap-padding, 1rem);
}

.box-table__header .grid {
  column-gap: 0.75rem;
}

@media only screen and (width <= 47.937rem) {
  .box-table__header .grid {
    row-gap: 0.5rem;
  }
}

.box-table__wrapper {
  display: flex;
  justify-content: right;
  gap: 0.5rem;
  width: 100%;
}

.box-table__header-left,
.box-table__header-right {
  display: flex;
}

@media only screen and (width <= 79.937rem) {
  .box-table__header-right .btn {
    text-indent: -64rem;
    white-space: nowrap;
    min-width: 2.375rem;
    overflow: hidden;
    gap: 0;
    width: fit-content;
  }

  .box-table__header-right .btn .icon {
    text-indent: 0;
    width: 1.25rem;
  }
}

.box-table__content {
  --qn-box-table-content-padding: var(--qn-box-table-padding, $space-16);
  --qn-box-table-content-padding-bottom: 0rem;

  width: 100%;
  position: relative;
  padding: var(--qn-box-table-content-padding);
  padding-bottom: var(--qn-box-table-content-padding-bottom);
  border-top: 0.063rem solid var(--qn-neutral-300);
}

.box-table__footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  padding: 0 var(--qn-box-table-padding, 1rem) var(--qn-box-table-padding, 1rem);
}

@media only screen and (width <= 47.937rem) {
  .box-table__footer {
    flex-direction: column;
    justify-content: unset;
  }
}

.box-table__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  border-width: 0 0.063rem 0.063rem;
  border-style: solid;
  border-color: #eef2f6;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

@media only screen and (width <= 79.937rem) {
  .box-table__action {
    padding: 0.875rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .box-table__action {
    padding: 0;
    flex-direction: column;
    justify-content: unset;
  }
}

@media only screen and (width <= 47.937rem) {
  .box-table__action-right .form-control {
    display: none;
  }
}

.box-table__action-right .dropdown {
  width: 7.5rem;
}

.box-table__action-right .dropdown__text {
  min-height: 2.25rem;
  max-height: 2.25rem;
  align-items: center;
  background-position-y: 0.5rem;
}

.box-table__action-right .dropdown__box {
  min-width: 7.5rem;
  width: 7.5rem;
  max-width: 7.5rem;
}

.box-table__action .choices .choices__inner {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  min-height: unset;
  height: fit-content;
  max-height: unset;
  padding: 0.5rem 0.75rem;
}

.box-table__action .choices .choices__inner .choices__list {
  padding: 0 2rem 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.box-table__action .choices .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.box-table__result {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #4b5565;
}

.box-table__action-left,
.box-table__action-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.box-table__action-left .grid,
.box-table__action-right .grid {
  align-items: center;
}

@media only screen and (width <= 47.937rem) {
  .box-table__action-left {
    display: none;
  }
}

@media only screen and (width <= 47.937rem) {
  .box-table__action-right {
    width: 100%;
  }
}

th,
td {
  border-right: var(--qn-table-border);
  border-bottom: var(--qn-table-border);
}

th:first-child,
td:first-child {
  border-left: var(--qn-table-border);
}

table {
  --qn-table-border: 0.063rem solid #eef2f6;

  width: 100%;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
}

table tr {
  background-color: #fff;
}

table tr .wrapper-inline {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

table tr .wrapper-inline_justify-end {
  justify-content: end;
}

table tr .cell-action .cell-action__inline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

table tr .cell-action .btn {
  padding: 0.5rem;
  min-height: 2rem;
  max-height: 2rem;
  min-width: 2rem;
  max-width: 2rem;
}

table tr .cell-center {
  text-align: center;
}

table tr:first-child th:first-child {
  border-top-left-radius: 0.5rem;
}

table tr:first-child th:last-child {
  border-top-right-radius: 0.5rem;
}

table thead tr {
  background-color: #f8fafc;
}

table thead th {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--qn-neutral-700);
  height: 3rem;
  max-height: 3rem;
  border-top: var(--qn-table-border);
}

table tbody td {
  height: 2.75rem;
  max-height: 2.75rem;
}

table th {
  padding: 0 1rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--qn-neutral-700);
  white-space: nowrap;
}

table td {
  padding: 0.25rem 1rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--qn-neutral-700);
}

table th:not(.selected) .icon {
  color: var(--qn-neutral-500);
}

table .icon.icon-check-circle-solid {
  color: var(--qn-success);
  font-size: 1.5rem;
}

table .icon.icon-check-circle-solid {
  color: var(--qn-success);
  font-size: 1.5rem;
}

table .cell-sorting::after {
  font-family: sevima-icons;
  content: "\e95c";
  padding-left: 0.25rem;
  font-size: 0.75rem;
  line-height: 0.0833333337rem;
  font-weight: 400;
  color: var(--qn-neutral-500);
  vertical-align: middle;
}

table .cell-sorting:hover {
  cursor: pointer;
}

table .cell-sorting:hover::after {
  color: var(--qn-neutral-700);
}

table .cell-sorting_active-asc::after {
  content: "\e968";
  color: var(--qn-neutral-700);
}

table .cell-sorting_active-desc::after {
  content: "\e912";
  color: var(--qn-neutral-700);
}

table a {
  color: var(--qn-primary);
}

table a:hover {
  color: var(--qn-primary-500);
}

table .cell-double__title,
table .cell-double__subtitle {
  max-width: 30.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table .cell-double__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}

table .cell-double__subtitle {
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.016em;
  color: #556270;
}

table th.cell-check,
table td.cell-check {
  padding: 0.125rem 0.875rem;
  width: 0;
  height: 0;
}

table th.cell-check input[type="checkbox"],
table td.cell-check input[type="checkbox"] {
  display: inline-flex;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.table-responsive,
.table-max {
  overflow: auto hidden;
  width: 100%;
  height: fit-content;
  scrollbar-width: thin;
}

.table-max {
  overflow: unset;

  --qn-table-cell-action-width: auto;
  --qn-table-shadow-right-bottom-offset: 0rem;
  --qn-table-shadow-right-translate-x: 0rem;
}

.table-max .cell-nowrap {
  white-space: nowrap;
}

.table-max .cell-action {
  text-align: center;
  min-width: 3.75rem;
  width: var(--qn-table-cell-action-width, auto);
}

@media only screen and (width <= 47.937rem) {
  .table-max .cell-action {
    max-width: 4.25rem;
  }
}

.table-max .cell-action .dropdown-group {
  float: right;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: end;
}

.table-max_absolute {
  transition: all 0.25s ease-in-out;
  overflow-x: auto;
}

.table-max_absolute::-webkit-scrollbar {
  position: absolute;
  z-index: 201;
}

.table-max_absolute table {
  padding-right: var(--qn-table-cell-action-width, 7.75rem);
  border: none;
}

.table-max_absolute table::before {
  content: "";
  z-index: 1;
  position: absolute;
  pointer-events: none;
  left: calc(var(--qn-box-table-padding, 0rem));
  top: calc(var(--qn-box-table-padding, 0rem));
  width: 0.5rem;
  transform: translateX(-0.5rem);
  height: calc(
    100% - var(--qn-box-table-padding, 0rem) -
      var(--qn-box-table-scrollbar-height, 0rem)
  );
  box-shadow: 0 0 0 0 #fff0;
  transition: box-shadow 350ms ease-out;
}

.table-max_absolute table::after {
  content: "";
  position: absolute;
  pointer-events: none;
  right: calc(var(--qn-box-table-padding, 0rem));
  top: calc(var(--qn-box-table-padding, 0rem));
  width: var(
    --qn-table-cell-action-alone-width,
    var(--qn-table-cell-action-width, 3.75rem)
  );
  transform: translateX(var(--qn-table-shadow-right-translate-x));
  height: calc(
    100% - var(--qn-box-table-padding, 0rem) -
      var(--qn-box-table-scrollbar-height, 0rem) -
      var(--qn-table-shadow-right-bottom-offset, 0rem)
  );
  box-shadow:
    -0.5rem 0 0.25rem 0 rgb(0 0 0 / 2%),
    -0.25rem 0.125rem 0.5rem 0 rgb(0 0 0 / 4%);
  transition: box-shadow 350ms ease-out;
}

.table-max_absolute tr th.cell-action {
  justify-content: center;
}

.table-max_absolute tr .cell-action {
  display: flex;
  align-items: center;
  justify-content: right;
  position: absolute;
  right: calc(var(--qn-box-table-padding, 0rem));
  background-color: inherit;
  text-align: center;
}

.table-max_absolute tr .cell-action > * {
  float: none;
}

.table-max_absolute tr .cell-action .btn.show {
  background: #eef2f6 !important;
}

.table-max_absolute tr .cell-action .btn.show:focus {
  background: inherit !important;
}

.table-max_absolute .cell-action {
  border-left: var(--qn-table-border);
}

.table-max_absolute .row-skip td:nth-last-child(2) {
  border-right: none;
}

.table-max_absolute .row-skip .cell-action {
  background: linear-gradient(to right, #fff, #fff) top/100% 0.25rem no-repeat;
  border-left: none;
}

.table-max_without-right-shadow table {
  border: none;
}

.table-max_without-right-shadow table::after {
  box-shadow: 0 0 0 0 #fff0;
}

.table-max_with-left-shadow table::before {
  box-shadow:
    0.5rem 0 0.25rem 0 rgb(0 0 0 / 2%),
    0.25rem 0.125rem 0.5rem 0 rgb(0 0 0 / 4%);
}

.table-responsive .choices__list.choices__list--dropdown,
.table-max_absolute .choices__list.choices__list--dropdown {
  position: fixed;
}

.table-responsive .choices__list.choices__list--dropdown .choices__list,
.table-max .choices__list.choices__list--dropdown .choices__list {
  max-height: 12.5rem;
}

.table_striped thead tr th {
  background-color: #eef2f6;
}

.table_striped tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

.accordion {
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.accordion.show {
  max-height: 99em;
  transition: max-height 0.5s ease-in-out;
}

.block {
  padding: 0;
}

.block__content {
  padding: 1.5em;
  height: 100%;
}

[data-toggle="collapse"] {
  cursor: pointer;
}

[data-toggle="collapse"] .icon {
  transition: transform 0.5s ease-out;
}

[data-toggle="collapse"] .icon.icon-chevron-down,
[data-toggle="collapse"] .icon.icon-chevron-down-mini {
  transform: rotate(-180deg);
}

[data-toggle="collapse"] .icon.icon-chevron-up,
[data-toggle="collapse"] .icon.icon-chevron-up-mini {
  transform: rotate(0);
}

[data-toggle="collapse"].show .icon.icon-chevron-down,
[data-toggle="collapse"].show .icon.icon-chevron-down-mini {
  transform: rotate(0);
}

[data-toggle="collapse"].show .icon.icon-chevron-up,
[data-toggle="collapse"].show .icon.icon-chevron-up-mini {
  transform: rotate(180deg);
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

.expand-enter-active,
.expand-leave-active {
  overflow: hidden;
  transition:
    height 0.35s ease,
    padding 0.35s ease;
}

[data-toggle="modal"] {
  cursor: pointer;
}

.modal {
  display: none;
  margin: auto;
  position: fixed;

  --qn-modal-padding-top: 5rem;
  --qn-modal-padding-bottom: var(--qn-modal-padding-top);

  padding: var(--qn-modal-padding-top) 1rem;
  inset: 0;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  z-index: 1011;
  overflow-y: auto;
  transition:
    padding 300ms ease-in-out,
    opacity 450ms ease-in-out;
}

.modal.on-opening {
  display: flex;
  opacity: 0;
  padding-top: calc(var(--qn-modal-padding-top) * 0);
  padding-bottom: calc(
    var(--qn-modal-padding-top) + var(--qn-modal-padding-bottom)
  );
}

.modal.on-opening .modal__wrapper {
  opacity: 0;
}

.modal.is-visible {
  display: flex;
  opacity: 1;
}

.modal.on-closing {
  display: flex;
  opacity: 0;
  padding-top: calc(var(--qn-modal-padding-top) * 0);
  padding-bottom: calc(
    var(--qn-modal-padding-top) + var(--qn-modal-padding-bottom)
  );
}

.modal.on-closing .modal__wrapper {
  opacity: 0;
}

.modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  background: #212121;
  opacity: 0.64;
}

.modal h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #364152;
}

.modal p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #364152;
}

.modal .align-center {
  text-align: center;
}

.modal hr {
  border: 0.063rem solid #e3e8ef;
}

.modal .checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.modal h5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f6af5;
}

.modal .space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal__footer-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #364152;
  text-align: center;
  padding: 0.625rem 0;
}

.modal .flex {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.modal__wrapper {
  height: fit-content;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 10%);
  z-index: 2;
  width: 43.75rem;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}

@media only screen and (width <= 79.937rem) {
  .modal__wrapper {
    padding: 1rem;
  }
}

.modal__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .modal__header {
    gap: 1rem;
    padding-bottom: 1rem;
  }
}

.modal__header .modal__header-wrapper {
  display: block;
  flex-grow: 1;
}

.modal__header .icon {
  color: #202939;
  width: 1.5rem;
  height: fit-content;
  line-height: 1.5rem;
  font-size: 1.25rem;
  text-align: center;
  cursor: pointer;
  content: "\ec64";
  font-family: sevima-icons;
}

.modal__body {
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.modal__bodyimg,
.modal__bodysvg,
.modal__bodyvideo {
  display: block;
  min-width: 100%;
  margin: 0;
  padding: 0;
}

.modal__body .card {
  box-shadow: 0 0.063rem 0.125rem rgb(0 0 0 / 12%);
  border: 0.063rem solid var(--qn-neutral-100);
  padding: 1rem;
}

.modal__content-login,
.modal__content-input {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.modal__content-login {
  justify-content: center;
}

.modal__content-upload {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.modal__footer {
  padding: 1rem 1.25rem;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.modal__footer > * {
  width: 100%;
}

.modal__footer-vertical {
  padding: 1rem 1.25rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.modal__footer-vertical > * {
  width: 100%;
}

.modal .line {
  padding: 1rem 1.25rem;
  border-top: 0.063rem solid #eef2f6;
}

.modal .line > * {
  width: 100%;
}

.modal_confirmation-warning .modal__wrapper {
  width: 35rem;
}

.modal_confirmation-warning .modal__header::before {
  font-family: sevima-icons;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem;
  border-radius: 50%;
  height: fit-content;
  content: "\eac6";
  color: #fff;
  background: var(--qn-warning-400);
}

.modal_confirmation-warning .modal__header .icon {
  display: block;
}

.modal_confirmation-warning .modal__body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media only screen and (width <= 79.937rem) {
  .modal_confirmation-warning .modal__body {
    padding: 0 1rem 1rem 3.5rem;
  }
}

.modal_confirmation-error .modal__wrapper {
  width: 35rem;
}

.modal_confirmation-error .modal__header::before {
  font-family: sevima-icons;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem;
  border-radius: 50%;
  height: fit-content;
  content: "\ec26";
  color: #fff;
  background: var(--qn-danger-400);
}

.modal_confirmation-error .modal__header .icon {
  display: block;
}

.modal_confirmation-error .modal__body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media only screen and (width <= 79.937rem) {
  .modal_confirmation-error .modal__body {
    padding: 0 1rem 1rem 3.5rem;
  }
}

.modal_confirmation-primary .modal__wrapper {
  width: 35rem;
}

.modal_confirmation-primary .modal__header::before {
  font-family: sevima-icons;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem;
  border-radius: 50%;
  height: fit-content;
  content: "\eb2f";
  color: #fff;
  background: var(--qn-primary-400);
}

.modal_confirmation-primary .modal__header .icon {
  display: block;
}

.modal_confirmation-primary .modal__body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media only screen and (width <= 79.937rem) {
  .modal_confirmation-primary .modal__body {
    padding: 0 1rem 1rem 3.5rem;
  }
}

.modal_confirmation-success .modal__wrapper {
  width: 35rem;
}

.modal_confirmation-success .modal__header::before {
  font-family: sevima-icons;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem;
  border-radius: 50%;
  height: fit-content;
  content: "\ea1c";
  color: #fff;
  background: var(--qn-success-400);
}

.modal_confirmation-success .modal__header .icon {
  display: block;
}

.modal_confirmation-success .modal__body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media only screen and (width <= 79.937rem) {
  .modal_confirmation-success .modal__body {
    padding: 0 1rem 1rem 3.5rem;
  }
}

.modal.modal_center {
  align-items: center;
}

.modal.modal_confirmation-small .modal__wrapper {
  width: 23.25rem;
}

.modal.modal_confirmation-small .modal__body {
  display: none;
}

@media only screen and (width <= 47.937rem) {
  .modal_lang .modal__wrapper {
    padding: 0;
  }
}

.modal_lang .modal__body > .grid {
  gap: 0.375rem;
}

.modal_lang .modal__lang-item {
  width: 100%;
  background-color: var(--qn-white);
  border: 0.063rem solid #eee;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  outline: none;
  padding: 0.75rem;
  transition: all 350ms ease-in-out;
}

.modal_lang .modal__lang-item:is(a, button) {
  cursor: pointer;
}

.modal_lang .modal__lang-item:is(a, button):hover,
.modal_lang .modal__lang-item:is(a, button):focus,
.modal_lang .modal__lang-item:is(a, button).active {
  transition-duration: 100ms;
  background-color: #fafafa;
  border-color: var(--qn-black);
}

.modal_lang .modal__lang-name,
.modal_lang .modal__lang-region {
  color: var(--qn-neutral-800);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.modal_lang .modal__lang-region {
  font-weight: 400;
}

.handler {
  width: 100%;
  padding: 2.75rem 0;
  display: flex;
  justify-content: center;
}

@media only screen and (width >= 47.937rem) {
  .handler {
    padding: 8rem 0;
  }
}

@media only screen and (width >= 79.937rem) {
  .handler {
    padding: 4.625rem 0;
  }
}

@media only screen and (width >= 83.437rem) {
  .handler {
    padding: 4.125rem 0;
  }
}

.handler__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem 0;
  padding: 0;
}

.handler__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem 0;
}

.handler__content h1,
.handler__content p {
  text-align: center;
}

.handler__content h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--qn-neutral-900);
}

.handler__content p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--qn-neutral-700);
}

.handler__illustration {
  display: flex;
  justify-content: center;
  width: 100%;
  max-height: 15rem;
}

@media only screen and (width >= 47.937rem) {
  .handler__illustration {
    max-height: 17.5rem;
  }
}

@media only screen and (width >= 83.437rem) {
  .handler__illustration {
    max-height: 22.5rem;
  }
}

.handler__illustration img {
  height: 100%;
  object-fit: cover;
}

.handler__action {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.handler__action .btn {
  padding: 0.625rem 0.75rem;
  gap: 0.625rem;
}

@media only screen and (width >= 83.437rem) {
  .handler__action .btn {
    padding: 0.75rem 1.25rem;
  }
}

.empty-list {
  width: 100%;
  padding: 4rem 0;
  display: flex;
  justify-content: center;
}

@media only screen and (width >= 83.437rem) {
  .empty-list {
    padding: 3.5rem 0;
  }
}

.empty-list__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem 0;
  padding: 0;
}

.empty-list__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem 0;
}

.empty-list__content h1,
.empty-list__content p {
  text-align: center;
}

.empty-list__content h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--qn-neutral-900);
}

.empty-list__content p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--qn-neutral-700);
}

.empty-list__illustration {
  display: flex;
  justify-content: center;
  width: 100%;
  max-height: 15rem;
}

@media only screen and (width >= 47.937rem) {
  .empty-list__illustration {
    max-height: 17.5rem;
  }
}

@media only screen and (width >= 83.437rem) {
  .empty-list__illustration {
    max-height: 22.5rem;
  }
}

.empty-list__illustration img {
  height: 100%;
  object-fit: cover;
}

.empty-list__action {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.empty-list__action .btn {
  padding: 0.625rem 0.75rem;
  gap: 0.625rem;
}

@media only screen and (width >= 83.437rem) {
  .empty-list__action .btn {
    padding: 0.75rem 1.25rem;
  }
}

.empty-detail {
  width: 100%;
  padding: 4rem 0;
  display: flex;
  justify-content: center;
}

@media only screen and (width >= 83.437rem) {
  .empty-detail {
    padding: 3.5rem 0;
  }
}

.empty-detail__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 0;
}

.empty-detail__content {
  max-width: 16rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem 0;
  padding: 0.5rem;
}

.empty-detail__content h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--qn-neutral-900);
}

.empty-detail__content p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--qn-neutral-700);
}

.empty-detail__illustration {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 8.75rem;
  max-height: 6.563rem;
}

.empty-detail__illustration img {
  height: 100%;
  object-fit: cover;
}

.empty-detail__action {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding-top: 1.25rem;
}

.empty-detail__action .btn {
  padding: 0.625rem 0.75rem;
  gap: 0.625rem;
}

@media only screen and (width >= 83.437rem) {
  .empty-detail__action .btn {
    padding: 0.75rem 1.25rem;
  }
}

.offcanvas {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 401;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #222;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
  border-bottom: 0.063rem solid #eef2f6;
  max-width: 30rem;
  max-height: 100vh;
}

.offcanvas .offcanvas__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-bottom: 0.063rem solid #eef2f6;
  position: relative;
}

.offcanvas .offcanvas__header .offcanvas__header-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #222;
}

.offcanvas .offcanvas__header .offcanvas__header-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #222;
}

.offcanvas .offcanvas__header .offcanvas__header-close {
  position: absolute;
  top: 50%;
  left: -1.437rem;
  transform: translateY(-50%);
  transition: background-color 0.3s ease-in-out;
  z-index: 402;
  background-color: #fff;
}

.offcanvas .offcanvas__header .offcanvas__header-close:hover {
  cursor: pointer;
  border-radius: 50%;
  filter: brightness(0.8);
}

.offcanvas .offcanvas__body {
  padding: 2rem 1.5rem;
  overflow-y: auto;
}

.offcanvas .offcanvas__body .grid {
  padding: 0 !important;
}

.offcanvas .offcanvas__body .grid .col-12:first-child {
  margin: auto;
}

.offcanvas .offcanvas__body .grid .list-item {
  padding-bottom: 0 !important;
}

.offcanvas .offcanvas__body .grid .list-accordion .accordion__item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.offcanvas .offcanvas__body .grid .list-accordion .accordion__item:first-child {
  padding-bottom: 1.5rem;
}

.offcanvas
  .offcanvas__body
  .grid
  .list-accordion
  .accordion__item
  .accordion__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.offcanvas
  .offcanvas__body
  .grid
  .list-accordion
  .accordion__item
  .accordion__item-header:hover {
  cursor: pointer;
}

.offcanvas
  .offcanvas__body
  .grid
  .list-accordion
  .accordion__item
  .accordion__item-header:hover
  .accordion__item-title,
.offcanvas
  .offcanvas__body
  .grid
  .list-accordion
  .accordion__item
  .accordion__item-header:hover
  .accordion__item-action {
  color: #0f6af5;
}

.offcanvas
  .offcanvas__body
  .grid
  .list-accordion
  .accordion__item
  .accordion__item-header
  .accordion__item-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.offcanvas
  .offcanvas__body
  .grid
  .list-accordion
  .accordion__item
  .accordion__item-header
  .accordion__item-action {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 500;
  transition: transform 0.3s ease-in-out;
  background: none;
  border: none;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0 0 0 / 50%);
}

.pagination {
  display: inline-flex;
  gap: 0;
}

@media only screen and (width <= 47.937rem) {
  .pagination {
    width: 100%;
    padding: 0.5rem 0.875rem;
    display: flex;
    justify-content: space-between;
  }
}

.pagination button,
.pagination__item,
.pagination__ellipsis {
  min-width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--qn-white);
  border-width: 0.063rem 0.063rem 0.063rem 0;
  border-style: solid;
  border-color: #eef2f6;
  cursor: pointer;
  color: var(--qn-neutral-700);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.pagination button:hover,
.pagination__item:hover,
.pagination__ellipsis:hover {
  background-color: var(--qn-neutral-100);
}

.pagination button:active,
.pagination__item:active,
.pagination__ellipsis:active {
  background-color: var(--qn-primary-100);
}

.pagination button.active,
.pagination__item.active,
.pagination__ellipsis.active {
  cursor: default;
  background-color: var(--qn-primary-400);
  border-color: var(--qn-primary-400);
  color: var(--qn-white);
}

@media only screen and (width <= 47.937rem) {
  .pagination__item,
  .pagination__ellipsis {
    display: none;
  }
}

.pagination__button-text,
.pagination a,
.pagination p {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (width <= 79.937rem) {
  .pagination__button-text {
    display: none;
  }
}

.pagination__ellipsis {
  cursor: default;
}

.pagination__list {
  display: inline-flex;
  gap: 0;
  list-style: none;
}

@media only screen and (width <= 47.937rem) {
  .pagination__list {
    visibility: hidden;
  }

  .pagination__list::after {
    content: attr(data-mobile-text);
    visibility: visible;
    color: #697586;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    display: flex;
    height: 100%;
    align-items: center;
  }
}

.pagination__button-previous,
.pagination__button-next {
  border: 0.063rem solid #eef2f6 !important;
  padding: 0.125rem 0.5rem;
}

.pagination__button-previous::before,
.pagination__button-previous::after,
.pagination__button-next::before,
.pagination__button-next::after {
  font-family: sevima-icons;
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  font-weight: 500;
  color: inherit;
}

@media only screen and (width <= 79.937rem) {
  .pagination__button-previous::before,
  .pagination__button-previous::after,
  .pagination__button-next::before,
  .pagination__button-next::after {
    font-size: 1.125rem;
    line-height: 0.0555555565rem;
    vertical-align: -0.0416666661rem;
  }
}

.pagination__button-previous:disabled,
.pagination__button-next:disabled {
  cursor: default;
  background-color: var(--qn-white);
  color: var(--qn-neutral-400);
}

@media only screen and (width <= 47.937rem) {
  .pagination__button-previous,
  .pagination__button-next {
    border-radius: 0.5rem !important;
  }
}

.pagination__button-previous {
  border-radius: 0.5rem 0 0 0.5rem;
}

.pagination__button-previous::before {
  content: "\e92b";
  padding-right: 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .pagination__button-previous::before {
    padding: 0;
  }
}

.pagination__button-next {
  border-radius: 0 0.5rem 0.5rem 0;
}

.pagination__button-next::after {
  content: "\e946";
  padding-left: 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .pagination__button-next::after {
    padding: 0;
  }
}

.module {
  padding: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  max-width: 20.75rem;
  margin: 0 auto;
}

.module__item {
  list-style: none;
}

.module__btn {
  width: 6.25rem;
  max-width: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.75rem;
  align-items: center;
}

.module__btn:hover,
.module__btn:focus {
  outline: none;
  background: #eef2f6;
}

.module__btn:active,
.module__btn.active {
  background: #eef2f6;
}

.module__box {
  width: 2.5rem;
  height: 2.5rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
  border-radius: 0.75rem;
}

.module__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 0.75rem;
  font-size: 2.5rem !important;
  line-height: 2.5rem !important;
}

.module__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.callout {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background-color: #f1f6fe;
  padding: 1.5rem;
  border-radius: 1rem;
}

.callout__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #222;
}

.callout__subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #4b5565;
  font-style: italic;
}

@media only screen and (width <= 47.937rem) {
  .notification {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}

.notification__header {
  position: sticky;
  z-index: 10;
  top: 0;
  background: #fff;
}

.notification__header .nav-tab {
  padding: 0 1rem;
  border-bottom: 0.063rem solid #e3e8ef;
}

.notification__header .nav-tab .nav-tab__wrapper {
  border: none;
}

.notification__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
}

@media only screen and (width <= 47.937rem) {
  .notification__wrapper {
    padding: 0.5rem 0.875rem;
    border-bottom: 0.063rem solid #e3e8ef;
    background-image: url("./../../assets/images/pattern/pattern-dropdown-header.svg");
    background-repeat: no-repeat;
    background-position: right;
  }
}

.notification__title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #202939;
  display: flex;
  gap: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification__title .icon,
.notification__title img {
  display: none;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
}

@media only screen and (width <= 47.937rem) {
  .notification__title .icon,
  .notification__title img {
    display: block;
  }
}

.notification__header-btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f6af5;
  outline: 0;
}

.notification__header-btn:hover,
.notification__header-btn:active,
.notification__header-btn:focus {
  text-decoration: underline;
}

@media only screen and (width <= 47.937rem) {
  .notification__header-btn {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.notification__body {
  width: 100%;
  height: fit-content;
  flex-grow: 1;
}

.notification__section {
  width: 100%;
  padding: 0 1rem;
  display: none;
}

.notification__section.active {
  display: block;
}

.notification__item {
  width: 100%;
  max-width: 100%;
  text-overflow: ellipsis;
}

.notification__item-title {
  padding: 0.75rem 0 0.375rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #9aa4b2;
}

.notification__item-body {
  width: 100%;
  padding: 0.75rem 0;
  display: flex;
  gap: 0.75rem;
  border-bottom: 0.063rem dashed #e3e8ef;
}

.notification__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 100%;
  text-overflow: ellipsis;
}

.notification__content-nav {
  width: 100%;
  display: flex;
  gap: 0.125rem;
  flex-direction: column;
}

.notification__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #364152;
}

.notification__text b {
  font-weight: 600;
  color: inherit;
}

.notification__text-muted {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #9aa4b2;
}

.notification__desc {
  width: 100%;
  padding: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #4b5565;
  background: #eef2f6;
  border-radius: 0.25rem;
}

.notification__box {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  border: 0.063rem solid #e3e8ef;
  border-radius: 0.375rem;
}

.notification__box:not([disabled]):hover,
.notification__box:not([disabled]):active,
.notification__box:not([disabled]):focus {
  outline: 0;
  border-color: #0f6af5;
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #d1e1f8;
  transition: box-shadow 150ms ease-in-out;
}

.notification__box-file {
  width: 1.125rem;
  height: 1.125rem;
  max-width: 1.125rem;
  max-height: 1.125rem;
  line-height: 1.125rem;
  font-size: 1.125rem;
}

.notification__box-title,
.notification__box-info {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #364152;
  white-space: nowrap;
}

.notification__box-dot {
  width: 0.188rem;
  height: 0.188rem;
  max-width: 0.188rem;
  max-height: 0.188rem;
  background: #0f6af5;
  border-radius: 50%;
}

.notification__more {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #0f6af5;
  white-space: nowrap;
}

.notification__more:not([disabled]):hover,
.notification__more:not([disabled]):active,
.notification__more:not([disabled]):focus {
  outline: 0;
  text-decoration: underline;
}

.notification__btn-group {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  flex-flow: wrap;
}

.notification__footer {
  width: 100%;
  padding: 0.75rem 1rem;
  position: sticky;
  bottom: 0;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  background: #fff;
  border-top: 0.063rem solid #e3e8ef;
}

.notification__footer-btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #0f6af5;
}

.notification__footer-btn:not([disabled]):hover,
.notification__footer-btn:not([disabled]):active,
.notification__footer-btn:not([disabled]):focus {
  outline: 0;
  text-decoration: underline;
}

@media only screen and (width <= 47.937rem) {
  .notification__footer-btn {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.notification__footer-setting {
  width: 1.25rem;
  height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  color: #4b5565;
  border-radius: 0.25rem;
}

.notification__footer-setting .icon {
  color: inherit !important;
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
}

.notification__footer-setting:not([disabled]):hover,
.notification__footer-setting:not([disabled]):active,
.notification__footer-setting:not([disabled]):focus {
  outline: 0;
  background-color: #eef2f6;
}

.tag {
  width: fit-content;
  padding: 0.125rem 0.5rem;
  display: flex;
  align-items: center;
  background: #fff;
  border: 0.063rem solid #e3e8ef;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #4b5565;
  border-radius: 0.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  gap: 0.3125rem;
  min-height: 1.75rem;
  max-height: 1.75rem;
}

.tag .icon {
  font-size: 0.75rem;
}

.tag .icon.icon-x-mark {
  cursor: pointer;
}

.tag .icon.icon-x-mark:hover {
  filter: brightness(0.2);
}

.tag__count {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0 0.3125rem;
  background: #e3e8ef;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #4b5565;
}

.tag .dot {
  width: 0.5rem;
  height: 0.5rem;
  background: #0e9384;
  border-radius: 50%;
}

.tag_sm {
  padding: 0.25rem 0.5rem;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  min-height: 1.625rem;
  max-height: 1.625rem;
}

.tag_sm .tag__count {
  padding: 0 0.25rem;
}

.tag_lg {
  padding: 0.375rem 0.5rem;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  min-height: 2rem;
  max-height: 2rem;
}

.tag_lg .tag__count {
  padding: 0 0.375rem;
}

.form-control {
  position: relative;
  display: block;
  width: 100%;
}

.form-control:disabled,
.form-control:disabled:hover,
.form-control:disabled:focus,
.form-control:disabled:active {
  color: #4b5565;
  background: #f8fafc;
  border: 0.063rem solid #eef2f6;
}

.form-control.active,
.form-control:focus,
.form-control.dropdown.show {
  color: #222;
  background-color: #fff;
  border-color: var(--qn-primary);
  outline: 0;
  box-shadow: 0 0 0 0.125rem var(--qn-primary-alpha-0-12);
}

.form-control__float-right {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}

input[readonly],
input[readonly]:hover,
input[readonly]:focus,
input[readonly]:active,
textarea[readonly],
textarea[readonly]:hover,
textarea[readonly]:focus,
textarea[readonly]:active {
  box-shadow: none;
}

select:focus {
  background-image: url("./../../assets/images/icons/heroicons/chevron-up-mini.svg");
}

input[type="date"],
input[type="datetime-local"] {
  text-transform: uppercase;
}

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"] {
  padding-left: 3.25rem;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-calendar-picker-indicator {
  background-image: image-set(
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNiAyLjI2N2MtLjIwOS4wMzQtLjQwMy4xNDktLjQ5MS4yODktLjA4NC4xMzYtLjA5LjE5NC0uMTAyIDEuMDU0bC0uMDEyLjkxLS41NjguMDAxYy0uNzAzLjAwMS0xLjAxNy4wNjMtMS40ODcuMjk1LS42ODQuMzM4LTEuMjUyLjk1Ni0xLjQ5MyAxLjYyNC0uMTk0LjUzOC0uMTg3LjI4My0uMTg3IDYuNyAwIDYuNzgyLS4wMjMgNi4yNi4yOTkgNi45MmEzLjEwNiAzLjEwNiAwIDAgMCAxLjk4MSAxLjYwOGMuMjY0LjA2OC42OTIuMDcyIDcuNDYuMDcyczcuMTk2LS4wMDQgNy40Ni0uMDcyYTMuMTA2IDMuMTA2IDAgMCAwIDEuOTgxLTEuNjA4Yy4zMjItLjY2LjI5OS0uMTM2LjI5OS02Ljk0VjcuMDZsLS4wOTItLjMyYy0uMjUtLjg2Ny0uODAyLTEuNTM2LTEuNTg4LTEuOTI0LS40Ny0uMjMyLS43ODQtLjI5NC0xLjQ4Ny0uMjk1bC0uNTY4LS4wMDEtLjAxMi0uOTFjLS4wMTItLjgyNS0uMDItLjkyMi0uMDkzLTEuMDQ0LS4xMTktLjE5OC0uMzQzLS4yOTctLjY2OS0uMjk1LS4zMDEuMDAyLS40NjYuMDczLS42MDcuMjYyLS4wNzguMTA1LS4wODUuMTc3LS4xMDQgMS4wNGwtLjAyLjkyN2gtOWwtLjAyLS45MjdjLS4wMTktLjg2My0uMDI2LS45MzUtLjEwNC0xLjA0LS4xNTItLjIwNC0uNDc3LS4zMTYtLjc3Ni0uMjY2bTEyLjc2OSAzLjg2MWExLjcgMS43IDAgMCAxIC43NDMuNzQzYy4xMDQuMjIuMTA4LjI2LjEyLjk5OGwuMDEzLjc2OC0uMjYzLS4xMTljLS42MTEtLjI3Ny0uMDIyLS4yNTgtNy45ODItLjI1OC03Ljk1OCAwLTcuMzcxLS4wMTktNy45NzkuMjU3bC0uMjYxLjExOHYtLjcxNmMwLS42MjYuMDEtLjc0NC4wODMtLjkzOGExLjU0IDEuNTQgMCAwIDEgLjkyOS0uOTA3Yy4xOTgtLjA2OC41NTctLjA3MSA3LjI4OC0uMDYzbDcuMDguMDA5LjIyOS4xMDhtLS4wMDIgMy43NThjLjMxOC4xNDkuNTY5LjM5NS43MjMuNzA4bC4xMy4yNjR2OC4yODJsLS4xMDYuMjI3YTEuNTE1IDEuNTE1IDAgMCAxLS43MDguNzIzbC0uMjY0LjEzSDQuODU4bC0uMjY0LS4xM2ExLjUxNSAxLjUxNSAwIDAgMS0uNzA4LS43MjNsLS4xMDYtLjIyNy0uMDExLTQuMDg3Yy0uMDEtNC4wNjYtLjAxLTQuMDg4LjA3NC00LjMxMS4xNTQtLjQxMy40NDYtLjcxMi44NjEtLjg4M2wuMjM2LS4wOTcgNy4xLjAwOSA3LjEuMDA5LjIyNy4xMDZtLTcuNjQ4IDIuMTQ5Yy0uMzExLjEwMi0uNDUxLjMyNy0uNDUxLjcyNyAwIC41LjIyNy43MjUuNzMyLjcyNS40MTcgMCAuNjM1LS4xNTEuNzIyLS40OTkuMDkyLS4zNjctLjAzNy0uNzYxLS4yOTQtLjg5NC0uMTQyLS4wNzQtLjU1OS0uMTA4LS43MDktLjA1OW0yLjIyNy4wMjFjLS4zMjkuMTIyLS40NDQuMzQtLjQxOS43ODYuMDI1LjQ1Mi4yNDguNjQ4LjczMS42NDUuNDgxLS4wMDIuNy0uMjA3LjczMS0uNjgzLjAzMS0uNDgxLS4xOTgtLjc1NS0uNjU5LS43ODhhLjk4NS45ODUgMCAwIDAtLjM4NC4wNG0yLjI0IDBjLS4yMDYuMDc3LS4zMjUuMTk1LS4zOC4zOC0uMTIxLjQwMy4wMDQuODMzLjI4Mi45NzUuMTcxLjA4Ny41ODMuMTAzLjc3Mi4wMy4yOC0uMTA4LjQwMy0uMzczLjM3Mi0uOC0uMDE5LS4yNy0uMTAzLS40MTYtLjMwNi0uNTM1LS4xNjgtLjA5OC0uNTQzLS4xMjMtLjc0LS4wNW0tOC45MDEgMi4yMjhjLS4yNC4wNDYtLjM1OC4xMzMtLjQ0Ny4zMjktLjE2OC4zNy0uMDUxLjg3Ny4yNDIgMS4wNDYuMTk1LjExMy42NDUuMTEzLjgzNi4wMDEuMjI2LS4xMzMuMy0uMjY4LjMxNy0uNTgyLjAyMi0uMzg1LS4wNzctLjYxOC0uMzEzLS43MzYtLjE0LS4wNzEtLjQyOC0uMDk3LS42MzUtLjA1OG0yLjMxNS0uMDE3Yy0uMjA5LjAzNC0uNDAzLjE0OS0uNDkxLjI4OS0uMTE1LjE4NS0uMTI2LjY3My0uMDE5Ljg3LjE0LjI2LjUzLjM4OS44OTguMjk2LjM0OC0uMDg3LjQ5OS0uMzA1LjQ5OS0uNzIzIDAtLjM0Ny0uMDk2LS41NDEtLjMyNy0uNjU4LS4xMTYtLjA1OS0uNDE1LS4wOTgtLjU2LS4wNzRtMi4xODcuMDExYy0uMzQxLjA2Ny0uNTE5LjMxNC0uNTE5LjcyIDAgLjUxNC4yMjkuNzM5Ljc1Mi43NDEuMzI0LjAwMS41MDgtLjA4Ny42NC0uMzA2LjEwNS0uMTc2LjExLS42MjkuMDA4LS44MzYtLjEyMy0uMjUtLjUxMy0uMzkxLS44ODEtLjMxOW0yLjI2MiAwYS42MDUuNjA1IDAgMCAwLS40NjEuMzI1Yy0uMTAzLjE5Ny0uMDgyLjcwNi4wMzYuODY0LjE0Ny4xOTcuMzI0LjI3My42MzYuMjczLjM1MiAwIC41MjItLjA4OS42NTMtLjM0MS4wNzctLjE0OS4wOS0uMjIzLjA3NS0uNDQ2YTEuMDMzIDEuMDMzIDAgMCAwLS4wOTItLjM5NmMtLjEzMS0uMjI0LS40NzYtLjMzNy0uODQ3LS4yNzltMi4yMzYuMDA2Yy0uMjQuMDQ2LS4zNTguMTMzLS40NDcuMzI5LS4xNjguMzctLjA1MS44NzcuMjQyIDEuMDQ2LjE5NS4xMTMuNjQ1LjExMy44MzYuMDAxLjIyNi0uMTMzLjMtLjI2OC4zMTctLjU4Mi4wMjItLjM4NS0uMDc3LS42MTgtLjMxMy0uNzM2LS4xNC0uMDcxLS40MjgtLjA5Ny0uNjM1LS4wNThNNy4wOTkgMTYuNmMtLjE5MS4wOTQtLjI5LjI0Ni0uMzI0LjQ5NC0uMDg0LjYxMy4yNDQuOTU3Ljg1NC44OTQuMzkyLS4wNDEuNTgtLjI0OC42MDQtLjY2NC4wMzEtLjU0NS0uMjAzLS44MDEtLjczMy0uODAzYS44NzQuODc0IDAgMCAwLS40MDEuMDc5bTIuMjYyLS4wMTJjLS4yNjEuMTM1LS4zOTguNDY0LS4zNDQuODI3LjA2LjQwMi4zNTMuNjExLjgwNS41NzUuNDYtLjAzNy42NjMtLjI2LjY2NS0uNzMyLjAwMi0uMjkyLS4wODYtLjUwOC0uMjYtLjYzNS0uMTU5LS4xMTctLjY2OS0uMTM3LS44NjYtLjAzNW0yLjI0MiAwYy0uMjczLjE0My0uMzk2LjQ2OC0uMzIzLjg1Mi4wNzIuMzgyLjI0NC41MjEuNjguNTQ5LjIxNS4wMTQuMjkxLjAwMS40MzktLjA3Ni4yNTItLjEzMS4zNDEtLjMwMS4zNDEtLjY1MyAwLS4zMTItLjA3Ni0uNDg5LS4yNzMtLjYzNi0uMTU4LS4xMTgtLjY2Ny0uMTM5LS44NjQtLjAzNm0yLjIyNy4wMTRjLS4yMDYuMTA5LS4zMS4zMjYtLjMxLjY0NCAwIC40NzEuMTk5LjcwMy42MzcuNzQzLjU3NC4wNTIuODkxLS4yNzEuODMyLS44NDktLjAzLS4yODItLjEyOC0uNDQzLS4zMzEtLjU0MS0uMjIxLS4xMDctLjYyMi0uMTA1LS44MjguMDAzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiLz48L3N2Zz4=")
      1x
  ) !important;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  filter: opacity(1);
}

input[type="date"]:disabled::-webkit-calendar-picker-indicator,
input[type="date"]:read-only::-webkit-calendar-picker-indicator,
input[type="datetime-local"]:disabled::-webkit-calendar-picker-indicator,
input[type="datetime-local"]:read-only::-webkit-calendar-picker-indicator,
input[type="month"]:disabled::-webkit-calendar-picker-indicator,
input[type="month"]:read-only::-webkit-calendar-picker-indicator,
input[type="week"]:disabled::-webkit-calendar-picker-indicator,
input[type="week"]:read-only::-webkit-calendar-picker-indicator {
  visibility: visible !important;
}

input[type="date"]:invalid::-webkit-datetime-edit,
input[type="datetime-local"]:invalid::-webkit-datetime-edit,
input[type="month"]:invalid::-webkit-datetime-edit,
input[type="week"]:invalid::-webkit-datetime-edit {
  color: #4b5565;
}

input[type="file"]:not([disabled]) {
  cursor: pointer;
}

input[type="file"]:not([disabled]):hover {
  border: 0.063rem solid #99a4ae;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition:
    background-color 0s 600000s,
    color 0s 600000s !important;
}

.form-control {
  --qn-input-padding-size: 0.625rem 0.75rem;
  --qn-input-padding-x-size: 0.75rem;
  --qn-input-height-size: 2.5rem;
  --qn-input-font-size: 0.875rem;
  --qn-input-line-height-size: 1.25rem;

  position: relative;
  display: block;
  width: 100%;
}

.form-control_stand-alone {
  width: fit-content;
}

.form-control__label {
  display: block;
  padding-bottom: 0.75rem;
  color: #364152;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media only screen and (width <= 79.937rem) {
  .form-control__label {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

.form-control__label .important {
  color: var(--qn-danger);
}

.form-control__label > [data-tooltip],
.form-control__label > .icon {
  margin-left: 0.25rem;
  display: inline-block;
}

.form-control__label .icon {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  color: #9aa4b2;
  vertical-align: text-top;
  position: relative;
}

.form-control__label .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-control__label .icon:hover {
  background: #e3e8ef;
  border-radius: 50%;
  cursor: pointer;
  color: #364152;
  transition: background-color 0.2s ease-in-out;
}

.form-control__group {
  --qn-form-control-input-extra-padding-right: 0rem;
  --qn-form-control-input-space-between-alternatif: 0.75rem;

  position: relative;
  display: flex;
  align-items: center;
}

.form-control__group [data-clear="input"] {
  opacity: 0;
  cursor: pointer;
  background-color: none;
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: var(--qn-form-control-clear-right);
  width: fit-content;
  height: fit-content;
  pointer-events: none;
}

.form-control__group [data-clear="input"]::before {
  font-family: sevima-icons;
  content: "\ec61";
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: var(--qn-neutral-500);
  display: block;
}

.form-control__group [data-clear="input"]:hover::before {
  color: var(--qn-neutral-600);
}

.form-control__group:has([data-input-icon="search"]) {
  --qn-form-control-input-extra-padding-right: calc(
    1.25rem + var(--qn-form-control-input-space-between-alternatif)
  );
}

.form-control__group:has([data-clear="input"]) {
  --qn-form-control-input-extra-padding-right: calc(
    1rem + var(--qn-form-control-input-space-between-alternatif)
  );
}

.form-control__group:has([data-input-icon="search"] ~ [data-clear="input"]) {
  --qn-form-control-input-extra-padding-right: calc(
    (1rem + var(--qn-form-control-input-space-between-alternatif)) * 2
  );
}

.form-control__group:has([data-input-icon="search"] ~ [data-clear="input"])
  [data-clear="input"] {
  --qn-form-control-clear-extra-right: calc(
    1rem + var(--qn-form-control-input-space-between-alternatif)
  );
}

.form-control__group [data-visibility="input"] {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 2rem;
  background-color: #fff;
  width: 1.5rem;
  height: fit-content;
  text-align: center;
  pointer-events: none;
}

@media only screen and (width <= 79.937rem) {
  .form-control__group [data-visibility="input"] {
    right: 1.875rem;
  }
}

.form-control__group [data-visibility="input"]::before {
  font-family: sevima-icons;
  content: "\eacd";
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: var(--qn-neutral-400);
}

.form-control__group [data-visibility="input"]:hover::before {
  color: var(--qn-neutral-500);
}

.form-control__group [data-visibility="input"][data-type="text"]::before {
  content: "\eacb";
}

.form-control__group [type="number"]::-webkit-inner-spin-button {
  appearance: none;
}

.form-control__group [data-input-icon="search"] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 1rem;
  z-index: 0;
  width: fit-content;
  height: fit-content;
  pointer-events: none;
}

.form-control__group [data-input-icon="search"]::before {
  display: block;
  content: "";
  background: url("./../../assets/images/icons/input-search.svg") no-repeat
    center/cover;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  pointer-events: inherit;
}

.form-control__group [data-input-icon="email"] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 1rem;
  z-index: 0;
  width: fit-content;
  height: fit-content;
  pointer-events: none;
}

@media only screen and (width <= 79.937rem) {
  .form-control__group [data-input-icon="email"] {
    left: 0.875rem;
  }
}

.form-control__group [data-input-icon="email"]::before {
  display: block;
  content: "";
  background: url("./../../assets/images/icons/input-email.svg") no-repeat
    center/cover;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  pointer-events: inherit;
}

.form-control__group [data-input-icon="email"] ~ [type="email"],
.form-control__group [data-input-icon="email"] ~ [type="text"] {
  padding-left: 2.75rem;
}

.form-control__group.error .form-control__input,
.form-control__group.error .form-control__select {
  border: 0.063rem solid var(--qn-danger);
}

.form-control__group.error .form-control__input:hover:not([disabled]),
.form-control__group.error .form-control__select:hover:not([disabled]) {
  border: 0.063rem solid var(--qn-danger);
}

.form-control__group.error .form-control__input:focus:not([disabled]),
.form-control__group.error .form-control__input:active:not([disabled]),
.form-control__group.error .form-control__select:focus:not([disabled]),
.form-control__group.error .form-control__select:active:not([disabled]) {
  border: 0.063rem solid var(--qn-danger);
  box-shadow: 0 0 0 0.25rem rgb(236 61 39 / 20%);
}

.form-control__group.error .choices__inner {
  border: 0.063rem solid var(--qn-danger);
}

.form-control__group.error .choices.is-open .choices__inner,
.form-control__group.error .choices.is-focused .choices__inner {
  border: 0.063rem solid var(--qn-danger);
  box-shadow: 0 0 0 0.25rem rgb(236 61 39 / 20%);
}

.form-control__group.error .select-flag,
.form-control__group.error .form-control__text {
  border-color: var(--qn-danger);
}

.form-control__group .dropdown-content.full-width {
  width: 100%;
}

.form-control__group .form-control__text {
  display: inline-flex;
  background-color: #fff;
  border-width: 0.063rem 0 0.063rem 0.063rem;
  border-style: solid;
  border-color: #e3e8ef;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  color: #697586;
  padding: var(--qn-input-padding-size);
  min-height: var(--qn-input-height-size);
  max-height: var(--qn-input-height-size);
  font-size: var(--qn-input-font-size);
  line-height: var(--qn-input-line-height-size);
}

.form-control__group .form-control__text:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
  border-left: none;
  border-right: 0.063rem solid #e3e8ef;
}

.form-control__input {
  width: 100%;
  background: #fff;
  border-radius: 0.5rem;
  border: 0.063rem solid #e3e8ef;
  padding: var(--qn-input-padding-size);
  padding-right: calc(
    var(--qn-input-padding-x-size) +
      var(--qn-form-control-input-extra-padding-right, 0rem)
  );
  min-height: var(--qn-input-height-size);
  max-height: var(--qn-input-height-size);
  font-size: var(--qn-input-font-size);
  line-height: var(--qn-input-line-height-size);
  color: #4b5565;
  box-shadow: 0 0.063rem 0.125rem rgb(16 24 40 / 5%);
  outline: none;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;

    --qn-input-padding-size: 0.625rem 0.875rem;
    --qn-input-height-size: 2.5rem;
  }
}

.form-control__input::placeholder {
  color: #9aa4b2;
}

.form-control__input::placeholder {
  color: #9aa4b2;
}

.form-control__input:disabled {
  background: #eef2f6;
  color: #697586;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control__input:read-only {
  pointer-events: none;
  box-shadow: none;
}

.form-control__input:read-only {
  pointer-events: none;
  box-shadow: none;
}

.form-control__input:read-only + [data-clear="input"] {
  pointer-events: none;
}

.form-control__input:disabled,
.form-control__input:read-only + [data-clear="input"] {
  pointer-events: none;
}

.form-control__input:read-only + [data-visibility="input"] {
  pointer-events: none;
}

.form-control__input:disabled,
.form-control__input:read-only + [data-visibility="input"] {
  pointer-events: none;
}

.form-control__input:focus:not([disabled]),
.form-control__input:active:not([disabled]) {
  border: 0.063rem solid #4e91f6;
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #e4eefd;
  transition:
    border 200ms ease-in-out,
    box-shadow 200ms ease-in-out;
}

.form-control__input:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__input:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__input:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__input:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__input[type="date"],
.form-control__input[type="datetime-local"],
.form-control__input[type="week"],
.form-control__input[type="month"] {
  text-transform: uppercase;
  position: relative;
  padding-left: 2.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #202939;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="date"],
  .form-control__input[type="datetime-local"],
  .form-control__input[type="week"],
  .form-control__input[type="month"] {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding-left: 2.5rem;
  }
}

.form-control__input[type="date"]::before,
.form-control__input[type="datetime-local"]::before,
.form-control__input[type="week"]::before,
.form-control__input[type="month"]::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk1ODMgMi45NjY2NlYxLjY2NjY2QzEzLjk1ODMgMS4zMjQ5OSAxMy42NzUgMS4wNDE2NiAxMy4zMzMzIDEuMDQxNjZDMTIuOTkxNyAxLjA0MTY2IDEyLjcwODMgMS4zMjQ5OSAxMi43MDgzIDEuNjY2NjZWMi45MTY2Nkg3LjI5MTY3VjEuNjY2NjZDNy4yOTE2NyAxLjMyNDk5IDcuMDA4MzMgMS4wNDE2NiA2LjY2NjY3IDEuMDQxNjZDNi4zMjUgMS4wNDE2NiA2LjA0MTY3IDEuMzI0OTkgNi4wNDE2NyAxLjY2NjY2VjIuOTY2NjZDMy43OTE2NyAzLjE3NDk5IDIuNyA0LjUxNjY2IDIuNTMzMzMgNi41MDgzMkMyLjUxNjY3IDYuNzQ5OTkgMi43MTY2NyA2Ljk0OTk5IDIuOTUgNi45NDk5OUgxNy4wNUMxNy4yOTE3IDYuOTQ5OTkgMTcuNDkxNyA2Ljc0MTY2IDE3LjQ2NjcgNi41MDgzMkMxNy4zIDQuNTE2NjYgMTYuMjA4MyAzLjE3NDk5IDEzLjk1ODMgMi45NjY2NlpNMTYuNjY2NyA4LjE5OTk5SDMuMzMzMzNDMi44NzUgOC4xOTk5OSAyLjUgOC41NzQ5OSAyLjUgOS4wMzMzMlYxNC4xNjY3QzIuNSAxNi42NjY3IDMuNzUgMTguMzMzMyA2LjY2NjY3IDE4LjMzMzNIMTMuMzMzM0MxNi4yNSAxOC4zMzMzIDE3LjUgMTYuNjY2NyAxNy41IDE0LjE2NjdWOS4wMzMzMkMxNy41IDguNTc0OTkgMTcuMTI1IDguMTk5OTkgMTYuNjY2NyA4LjE5OTk5Wk03LjY3NSAxNS4xNzVDNy42MzMzMyAxNS4yMDgzIDcuNTkxNjcgMTUuMjUgNy41NSAxNS4yNzVDNy41IDE1LjMwODMgNy40NSAxNS4zMzMzIDcuNCAxNS4zNUM3LjM1IDE1LjM3NSA3LjMgMTUuMzkxNyA3LjI1IDE1LjRDNy4xOTE2NyAxNS40MDgzIDcuMTQxNjcgMTUuNDE2NyA3LjA4MzMzIDE1LjQxNjdDNi45NzUgMTUuNDE2NyA2Ljg2NjY3IDE1LjM5MTcgNi43NjY2NyAxNS4zNUM2LjY1ODMzIDE1LjMwODMgNi41NzUgMTUuMjUgNi40OTE2NyAxNS4xNzVDNi4zNDE2NyAxNS4wMTY3IDYuMjUgMTQuOCA2LjI1IDE0LjU4MzNDNi4yNSAxNC4zNjY3IDYuMzQxNjcgMTQuMTUgNi40OTE2NyAxMy45OTE3QzYuNTc1IDEzLjkxNjcgNi42NTgzMyAxMy44NTgzIDYuNzY2NjcgMTMuODE2N0M2LjkxNjY3IDEzLjc1IDcuMDgzMzMgMTMuNzMzMyA3LjI1IDEzLjc2NjdDNy4zIDEzLjc3NSA3LjM1IDEzLjc5MTcgNy40IDEzLjgxNjdDNy40NSAxMy44MzMzIDcuNSAxMy44NTgzIDcuNTUgMTMuODkxN0w3LjY3NSAxMy45OTE3QzcuODI1IDE0LjE1IDcuOTE2NjcgMTQuMzY2NyA3LjkxNjY3IDE0LjU4MzNDNy45MTY2NyAxNC44IDcuODI1IDE1LjAxNjcgNy42NzUgMTUuMTc1Wk03LjY3NSAxMi4yNTgzQzcuNTE2NjcgMTIuNDA4MyA3LjMgMTIuNSA3LjA4MzMzIDEyLjVDNi44NjY2NyAxMi41IDYuNjUgMTIuNDA4MyA2LjQ5MTY3IDEyLjI1ODNDNi4zNDE2NyAxMi4xIDYuMjUgMTEuODgzMyA2LjI1IDExLjY2NjdDNi4yNSAxMS40NSA2LjM0MTY3IDExLjIzMzMgNi40OTE2NyAxMS4wNzVDNi43MjUgMTAuODQxNyA3LjA5MTY3IDEwLjc2NjcgNy40IDEwLjlDNy41MDgzMyAxMC45NDE3IDcuNiAxMSA3LjY3NSAxMS4wNzVDNy44MjUgMTEuMjMzMyA3LjkxNjY3IDExLjQ1IDcuOTE2NjcgMTEuNjY2N0M3LjkxNjY3IDExLjg4MzMgNy44MjUgMTIuMSA3LjY3NSAxMi4yNTgzWk0xMC41OTE3IDE1LjE3NUMxMC40MzMzIDE1LjMyNSAxMC4yMTY3IDE1LjQxNjcgMTAgMTUuNDE2N0M5Ljc4MzMzIDE1LjQxNjcgOS41NjY2NyAxNS4zMjUgOS40MDgzMyAxNS4xNzVDOS4yNTgzMyAxNS4wMTY3IDkuMTY2NjcgMTQuOCA5LjE2NjY3IDE0LjU4MzNDOS4xNjY2NyAxNC4zNjY3IDkuMjU4MzMgMTQuMTUgOS40MDgzMyAxMy45OTE3QzkuNzE2NjcgMTMuNjgzMyAxMC4yODMzIDEzLjY4MzMgMTAuNTkxNyAxMy45OTE3QzEwLjc0MTcgMTQuMTUgMTAuODMzMyAxNC4zNjY3IDEwLjgzMzMgMTQuNTgzM0MxMC44MzMzIDE0LjggMTAuNzQxNyAxNS4wMTY3IDEwLjU5MTcgMTUuMTc1Wk0xMC41OTE3IDEyLjI1ODNMMTAuNDY2NyAxMi4zNTgzQzEwLjQxNjcgMTIuMzkxNyAxMC4zNjY3IDEyLjQxNjcgMTAuMzE2NyAxMi40MzMzQzEwLjI2NjcgMTIuNDU4MyAxMC4yMTY3IDEyLjQ3NSAxMC4xNjY3IDEyLjQ4MzNDMTAuMTA4MyAxMi40OTE3IDEwLjA1ODMgMTIuNSAxMCAxMi41QzkuNzgzMzMgMTIuNSA5LjU2NjY3IDEyLjQwODMgOS40MDgzMyAxMi4yNTgzQzkuMjU4MzMgMTIuMSA5LjE2NjY3IDExLjg4MzMgOS4xNjY2NyAxMS42NjY3QzkuMTY2NjcgMTEuNDUgOS4yNTgzMyAxMS4yMzMzIDkuNDA4MzMgMTEuMDc1QzkuNDgzMzMgMTEgOS41NzUgMTAuOTQxNyA5LjY4MzMzIDEwLjlDOS45OTE2NyAxMC43NjY3IDEwLjM1ODMgMTAuODQxNyAxMC41OTE3IDExLjA3NUMxMC43NDE3IDExLjIzMzMgMTAuODMzMyAxMS40NSAxMC44MzMzIDExLjY2NjdDMTAuODMzMyAxMS44ODMzIDEwLjc0MTcgMTIuMSAxMC41OTE3IDEyLjI1ODNaTTEzLjUwODMgMTUuMTc1QzEzLjM1IDE1LjMyNSAxMy4xMzMzIDE1LjQxNjcgMTIuOTE2NyAxNS40MTY3QzEyLjcgMTUuNDE2NyAxMi40ODMzIDE1LjMyNSAxMi4zMjUgMTUuMTc1QzEyLjE3NSAxNS4wMTY3IDEyLjA4MzMgMTQuOCAxMi4wODMzIDE0LjU4MzNDMTIuMDgzMyAxNC4zNjY3IDEyLjE3NSAxNC4xNSAxMi4zMjUgMTMuOTkxN0MxMi42MzMzIDEzLjY4MzMgMTMuMiAxMy42ODMzIDEzLjUwODMgMTMuOTkxN0MxMy42NTgzIDE0LjE1IDEzLjc1IDE0LjM2NjcgMTMuNzUgMTQuNTgzM0MxMy43NSAxNC44IDEzLjY1ODMgMTUuMDE2NyAxMy41MDgzIDE1LjE3NVpNMTMuNTA4MyAxMi4yNTgzTDEzLjM4MzMgMTIuMzU4M0MxMy4zMzMzIDEyLjM5MTcgMTMuMjgzMyAxMi40MTY3IDEzLjIzMzMgMTIuNDMzM0MxMy4xODMzIDEyLjQ1ODMgMTMuMTMzMyAxMi40NzUgMTMuMDgzMyAxMi40ODMzQzEzLjAyNSAxMi40OTE3IDEyLjk2NjcgMTIuNSAxMi45MTY3IDEyLjVDMTIuNyAxMi41IDEyLjQ4MzMgMTIuNDA4MyAxMi4zMjUgMTIuMjU4M0MxMi4xNzUgMTIuMSAxMi4wODMzIDExLjg4MzMgMTIuMDgzMyAxMS42NjY3QzEyLjA4MzMgMTEuNDUgMTIuMTc1IDExLjIzMzMgMTIuMzI1IDExLjA3NUMxMi40MDgzIDExIDEyLjQ5MTcgMTAuOTQxNyAxMi42IDEwLjlDMTIuNzUgMTAuODMzMyAxMi45MTY3IDEwLjgxNjcgMTMuMDgzMyAxMC44NUMxMy4xMzMzIDEwLjg1ODMgMTMuMTgzMyAxMC44NzUgMTMuMjMzMyAxMC45QzEzLjI4MzMgMTAuOTE2NyAxMy4zMzMzIDEwLjk0MTcgMTMuMzgzMyAxMC45NzVMMTMuNTA4MyAxMS4wNzVDMTMuNjU4MyAxMS4yMzMzIDEzLjc1IDExLjQ1IDEzLjc1IDExLjY2NjdDMTMuNzUgMTEuODgzMyAxMy42NTgzIDEyLjEgMTMuNTA4MyAxMi4yNTgzWiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.25rem;
  height: 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="date"]::before,
  .form-control__input[type="datetime-local"]::before,
  .form-control__input[type="week"]::before,
  .form-control__input[type="month"]::before {
    width: 1.125rem;
    height: 1.125rem;
    left: 0.875rem;
    top: 0.625rem;
  }
}

.form-control__input[type="date"]:focus:not([disabled])::before,
.form-control__input[type="date"]:active:not([disabled])::before,
.form-control__input[type="datetime-local"]:focus:not([disabled])::before,
.form-control__input[type="datetime-local"]:active:not([disabled])::before,
.form-control__input[type="week"]:focus:not([disabled])::before,
.form-control__input[type="week"]:active:not([disabled])::before,
.form-control__input[type="month"]:focus:not([disabled])::before,
.form-control__input[type="month"]:active:not([disabled])::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="date"]:focus:not([disabled])::before,
  .form-control__input[type="date"]:active:not([disabled])::before,
  .form-control__input[type="datetime-local"]:focus:not([disabled])::before,
  .form-control__input[type="datetime-local"]:active:not([disabled])::before,
  .form-control__input[type="week"]:focus:not([disabled])::before,
  .form-control__input[type="week"]:active:not([disabled])::before,
  .form-control__input[type="month"]:focus:not([disabled])::before,
  .form-control__input[type="month"]:active:not([disabled])::before {
    width: 1.125rem;
    height: 1.125rem;
    left: 0.875rem;
    top: 0.625rem;
  }
}

.form-control__input[type="date"]::-webkit-calendar-picker-indicator,
.form-control__input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.form-control__input[type="week"]::-webkit-calendar-picker-indicator,
.form-control__input[type="month"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

.form-control__input[type="time"] {
  text-transform: uppercase;
  position: relative;
  padding-left: 2.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #202939;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="time"] {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding-left: 2.5rem;
  }
}

.form-control__input[type="time"]::before {
  content: "";
  position: absolute;
  left: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxOEMxNC40MTgzIDE4IDE4IDE0LjQxODMgMTggMTBDMTggNS41ODE3MiAxNC40MTgzIDIgMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThaTTEwLjc1IDVDMTAuNzUgNC41ODU3OSAxMC40MTQyIDQuMjUgMTAgNC4yNUM5LjU4NTc5IDQuMjUgOS4yNSA0LjU4NTc5IDkuMjUgNVYxMEM5LjI1IDEwLjQxNDIgOS41ODU3OSAxMC43NSAxMCAxMC43NUgxNEMxNC40MTQyIDEwLjc1IDE0Ljc1IDEwLjQxNDIgMTQuNzUgMTBDMTQuNzUgOS41ODU3OSAxNC40MTQyIDkuMjUgMTQgOS4yNUgxMC43NVY1WiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.25rem;
  height: 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="time"]::before {
    width: 1.125rem;
    height: 1.125rem;
    left: 0.875rem;
    top: 0.625rem;
  }
}

.form-control__input[type="time"]:focus:not([disabled])::before,
.form-control__input[type="time"]:active:not([disabled])::before {
  content: "";
  position: absolute;
  left: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxOEMxNC40MTgzIDE4IDE4IDE0LjQxODMgMTggMTBDMTggNS41ODE3MiAxNC40MTgzIDIgMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThaTTEwLjc1IDVDMTAuNzUgNC41ODU3OSAxMC40MTQyIDQuMjUgMTAgNC4yNUM5LjU4NTc5IDQuMjUgOS4yNSA0LjU4NTc5IDkuMjUgNVYxMEM5LjI1IDEwLjQxNDIgOS41ODU3OSAxMC43NSAxMCAxMC43NUgxNEMxNC40MTQyIDEwLjc1IDE0Ljc1IDEwLjQxNDIgMTQuNzUgMTBDMTQuNzUgOS41ODU3OSAxNC40MTQyIDkuMjUgMTQgOS4yNUgxMC43NVY1WiIgZmlsbD0iIzBGNkFGNSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.25rem;
  height: 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="time"]:focus:not([disabled])::before,
  .form-control__input[type="time"]:active:not([disabled])::before {
    width: 1.125rem;
    height: 1.125rem;
    left: 0.875rem;
    top: 0.625rem;
  }
}

.form-control__input[type="time"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

.form-control__input.textarea {
  max-height: fit-content !important;
  resize: vertical;
}

.form-control__input[type="search"] {
  position: relative;
  color: #202939;
}

.form-control__input[type="search"]::-ms-clear,
.form-control__input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.form-control__input[type="search"]::-webkit-search-decoration,
.form-control__input[type="search"]::-webkit-search-cancel-button,
.form-control__input[type="search"]::-webkit-search-results-button,
.form-control__input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

@media only screen and (width <= 79.937rem) {
  .form-control__input[type="search"] {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.form-control__input.phone-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-control__input.phone-number:hover:not([disabled]) {
  border: 0.063rem solid #cdd5df;
  transition: border 200ms ease-in-out;
}

.form-control__input.phone-number:focus:not([disabled]),
.form-control__input.phone-number:active:not([disabled]) {
  border: 0.063rem solid #0f6af5;
  box-shadow: 0 0 0 0.125rem rgb(15 106 245 / 20%);
  transition: all 200ms ease-in-out;
}

.form-control__input[type="url"]:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}

.form-control__input[type="url"]:focus:not([disabled]),
.form-control__input[type="url"]:active:not([disabled]) {
  border: 0.063rem solid #4e91f6;
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.25rem #e4eefd;
  transition:
    border 200ms ease-in-out,
    box-shadow 200ms ease-in-out;
}

.form-control__select,
.form-control .dropdown__text,
.form-control .dropdown__tag {
  padding: 0.75rem 1rem;
  background: #fff;
  border: 0.063rem solid #eef2f6;
  border-radius: 0.5rem;
  width: 100%;
  min-height: 2.75rem;
  max-height: 2.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #202939;
  outline: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDUuNzY3NDhDNC40MjMgNS41Mzc4IDQuODAyODIgNS41NDUyNSA1LjAzMjUgNS43ODQxMUw4IDguOTM0MzFMMTAuOTY3NSA1Ljc4NDExQzExLjE5NzIgNS41NDUyNSAxMS41NzcgNS41Mzc4IDExLjgxNTkgNS43Njc0OEMxMi4wNTQ3IDUuOTk3MTUgMTIuMDYyMiA2LjM3Njk4IDExLjgzMjUgNi42MTU4NEw4LjQzMjUgMTAuMjE1OEM4LjMxOTM4IDEwLjMzMzUgOC4xNjMyMSAxMC40IDggMTAuNEM3LjgzNjc5IDEwLjQgNy42ODA2MiAxMC4zMzM1IDcuNTY3NSAxMC4yMTU4TDQuMTY3NSA2LjYxNTg0QzMuOTM3ODIgNi4zNzY5OCAzLjk0NTI3IDUuOTk3MTUgNC4xODQxNCA1Ljc2NzQ4WiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: 1.125rem;
  background-position-x: calc(100% - 0.875rem);
  background-position-y: 0.75rem;
  cursor: pointer;
  appearance: none;
}

.form-control__select.open,
.form-control .dropdown__text.open,
.form-control .dropdown__tag.open {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDEwLjIzMjVDNC40MjMgMTAuNDYyMiA0LjgwMjgyIDEwLjQ1NDggNS4wMzI1IDEwLjIxNTlMOCA3LjA2NTY5TDEwLjk2NzUgMTAuMjE1OUMxMS4xOTcyIDEwLjQ1NDggMTEuNTc3IDEwLjQ2MjIgMTEuODE1OSAxMC4yMzI1QzEyLjA1NDcgMTAuMDAyOCAxMi4wNjIyIDkuNjIzMDIgMTEuODMyNSA5LjM4NDE2TDguNDMyNSA1Ljc4NDE2QzguMzE5MzggNS42NjY1MSA4LjE2MzIxIDUuNjAwMDIgOCA1LjYwMDAyQzcuODM2NzkgNS42MDAwMiA3LjY4MDYyIDUuNjY2NTEgNy41Njc1IDUuNzg0MTZMNC4xNjc1IDkuMzg0MTZDMy45Mzc4MiA5LjYyMzAyIDMuOTQ1MjcgMTAuMDAyOCA0LjE4NDE0IDEwLjIzMjVaIiBmaWxsPSIjOTlBMUFFIi8+Cjwvc3ZnPgo=");
}

@media only screen and (width <= 79.937rem) {
  .form-control__select,
  .form-control .dropdown__text,
  .form-control .dropdown__tag {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding: 0.625rem 0.875rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
  }
}

.form-control__select::placeholder,
.form-control .dropdown__text::placeholder,
.form-control .dropdown__tag::placeholder {
  color: #cdd5df;
}

.form-control__select::placeholder,
.form-control .dropdown__text::placeholder,
.form-control .dropdown__tag::placeholder {
  color: #cdd5df;
}

.form-control__select:disabled,
.form-control .dropdown__text:disabled,
.form-control .dropdown__tag:disabled {
  background: #f8fafc;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDUuNzY3NDhDNC40MjMgNS41Mzc4IDQuODAyODIgNS41NDUyNSA1LjAzMjUgNS43ODQxMUw4IDguOTM0MzFMMTAuOTY3NSA1Ljc4NDExQzExLjE5NzIgNS41NDUyNSAxMS41NzcgNS41Mzc4IDExLjgxNTkgNS43Njc0OEMxMi4wNTQ3IDUuOTk3MTUgMTIuMDYyMiA2LjM3Njk4IDExLjgzMjUgNi42MTU4NEw4LjQzMjUgMTAuMjE1OEM4LjMxOTM4IDEwLjMzMzUgOC4xNjMyMSAxMC40IDggMTAuNEM3LjgzNjc5IDEwLjQgNy42ODA2MiAxMC4zMzM1IDcuNTY3NSAxMC4yMTU4TDQuMTY3NSA2LjYxNTg0QzMuOTM3ODIgNi4zNzY5OCAzLjk0NTI3IDUuOTk3MTUgNC4xODQxNCA1Ljc2NzQ4WiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 1.125rem;
  background-position-x: calc(100% - 0.875rem);
  background-position-y: 0.75rem;
  color: #cdd5df;
  cursor: not-allowed;
}

.form-control__select:hover:not([disabled]),
.form-control .dropdown__text:hover:not([disabled]),
.form-control .dropdown__tag:hover:not([disabled]) {
  border: 0.063rem solid #cdd5df;
  transition: border 200ms ease-in-out;
}

.form-control__select:focus:not([disabled]),
.form-control__select:active:not([disabled]),
.form-control__select[data-toggle="dropdown"].show,
.form-control .dropdown__text:focus:not([disabled]),
.form-control .dropdown__text:active:not([disabled]),
.form-control .dropdown__text[data-toggle="dropdown"].show,
.form-control .dropdown__tag:focus:not([disabled]),
.form-control .dropdown__tag:active:not([disabled]),
.form-control .dropdown__tag[data-toggle="dropdown"].show {
  border: 0.063rem solid #0f6af5;
  box-shadow: 0 0 0 0.125rem rgb(15 106 245 / 20%);
  transition: all 200ms ease-in-out;
}

.form-control__select:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"],
.form-control
  .dropdown__text:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"],
.form-control
  .dropdown__tag:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__select:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"],
.form-control
  .dropdown__text:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"],
.form-control
  .dropdown__tag:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-clear="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__select:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"],
.form-control
  .dropdown__text:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"],
.form-control
  .dropdown__tag:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__select:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"],
.form-control
  .dropdown__text:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"],
.form-control
  .dropdown__tag:not(:placeholder-shown, [disabled], [readonly])
  ~ [data-visibility="input"] {
  pointer-events: all;
  opacity: 1;
  transition: 200ms ease-in-out;
}

.form-control__helper {
  --qn-input-helper-font-size: 0.75rem;
  --qn-input-helper-line-height-size: 1.125rem;

  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-top: 0.5rem;
  color: #697586;
  font-size: var(--qn-input-helper-font-size);
  line-height: var(--qn-input-helper-line-height-size);
  font-weight: 400;
}

@media only screen and (width <= 79.937rem) {
  .form-control__helper {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

.form-control__helper.error {
  color: var(--qn-danger);
}

.form-control_search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}

.form-control_search input {
  display: block;
  width: 100%;
  padding-left: 2.75rem;
  padding-right: 2rem;
  background-image: url("./../../assets/images/icons/input-search.svg");
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: 1rem center;
  height: fit-content;
}

@media only screen and (width <= 79.937rem) {
  .form-control_search input {
    background-image: url("./../../assets/images/icons/input-search-mini.svg");
  }
}

.form-control [data-clear="input"] {
  --qn-form-control-clear-right: 1rem;
  --qn-form-control-clear-extra-right: 0rem;

  cursor: pointer;
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: calc(
    var(--qn-form-control-clear-right) +
      var(--qn-form-control-clear-extra-right)
  );
  width: fit-content;
  height: fit-content;
}

.form-control [data-clear="input"]::before {
  font-family: sevima-icons;
  content: "\ec61";
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: var(--qn-neutral-500);
}

.form-control [data-clear="input"]:hover::before {
  color: var(--qn-neutral-600);
}

.form-control [data-visibility="input"] {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 1rem;
  min-width: fit-content;
  width: fit-content;
  min-height: fit-content;
  height: fit-content;
}

.form-control [data-visibility="input"]::before {
  font-family: sevima-icons;
  content: "\eacd";
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: var(--qn-neutral-500);
}

.form-control [data-visibility="input"]:hover::before {
  color: var(--qn-neutral-600);
}

.form-control [data-visibility="input"][data-type="text"]::before {
  content: "\eacb";
}

@media only screen and (width <= 23.437rem) {
  .form-control.form-control_expand-xs {
    width: 2.5rem;
  }

  .form-control.form-control_expand-xs .form-control__group {
    width: 100%;
    height: 100%;
  }

  .form-control.form-control_expand-xs input {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem;
    background-position: 0.625rem center;
    color: #fff0;
    right: 0;
  }

  .form-control.formxs input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-xs input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-xs [data-clear="input"] {
    display: none;
  }

  .form-control.form-control_expand-xs [data-input-icon] {
    left: 0;
    right: 0;
    margin: auto;
  }

  .form-control.form-control_expand-xs.form-control_expanded input {
    position: absolute;
    top: 0;
    color: var(--qn-neutral-700);
    transition: width 0.15s ease-in-out;
    width: 13.75rem;
  }

  .form-control.formxs.form-control_expanded input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-xs.form-control_expanded
    input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-xs.form-control_expanded
    input[type="search"] {
    padding-left: 2.75rem !important;
    padding-right: 2rem !important;
  }

  .form-control.form-control_expand-xs.form-control_expanded [data-input-icon] {
    right: calc(13.75rem - 1rem - 1.25rem);
    left: unset;
    transition: right 0.15s ease-in-out;
  }
}

@media only screen and (width <= 47.937rem) {
  .form-control.form-control_expand-sm {
    width: 2.5rem;
  }

  .form-control.form-control_expand-sm .form-control__group {
    width: 100%;
    height: 100%;
  }

  .form-control.form-control_expand-sm input {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem;
    background-position: 0.625rem center;
    color: #fff0;
    right: 0;
  }

  .form-control.formsm input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-sm input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-sm [data-clear="input"] {
    display: none;
  }

  .form-control.form-control_expand-sm [data-input-icon] {
    left: 0;
    right: 0;
    margin: auto;
  }

  .form-control.form-control_expand-sm.form-control_expanded input {
    position: absolute;
    top: 0;
    color: var(--qn-neutral-700);
    transition: width 0.15s ease-in-out;
    width: 13.75rem;
  }

  .form-control.formsm.form-control_expanded input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-sm.form-control_expanded
    input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-sm.form-control_expanded
    input[type="search"] {
    padding-left: 2.75rem !important;
    padding-right: 2rem !important;
  }

  .form-control.form-control_expand-sm.form-control_expanded [data-input-icon] {
    right: calc(13.75rem - 1rem - 1.25rem);
    left: unset;
    transition: right 0.15s ease-in-out;
  }
}

@media only screen and (width <= 79.937rem) {
  .form-control.form-control_expand-md {
    width: 2.5rem;
  }

  .form-control.form-control_expand-md .form-control__group {
    width: 100%;
    height: 100%;
  }

  .form-control.form-control_expand-md input {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem;
    background-position: 0.625rem center;
    color: #fff0;
    right: 0;
  }

  .form-control.formmd input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-md input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-md [data-clear="input"] {
    display: none;
  }

  .form-control.form-control_expand-md [data-input-icon] {
    left: 0;
    right: 0;
    margin: auto;
  }

  .form-control.form-control_expand-md.form-control_expanded input {
    position: absolute;
    top: 0;
    color: var(--qn-neutral-700);
    transition: width 0.15s ease-in-out;
    width: 13.75rem;
  }

  .form-control.formmd.form-control_expanded input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-md.form-control_expanded
    input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-md.form-control_expanded
    input[type="search"] {
    padding-left: 2.75rem !important;
    padding-right: 2rem !important;
  }

  .form-control.form-control_expand-md.form-control_expanded [data-input-icon] {
    right: calc(13.75rem - 1rem - 1.25rem);
    left: unset;
    transition: right 0.15s ease-in-out;
  }
}

@media only screen and (width <= 83.437rem) {
  .form-control.form-control_expand-lg {
    width: 2.5rem;
  }

  .form-control.form-control_expand-lg .form-control__group {
    width: 100%;
    height: 100%;
  }

  .form-control.form-control_expand-lg input {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem;
    background-position: 0.625rem center;
    color: #fff0;
    right: 0;
  }

  .form-control.formlg input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-lg input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-lg [data-clear="input"] {
    display: none;
  }

  .form-control.form-control_expand-lg [data-input-icon] {
    left: 0;
    right: 0;
    margin: auto;
  }

  .form-control.form-control_expand-lg.form-control_expanded input {
    position: absolute;
    top: 0;
    color: var(--qn-neutral-700);
    transition: width 0.15s ease-in-out;
    width: 13.75rem;
  }

  .form-control.formlg.form-control_expanded input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-lg.form-control_expanded
    input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-lg.form-control_expanded
    input[type="search"] {
    padding-left: 2.75rem !important;
    padding-right: 2rem !important;
  }

  .form-control.form-control_expand-lg.form-control_expanded [data-input-icon] {
    right: calc(13.75rem - 1rem - 1.25rem);
    left: unset;
    transition: right 0.15s ease-in-out;
  }
}

@media only screen and (width <= 89.937rem) {
  .form-control.form-control_expand-xl {
    width: 2.5rem;
  }

  .form-control.form-control_expand-xl .form-control__group {
    width: 100%;
    height: 100%;
  }

  .form-control.form-control_expand-xl input {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem;
    background-position: 0.625rem center;
    color: #fff0;
    right: 0;
  }

  .form-control.formxl input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-xl input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-xl [data-clear="input"] {
    display: none;
  }

  .form-control.form-control_expand-xl [data-input-icon] {
    left: 0;
    right: 0;
    margin: auto;
  }

  .form-control.form-control_expand-xl.form-control_expanded input {
    position: absolute;
    top: 0;
    color: var(--qn-neutral-700);
    transition: width 0.15s ease-in-out;
    width: 13.75rem;
  }

  .form-control.formxl.form-control_expanded input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-xl.form-control_expanded
    input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-xl.form-control_expanded
    input[type="search"] {
    padding-left: 2.75rem !important;
    padding-right: 2rem !important;
  }

  .form-control.form-control_expand-xl.form-control_expanded [data-input-icon] {
    right: calc(13.75rem - 1rem - 1.25rem);
    left: unset;
    transition: right 0.15s ease-in-out;
  }
}

@media only screen and (width <= 119.937rem) {
  .form-control.form-control_expand-2xl {
    width: 2.5rem;
  }

  .form-control.form-control_expand-2xl .form-control__group {
    width: 100%;
    height: 100%;
  }

  .form-control.form-control_expand-2xl input {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem;
    background-position: 0.625rem center;
    color: #fff0;
    right: 0;
  }

  .form-control.form2xl input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-2xl input::placeholder {
    color: #fff0;
  }

  .form-control.form-control_expand-2xl [data-clear="input"] {
    display: none;
  }

  .form-control.form-control_expand-2xl [data-input-icon] {
    left: 0;
    right: 0;
    margin: auto;
  }

  .form-control.form-control_expand-2xl.form-control_expanded input {
    position: absolute;
    top: 0;
    color: var(--qn-neutral-700);
    transition: width 0.15s ease-in-out;
    width: 13.75rem;
  }

  .form-control.form2xl.form-control_expanded input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-2xl.form-control_expanded
    input::placeholder {
    color: var(--qn-neutral-400);
  }

  .form-control.form-control_expand-2xl.form-control_expanded
    input[type="search"] {
    padding-left: 2.75rem !important;
    padding-right: 2rem !important;
  }

  .form-control.form-control_expand-2xl.form-control_expanded
    [data-input-icon] {
    right: calc(13.75rem - 1rem - 1.25rem);
    left: unset;
    transition: right 0.15s ease-in-out;
  }
}

.form-control_sm {
  --qn-input-padding-size: 0.5rem 0.75rem;
  --qn-input-height-size: 2.25rem;
  --qn-input-font-size: 0.875rem;
  --qn-input-line-height-size: 1.25rem;
  --qn-input-helper-font-size: 0.75rem;
  --qn-input-helper-line-height-size: 1.125rem;
}

.form-control_md {
  --qn-input-padding-size: 0.625rem 0.75rem;
  --qn-input-height-size: 2.5rem;
  --qn-input-font-size: 0.875rem;
  --qn-input-line-height-size: 1.25rem;
  --qn-input-helper-font-size: 0.75rem;
  --qn-input-helper-line-height-size: 1.125rem;
}

.form-control_lg {
  --qn-input-padding-size: 0.625rem 0.75rem;
  --qn-input-height-size: 2.75rem;
  --qn-input-font-size: 1rem;
  --qn-input-line-height-size: 1.5rem;
  --qn-input-helper-font-size: 0.875rem;
  --qn-input-helper-line-height-size: 1.25rem;
}

.select-flag {
  cursor: pointer;
  align-items: center;
  display: flex;
  gap: 0.25rem;
  min-width: 4rem;
  position: relative;
  padding: 0.75rem 1rem;
  background: #fff;
  border: 0.063rem solid #eef2f6;
  border-right: 0;
  border-radius: 0.5rem 0 0 0.5rem;
  text-align: center;
  min-height: 2.75rem;
  max-height: 2.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #202939;
  outline: none;
}

.select-flag select {
  display: none;
}

.select-flag img {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
}

.select-flag .select-flag {
  min-width: 16rem !important;
}

.select-flag::after {
  content: "";
  position: relative;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDUuNzY3NTFDNC40MjMgNS41Mzc4MyA0LjgwMjgyIDUuNTQ1MjggNS4wMzI1IDUuNzg0MTRMOCA4LjkzNDM0TDEwLjk2NzUgNS43ODQxNEMxMS4xOTcyIDUuNTQ1MjggMTEuNTc3IDUuNTM3ODMgMTEuODE1OSA1Ljc2NzUxQzEyLjA1NDcgNS45OTcxOCAxMi4wNjIyIDYuMzc3MDEgMTEuODMyNSA2LjYxNTg3TDguNDMyNSAxMC4yMTU5QzguMzE5MzggMTAuMzMzNSA4LjE2MzIxIDEwLjQgOCAxMC40QzcuODM2NzkgMTAuNCA3LjY4MDYyIDEwLjMzMzUgNy41Njc1IDEwLjIxNTlMNC4xNjc1IDYuNjE1ODdDMy45Mzc4MiA2LjM3NzAxIDMuOTQ1MjcgNS45OTcxOCA0LjE4NDE0IDUuNzY3NTFaIiBmaWxsPSIjOTlBMUFFIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1rem;
  height: 1rem;
}

@media only screen and (width <= 79.937rem) {
  .select-flag::after {
    width: 1rem;
    height: 1rem;
  }
}

@media only screen and (width <= 79.937rem) {
  .select-flag {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding: 0.625rem 0.875rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
  }
}

.form-description {
  width: 20.25rem;
}

@media only screen and (width <= 47.937rem) {
  .form-description {
    padding-bottom: 1rem;
  }
}

.form-description .form-description_title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}

.form-description .form-description_subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.form-group {
  border-bottom: 0.063rem solid;
  border-color: #f8fafc;
  padding-bottom: 2.5rem;
}

.form-group:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.form-group:not(:first-child) {
  padding-top: 2.5rem;
}

.form-navigation {
  position: fixed;
  z-index: 401;
  bottom: 0;
  right: 0;
  width: calc(100% - 15rem);
  padding: 1.25rem 1.5rem;
  background: #fff;
  border-top: 0.063rem solid #e0e3e7;
  box-shadow: 0.25rem 0 0.5rem rgb(0 0 0 / 12%);
}

.layout-managerial.collapse .form-navigation {
  width: calc(100% - 4.25rem);
}

@media only screen and (width <= 119.938rem) and (width >= 80rem) {
  .form-navigation {
    width: calc(100% - 15rem);
  }
}

@media only screen and (width <= 125rem) and (width >= 120rem) {
  .form-navigation {
    width: calc(100% - 16.563rem);
  }
}

@media only screen and (width >= 125.625rem) {
  .form-navigation {
    width: calc(100% - 17.5rem);
  }
}

@media only screen and (width <= 47.937rem) {
  .form-navigation {
    width: 100% !important;
  }
}

.form-navigation .form-stepper {
  position: absolute;
  top: -0.437rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  background-color: #fff;
}

.form-navigation .form-stepper .stepper {
  width: 100%;
  height: 0.375rem;
  background-color: #eef2f6;
  position: relative;
}

.form-navigation .form-stepper .stepper::before {
  background-color: var(--qn-primary-400);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  transition: width 0.65s ease-in-out;
}

.form-navigation .form-stepper .stepper.done::before {
  width: 100%;
}

.form-navigation .form-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-section {
  display: none;
}

.form-section.active {
  display: block;
}

.form-control .radio-button,
.form-control .checkbox,
.form-control .switch {
  padding-bottom: 1rem;
  display: flex;
}

@media only screen and (width <= 79.937rem) {
  .form-control .radio-button,
  .form-control .checkbox,
  .form-control .switch {
    padding-bottom: 0.875rem;
  }
}

.form-control .radio-button:last-of-type,
.form-control .checkbox:last-of-type,
.form-control .switch:last-of-type {
  padding-bottom: 0;
}

.form-control .radio-button-inline,
.form-control .checkbox-inline,
.form-control .switch-inline {
  display: inline-flex;
  padding-right: 0.75rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control .radio-button-inline,
  .form-control .checkbox-inline,
  .form-control .switch-inline {
    padding-bottom: 0.5rem;
  }
}

.form-control .radio-button-inline:last-of-type,
.form-control .checkbox-inline:last-of-type,
.form-control .switch-inline:last-of-type {
  padding-right: 0;
}

.form-control .form-control__radio {
  display: none;
  position: relative;
}

.form-control .form-control__radio:hover:not([disabled]),
.form-control .form-control__radio:hover:not([disabled]) + label::before {
  border-color: var(--qn-primary);
}

.form-control .form-control__radio:hover:not([disabled]) + label::before {
  background: #fff;
}

.form-control .form-control__radio:checked + label::before {
  border: 0.3125rem solid var(--qn-primary);
}

.form-control .form-control__radio:checked + label::after {
  content: "";
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  left: 0.25rem;
  top: 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control .form-control__radio:checked + label::after {
    left: 0.188rem;
    top: 0.188rem;
  }
}

.form-control
  .form-control__radio:checked:hover:not([disabled])
  + label::after {
  border-color: #fff;
  background-color: #fff;
}

.form-control
  .form-control__radio:checked:hover:not([disabled])
  + label::before {
  border-color: var(--qn-primary-500);
}

.form-control .form-control__radio:checked:disabled + label::before {
  background: #fff;
  border: 0.3125rem solid #abc9f5;
}

.form-control .form-control__radio:checked:disabled + label::after {
  background-color: #abc9f5;
}

.form-control .form-control__radio:disabled:not([checked]) + label::before {
  background: #eef2f6;
  border: 0.063rem solid #e3e8ef;
}

.form-control .form-control__radio:disabled + label::after,
.form-control .form-control__radio:disabled + label {
  cursor: default;
  pointer-events: none;
  color: #cdd5df;
}

.form-control .form-control__radio:active:not([disabled]) ~ label::before,
.form-control .form-control__radio:focus:not([disabled]) ~ label::before {
  outline: 0;
  border-color: #cdd5df;
  box-shadow:
    0 0.063rem 0.125rem rgb(16 24 40 / 5%),
    0 0 0 0.125rem #f2f4f7;
}

.form-control .form-control__label-radio {
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
  padding-left: 1.5rem;
  position: relative;
  color: #202939;
  line-height: 1.25rem;
}

@media only screen and (width <= 47.937rem) {
  .form-control .form-control__label-radio {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    padding-left: 1.5rem;
  }
}

.form-control .form-control__label-radio::before {
  content: "";
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  max-width: 1.125rem;
  max-height: 1.125rem;
  background-color: #fff;
  border: 0.063rem solid #9aa4b2;
  border-radius: 50%;
  top: 0;
  left: 0;
  transition: all 0.15s ease;
}

@media only screen and (width <= 79.937rem) {
  .form-control .form-control__label-radio::before {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    max-width: 1rem;
    max-height: 1rem;
  }
}

.form-control .form-control__label-radio.label-radio_disabled {
  color: #9aa4b2;
  pointer-events: none;
  cursor: default;
}

.form-control .radio-button {
  display: flex;
  flex-direction: column;
}

.form-control .radio-button .form-control__label {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;
  padding-left: 0.5rem;
}

.form-control .radio-button .form-control__label-radio {
  font-weight: 500;
}

.form-control .radio-button .form-control__label-desc {
  padding-left: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.form-control .radio-button .form-control__label-desc.label-desc_disabled {
  color: #9aa4b2;
  pointer-events: none;
  cursor: default;
}

.form-control .radio-button_sm .form-control__label-radio {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding-left: 1.5rem;
}

.form-control .radio-button_sm .form-control__label-radio::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
}

.form-control .radio-button_sm .form-control__label-desc {
  padding-left: 1.5rem !important;
}

input[type="checkbox"],
.form-control__checkbox {
  cursor: pointer;
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  max-width: 1.125rem;
  max-height: 1.125rem;
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0.063rem solid #9aa4b2;
  appearance: none;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
}

@media only screen and (width <= 79.937rem) {
  input[type="checkbox"],
  .form-control__checkbox {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    max-width: 1rem;
    max-height: 1rem;
  }
}

input[type="checkbox"]:hover:not([disabled]),
.form-control__checkbox:hover:not([disabled]) {
  border-color: var(--qn-primary);
}

input[type="checkbox"]:checked,
.form-control__checkbox:checked {
  background-color: var(--qn-primary);
  border-color: var(--qn-primary);
}

input[type="checkbox"]:checked[type="checkbox"],
.form-control__checkbox:checked[type="checkbox"] {
  background-size: 0.625rem 0.625rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjYyNTIxIDcuMzE1OEw5LjkyMTggMC4zODIwOTNDMTAuMjQ3NyAtMC4wNDQ1OTg0IDEwLjg1NzkgLTAuMTI2MjcgMTEuMjg0NiAwLjE5OTY3NUMxMS43MTEzIDAuNTI1NjIgMTEuNzkyOSAxLjEzNTc1IDExLjQ2NyAxLjU2MjQ0TDUuNTI1NjUgOS4zNDAxOUM1LjE3OTE2IDkuNzkzNzcgNC41MTgzIDkuODUyNjggNC4wOTcwNCA5LjQ2NzUzTDAuMzE2MTkzIDYuMDEwNzZDLTAuMDgwMDg0MyA1LjY0ODQ1IC0wLjEwNzYyIDUuMDMzNDkgMC4yNTQ2OTEgNC42MzcyMUMwLjYxNzAwMyA0LjI0MDk0IDEuMjMxOTYgNC4yMTM0IDEuNjI4MjQgNC41NzU3MUw0LjYyNTIxIDcuMzE1OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}

@media only screen and (width <= 79.937rem) {
  input[type="checkbox"]:checked[type="checkbox"],
  .form-control__checkbox:checked[type="checkbox"] {
    background-size: 0.5rem 0.5rem;
  }
}

input[type="checkbox"]:checked:hover:not([disabled]),
.form-control__checkbox:checked:hover:not([disabled]) {
  background-color: var(--qn-primary-500);
  border-color: var(--qn-primary-500);
}

input[type="checkbox"]:disabled,
.form-control__checkbox:disabled {
  pointer-events: none;
  filter: none;
  background-color: #eef2f6;
  background-repeat: no-repeat;
  background-position: center;
  border-color: #e3e8ef;
}

input[type="checkbox"]:checked:disabled,
.form-control__checkbox:checked:disabled {
  background-color: #abc9f5;
  border: #abc9f5;
}

input[type="checkbox"]:disabled:not([checked]),
.form-control__checkbox:disabled:not([checked]) {
  background: #eef2f6;
  border: 0.063rem solid #e3e8ef;
}

input[type="checkbox"]:active:not([disabled]),
input[type="checkbox"]:focus:not([disabled]),
.form-control__checkbox:active:not([disabled]),
.form-control__checkbox:focus:not([disabled]) {
  border-color: #cdd5df;
  outline: 0;
  box-shadow:
    0 0 0 0.125rem #f2f4f7,
    0 0.063rem 0.125rem 0 rgb(16 24 40 / 5%);
}

.form-control .form-control__label-checkbox {
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  padding-left: 0.5rem;
  position: relative;
  color: #202939;
  line-height: 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-control .form-control__label-checkbox {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.form-control .form-control__label-checkbox.label-checkbox_disabled {
  color: #9aa4b2;
  pointer-events: none;
  cursor: default;
}

.form-control .checkbox .form-control__label {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;
  padding-left: 0.5rem;
}

.form-control .checkbox .form-control__label .form-control__label-checkbox {
  padding-left: 0;
}

.form-control .checkbox .form-control__label .form-control__label-desc {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.form-control
  .checkbox
  .form-control__label
  .form-control__label-desc.label-desc_disabled {
  color: #9aa4b2;
  pointer-events: none;
  cursor: default;
}

.form-control .checkbox.checkbox_lg .form-control__checkbox {
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
}

.form-control
  .checkbox.checkbox_lg
  .form-control__checkbox:checked[type="checkbox"] {
  background-size: 0.625rem 0.625rem;
}

.form-control .checkbox.checkbox_lg .form-control__label-checkbox {
  padding-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.form-control .checkbox.checkbox_sm .form-control__checkbox {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
}

.form-control
  .checkbox.checkbox_sm
  .form-control__checkbox:checked[type="checkbox"] {
  background-size: 0.5rem 0.5rem;
}

.form-control .checkbox.checkbox_sm .form-control__label-checkbox {
  padding-left: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.form-control
  .checkbox.checkbox_sm
  .form-control__label
  .form-control__label-checkbox {
  padding-left: 0;
}

.form-control .form-control__switch {
  position: absolute;
  inset: 0;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: 2;
}

.form-control .form-control__switch:hover:not([disabled]) + label {
  cursor: pointer;
}

.form-control .form-control__switch:hover:not([disabled]) + label::before {
  background-color: #697586;
  transition: 300ms;
}

.form-control .form-control__switch:active:not([disabled]) + label::after {
  transition: width 300ms ease-in-out;
  width: 1.5rem;
}

.form-control .form-control__switch:checked + label .check-mark {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}

.form-control
  .form-control__switch:disabled:checked
  + label
  .check-mark
  svg
  path {
  fill: var(--qn-primary-200);
}

.form-control .form-control__switch:checked + label::after {
  left: 2.625rem;
  transform: translateX(-100%);
}

.form-control .form-control__switch:checked + label::before {
  background: var(--qn-primary-400);
}

.form-control
  .form-control__switch:hover:checked:not([disabled])
  + label::before {
  background: var(--qn-primary-500);
}

.form-control .form-control__switch:disabled + label::before {
  background: #f8fafc;
}

.form-control .form-control__switch:disabled:checked + label::before {
  background: var(--qn-primary-200);
}

.form-control .form-control__switch:active:not([disabled]) + label::before,
.form-control .form-control__switch:focus:not([disabled]) + label::before {
  border-color: var(--qn-ocean-blue);
  outline: 0;
  box-shadow: 0 0 0 0.125rem var(--qn-ocean-blue-alpha-0-12);
}

.form-control .form-control__checkbox:not([disabled]) + label,
.form-control .form-control__radio:not([disabled]) + label {
  cursor: pointer;
}

.form-control .form-control__label-switch {
  font-size: 0.75rem;
  font-weight: 400;
  min-width: 2.75rem;
  line-height: 1.5rem;
  width: fit-content;
  height: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: relative;
  transition: all 0.25s ease;
}

.form-control .form-control__label-switch::before {
  content: "";
  display: block;
  width: 2.75rem;
  height: 1.5rem;
  border-radius: 3.125rem;
  background: #9aa4b2;
}

.form-control .form-control__label-switch::after {
  content: url("");
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border-radius: 6.25rem;
  transition: 0.25s;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 10%);
}

.form-control .form-control__label-switch.label-switch_disabled {
  color: #cdd5df;
  pointer-events: none;
  cursor: default;
}

.form-control .form-control__label-switch .check-mark {
  width: 1rem;
  left: 1.563rem;
  top: 0.25rem;
  position: absolute;
  z-index: 2;
  opacity: 0;
}

.form-control .form-control__label-switch .check-mark svg path {
  fill: var(--qn-primary-400);
}

.form-control input[type="range"] {
  padding: 0;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  appearance: none;
  margin: 0;
  min-height: 0;
  height: 0.25rem;
  background: #cdd5df;
  border: none;
  border-radius: 0.25rem;
  background-image: linear-gradient(var(--qn-primary), var(--qn-primary));
  background-size: 32% 100%;
  background-repeat: no-repeat;
}

.form-control input[type="range"]:read-only {
  border: none;
}

.form-control input[type="range"]:focus,
.form-control input[type="range"]:hover,
.form-control input[type="range"]:read-only {
  border: none;
}

.form-control input[type="range"]:disabled:read-only {
  cursor: default;
  background-image: linear-gradient(var(--qn-primary), var(--qn-primary));
  background-size: 32% 100%;
  background-repeat: no-repeat;
}

.form-control input[type="range"]:disabled:focus,
.form-control input[type="range"]:disabled:hover,
.form-control input[type="range"]:disabled:read-only {
  cursor: default;
  background-image: linear-gradient(var(--qn-primary), var(--qn-primary));
  background-size: 32% 100%;
  background-repeat: no-repeat;
}

.form-control input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto;
  appearance: none;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  background: #fff !important;
  border: 0.063rem solid var(--qn-primary);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control input[type="range"]::-webkit-slider-thumb {
    transition: none;
  }
}

.form-control input[type="range"]::-moz-range-thumb {
  appearance: none;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  background: #fff !important;
  border: 0.063rem solid var(--qn-primary);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control input[type="range"]::-moz-range-thumb {
    transition: none;
  }
}

.form-control input[type="range"]::-ms-thumb {
  appearance: none;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  background: #fff !important;
  border: 0.063rem solid var(--qn-primary);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control input[type="range"]::-ms-thumb {
    transition: none;
  }
}

.form-control input[type="range"]:focus::-webkit-slider-thumb {
  outline: 0;
  box-shadow: 0 0 0 0.188rem var(--qn-primary-100);
}

.form-control input[type="range"]:focus::-moz-range-thumb {
  outline: 0;
  box-shadow: 0 0 0 0.188rem var(--qn-primary-100);
}

.form-control input[type="range"]:focus::-ms-thumb {
  outline: 0;
  box-shadow: 0 0 0 0.188rem var(--qn-primary-100);
}

.form-control .form-control__slider {
  position: relative;
  padding: 1rem 0 0;
}

.form-control .form-control__slider input[type="range"] {
  position: absolute;
  width: 100%;
  height: 0.25rem;
  top: -0.25rem;
  background: none;
  pointer-events: none;
  appearance: none;
}

.form-control .form-control__slider .form-control__slider-range {
  height: 0.25rem;
  position: relative;
  background-color: #cdd5df;
  border-radius: 0.125rem;
}

.form-control
  .form-control__slider
  .form-control__slider-range
  .form-control__slider-range__selected {
  height: 100%;
  left: 30%;
  right: 30%;
  position: absolute;
  border-radius: 0.25rem;
  background-color: var(--qn-primary);
}

.form-control .form-control__slider .form-control__slider-input {
  position: relative;
}

.form-control .form-control__slider .form-control__slider-label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  margin: 0;
  padding: 1.5rem 0 0.75rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
}

.form-control .form-control__slider .form-control__slider-label div {
  width: calc(50% - 4rem);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.form-control .form-control__slider .form-control__slider-label div label {
  margin: 0;
}

.form-control .form-control__slider .form-control__slider-label div input {
  width: calc(70% - 1rem);
  padding: 0.25rem;
}

.upload-draggable {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  border-radius: 0.5rem;
  border: 0.063rem dashed #e3e8ef;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  z-index: 0;
}

.upload-draggable_inline {
  padding: 1rem;
}

.upload-draggable:hover:not(.upload-draggable_disabled) {
  background: #f8fafc;
  border: 0.063rem solid #e3e8ef;
}

.upload-draggable:hover:not(.upload-draggable_disabled)
  .upload-draggable__subtitle,
.upload-draggable:hover:not(.upload-draggable_disabled)
  .upload-draggable__support {
  color: #4b5565;
}

.upload-draggable:hover:not(.upload-draggable_disabled)
  .upload-draggable__icon {
  background: var(--qn-primary-100);
}

.upload-draggable:focus:not(.upload-draggable_disabled) {
  background: var(--qn-primary-100);
  border: 0.063rem solid var(--qn-primary-400);
}

.upload-draggable:focus:not(.upload-draggable_disabled)
  .upload-draggable__subtitle,
.upload-draggable:focus:not(.upload-draggable_disabled)
  .upload-draggable__support {
  color: #4b5565;
}

.upload-draggable:focus:not(.upload-draggable_disabled)
  .upload-draggable__icon {
  background: var(--qn-primary-400);
}

.upload-draggable:focus:not(.upload-draggable_disabled)
  .upload-draggable__icon
  .icon {
  color: #fff;
}

.upload-draggable.is-active {
  background: var(--qn-primary-100);
  border: 0.063rem solid var(--qn-primary);
}

.upload-draggable.is-active .upload-draggable__subtitle,
.upload-draggable.is-active .upload-draggable__support {
  color: #4b5565;
}

.upload-draggable.is-active .upload-draggable__icon {
  background: var(--qn-primary) !important;
}

.upload-draggable.is-active .upload-draggable__icon span {
  color: #fff !important;
}

.upload-draggable.upload-draggable_disabled {
  cursor: no-drop;
  border: 0.063rem solid #f8fafc;
  background: #f8fafc;
}

.upload-draggable.upload-draggable_disabled input[type="file"] {
  display: none;
}

.upload-draggable.upload-draggable_disabled .upload-draggable__icon {
  background: #f8fafc !important;
}

.upload-draggable.upload-draggable_disabled .upload-draggable__icon .icon {
  color: #cdd5df !important;
}

.upload-draggable.upload-draggable_disabled .upload-draggable__title {
  color: #cdd5df !important;
}

.upload-draggable.upload-draggable_disabled .upload-draggable__subtitle {
  color: #cdd5df !important;
}

.upload-draggable.upload-draggable_disabled .upload-draggable__support {
  color: #cdd5df !important;
}

.upload-draggable .upload-draggable__box {
  opacity: 1;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.upload-draggable .upload-draggable__box input[type="file"] {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
}

.upload-draggable .upload-draggable__box .upload-draggable__icon {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 50%;
  background: var(--qn-primary-100);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable .upload-draggable__box .upload-draggable__icon {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
  }
}

.upload-draggable .upload-draggable__box .upload-draggable__icon .icon {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: var(--qn-primary-400);
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable .upload-draggable__box .upload-draggable__icon .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}

.upload-draggable .upload-draggable__box .upload-draggable__title {
  padding-top: 1.25rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--qn-primary);
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable .upload-draggable__box .upload-draggable__title {
    padding-top: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.upload-draggable .upload-draggable__box .upload-draggable__subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding-top: 0.5rem;
  color: #4b5565;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable .upload-draggable__box .upload-draggable__subtitle {
    padding-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.upload-draggable .upload-draggable__box .upload-draggable__support {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding-top: 0.25rem;
  color: #4b5565;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable .upload-draggable__box .upload-draggable__support {
    padding-top: 0.063rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.upload-draggable .upload-draggable__box-inline {
  opacity: 1;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  z-index: 10;
}

.upload-draggable .upload-draggable__box-inline input[type="file"] {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__icon {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 50%;
  background: var(--qn-primary-100);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable .upload-draggable__box-inline .upload-draggable__icon {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
  }
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__icon .icon {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: var(--qn-primary-400);
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable
    .upload-draggable__box-inline
    .upload-draggable__icon
    .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}

.upload-draggable
  .upload-draggable__box-inline
  .upload-draggable__inline-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable
    .upload-draggable__box-inline
    .upload-draggable__inline-wrapper {
    gap: 0.75rem;
  }
}

.upload-draggable
  .upload-draggable__box-inline
  .upload-draggable__inline-wrapper
  .upload-draggable__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--qn-primary);
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable
    .upload-draggable__box-inline
    .upload-draggable__inline-wrapper
    .upload-draggable__title {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.upload-draggable
  .upload-draggable__box-inline
  .upload-draggable__inline-wrapper
  .upload-draggable__subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #4b5565;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable
    .upload-draggable__box-inline
    .upload-draggable__inline-wrapper
    .upload-draggable__subtitle {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.upload-draggable
  .upload-draggable__box-inline
  .upload-draggable__inline-wrapper
  .upload-draggable__support {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding-top: 0.25rem;
  color: #4b5565;
}

@media only screen and (width <= 79.937rem) {
  .upload-draggable
    .upload-draggable__box-inline
    .upload-draggable__inline-wrapper
    .upload-draggable__support {
    padding-top: 0.125rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.upload-draggable .upload-draggable__box-inline .inline-upload {
  display: flex;
  gap: 1rem;
}

.upload-draggable .upload-draggable__uploading,
.upload-draggable .upload-draggable__success,
.upload-draggable .upload-draggable__error {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  padding: 1rem 1.5rem;
  line-height: 1.5rem;
  color: #222;
  z-index: 5;
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  width: 100%;
  height: 100%;
  inset: 0;
}

.upload-draggable .upload-draggable__uploading span,
.upload-draggable .upload-draggable__success span,
.upload-draggable .upload-draggable__error span {
  color: var(--qn-primary);
}

.upload-draggable .upload-draggable__uploading {
  flex-wrap: wrap;
  gap: 0.5rem;
}

.attachment {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem;
  border: 0.063rem solid #eef2f6;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: space-between;
}

.attachment_loading {
  border: 0.063rem solid #f8fafc;
}

.attachment__wrapper {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
}

.attachment__wrapper-icon {
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
}

.attachment__wrapper-icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.attachment__wrapper-text {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.attachment__wrapper-text .attachment__title .attachment__heading {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
}

.attachment__wrapper-text .attachment__title .attachment__description {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #9aa4b2;
}

.attachment__wrapper-text .attachment__title .attachment__description .error {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #ec3d27 !important;
}

.attachment__wrapper-text .attachment__title .attachment__description .success {
  color: #15b79e !important;
}

.attachment__wrapper-text
  .attachment__title
  .attachment__description
  .icon-arrow-path {
  padding-left: 0.25rem;
}

.attachment__wrapper-dismiss {
  align-self: flex-start;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  cursor: pointer;
}

.attachment__wrapper-dismiss span {
  font-size: 1rem;
  color: #9aa4b2;
}

.attachment__wrapper-dismiss:hover {
  filter: brightness(0.8);
}

.attachment__wrapper-action {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.attachment_img .attachment__wrapper .attachment__wrapper-icon {
  min-width: 3.75rem;
  width: 3.75rem;
  max-width: 3.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  max-height: 2.75rem;
  border: 0.063rem solid #e3e8ef;
  border-radius: 0.25rem;
}

.attachment_img .attachment__wrapper .attachment__wrapper-icon img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}

.ql-snow {
  border-color: #e3e8ef !important;
  font-family: "Instrument Sans, sans-serif" !important;
  background: #fff !important;
}

.ql-toolbar {
  border-bottom: none !important;
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
  padding: 0.75rem 0.875rem !important;
}

.ql-toolbar .ql-formats .ql-size .ql-picker-label {
  padding: 0 !important;
}

.ql-container {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  height: fit-content;
}

.ql-container .ql-editor {
  padding: 0 0.875rem 0.75rem !important;
  word-break: break-word;
}

.ql-container .ql-editor * {
  color: #4b5565;
}

.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*="select-one"] {
  cursor: pointer;
}

.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 0.4685rem;
}

.choices[data-type*="select-one"] .choices__input {
  display: block;
  width: 100%;
  padding: 0.625rem;
  border-bottom: 0.063rem solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*="select-one"] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 0.5rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.625rem;
  margin-right: 1.563rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*="select-one"] .choices__button:hover,
.choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0 0 0 0.125rem #00bcd4;
}

.choices[data-type*="select-one"]
  .choices__item[data-value=""]
  .choices__button {
  display: none;
}

.choices[data-type*="select-one"]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 #fff0 #fff0;
  border-width: 0.313rem;
  position: absolute;
  right: 0.7185rem;
  top: 50%;
  margin-top: -0.1565rem;
  pointer-events: none;
}

.choices[data-type*="select-one"].is-open::after {
  border-color: #fff0 #fff0 #333;
  margin-top: -0.4685rem;
}

.choices[data-type*="select-one"][dir="rtl"]::after {
  left: 0.7185rem;
  right: auto;
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  right: auto;
  left: 0;
  margin-left: 1.563rem;
  margin-right: 0;
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
  cursor: text;
}

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0 -0.25rem 0 0.5rem;
  padding-left: 1rem;
  border-left: 0.063rem solid #008fa1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 0.5rem;
  width: 0.5rem;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.4685rem 0.4685rem 0.4685rem 0.23425rem;
  border: 0.063rem solid #ddd;
  border-radius: 0.1565rem;
  font-size: 0.875rem;
  min-height: 2.75rem;
  overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 0.1565rem 0.1565rem 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 0.1565rem 0.1565rem;
}

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

.choices__list--single {
  display: inline-block;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  width: 100%;
}

[dir="rtl"] .choices__list--single {
  padding-right: 0.25rem;
  padding-left: 1rem;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 1.25rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0.23425rem;
  margin-bottom: 0.23425rem;
  background-color: #00bcd4;
  border: 0.063rem solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 0.313rem;
}

[dir="rtl"] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 0.23425rem;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 0.063rem solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 0.063rem solid #919191;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 0.063rem solid #ddd;
  top: 100%;
  margin-top: -0.063rem;
  border-bottom-left-radius: 0.1565rem;
  border-bottom-right-radius: 0.1565rem;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -0.063rem;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 14.5rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 0.625rem;
  font-size: 0.875rem;
}

[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (width >= 40rem) {
  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 6.25rem;
  }

  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 0.75rem;
    opacity: 0;
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
  }

  [dir="rtl"] .choices__list--dropdown .choices__item--selectable,
  [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 6.25rem;
    padding-right: 0.625rem;
  }

  [dir="rtl"] .choices__list--dropdown .choices__item--selectable::after,
  [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 0.625rem;
  }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.625rem;
  border-bottom: 0.063rem solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -640rem;
  appearance: none;
  border: 0;
  background-color: #fff0;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  margin-bottom: 0.313rem;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 0.25rem 0 0.25rem 0.125rem;
}

.choices__input:focus {
  outline: 0;
}

.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir="rtl"] .choices__input {
  padding-right: 0.125rem;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

select {
  border-radius: 0.5rem;
  border: 0.063rem solid #e3e8ef;
  background: #fff;
}

select:disabled,
select .disabled {
  border: 0.063rem solid #e3e8ef;
  background: #eef2f6;
}

.choices {
  overflow: unset;
  margin: 0;
  width: 100%;
}

.choices__inner {
  background-color: #fff;
  border-radius: 0.5rem;
  border-color: #e3e8ef;
  min-height: 2.5rem;
  max-height: 2.5rem;
  box-shadow: 0 0.063rem 0.125rem 0 rgb(16 24 40 / 5%);
  position: relative;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  font-feature-settings: "liga" off;
  transition: box-shadow 200ms ease-in-out;
}

@media only screen and (width <= 47.937rem) {
  .choices__inner {
    font-size: 0.75rem;
    font-weight: 400;
  }
}

.choices__input {
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
}

@media only screen and (width <= 47.937rem) {
  .choices__input {
    font-size: 0.75rem;
    font-weight: 400;
  }
}

.choices:not(.is-open, .is-focused) .choices__inner {
  color: #9aa4b2;
}

.choices:not(.is-open, .is-focused) input[type="checkbox"],
.choices:not(.is-open, .is-focused) .icon {
  display: none;
}

.choices.is-open .choices__inner,
.choices.is-focused .choices__inner {
  border-radius: 0.5rem;
  border-color: var(--qn-primary);
  background: #fff;
  box-shadow:
    0 0 0 0.25rem #e4eefd,
    0 0.063rem 0.125rem 0 rgb(16 24 40 / 5%);
  color: #4b5565;
}

.choices.is-disabled .choices__inner {
  border-color: #e3e8ef;
  background: #eef2f6;
  color: #697586;
}

.choices.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.choices__list.choices__list--dropdown {
  border-radius: 0.5rem;
  border-color: #f8fafc;
  box-shadow:
    0 0.25rem 0.375rem 0.25rem rgb(16 24 40 / 6%),
    0 0.75rem 1rem -0.25rem rgb(16 24 40 / 10%);
}

.choices__list.choices__list--dropdown .choices__input {
  padding: 0.5625rem 0.75rem;
}

.choices__list.choices__list--dropdown .choices__input input[type="search"] {
  border: 0.063rem solid #e3e8ef;
  border-radius: 0.5rem;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  margin-top: 0.5rem;
  z-index: 2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--qn-primary-100);
  color: var(--qn-primary-400);
}

.choices__list[aria-expanded] .choices__item {
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.choices__list .is-selected.choices__item--disabled {
  text-indent: -640rem;
  height: 0;
  width: 0;
  padding: 0;
  color: #9aa4b2;
  display: none;
}

.choices__list .is-selected.choices__item--disabled .choices__custom {
  display: none;
}

.choices__item {
  color: var(--qn-neutral-700);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.choices__placeholder {
  opacity: unset;
  color: var(--qn-neutral-500);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--qn-primary-100);
  color: var(--qn-primary-400);
}

.choices__custom {
  display: flex;
}

.choices__list--multiple .choices__item {
  background-color: #fff !important;
  color: #4b5565;
  border: 0.063rem solid #e3e8ef !important;
  border-radius: 0.375rem;
  margin: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-feature-settings: "liga" off;
}

@media only screen and (width <= 47.937rem) {
  .choices__list--multiple .choices__item {
    font-size: 0.75rem;
    font-weight: 400;
  }
}

.choices__list--multiple .choices__item[data-deletable] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.choices__list--multiple.choices__list {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}

.choices[data-type*="select-one"]::after {
  border-style: none;
  font-family: sevima-icons;
  content: "\ea2c";
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400;
  top: 0.75rem;
  right: 2rem;
  margin-top: 0;
}

.choices[data-type*="select-one"].is-open::after {
  transform: rotate(180deg);
  right: 1rem;
  top: 1.75rem;
  margin-top: 0;
}

.choices[data-type*="select-multiple"] .choices__list.choices__list--multiple {
  width: fit-content;
}

.choices[data-type*="select-multiple"] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzY4MiAzLjEzMThDMy41OTI0NiAyLjk1NjA3IDMuMzA3NTQgMi45NTYwNyAzLjEzMTggMy4xMzE4QzIuOTU2MDcgMy4zMDc1NCAyLjk1NjA3IDMuNTkyNDYgMy4xMzE4IDMuNzY4Mkw1LjM2MzYgNkwzLjEzMTggOC4yMzE4QzIuOTU2MDcgOC40MDc1NCAyLjk1NjA3IDguNjkyNDYgMy4xMzE4IDguODY4MkMzLjMwNzU0IDkuMDQzOTMgMy41OTI0NiA5LjA0MzkzIDMuNzY4MiA4Ljg2ODJMNiA2LjYzNjRMOC4yMzE4IDguODY4MkM4LjQwNzU0IDkuMDQzOTMgOC42OTI0NiA5LjA0MzkzIDguODY4MiA4Ljg2ODJDOS4wNDM5MyA4LjY5MjQ2IDkuMDQzOTMgOC40MDc1NCA4Ljg2ODIgOC4yMzE4TDYuNjM2NCA2TDguODY4MiAzLjc2ODJDOS4wNDM5MyAzLjU5MjQ2IDkuMDQzOTMgMy4zMDc1NCA4Ljg2ODIgMy4xMzE4QzguNjkyNDYgMi45NTYwNyA4LjQwNzU0IDIuOTU2MDcgOC4yMzE4IDMuMTMxOEw2IDUuMzYzNkwzLjc2ODIgMy4xMzE4WiIgZmlsbD0iIzlBQTRCMiIvPgo8L3N2Zz4K");
  border-left: none;
  margin: 0;
  opacity: unset;
  background-size: 1rem;
  width: 1rem;
  line-height: 1rem;
}

.choices[data-type*="select-multiple"] .choices__button:hover {
  filter: brightness(0.8);
}

@media only screen and (width <= 47.937rem) {
  .choices[data-type*="select-multiple"] .choices__button {
    background-size: 0.75rem;
    width: 0.75rem;
  }
}

.choices[data-type*="select-multiple"] .choices__inner {
  padding: 0.25rem;
  max-height: unset;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.choices[data-type*="select-multiple"] .choices__input {
  padding-left: 0.25rem;
  margin: auto 0;
}

#select-example + .choices__list .choices__item::before {
  content: "Jenjang Pendidikan:";
}

.dropdown {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0;
  width: fit-content;
  position: relative;
}

.dropdown__text {
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  gap: 0.75rem;
  text-overflow: ellipsis;
}

.dropdown__tag {
  padding: 0.5rem 1rem;
  background-image: none;
  cursor: text;
  max-height: fit-content;
}

.dropdown__tag .dropdown__tag-selection {
  width: fit-content;
  max-width: 100%;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.dropdown__tag .dropdown__tag-selection .dropdown__tag-list {
  width: inherit;
  max-width: inherit;
  display: inherit;
  gap: inherit;
  flex-wrap: wrap;
}

.dropdown__tag
  .dropdown__tag-selection
  .dropdown__tag-list
  .dropdown__tag-item {
  display: flex;
  align-items: center;
  height: 1.75rem;
  max-height: 1.75rem;
  background-color: #f8fafc;
  border: 0.063rem solid #f8fafc;
  border-radius: 3.25rem;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  list-style: none;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}

.dropdown__tag
  .dropdown__tag-selection
  .dropdown__tag-list
  .dropdown__tag-item
  .icon {
  padding-left: 0.5rem;
  font-size: 1rem;
  cursor: pointer;
  color: #eef2f6;
}

.dropdown__tag .dropdown__tag-selection .dropdown__tag-input {
  user-select: none;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.dropdown__tag .dropdown__tag-selection .dropdown__tag-input input {
  width: auto;
  min-width: 0;
  max-width: 100%;
  resize: none;
  padding: 0;
  vertical-align: bottom;
  overflow: hidden;
  word-break: keep-all;
  background: #fff0;
  outline: 0;
  height: 1.75rem;
  max-height: 1.75rem;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  border: none;
}

.dropdown__tag
  .dropdown__tag-selection
  .dropdown__tag-input
  .dropdown__tag-hidden {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  visibility: hidden;
  position: absolute;
  width: auto;
  height: auto;
  white-space: nowrap;
  pointer-events: none;
}

.dropdown__box.dropdown__box_multi {
  width: fit-content;
}

@media only screen and (width <= 47.937rem) {
  .dropdown_nav .dropdown__box_multi {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    flex-direction: column;
  }

  .dropdown_nav .dropdown__box_multi .dropdown__list {
    border: none;
    width: 100%;
  }
}

.dropdown__box.show,
.dropdown__list.show {
  top: calc(100% + 0.25rem);
  opacity: 1;
  visibility: visible;
  width: fit-content;
  transform: scale(1);
}

.dropdown__box.dropdown__box_multi.show {
  display: flex;
  overflow-y: hidden;
}

.dropdown.dropdown_full-width {
  width: 100%;
}

.dropdown.dropdown_full-width .dropdown__box.show,
.dropdown.dropdown_full-width .dropdown__list.show {
  width: 100%;
}

.dropdown__list {
  height: fit-content;
  overflow: hidden auto;
}

.dropdown__list form {
  display: flex;
}

.dropdown__box,
.dropdown__list {
  box-sizing: border-box;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 0.25rem - 1.5rem);
  left: 0;
  z-index: 999;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  min-width: 12.5rem;
  transition:
    top 125ms ease-in-out,
    opacity 150ms ease-in-out;
  border: 0.063rem solid #f8fafc;
  box-shadow:
    0 0.75rem 1rem -0.25rem rgb(16 24 40 / 8%),
    0 0.25rem 0.375rem -0.125rem rgb(16 24 40 / 3%);
  border-radius: 0.5rem;
}

.dropdown__box_menu-end,
.dropdown__list_menu-end {
  left: unset;
  right: 0;
}

.dropdown__box_menu-center,
.dropdown__list_menu-center {
  left: 50%;
}

.dropdown__box[data-popper-placement="bottom-left"],
.dropdown__list[data-popper-placement="bottom-left"] {
  inset: calc(100% + 0.25rem) auto auto 0;
}

.dropdown__box[data-popper-placement="top-left"],
.dropdown__list[data-popper-placement="top-left"] {
  inset: auto auto calc(100% + 0.25rem) 0;
}

.dropdown__box[data-popper-placement="bottom-right"],
.dropdown__list[data-popper-placement="bottom-right"] {
  inset: calc(100% + 0.25rem) 0 auto auto;
}

.dropdown__box[data-popper-placement="top-right"],
.dropdown__list[data-popper-placement="top-right"] {
  inset: calc(100% + 0.25rem) 0 auto auto;
}

.dropdown__box .dropdown__list {
  transition: none;
  position: relative;
  pointer-events: inherit;
  border: none;
  box-shadow: none;
  border-radius: 0;
  transform: scale(1);
  opacity: 1;
  visibility: inherit;
  max-width: unset;
  height: auto;
  overflow: hidden auto;
}

.dropdown__empty {
  cursor: default;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 1rem 0 !important;
  gap: 0.75rem;
  display: none;
}

.dropdown__empty-information {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.dropdown__empty-title {
  color: #222;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 0;
}

.dropdown__empty-helper {
  color: #202939;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding: 0;
}

.dropdown__loader {
  cursor: wait;
  display: none;
  position: absolute;
  z-index: 10;
  inset: 0;
  justify-content: center;
  align-items: center;
  background-color: rgb(205 213 223 / 20%);
}

.dropdown__loader-wrapper {
  background-color: #fff;
  border-radius: 1rem;
  padding: 0.75rem;
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdown__empty-action {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}

.dropdown__search-box {
  cursor: default;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: #fff;
  width: 100%;
}

.dropdown__search-box .form-control,
.dropdown__search-box .form-control__group {
  padding: 0;
  margin: 0;
}

.dropdown__list {
  padding: 0;
  margin: 0;
}

.dropdown__item {
  min-height: 2.5rem;
  position: relative;
  cursor: default;
  background-color: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #4b5565;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  gap: 0.75rem;
  white-space: nowrap;
}

@media only screen and (width >= 23.437rem) {
  .dropdown__item_xs-hidden {
    display: none;
  }
}

@media only screen and (width >= 47.937rem) {
  .dropdown__item_sm-hidden {
    display: none;
  }
}

@media only screen and (width >= 79.937rem) {
  .dropdown__item_md-hidden {
    display: none;
  }
}

@media only screen and (width >= 83.437rem) {
  .dropdown__item_lg-hidden {
    display: none;
  }
}

@media only screen and (width >= 89.937rem) {
  .dropdown__item_xl-hidden {
    display: none;
  }
}

@media only screen and (width >= 119.937rem) {
  .dropdown__item_2xl-hidden {
    display: none;
  }
}

.dropdown__item > p,
.dropdown__item a,
.dropdown__item button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  gap: 0.75rem;
  color: inherit;
  background: #fff0;
  border: 0;
  outline: 0;
}

.dropdown__item > p:focus,
.dropdown__item > p:hover,
.dropdown__item a:focus,
.dropdown__item a:hover,
.dropdown__item button:focus,
.dropdown__item button:hover {
  background: inherit;
  border: inherit;
  outline: inherit;
}

.dropdown__item > p::before,
.dropdown__item a::before,
.dropdown__item button::before {
  content: "";
  background: #fff0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.dropdown__item a,
.dropdown__item button {
  cursor: pointer;
}

.dropdown__item a:hover,
.dropdown__item button:hover {
  font-weight: 600;
  color: var(--qn-neutral-900);
}

.dropdown__item a:hover:not([disabled]),
.dropdown__item a:focus:not([disabled]),
.dropdown__item button:hover:not([disabled]),
.dropdown__item button:focus:not([disabled]) {
  color: #202939;
  z-index: 0;
  font-weight: 600;
}

.dropdown__item a:hover:not([disabled])::before,
.dropdown__item a:focus:not([disabled])::before,
.dropdown__item button:hover:not([disabled])::before,
.dropdown__item button:focus:not([disabled])::before {
  background-color: #eef2f6;
  z-index: -1;
}

.dropdown__item.show a:not([disabled]),
.dropdown__item.show button:not([disabled]) {
  color: #202939;
  z-index: 0;
  font-weight: 600;
}

.dropdown__item.show a:not([disabled])::before,
.dropdown__item.show button:not([disabled])::before {
  background-color: #eef2f6;
  z-index: -1;
}

.dropdown__item.active a:not([disabled]),
.dropdown__item.active button:not([disabled]) {
  color: #0f6af5 !important;
  z-index: 0;
  font-weight: 600 !important;
}

.dropdown__item.active a:not([disabled]):focus::before,
.dropdown__item.active button:not([disabled]):focus::before {
  background-color: #f1f6fe;
  z-index: -1;
}

.dropdown__item:hover:not(.disabled),
.dropdown__item:focus:not(.disabled) {
  background-color: #f8fafc;
  color: #202939;
}

.dropdown__item:hover.disabled,
.dropdown__item:hover:has(input:disabled),
.dropdown__item:hover:has(*:disabled),
.dropdown__item:focus.disabled,
.dropdown__item:focus:has(input:disabled),
.dropdown__item:focus:has(*:disabled) {
  background-color: none !important;
  color: #9aa4b2;
}

.dropdown__item.selected {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600 !important;
  color: var(--qn-ocean-blue-500);
}

.dropdown__item.selected::after {
  font-family: sevima-icons;
  content: "\ea1b";
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400 !important;
  width: 1.125rem;
  position: absolute;
  right: 1rem;
  color: var(--qn-primary);
}

.dropdown__item.selected:focus {
  font-weight: 600;
  background-color: var(--qn-primary-alpha-0-12) !important;
  color: var(--qn-primary-400);
}

.dropdown__item.dropdown__item_danger {
  color: #ec3d27 !important;
}

.dropdown__item.dropdown__item_danger a,
.dropdown__item.dropdown__item_danger button {
  color: inherit !important;
}

.dropdown__item.dropdown__item_danger a:hover:not(.disabled),
.dropdown__item.dropdown__item_danger a:focus:not(.disabled),
.dropdown__item.dropdown__item_danger button:hover:not(.disabled),
.dropdown__item.dropdown__item_danger button:focus:not(.disabled) {
  color: inherit !important;
}

.dropdown__text .icon,
.dropdown__item .icon {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 0.0555555565rem;
  vertical-align: -0.0416666661rem;
  color: inherit;
}

.dropdown__text img,
.dropdown__item img {
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  object-fit: contain;
}

.dropdown__text input[type="checkbox"],
.dropdown__text input[type="radio"],
.dropdown__item input[type="checkbox"],
.dropdown__item input[type="radio"] {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
  border: 0.063rem solid #eef2f6;
  z-index: 0;
}

.dropdown__text input[type="checkbox"]:focus:not([disabled]),
.dropdown__text input[type="radio"]:focus:not([disabled]),
.dropdown__item input[type="checkbox"]:focus:not([disabled]),
.dropdown__item input[type="radio"]:focus:not([disabled]) {
  border-color: var(--qn-ocean-blue);
  outline: 0;
  box-shadow: 0 0 0 0.125rem var(--qn-ocean-blue-alpha-0-12);
}

.dropdown__text input[type="checkbox"] ~ label,
.dropdown__text input[type="radio"] ~ label,
.dropdown__item input[type="checkbox"] ~ label,
.dropdown__item input[type="radio"] ~ label {
  cursor: pointer;
}

.dropdown__text input[type="checkbox"] ~ label::before,
.dropdown__text input[type="radio"] ~ label::before,
.dropdown__item input[type="checkbox"] ~ label::before,
.dropdown__item input[type="radio"] ~ label::before {
  content: "";
  background: #fff0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.dropdown__text input[type="checkbox"]:focus:not([disabled]) ~ label,
.dropdown__text input[type="checkbox"]:hover:not([disabled]) ~ label,
.dropdown__text input[type="radio"]:focus:not([disabled]) ~ label,
.dropdown__text input[type="radio"]:hover:not([disabled]) ~ label,
.dropdown__item input[type="checkbox"]:focus:not([disabled]) ~ label,
.dropdown__item input[type="checkbox"]:hover:not([disabled]) ~ label,
.dropdown__item input[type="radio"]:focus:not([disabled]) ~ label,
.dropdown__item input[type="radio"]:hover:not([disabled]) ~ label {
  color: var(--qn-neutral-900);
  font-weight: 600;
}

.dropdown__text input[type="checkbox"]:focus:not([disabled]) ~ label::before,
.dropdown__text input[type="radio"]:focus:not([disabled]) ~ label::before,
.dropdown__item input[type="checkbox"]:focus:not([disabled]) ~ label::before,
.dropdown__item input[type="radio"]:focus:not([disabled]) ~ label::before {
  z-index: -1;
  background-color: var(--qn-neutral-100) !important;
}

.dropdown__text input[type="radio"],
.dropdown__item input[type="radio"] {
  appearance: none;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}

.dropdown__text input[type="radio"]:checked::before,
.dropdown__item input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: inherit;
  background-color: var(--qn-ocean-blue-500);
  border-color: var(--qn-ocean-blue-500);
}

.dropdown__text input[type="radio"]:checked:disabled::before,
.dropdown__item input[type="radio"]:checked:disabled::before {
  background-color: var(--qn-ocean-blue-200);
  border-color: var(--qn-ocean-blue-200);
}

.dropdown__text input[type="radio"]:hover:not([disabled]),
.dropdown__item input[type="radio"]:hover:not([disabled]) {
  border-color: var(--qn-ocean-blue-500);
}

.dropdown__text *:disabled,
.dropdown__item *:disabled {
  color: #9aa4b2;
  cursor: not-allowed;
}

.dropdown__text *:disabled:hover,
.dropdown__item *:disabled:hover {
  color: #9aa4b2;
}

.dropdown__text.disabled,
.dropdown__text:has(input:disabled),
.dropdown__text:has(*:disabled),
.dropdown__item.disabled,
.dropdown__item:has(input:disabled),
.dropdown__item:has(*:disabled) {
  color: #9aa4b2;
  cursor: not-allowed;
}

.dropdown__text.disabled *,
.dropdown__text:has(input:disabled) *,
.dropdown__text:has(*:disabled) *,
.dropdown__item.disabled *,
.dropdown__item:has(input:disabled) *,
.dropdown__item:has(*:disabled) * {
  pointer-events: none;
}

.dropdown__item-right {
  position: absolute;
  right: 0.75rem;
  display: flex;
  align-items: center;
}

.dropdown__item-right .icon {
  font-size: 1rem !important;
  line-height: 1rem;
}

.dropdown__item-title {
  min-height: 2.5rem;
  position: relative;
  cursor: default;
  background-color: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #9aa4b2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  gap: 0.75rem;
  white-space: nowrap;
}

.dropdown__item-title [data-hide="dropdown-list"] {
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #202939;
  display: none;
}

@media only screen and (width <= 47.937rem) {
  .dropdown__item-title [data-hide="dropdown-list"] {
    display: block;
  }
}

@media only screen and (width <= 47.937rem) {
  .dropdown__item-title {
    padding: 1rem 0.5rem;
    color: #202939;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
}

.dropdown__item-title > p,
.dropdown__item-title a,
.dropdown__item-title button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  gap: 0.75rem;
  color: inherit;
  background: #fff0;
  border: 0;
  outline: 0;
}

@media only screen and (width <= 47.937rem) {
  .dropdown__item-title > p,
  .dropdown__item-title a,
  .dropdown__item-title button {
    position: sticky;
    top: 1;
    z-index: 1;
  }
}

.dropdown_nav .dropdown__box.show {
  max-height: calc(90vh - 2rem);
  overflow-y: auto;
}

@media only screen and (width <= 47.937rem) {
  .dropdown_nav .dropdown__box.show {
    transition:
      top 225ms ease-in-out,
      opacity 250ms ease-in-out;
    position: fixed !important;
    inset: 0 !important;
    min-width: 100vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }
}

@media only screen and (width <= 47.937rem) {
  .dropdown_nav .dropdown__list {
    top: 0;
  }
}

.dropdown_module .dropdown__box.show {
  max-height: 27.5rem;
  overflow-y: auto;
}

@media only screen and (height <= 31.5rem) {
  .dropdown_module .dropdown__box.show {
    max-height: calc(100vh - 4rem);
  }
}

.dropdown_profile .dropdown__box {
  min-width: 16.5rem;
}

.dropdown_profile .dropdown__list {
  padding: 1rem 0.75rem;
  max-height: unset !important;
}

.dropdown_profile .dropdown__item {
  border-radius: 0.25rem;
}

.dropdown_profile .dropdown__avatar {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 1.5rem;
}

.dropdown_profile .dropdown__line {
  margin: 0.5rem 0;
}

.dropdown_notification .dropdown__box {
  min-width: 27.5rem;
  width: 27.5rem;
  max-width: 27.5rem;
  max-height: 38rem;
  padding: 0;
}

.dropdown__list_hidden {
  display: none !important;
  border-left: 0.063rem solid #e3e8ef !important;
}

.dropdown__list_hidden.show {
  display: block !important;
}

@media only screen and (width <= 47.937rem) {
  .dropdown_nav .dropdown__list_hidden.show {
    position: fixed !important;
    inset: 0 !important;
    min-width: 100vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 1001 !important;
  }
}

.dropdown__box-header {
  width: 100%;
  background: #fff;
  max-width: 100%;
  padding: 0.875rem 0.5rem;
  display: none;
  gap: 0.75rem;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 0.063rem solid #e3e8ef;
  background-image: url("./../../assets/images/pattern/pattern-dropdown-header.svg");
  background-repeat: no-repeat;
  background-position: right;
}

.dropdown__box-header .icon,
.dropdown__box-header img {
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
  color: #202939 !important;
}

@media only screen and (width <= 47.937rem) {
  .dropdown__box-header {
    display: flex;
  }
}

.dropdown__box-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #202939;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdown__line {
  list-style: none;
  width: 100%;
  height: 0.063rem;
  background: #eef2f6;
}

.dropdown [data-toggle="dropdown"] .icon.icon-chevron-down,
.dropdown [data-toggle="dropdown"] .icon.icon-chevron-down-solid,
.dropdown [data-toggle="dropdown"] .icon.icon-chevron-down-mini {
  transition: transform 450ms ease-in-out;
  transform: rotate(0deg);
}

.dropdown [data-toggle="dropdown"] .icon.icon-chevron-up,
.dropdown [data-toggle="dropdown"] .icon.icon-chevron-up-solid,
.dropdown [data-toggle="dropdown"] .icon.icon-chevron-up-mini {
  transition: transform 450ms ease-in-out;
  transform: rotate(180deg);
}

.dropdown [data-toggle="dropdown"].show .icon.icon-chevron-down,
.dropdown [data-toggle="dropdown"].show .icon.icon-chevron-down-solid,
.dropdown [data-toggle="dropdown"].show .icon.icon-chevron-down-mini {
  transform: rotate(-180deg);
}

.dropdown [data-toggle="dropdown"].show .icon.icon-chevron-up,
.dropdown [data-toggle="dropdown"].show .icon.icon-chevron-up-solid,
.dropdown [data-toggle="dropdown"].show .icon.icon-chevron-up-mini {
  transform: rotate(0deg);
}

.dropdown-group {
  display: inherit;
  width: fit-content;
  justify-content: inherit;
  align-items: inherit;
  gap: inherit;
  white-space: inherit;
}

.dropdown-group__target {
  display: none;
}

.dropdown-group [data-dropdown-group="show"] {
  display: none;
}

@media only screen and (width <= 47.937rem) {
  .dropdown-group > * {
    display: none;
  }

  .dropdown-group [data-dropdown-group="show"] {
    display: block;
  }
}

body {
  --qn-semantic-header-background-color: var(--qn-primary-300);
  --qn-semantic-header-row-wrapper-padding-x: 2.5rem;
  --qn-semantic-header-row-wrapper-height: 4.5rem;
  --qn-semantic-header-row-wrapper-text-color: var(--qn-white);
  --qn-semantic-header-row-wrapper-text-color-rgb: 255, 255, 255;
  --qn-semantic-header-row-wrapper-menu-height: 2.375rem;
  --qn-semantic-header-row-wrapper-padding-y: 0.375rem;
  --qn-semantic-header-height: calc(
    var(--qn-semantic-header-row-wrapper-height) +
      var(--qn-semantic-header-row-wrapper-menu-height)
  );
  --qn-semantic-sidebar-width: 15rem;
  --qn-semantic-main-padding-x: 1.25rem;
  --qn-semantic-main-padding-y: 1.5rem;
}

@media only screen and (width <= 79.937rem) {
  body {
    --qn-semantic-header-row-wrapper-padding-x: 1.5rem;
  }
}

@media only screen and (width <= 79.937rem) {
  body {
    --qn-semantic-sidebar-width: 22.5rem;
  }
}

@media only screen and (width <= 79.937rem) {
  body {
    --qn-semantic-main-padding-x: 1rem;
    --qn-semantic-main-padding-y: 1rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .body_has-nav-mobile {
    --qn-semantic-header-row-wrapper-menu-height: 0rem;
  }

  .body_has-nav-mobile .header__row-wrapper_nav {
    display: none !important;
  }

  .body_has-nav-mobile .header_template .header__switch-avatar {
    display: none;
  }
}

.body_white {
  background-color: #fff !important;
}

.body_white .main > .container {
  padding: 1.25rem 0;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  background-color: #fff;
  border-bottom: 0.063rem solid #cdd5df;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 6%);
  min-height: 4rem;
  max-height: 4rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1004;
  background-image: url("./../../assets/images/pattern/pattern-navbar.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 100%;
}

@media only screen and (width <= 79.937rem) {
  .header {
    min-height: 3.25rem;
    max-height: 3.25rem;
    padding: 0 1rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header {
    padding: 0 0.5rem;
  }
}

.header_position-static {
  position: static;
}

.header__left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media only screen and (width <= 47.937rem) {
  .header__left {
    gap: 1rem;
  }
}

.header__group {
  display: flex;
  gap: 0.25rem;
  min-width: fit-content;
  align-items: center;
}

@media only screen and (width <= 47.937rem) {
  .header__group {
    gap: 0.125rem;
  }
}

.header__sidebar-nav {
  display: none;
  padding: 0.5rem;
  background: #fff;
  border: none;
}

.header__sidebar-nav .icon {
  font-size: 1rem;
  line-height: 1rem;
}

.header__sidebar-nav img,
.header__sidebar-nav svg {
  width: 1rem;
  height: 1rem;
}

@media only screen and (width <= 79.937rem) {
  .header__sidebar-nav {
    display: block;
  }
}

.header__identity {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0;
  position: relative;
  min-width: fit-content;
}

@media only screen and (width <= 79.937rem) {
  .header__identity {
    gap: 0.25rem;
    padding: 0.5625rem 0;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__identity {
    padding: 0.625rem 0;
  }
}

.header__identity::after {
  content: none;
  height: 1.75rem;
  width: 0.063rem;
  background-color: #e3e8ef;
  position: absolute;
  right: -0.875rem;
}

@media only screen and (width <= 47.937rem) {
  .header__identity::after {
    content: "";
  }
}

@media only screen and (width <= 23.437rem) {
  .header__identity::after {
    content: "";
    right: -0.5rem;
  }
}

.header__identity > .header__logo {
  object-fit: cover;
}

@media only screen and (width <= 47.937rem) {
  .header__identity > .header__logo {
    display: none;
  }
}

.header__identity > .header__logo_square {
  display: none;
}

@media only screen and (width <= 47.937rem) {
  .header__identity > .header__logo_square {
    display: block !important;
  }
}

.header__identity-title {
  max-width: 9.5rem;
  display: flex;
}

@media only screen and (width <= 79.937rem) {
  .header__identity-title {
    width: 7.5rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__identity-title {
    display: none;
  }
}

.header__identity-logo {
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
}

@media only screen and (width <= 79.937rem) {
  .header__identity-logo {
    min-width: 2.125rem;
    max-width: 2.125rem;
    min-height: 2.125rem;
    max-height: 2.125rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__identity-logo {
    min-width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }
}

.header__identity-logo .header__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header__title {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (width <= 47.937rem) {
  .header__title {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 700;
  }
}

.header__navigation {
  display: flex;
  gap: 0.25rem;
}

@media only screen and (width <= 47.937rem) {
  .header__navigation {
    gap: 0.125rem;
  }
}

.header__right {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  max-height: 4rem;
}

.header__action {
  display: flex;
  align-items: center;
  padding-right: 0.875rem;
  gap: 0.25rem;
  position: relative;
}

@media only screen and (width <= 79.937rem) {
  .header__action {
    padding-right: 1rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__action {
    padding-right: 1.25rem;
  }
}

.header__action::after {
  content: "";
  height: 1.875rem;
  width: 0.063rem;
  background-color: #e3e8ef;
  position: absolute;
  right: 0.125rem;
}

@media only screen and (width <= 79.937rem) {
  .header__action::after {
    height: 1.75rem;
    right: 0.5rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__action::after {
    right: 0.625rem;
  }
}

.header__action .icon {
  font-size: 1rem;
  line-height: 1rem;
  color: #4b5565;
}

.header__action svg,
.header__action img {
  width: 1rem;
  height: 1rem;
  color: #4b5565;
}

.header__action .btn_nav {
  min-height: unset;
  height: unset;
  color: #4b5565;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  gap: 0.375rem;
  transition: background-color 0.15s ease;
}

.header__action .btn_nav.show {
  background: #eef2f6;
}

@media only screen and (width <= 79.937rem) {
  .header__action .btn_nav {
    padding: 0.5rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__action .btn_nav.btn_icon {
    display: none;
  }
}

.header__action .btn_nav.btn_module {
  border-radius: 3.125rem;
  padding: 0.625rem 1.125rem;
  height: fit-content;
  max-height: 2.375rem;
}

@media only screen and (width <= 79.937rem) {
  .header__action .btn_nav.btn_module {
    padding: 0.5rem 0.875rem;
    max-height: 2.125rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .header__action .btn_nav.btn_module {
    padding: 0.5rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }

  .header__action .btn_nav.btn_module .btn__text {
    display: none;
  }
}

.header__action_single {
  padding-right: unset;
}

.header__action_single::after {
  content: unset;
}

.header__user {
  display: flex;
  gap: 0.5rem;
  background: #fff0;
  border: 0;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
}

.header__user > .icon {
  margin-top: 0.25rem;
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  color: #4b5565;
}

@media only screen and (width <= 79.937rem) {
  .header__user > .icon {
    display: none;
  }
}

.header__user .show,
.header__user:hover,
.header__user:focus {
  outline: none;
  background: #eef2f6;
}

@media only screen and (width <= 79.937rem) {
  .header__user {
    padding: 0.25rem;
  }
}

.header__user-wrapper {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

@media only screen and (width <= 79.937rem) {
  .header__user-wrapper {
    gap: 0.5rem;
  }
}

.header__user-avatar {
  display: flex;
  align-items: center;
}

.header__user-avatar .avatar,
.header__user-avatar .avatar__circle {
  border: 0.063rem solid #eef2f6;
}

.header__user-avatar .avatar img,
.header__user-avatar .avatar__circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (width <= 79.937rem) {
  .header__user-avatar .avatar,
  .header__user-avatar .avatar__circle {
    --qn-avatar-size: 2rem;
  }
}

.header__user-info {
  width: fit-content;
  max-width: 9.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
}

@media only screen and (width <= 79.937rem) {
  .header__user-info {
    display: none;
  }
}

.header__user-name {
  color: #4b5565;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header__user-role {
  color: #9aa4b2;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav {
  position: relative;
  width: fit-content;
}

.nav__list {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}

.nav__item {
  position: relative;
  padding: 0.75rem 0;
}

@media only screen and (width <= 79.937rem) {
  .nav__item {
    padding: 0.5625rem 0;
  }
}

.nav__item.active::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  min-height: 0.188rem;
  max-height: 0.188rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: var(--qn-primary);
}

.nav__item.active .nav__link {
  color: var(--qn-primary-400);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600 !important;
}

.nav__item.active .nav__link .icon {
  color: var(--qn-primary-400);
}

.nav__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.625rem;
  color: #4b5565;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .nav__link {
    padding: 0.5rem;
  }
}

.nav__link .icon {
  font-size: 1.25rem;
  line-height: 0.05rem;
  vertical-align: -0.075rem;
  color: inherit;
}

.nav__link:hover,
.nav__link:focus {
  cursor: pointer;
  color: var(--qn-primary-400);
}

.nav__link:hover .icon,
.nav__link:focus .icon {
  color: var(--qn-primary-400);
}

.nav__link:hover {
  background: var(--qn-primary-100);
}

.nav__link.show {
  background-color: #f1f6fe;
  color: #0f6af5;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.nav_template .nav__list {
  gap: 0.5rem;
}

.nav_template .nav__item {
  padding: 0;
}

.nav_template .nav__item.active::before {
  bottom: calc(var(--qn-semantic-header-row-wrapper-padding-y) * -1 - 0.063rem);
}

.nav_template .nav__item .icon:not([data-hide="dropdown-list"]) {
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.nav_template .nav__item.active::before {
  background-color: var(--qn-black);
}

.nav_template .nav__item.active .nav__link {
  color: var(--qn-black);
}

.nav_template .nav__item.active .nav__link .icon {
  color: var(--qn-black);
}

.nav_template .nav__link {
  padding: 0.25rem 0.625rem;
  gap: 0.125rem;
}

.nav_template .nav__link:hover,
.nav_template .nav__link:focus {
  cursor: pointer;
  color: var(--qn-black);
}

.nav_template .nav__link:hover .icon,
.nav_template .nav__link:focus .icon {
  color: var(--qn-black);
}

.nav_template .nav__link:hover {
  background: #f6f8fa;
}

.nav-mobile {
  --qn-semantic-nav-mobile-height: calc(5rem + 0.375rem);

  display: none;
}

@media only screen and (width <= 47.937rem) {
  .nav-mobile {
    display: block;
    position: sticky;
    bottom: 0;
    background-color: var(--qn-white);
    z-index: 1010;
    width: 100%;
    height: var(--qn-semantic-nav-mobile-height);
    min-height: var(--qn-semantic-nav-mobile-height);
    max-height: var(--qn-semantic-nav-mobile-height);
    background: var(--Materials-Chrome, rgb(255 255 255 / 75%));
    background-blend-mode: hard-light;
    box-shadow: 0 -0.333px 0 0 rgb(0 0 0 / 30%);
    backdrop-filter: blur(10px);
    transition:
      all 300ms ease-in-out,
      z-index 0ms ease-in-out;
  }

  .nav-mobile__list {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    padding: 0.75rem 1.25rem;
    height: var(--qn-semantic-nav-mobile-height);
  }

  .nav-mobile__item {
    min-width: 4.375rem;
    width: 100%;
    height: 4rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nav-mobile__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.625rem;
    padding: 0.5rem;
    width: 100%;
  }

  .nav-mobile__link .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }

  .nav-mobile__link .icon_rectangle-dummy {
    width: 1.25rem;
    height: 1.25rem;
    border: 1.5px dashed;
    border-color: var(--qn-black);
    border-radius: 0.25rem;
    transition: border-color 100ms ease-in-out;
  }

  .nav-mobile__link.active,
  .nav-mobile__link:hover {
    background: unset;
  }

  .nav-mobile__link.active .nav-mobile__text,
  .nav-mobile__link:hover .nav-mobile__text {
    color: var(--qn-primary-400);
    font-weight: 600;
  }

  .nav-mobile__link.active .icon,
  .nav-mobile__link:hover .icon {
    color: var(--qn-primary-400);
  }

  .nav-mobile__link.active .icon_rectangle-dummy,
  .nav-mobile__link:hover .icon_rectangle-dummy {
    border-color: var(--qn-primary-400);
  }

  .nav-mobile__text {
    font-kerning: none;
    font-feature-settings: "liga" off;
    font-size: 0.688rem;
    font-style: normal;
    font-weight: 400;
    transition: font-weight 200ms ease-in-out;
    line-height: 0.875rem;
    letter-spacing: -0.066px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .nav-mobile .dropdown__box.show {
    top: calc(-100vh + var(--qn-semantic-nav-mobile-height)) !important;
  }
}

.nav__box {
  position: absolute;
  width: 100%;
  inset: 0;
  bottom: unset;
  top: calc(100% + 1rem);
}

.nav__box-list {
  position: relative;
}

.nav__box-item {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  width: fit-content;
  height: fit-content;
  display: flex;
  padding: 0.375rem;
  gap: 0;
  border-radius: 0.5rem;
  background: #f9fafb;
}

.nav__box-item.show {
  pointer-events: auto;
  opacity: 1;
}

.nav__box-item_has-child .nav__box-wrap {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.nav__box-item_has-child .nav__box-wrap_sub {
  margin-left: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 0 0.25rem 0 rgb(0 0 0 / 6%);
}

.nav__box-wrap {
  display: flex;
  min-width: 200px;
  width: fit-content;
  flex-direction: column;
  gap: 0;
  padding: 0.375rem;
  border-radius: 0.5rem;
  border: 0.063rem solid #f5f6f8;
  background: #fff;
  box-shadow: 0 0 0.25rem 0 rgb(0 0 0 / 6%);
}

.nav__box-wrap-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.nav__box-wrap_sub,
.nav__box-wrap_child {
  margin-left: 0.375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: none;
  box-shadow: none;
  border: none;
}

.nav__box-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem 0.5rem;
}

.nav__box-header .icon {
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: var(--qn-neutral-600);
  display: none;
}

@media only screen and (width <= 79.937rem) {
  .nav__box-header .icon {
    display: block;
  }
}

.nav__box-title {
  color: var(--qn-neutral-500);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
}

@media only screen and (width <= 79.937rem) {
  .nav__box-title {
    color: var(--qn-neutral-600);
  }
}

.nav__box-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  color: var(--qn-neutral-700);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease;
}

.nav__box-link .icon {
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: var(--qn-neutral-500);
  transition: transform 0.15s ease-in-out;
}

.nav__box-link:hover,
.nav__box-link:focus,
.nav__box-link.active {
  background-color: var(--qn-neutral-200);
}

.nav__box-link:hover .icon,
.nav__box-link:focus .icon,
.nav__box-link.active .icon {
  transform: translateX(0.25rem);
}

.header_template {
  flex-direction: column;
  gap: 0;
  padding: 0;
  height: var(--qn-semantic-header-height);
  max-height: var(--qn-semantic-header-height);
  border-bottom: 0.063rem solid #cdd5df;
  box-shadow: 0 0.063rem 0.125rem 0 rgb(10 13 20 / 3%);
  background-image: none;
}

.header_template .header__group {
  min-width: unset;
  max-width: 100%;
}

.header_template .header__row-wrapper {
  width: 100%;
  gap: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--qn-semantic-header-row-wrapper-height);
  max-height: var(--qn-semantic-header-row-wrapper-height);
  padding: 0.875rem var(--qn-semantic-header-row-wrapper-padding-x);
  border-bottom: 0.063rem solid #e3e8ef;
  background-color: var(--qn-semantic-header-background-color);
  transition: height linear 350ms;
}

.header_template .header__row-wrapper_nav {
  padding: var(--qn-semantic-header-row-wrapper-padding-y)
    var(--qn-semantic-header-row-wrapper-padding-x) 0.375rem;
  height: var(--qn-semantic-header-row-wrapper-menu-height);
  max-height: var(--qn-semantic-header-row-wrapper-menu-height);
  background-color: var(--qn-white);
  border: none;
}

.header_template .header__sidebar-nav {
  background: #fff0;
}

.header_template .header__sidebar-nav .icon {
  color: var(--qn-semantic-header-row-wrapper-text-color);
}

.header_template .header__identity {
  min-width: fit-content;
  align-items: center;
  cursor: default;
  padding: 0;
  gap: 0.75rem;
}

@media only screen and (width <= 47.937rem) {
  .header_template .header__identity {
    gap: 0.5rem;
  }
}

.header_template .header__identity:is(a, button) {
  cursor: pointer;
}

.header_template .header__identity::after {
  display: none;
}

.header_template .header__identity-logo {
  min-width: 2.5rem;
  min-height: 2.5rem;
  width: fit-content;
  height: 2.5rem;
  max-width: 10rem;
  max-height: 2.5rem;
  padding: 0.5rem;
  border-radius: 0.75rem;
  background-color: #fff;
}

.header_template .header__identity-logo img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

.header_template .header__identity-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

@media only screen and (width <= 47.937rem) {
  .header_template .header__identity-wrapper {
    max-width: calc(
      100vw - 10rem - var(--qn-semantic-header-row-wrapper-padding-x)
    );
    min-width: unset;
  }
}

.header_template .header__identity-sub {
  color: rgb(var(--qn-semantic-header-row-wrapper-text-color-rgb) 0.8);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  white-space: nowrap;
  max-width: 100%;
}

.header_template .header__identity-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--qn-semantic-header-row-wrapper-text-color);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

@media only screen and (width <= 47.937rem) {
  .header_template .header__identity-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
}

.header_template .header__right {
  min-width: fit-content;
  padding: 0;
}

.header_template .header__action {
  padding-right: 1.5rem;
}

.header_template .header__action::after {
  background-color: rgb(
    var(--qn-semantic-header-row-wrapper-text-color-rgb) 0.32
  );
  right: 0.75rem;
}

@media only screen and (width <= 47.937rem) {
  .header_template .header__action::after {
    display: none;
  }

  .header_template .header__action .btn_nav {
    display: none;
  }
}

.header_template .header__switch {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  min-height: 2rem;
  height: 2rem;
  max-height: 2rem;
  padding: 0 0.063rem 0 0.5rem;
  gap: 0.375rem;
  background-color: rgb(
    var(--qn-semantic-header-row-wrapper-text-color-rgb) 0.12
  );
  border-radius: 0.75rem;
}

.header_template .header__switch-action {
  color: var(--qn-semantic-header-row-wrapper-text-color);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  width: fit-content;
}

.header_template .header__switch-action::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  inset: 0;
}

.header_template .header__switch-action:is(button, a) {
  cursor: pointer;
}

.header_template .header__switch-action:is(button, a):hover::after,
.header_template .header__switch-action:is(button, a):focus::after {
  border-radius: 0.75rem;
  background-color: rgb(
    var(--qn-semantic-header-row-wrapper-text-color-rgb) 0.12
  );
}

.header_template .header__switch-avatar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.063rem 0.375rem 0.063rem 0.125rem;
  background-color: var(--qn-white);
  border-radius: 0.75rem;
  border: none;
  outline: none;
  width: fit-content;
}

.header_template .header__switch-avatar:is(button, a) {
  cursor: pointer;
}

@media only screen and (width <= 47.937rem) {
  .header_template .header__switch-avatar {
    padding: 0.063rem;
  }
}

.header_template .header__switch-avatar-name {
  color: var(--qn-neutral-800);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
}

@media only screen and (width <= 47.937rem) {
  .header_template .header__switch-avatar-name {
    display: none;
  }
}

.header_template .btn_nav:hover,
.header_template .btn_nav:focus {
  background-color: rgb(
    var(--qn-semantic-header-row-wrapper-text-color-rgb) 0.12
  );
}

.header_template .btn_nav .icon {
  color: var(--qn-semantic-header-row-wrapper-text-color);
}

.header_template .btn_nav.show {
  background-color: rgb(
    var(--qn-semantic-header-row-wrapper-text-color-rgb) 0.2
  );
}

.header_template ~ .sidebar {
  top: var(--qn-semantic-header-height);
}

.header_template ~ .main > .container {
  padding-top: calc(
    var(--qn-semantic-header-height) + var(--qn-semantic-main-padding-y)
  );
}

.header_template ~ .sidebar ~ .main {
  padding-left: var(--qn-semantic-sidebar-width);
}

.header_template ~ .sidebar ~ .main .container {
  max-width: unset;
  padding: calc(
      var(--qn-semantic-header-height) + var(--qn-semantic-main-padding-y)
    )
    var(--qn-semantic-main-padding-x) var(--qn-semantic-main-padding-y);
  transition: padding-top linear 350ms;
}

.sidebar {
  background: #fff;
  border-right: 0.063rem solid #e3e8ef;
  width: var(--qn-semantic-sidebar-width);
  max-width: var(--qn-semantic-sidebar-width);
  float: left;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 0;
  position: fixed;
  top: 4rem;
  left: 0;
  bottom: 0;
  z-index: 1001;
  overflow: hidden auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  transition: all 0.35s ease 0s;
}

.sidebar::after {
  content: url("./../../assets/images/pattern/pattern-sidebar.svg");
  position: fixed;
  width: 100%;
  height: fit-content;
  left: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

.sidebar_scroll .sidebar__group:last-child::after {
  content: url("./../../assets/images/pattern/pattern-sidebar.svg");
  position: absolute;
  width: 100%;
  height: fit-content;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.sidebar_without-scroll::after {
  transition: opacity 650ms ease-in-out;
  opacity: 1;
}

.sidebar + .main {
  padding-left: 15rem;
}

.sidebar + .main .container {
  max-width: unset;
  padding: 5.5rem 1.25rem 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .sidebar + .main .container {
    padding: 4.75rem 1.25rem 1.25rem;
  }
}

.sidebar__group {
  padding: 1rem 0;
  position: relative;
}

.sidebar__group::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0;
  width: calc(100% - 2rem);
  height: 0.063rem;
  background-color: #eef2f6;
}

.sidebar__group:first-child {
  padding-top: 0;
}

.sidebar__group:first-child::before {
  content: unset;
}

.sidebar__group-header {
  padding-left: 1.5rem;
  padding-bottom: 0.375rem;
}

.sidebar__group-title {
  color: #9aa4b2;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar__group:last-child {
  padding-bottom: 15rem;
}

.sidebar__list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.sidebar__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #4b5565;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  padding: 0.5rem;
  position: relative;
}

.sidebar__link .icon {
  font-size: 1rem;
  line-height: 0.0625rem;
  vertical-align: 0;
  color: #9aa4b2;
}

.sidebar__link:hover {
  color: var(--qn-primary-400);
}

.sidebar__link:hover .icon {
  color: var(--qn-primary-400);
}

.sidebar__link.disabled {
  pointer-events: none;
}

.sidebar__link.disabled:hover {
  pointer-events: none;
  color: unset;
  cursor: default;
}

.sidebar__link.disabled:hover .icon {
  color: unset;
}

.sidebar__link.disabled .icon {
  color: #cdd5df;
}

.sidebar__link.disabled .sidebar__link-text {
  color: #9aa4b2;
}

.sidebar__link-text {
  color: #364152;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  font-weight: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.sidebar__float-right {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
}

.sidebar__float-right .icon {
  font-size: 1rem !important;
  line-height: 1rem;
}

.sidebar__item {
  position: relative;
  padding: 0 1rem;
}

.sidebar__item.active .sidebar__link,
.sidebar__item:hover .sidebar__link {
  background-color: var(--qn-primary-100);
  border-radius: 0.5rem;
  color: var(--qn-primary-400);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.sidebar__item.active .sidebar__link .icon,
.sidebar__item.active .sidebar__link-text,
.sidebar__item:hover .sidebar__link .icon,
.sidebar__item:hover .sidebar__link-text {
  color: var(--qn-primary-400);
}

.sidebar__item.disabled .sidebar__link {
  border-radius: 0.5rem;
  cursor: default;
  pointer-events: none;
}

.sidebar__item.disabled .sidebar__link-text {
  color: var(--qn-neutral-800);
}

.sidebar__item.active::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 100%;
  max-width: 0.25rem;
  background-color: var(--qn-primary);
  border-radius: 0 0.375rem 0.375rem 0;
}

.sidebar__item.active .sidebar__link {
  font-weight: 600;
}

.sidebar__item.disabled,
.sidebar__item:disabled {
  cursor: not-allowed;
}

.sidebar__item.disabled::before,
.sidebar__item:disabled::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 100%;
  max-width: 0.25rem;
  border-radius: 0 0.375rem 0.375rem 0;
}

.sidebar__item.disabled:hover,
.sidebar__item:disabled:hover {
  background: none;
}

.sidebar__item.disabled:hover .sidebar__link,
.sidebar__item:disabled:hover .sidebar__link {
  background: inherit;
}

@media only screen and (width <= 79.937rem) {
  .sidebar {
    top: 3.25rem;
    scrollbar-width: none !important;
  }

  .sidebar + .main {
    padding-left: 4.125rem !important;
  }

  .sidebar .sidebar__group-header {
    display: none;
  }

  .sidebar .sidebar__link .icon {
    font-size: 1rem;
    line-height: 1rem;
  }

  .sidebar .sidebar__link-text {
    display: none;
  }

  .sidebar::-webkit-scrollbar {
    display: none;
  }

  .sidebar.sidebar_expanded {
    z-index: 1003;
    width: 15rem;
    max-width: 15rem;
    scrollbar-width: auto !important;
  }

  .sidebar.sidebar_expanded .sidebar__group-header {
    display: block;
  }

  .sidebar.sidebar_expanded .sidebar__link .icon {
    font-size: 1rem;
    line-height: 1rem;
  }

  .sidebar.sidebar_expanded .sidebar__link-text {
    display: block;
  }

  .sidebar.sidebar_expanded::-webkit-scrollbar {
    display: block;
  }
}

@media only screen and (width <= 47.937rem) {
  .sidebar {
    width: 0;
    max-width: 0;
  }

  .sidebar + .main {
    padding-left: 0 !important;
  }
}

@media only screen and (width <= 79.937rem) {
  .sidebar_without-icon {
    width: 0;
    max-width: 0;
    scrollbar-width: none !important;
  }

  .sidebar_without-icon + .main {
    padding-left: 0 !important;
  }
}

.main {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom;
  transition: padding 0.35s ease 0s;
}

.main > .container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
  padding-top: 5.35rem;
  padding-bottom: 1.25rem;
  max-width: 75rem;
}

@media only screen and (width >= 83.437rem) and (width <= 105rem) {
  .main > .container {
    padding: 5.35rem 1.5rem 1.25rem;
  }
}

@media only screen and (width <= 79.937rem) {
  .main > .container {
    margin: unset;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: unset !important;
  }
}

.main > form {
  position: relative;
  flex-grow: 1;
}

.main > form > .container {
  margin: 0 auto;
  display: grid;
  width: 100%;
  gap: 1rem;
  flex-grow: 1;
  padding-top: 5.35rem;
  padding-bottom: 1.25rem;
  max-width: 75rem;
}

@media only screen and (width <= 79.937rem) {
  .main > form > .container {
    margin: unset;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: unset !important;
  }
}

@media only screen and (width <= 47.937rem) {
  .main > form ~ .footer {
    display: none;
  }
}

.main__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.25rem;
  height: fit-content;
}

.main__location {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media only screen and (width >= 79.937rem) {
  .main__location {
    gap: 0.375rem;
  }

  .main__location .breadcrumb__item {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }

  .main__location .breadcrumb__item a {
    display: flex;
    align-items: center;
  }

  .main__location .breadcrumb__item .icon {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }

  .main__location .breadcrumb__item:nth-last-child(n + 6) {
    display: none;
  }

  .main__location .breadcrumb__item:nth-last-child(6):not(:nth-child(1)) {
    display: inline-flex;
    visibility: hidden;
    text-indent: -99rem;
  }

  .main__location .breadcrumb__item:nth-last-child(6):not(:nth-child(1))::after,
  .main__location
    .breadcrumb__item:nth-last-child(6):not(:nth-child(1))::before {
    text-indent: 0;
    visibility: visible;
  }

  .main__location
    .breadcrumb__item:nth-last-child(6):not(:nth-child(1))::after {
    margin-left: -0.25rem;
    content: "...";
    text-decoration: none !important;
  }

  .main__location .breadcrumb__item:nth-child(1) {
    display: inline-flex;
  }

  .main__location .breadcrumb__item.active {
    display: inline-flex;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

@media only screen and (width >= 48rem) and (width <= 79.937rem) {
  .main__location {
    gap: 0.375rem;
  }

  .main__location .breadcrumb__item {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }

  .main__location .breadcrumb__item .icon {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }

  .main__location .breadcrumb__item:nth-last-child(n + 4) {
    display: none;
  }

  .main__location .breadcrumb__item:nth-last-child(4):not(:nth-child(1)) {
    display: inline-flex;
    visibility: hidden;
    text-indent: -99rem;
  }

  .main__location .breadcrumb__item:nth-last-child(4):not(:nth-child(1))::after,
  .main__location
    .breadcrumb__item:nth-last-child(4):not(:nth-child(1))::before {
    text-indent: 0;
    visibility: visible;
  }

  .main__location
    .breadcrumb__item:nth-last-child(4):not(:nth-child(1))::after {
    margin-left: -0.25rem;
    content: "...";
    text-decoration: none !important;
  }

  .main__location .breadcrumb__item:nth-child(1) {
    display: inline-flex;
  }

  .main__location .breadcrumb__item.active {
    display: inline-flex;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

@media only screen and (width <= 47.937rem) {
  .main__location {
    gap: 0.375rem;
  }

  .main__location .breadcrumb__item {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }

  .main__location .breadcrumb__item:nth-last-child(n + 2) {
    display: none;
  }

  .main__location .breadcrumb__item:nth-last-child(2):not(:nth-child(1)) {
    display: inline-flex;
    visibility: hidden;
    text-indent: -99rem;
  }

  .main__location .breadcrumb__item:nth-last-child(2):not(:nth-child(1))::after,
  .main__location
    .breadcrumb__item:nth-last-child(2):not(:nth-child(1))::before {
    text-indent: 0;
    visibility: visible;
  }

  .main__location
    .breadcrumb__item:nth-last-child(2):not(:nth-child(1))::after {
    margin-left: -0.25rem;
    content: "...";
    text-decoration: none !important;
  }

  .main__location .breadcrumb__item:nth-child(1) {
    display: inline-flex;
  }

  .main__location .breadcrumb__item.active {
    display: inline-flex;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.main__wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.main__title {
  color: #364152;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.main__subtitle {
  color: #9aa4b2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media only screen and (width <= 79.937rem) {
  .main__subtitle {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

@media only screen and (width <= 47.937rem) {
  .main__subtitle {
    display: none;
  }
}

.main__action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.main__action .separator {
  height: 2rem;
  width: 0.063rem;
  background-color: #cdd5df;
}

.main__action .button__group {
  display: flex;
  align-items: center;
}

.main__action .button__group .dropdown .btn.btn_secondary {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.main__action .button__group .dropdown .btn-group.btn_trailing {
  padding: 0.75rem;
  border-color: #eef2f6;
  border-left: 0;
  min-height: 2.75rem;
  max-height: 2.75rem;
}

.main__action .button__group .dropdown .btn-group.btn_trailing .icon {
  font-size: 1.25rem;
  line-height: 0.05rem;
  vertical-align: -0.075rem;
  font-weight: 500;
}

.main__action .button__group .dropdown .dropdown__list {
  width: 100%;
}

@media only screen and (width <= 47.937rem) {
  .main__action .btn {
    padding: 0.5rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .main__action .btn__text {
    display: none;
  }
}

.main_doc {
  background-color: #fff;
}

.main_doc > .container {
  padding: 5.5rem 0 2rem 4rem !important;
}

@media only screen and (width <= 79.937rem) {
  .main_doc > .container {
    padding: 4.75rem 1rem 1rem !important;
  }
}

.footer {
  display: flex;
  padding: 0.75rem 1.5rem;
  width: 100%;
  max-width: 100%;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}

@media only screen and (width <= 47.937rem) {
  .footer {
    justify-content: center;
    padding: 0.375rem 1.5rem;
  }
}

.footer__copyright-wrapper {
  display: flex;
  gap: 0.5rem;
}

.footer__logo-wrapper {
  width: 4.25rem;
  height: 1.125rem;
}

@media only screen and (width <= 47.937rem) {
  .footer__logo-wrapper {
    display: none;
  }
}

.footer__logo {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.footer__copyright {
  color: #9aa4b2;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer__brand-name {
  color: #9aa4b2;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (width <= 47.937rem) {
  .footer__brand-name {
    display: none;
  }
}

.form-nav {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 998;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1.5rem;
  background: #fff;
  border-bottom: 0.063rem solid #eef2f6;
  box-shadow: 0 0.188rem 0.25rem rgb(0 0 0 / 6%);
}

@media only screen and (width <= 79.937rem) {
  .form-nav {
    padding: 0.5rem 1rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .form-nav__left .btn {
    padding: 0.5rem !important;
  }

  .form-nav__left .btn__text {
    display: none;
  }
}

.form-nav__middle {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.15s ease-in;
  position: absolute;
  width: 100%;
  z-index: -1;
  max-width: 100vw;
  inset: 0;
}

@media only screen and (width <= 79.937rem) {
  .form-nav__middle {
    opacity: 1 !important;
  }
}

.form-nav__wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media only screen and (width <= 47.937rem) {
  .form-nav__wrapper {
    display: none;
  }
}

.form-nav__timestamp {
  display: flex;
  align-items: center;
  color: #9aa4b2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.form-nav__timestamp .icon {
  color: inherit;
  padding-right: 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-nav__timestamp {
    color: #9aa4b2;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.form-nav__breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.form-nav__breadcrumb-diagonal {
  list-style: none;
  width: fit-content;
}

.form-nav__breadcrumb-diagonal::before {
  content: "/";
  font-size: 1rem;
  line-height: 1rem;
  color: #9aa4b2;
}

@media only screen and (width <= 47.937rem) {
  .form-nav__breadcrumb-diagonal {
    display: none;
  }
}

.form-nav__breadcrumb-item {
  color: #9aa4b2;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  list-style: none;
}

@media only screen and (width <= 47.937rem) {
  .form-nav__breadcrumb-item {
    display: none;
  }
}

.form-nav__breadcrumb-item::before {
  content: none;
}

.form-nav__breadcrumb-item.active {
  color: #364152;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

@media only screen and (width <= 47.937rem) {
  .form-nav__breadcrumb-item.active {
    display: block;
  }
}

.form-nav__breadcrumb-btn {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.form-nav__breadcrumb-btn:hover,
.form-nav__breadcrumb-btn:focus {
  text-decoration: underline;
}

@media only screen and (width <= 79.937rem) {
  .form-nav .btn {
    padding: 0.5rem 0.875rem;
  }
}

.form-nav ~ .container {
  max-width: 36.625rem !important;
  padding-top: 1.25rem !important;
}

@media only screen and (width <= 79.937rem) {
  .form-nav ~ .container .main__header {
    display: none !important;
  }
}

.form-table {
  padding: 1.5rem;
  position: fixed;
  top: 8.375rem;
  left: 0;
  width: 18.5rem;
  max-width: 18.5rem;
  float: left;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  transition: width 0.35s ease;
}

.form-table__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-table__title .icon {
  display: none;
}

@media only screen and (width <= 79.937rem) {
  .form-table__title {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }

  .form-table__title .icon {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    right: 0;
    padding: 0.25rem;
    cursor: pointer;
    border-radius: 0.5rem;
    transition: right 0.85s ease-in-out;
  }

  .form-table__title .icon::before {
    content: "\ea23";
  }

  .form-table__title .icon:hover {
    background: #e3e8ef !important;
  }
}

@media only screen and (width <= 47.937rem) {
  .form-table__title {
    padding-bottom: 0.875rem;
  }

  .form-table__title .icon::before {
    content: "\ec64";
  }
}

.form-table__list {
  padding-left: 0.875rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.188rem;
  overflow: hidden;
}

.form-table__item {
  list-style: none;
  position: relative;
  overflow: visible;
}

.form-table__item * {
  display: flex;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.5rem;
  align-items: center;
  gap: 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-table__item * {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.form-table__item.active *,
.form-table__item *:hover {
  background: #eef2f6;
}

.form-table__item::before {
  content: "";
  width: 0.625rem;
  height: 133.34%;
  padding-right: 0.625rem;
  position: absolute;
  left: -0.875rem;
  bottom: 50%;
  border-width: 0 0 0.063rem 0.063rem;
  border-style: dashed;
  border-color: #9aa4b2;
  border-radius: 0 0.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-table {
    width: 12.5rem;
    max-width: 12.5rem;
    padding: 1.5rem 1rem;
    border-right: 0.063rem solid #e3e8ef;
    gap: 0.875rem;
  }

  .form-table ~ .container {
    transition: padding 0.35s ease;
    margin: 0 !important;
    padding-left: 13.5rem !important;
    padding-right: 1rem !important;
    max-width: unset !important;
  }

  .form-table_collapse {
    padding: 1rem 0.75rem 0;
    width: 1.5rem !important;
  }

  .form-table_collapse ~ .container {
    padding-left: 3rem !important;
  }

  .form-table_collapse .form-table__title {
    position: unset;
    visibility: hidden;
  }

  .form-table_collapse .form-table__title .icon {
    position: absolute;
    right: -0.875rem;
    border: 0.063rem solid #e3e8ef;
    background: #f8fafc;
    visibility: visible;
  }

  .form-table_collapse .form-table__title .icon::before {
    content: "\ea26";
  }

  .form-table_collapse .form-table__list {
    visibility: hidden;
  }
}

.form-table_sticky-bottom {
  display: none;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  border: none;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  gap: 0;
  transition: none;
  z-index: 400;
}

.form-table__wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  padding: 1rem;
  background-color: #fff;
}

.form-table .collapse {
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.75rem 0.75rem 0 0;
}

.form-table__button-wrapper {
  width: 100%;
}

.form-table__button-wrapper > * {
  width: inherit;
}

@media only screen and (width <= 47.937rem) {
  .form-table {
    display: none !important;
  }

  .form-table ~ .container {
    padding-left: 1rem !important;
  }

  .form-table_sticky-bottom {
    display: flex !important;
  }
}

.card.card_form {
  border: 0.063rem solid #eef2f6;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 6%);
  border-radius: 1rem;
}

.card.card_form .card__header {
  padding: 0;
  border: none;
}

.card.card_form .card__header ~ .card__body {
  border-top: 0.25rem solid #f8fafc;
}

.card.card_form .choices__list:not(.choices__list--multiple) {
  z-index: 999;
}

.card.card_highlight {
  animation: pulse 1.5s linear;
  border-color: #4e91f6;
}

.form-header {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

.form-header .form-header__wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.form-header .form-header__avatar {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.063rem solid #cdd5df;
}

.form-header .form-header__avatar .icon {
  font-size: 1rem;
}

.form-header .form-header__information {
  display: block;
}

.form-header .form-header__title {
  color: #4b5565;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

@media only screen and (width <= 79.937rem) {
  .form-header .form-header__title {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.form-header .form-header__subtitle {
  color: #9aa4b2;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.form-header .form-header__badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 0.063rem solid #eef2f6;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.form-header .form-header__badge.form-header__badge_success {
  color: #15b79e;
}

.form-header .form-header__badge .icon {
  font-size: 1rem;
}

.form-header > .icon {
  color: #9aa4b2;
  font-size: 1.25rem;
  padding: 0.625rem;
}

.layout-overlay {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: rgb(18 18 18 / 32%);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  transition: opacity 150ms ease-out 15ms;
}

.layout-overlay_main,
.layout-overlay_content,
.layout-overlay_form-content {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0s;
}

.layout-overlay_main ~ .header_position-static,
.layout-overlay_content ~ .header_position-static {
  position: fixed;
}

.layout-overlay_main ~ .main > form,
.layout-overlay_content ~ .main > form {
  padding-top: 4.188rem;
}

@media only screen and (width <= 47.937rem) {
  .layout-overlay_main ~ .main > form,
  .layout-overlay_content ~ .main > form {
    padding-top: 3.875rem;
  }
}

.layout-overlay_main ~ .header_template ~ .main > form,
.layout-overlay_content ~ .header_template ~ .main > form {
  padding-top: var(--qn-semantic-header-height);
}

.layout-overlay_main ~ .nav-mobile,
.layout-overlay_content ~ .nav-mobile {
  z-index: 1001;
}

.layout-overlay_main ~ .sidebar {
  z-index: 1001;
}

.layout-overlay_form-content ~ .header {
  z-index: 1001;
}

.layout-overlay_form-content ~ .main > form .form-table_sticky-bottom {
  z-index: 1003;
}

.main_login .container {
  padding: 0 !important;
}

.form-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 1rem 0;
  max-width: 25rem;
  min-height: 100vh;
  margin: auto;
  background-color: #fff;
}

@media only screen and (width <= 79.937rem) {
  .form-login {
    padding: 0.75rem 1rem;
  }
}

.form-login__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-bottom: 3.75rem;
}

@media only screen and (width <= 79.937rem) {
  .form-login__header {
    padding-bottom: 1.5rem;
  }
}

.form-login__header-logo {
  width: 100%;
  max-width: 2.75rem;
  object-fit: contain;
}

.form-login__header-logo .img {
  width: 100%;
  height: 100%;
}

.form-login__header-separator {
  border: 0.063rem solid #eef2f6;
  display: flex;
  height: 2rem;
}

.form-login__header-name {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #222;
  max-width: 11.25rem;
}

.form-login__content-wrapper {
  text-align: center;
  padding-bottom: 2rem;
}

@media only screen and (width <= 23.437rem) {
  .form-login__content-wrapper {
    padding-bottom: 2.25rem;
  }
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-wrapper {
    padding-bottom: 1.5rem;
  }
}

.form-login__content-title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #222;
  padding-bottom: 0.75rem;
}

@media only screen and (width <= 23.437rem) {
  .form-login__content-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
  }
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
  }
}

.form-login__content-subtitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #4b5565;
}

@media only screen and (width <= 23.437rem) {
  .form-login__content-subtitle {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-subtitle {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.form-login__content-main {
  display: flex;
  flex-direction: column;
}

.form-login__content-main button {
  width: 100%;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main button {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }

  .form-login__content-main button img {
    width: 1rem;
  }
}

.form-login__content-main .form-control {
  padding-bottom: 1.25rem;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .form-control {
    padding-bottom: 1rem;
  }
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .form-control .form-control__label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.form-login__content-main .form-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .form-check {
    padding-bottom: 1.5rem;
  }
}

.form-login__content-main .form-check .form-control {
  display: flex;
  align-items: center;
  padding-bottom: 0;
}

.form-login__content-main
  .form-check
  .form-control
  .form-control__label-checkbox {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.form-login__content-main .form-check .link {
  width: 100%;
  justify-content: right;
  text-decoration: underline;
  color: #0f6af5;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .form-check .link {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.form-login__content-main .link-signup {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .link-signup {
    padding-top: 1rem;
  }
}

.form-login__content-main .link-signup__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .link-signup__text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.form-login__content-main .link-signup .link {
  color: #0f6af5;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  text-decoration: underline;
}

@media only screen and (width <= 79.937rem) {
  .form-login__content-main .link-signup .link {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.hr-intext {
  display: flex;
  position: relative;
  padding: 1.25rem 0;
  overflow: hidden;
}

@media only screen and (width <= 79.937rem) {
  .hr-intext {
    padding: 1.5rem 0;
  }
}

.hr-intext__line {
  display: flex;
  width: 100%;
  border-top: 0.063rem solid #eef2f6;
}

.hr-intext__text {
  position: absolute;
  padding: 0 0.25rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #9aa4b2;
  background-color: #fff;
  width: fit-content;
  text-align: center;
  white-space: nowrap;
}

.main_advanced-login {
  flex-direction: row;
  margin: 0 auto;
  max-width: 90rem;
}

@media (width >= 90rem) {
  .main_advanced-login {
    max-width: unset;
  }
}

.advanced-login__form {
  width: 48rem;
  max-width: 48rem;
  background-image: url("/assets/images/pattern/pattern-login.svg");
  background-repeat: no-repeat;
  background-position: top;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

@media only screen and (width <= 47.937rem) {
  .advanced-login__form {
    padding: 1.5rem;
  }
}

@media only screen and (width <= 79.937rem) {
  .advanced-login__form {
    width: 100%;
    max-width: unset;
    background-image: url("/assets/images/pattern/pattern-login-tablet.svg");
  }
}

@media only screen and (width >= 79.937rem) {
  .advanced-login__form {
    min-width: 36rem;
  }
}

@media only screen and (width >= 83.437rem) {
  .advanced-login__form {
    width: 50%;
    min-width: 50%;
  }
}

.advanced-login__form .header-login {
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.875rem;
}

.advanced-login__form .header-login__logo {
  width: 100%;
  max-width: 3rem;
  max-height: 3rem;
}

@media only screen and (width >= 23.563rem) and (width <= 48rem) {
  .advanced-login__form .header-login__logo {
    max-width: 2.5rem;
    max-height: 2.5rem;
  }
}

@media only screen and (width <= 23.5rem) {
  .advanced-login__form .header-login__logo {
    max-width: 1.875rem;
    max-height: 1.875rem;
  }
}

.advanced-login__form .header-login__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.advanced-login__form .header-login__separator {
  border: 0.063rem solid #e3e8ef;
  display: flex;
  height: 2.5rem;
}

.advanced-login__form .header-login__name {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--qn-neutral-900);
  max-width: 11.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (width >= 23.563rem) and (width <= 48rem) {
  .advanced-login__form .header-login__name {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
}

@media only screen and (width <= 23.5rem) {
  .advanced-login__form .header-login__name {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
    max-width: 8.75rem;
  }
}

.advanced-login__form .form-login {
  min-height: unset;
  align-self: center;
  max-width: 26.75rem;
  padding: 3.5rem 0;
}

@media only screen and (width >= 23.563rem) and (width <= 61.875rem) {
  .advanced-login__form .form-login {
    padding: 6.25rem 0;
    margin: unset;
    margin-bottom: auto;
    max-width: 25rem;
  }
}

@media only screen and (width <= 32.5rem) {
  .advanced-login__form .form-login {
    margin: unset;
    margin-bottom: auto;
    padding: 4rem 0;
  }
}

.advanced-login__form .form-login .form-login__content-wrapper {
  text-align: left;
  padding-bottom: 1.5rem;
}

.advanced-login__form
  .form-login
  .form-login__content-wrapper
  .form-login__content-title {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: var(--qn-neutral-900);
  padding-bottom: 0.5rem;
}

@media only screen and (width >= 23.563rem) and (width <= 48rem) {
  .advanced-login__form
    .form-login
    .form-login__content-wrapper
    .form-login__content-title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
  }
}

@media only screen and (width <= 23.5rem) {
  .advanced-login__form
    .form-login
    .form-login__content-wrapper
    .form-login__content-title {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
  }
}

.advanced-login__form
  .form-login
  .form-login__content-wrapper
  .form-login__content-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--qn-neutral-600);
}

@media only screen and (width <= 48rem) {
  .advanced-login__form
    .form-login
    .form-login__content-wrapper
    .form-login__content-subtitle {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.advanced-login__form .form-login .form-login__content-main .btn_outline {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

@media only screen and (width >= 23.563rem) and (width <= 48rem) {
  .advanced-login__form .form-login .form-login__content-main .btn_outline {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
  }
}

@media only screen and (width <= 23.5rem) {
  .advanced-login__form .form-login .form-login__content-main .btn_outline {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.advanced-login__form .form-login .form-login__content-main .btn_primary {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

@media only screen and (width <= 23.5rem) {
  .advanced-login__form .form-login .form-login__content-main .btn_primary {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.advanced-login__form .form-login .form-login__content-main .hr-intext {
  padding: 1.625rem 0;
}

.advanced-login__form .form-login .form-login__content-main .hr-intext_text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media only screen and (width >= 23.563rem) and (width <= 48rem) {
  .advanced-login__form .form-login .form-login__content-main .hr-intext_text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.advanced-login__form .form-login .form-login__content-main .form-control {
  padding-bottom: 1rem;
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control__label {
  padding-bottom: 0.375rem;
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control
  .checkbox {
  padding: 0.25rem 0 0.5rem;
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control
  .checkbox
  .form-control__label-checkbox {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media only screen and (width <= 48rem) {
  .advanced-login__form
    .form-login
    .form-login__content-main
    .form-control
    .checkbox
    .form-control__label-checkbox {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control
  .checkbox_policy
  .form-control__label-checkbox {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media only screen and (width <= 48rem) {
  .advanced-login__form
    .form-login
    .form-login__content-main
    .form-control
    .checkbox_policy
    .form-control__label-checkbox {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control.form_action-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control__float-right {
  position: unset;
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control__float-right
  .link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

@media only screen and (width <= 48rem) {
  .advanced-login__form
    .form-login
    .form-login__content-main
    .form-control__float-right
    .link {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control
  [data-tooltip] {
  display: flex;
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .form-control__label {
  gap: 0.25rem;
}

@media (width <= 32.5rem) {
  .advanced-login__form
    .form-login
    .form-login__content-main
    .grid.cols-1.cols-sm-2 {
    row-gap: 0;
  }
}

.advanced-login__form .form-login .form-login__content-main .link-signup {
  padding-top: 1rem;
}

@media (width <= 32.5rem) {
  .advanced-login__form .form-login .form-login__content-main .link-signup {
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
  }
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .link-signup
  .link-signup__text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (width <= 32.5rem) {
  .advanced-login__form
    .form-login
    .form-login__content-main
    .link-signup
    .link-signup__text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

.advanced-login__form
  .form-login
  .form-login__content-main
  .link-signup
  .link-signup__text
  .link {
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

@media (width <= 32.5rem) {
  .advanced-login__form
    .form-login
    .form-login__content-main
    .link-signup
    .link-signup__text
    .link {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
  }
}

.advanced-login__form .footer-login {
  display: flex;
  align-items: center;
  align-self: flex-end;
  width: 100%;
}

@media (width <= 32.5rem) {
  .advanced-login__form .footer-login {
    display: none;
  }
}

.advanced-login__form .footer-login__logo {
  height: 100%;
  width: fit-content;
}

.advanced-login__form .footer-login__logo img {
  object-fit: cover;
  height: 100%;
  width: fit-content;
}

.advanced-login__form .footer-login__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #9aa4b2;
  padding-left: 0.5rem;
  flex-grow: 1;
}

.advanced-login__form .footer-login__language {
  display: flex;
  align-items: center;
  justify-content: right;
  flex-grow: 2;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #697586;
}

.advanced-login__form .footer-login__language .active {
  font-weight: 600;
  color: #4b5565;
}

.advanced-login__form .footer-login__language .option__language:hover {
  cursor: pointer;
  color: #4b5565;
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}

.advanced-login__form .footer-login__language .separator {
  border-right: 0.063rem solid #e3e8ef;
  display: flex;
  height: 1rem;
}

.advanced-login__wrapper {
  padding: 1.5rem 1.5rem 1.5rem 0.5rem;
  width: 100%;
  max-width: 100%;
}

@media only screen and (width <= 61.875rem) {
  .advanced-login__wrapper {
    display: none;
  }
}

@media (width >= 90rem) {
  .advanced-login__wrapper {
    width: 50%;
  }
}

.advanced-login__illustration {
  --qn--advanced-login-illustration-radius: 1.5rem;
  --qn--advanced-login-illustration-fill: white;
  --qn--advanced-login-illustration-white-space: 0.75rem;
  --qn--advanced-login-separator-top-width: 7.625rem;
  --qn--advanced-login-separator-top-height: 7.375rem;
  --qn--advanced-login-separator-bottom-width: 4.25rem;
  --qn--advanced-login-separator-bottom-height: 6.5rem;

  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: var(--qn--advanced-login-illustration-radius);
}

.advanced-login__illustration-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advanced-login__separator {
  position: absolute;
  inset: 0;
}

.advanced-login__separator-top {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(
    var(--qn--advanced-login-separator-top-width) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-separator-top-height) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background: var(--qn--advanced-login-illustration-fill);
  clip-path: polygon(
    calc(100% - var(--qn--advanced-login-illustration-white-space)) 0,
    100% 0,
    100% 100%,
    0% 100%,
    0 calc(100% - var(--qn--advanced-login-illustration-white-space)),
    calc(100% - var(--qn--advanced-login-illustration-white-space))
      calc(100% - var(--qn--advanced-login-illustration-white-space))
  );
  border-radius: 0 0 var(--qn--advanced-login-illustration-radius) 0;
}

.advanced-login__separator-top-corner-middle {
  position: absolute;
  left: calc(
    var(--qn--advanced-login-separator-top-width) -
      var(--qn--advanced-login-illustration-radius) -
      var(--qn--advanced-login-illustration-white-space)
  );
  top: calc(
    var(--qn--advanced-login-separator-top-height) -
      var(--qn--advanced-login-illustration-radius) -
      var(--qn--advanced-login-illustration-white-space)
  );
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: var(--qn--advanced-login-illustration-white-space)
    var(--qn--advanced-login-illustration-white-space) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 0 var(--qn--advanced-login-illustration-radius) 0;
}

.advanced-login__separator-top-corner-top {
  position: absolute;
  left: calc(
    var(--qn--advanced-login-separator-top-width) -
      var(--qn--advanced-login-illustration-radius)
  );
  top: 0;
  width: calc(
    var(--qn--advanced-login-illustration-radius) * 2 +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: var(--qn--advanced-login-illustration-radius);
}

.advanced-login__separator-top-corner-top::before {
  content: "";
  position: absolute;
  left: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  top: 0;
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: var(--qn--advanced-login-illustration-white-space)
    calc(var(--qn--advanced-login-illustration-white-space) * -1) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 var(--qn--advanced-login-illustration-radius) 0 0;
}

.advanced-login__separator-top-corner-top::after {
  content: "";
  position: absolute;
  right: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  top: 0;
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: calc(var(--qn--advanced-login-illustration-white-space) * -1)
    calc(var(--qn--advanced-login-illustration-white-space) * -1) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: var(--qn--advanced-login-illustration-radius) 0 0 0;
}

.advanced-login__separator-top-corner-bottom {
  position: absolute;
  left: 0;
  top: calc(
    var(--qn--advanced-login-separator-top-height) -
      var(--qn--advanced-login-illustration-radius)
  );
  width: var(--qn--advanced-login-illustration-radius);
  height: calc(
    var(--qn--advanced-login-illustration-radius) * 2 +
      var(--qn--advanced-login-illustration-white-space)
  );
}

.advanced-login__separator-top-corner-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: calc(var(--qn--advanced-login-illustration-white-space) * -1)
    var(--qn--advanced-login-illustration-white-space) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 0 0 var(--qn--advanced-login-illustration-radius);
}

.advanced-login__separator-top-corner-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: calc(var(--qn--advanced-login-illustration-white-space) * -1)
    calc(var(--qn--advanced-login-illustration-white-space) * -1) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: var(--qn--advanced-login-illustration-radius) 0 0 0;
}

.advanced-login__separator-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(
    var(--qn--advanced-login-separator-bottom-width) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-separator-bottom-height) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background: var(--qn--advanced-login-illustration-fill);
  clip-path: polygon(
    0 0,
    100% 0,
    100% var(--qn--advanced-login-illustration-white-space),
    var(--qn--advanced-login-illustration-white-space)
      var(--qn--advanced-login-illustration-white-space),
    var(--qn--advanced-login-illustration-white-space) 100%,
    0% 100%
  );
  border-radius: var(--qn--advanced-login-illustration-radius) 0 0 0;
}

.advanced-login__separator-bottom-corner-middle {
  position: absolute;
  right: calc(
    var(--qn--advanced-login-separator-bottom-width) -
      var(--qn--advanced-login-illustration-radius) -
      var(--qn--advanced-login-illustration-white-space)
  );
  bottom: calc(
    var(--qn--advanced-login-separator-bottom-height) -
      var(--qn--advanced-login-illustration-radius) -
      var(--qn--advanced-login-illustration-white-space)
  );
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: calc(var(--qn--advanced-login-illustration-white-space) * -1)
    calc(var(--qn--advanced-login-illustration-white-space) * -1) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: var(--qn--advanced-login-illustration-radius) 0 0 0;
}

.advanced-login__separator-bottom-corner-top {
  position: absolute;
  right: 0;
  bottom: calc(
    var(--qn--advanced-login-separator-bottom-height) -
      var(--qn--advanced-login-illustration-radius)
  );
  width: var(--qn--advanced-login-illustration-radius);
  height: calc(
    var(--qn--advanced-login-illustration-radius) * 2 +
      var(--qn--advanced-login-illustration-white-space)
  );
}

.advanced-login__separator-bottom-corner-top::before {
  content: "";
  position: absolute;
  right: 0;
  top: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: var(--qn--advanced-login-illustration-white-space)
    var(--qn--advanced-login-illustration-white-space) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 0 var(--qn--advanced-login-illustration-radius) 0;
}

.advanced-login__separator-bottom-corner-top::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: var(--qn--advanced-login-illustration-white-space)
    calc(var(--qn--advanced-login-illustration-white-space) * -1) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 var(--qn--advanced-login-illustration-radius) 0 0;
}

.advanced-login__separator-bottom-corner-bottom {
  position: absolute;
  right: calc(
    var(--qn--advanced-login-separator-bottom-width) -
      var(--qn--advanced-login-illustration-radius)
  );
  bottom: 0;
  width: calc(
    var(--qn--advanced-login-illustration-radius) * 2 +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: var(--qn--advanced-login-illustration-radius);
}

.advanced-login__separator-bottom-corner-bottom::before {
  content: "";
  position: absolute;
  left: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  bottom: 0;
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: var(--qn--advanced-login-illustration-white-space)
    var(--qn--advanced-login-illustration-white-space) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 0 var(--qn--advanced-login-illustration-radius) 0;
}

.advanced-login__separator-bottom-corner-bottom::after {
  content: "";
  position: absolute;
  right: calc(var(--qn--advanced-login-illustration-white-space) * -1);
  bottom: 0;
  width: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  height: calc(
    var(--qn--advanced-login-illustration-radius) +
      var(--qn--advanced-login-illustration-white-space)
  );
  background-color: #fff0;
  box-shadow: calc(var(--qn--advanced-login-illustration-white-space) * -1)
    var(--qn--advanced-login-illustration-white-space) 0 0
    var(--qn--advanced-login-illustration-fill);
  border-radius: 0 0 0 var(--qn--advanced-login-illustration-radius);
}

.main_modules {
  background-color: var(--qn-sevima-blue-400);
  background:
    url("./../../assets/images/example-photo.webp"),
    linear-gradient(0deg, rgb(12 14 25 / 32%) 0%, rgb(12 14 25 / 32%) 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: color;
  margin: auto;
}

.main_modules .container {
  padding: 0 !important;
}

@media only screen and (width <= 79.937rem) {
  .main_modules {
    padding: 2rem;
  }
}

@media only screen and (width <= 47.937rem) {
  .main_modules {
    padding: 1rem;
  }
}

.card_modules {
  max-width: 36.625rem;
  width: 100%;
  margin: auto;
  border-radius: 1rem;
  position: relative;
  z-index: 1;
}

.card_modules::before {
  content: "";
  position: absolute;
  inset: -8px;
  backdrop-filter: blur(4px);
  background-color: rgb(255 255 255 / 6%);
  z-index: -1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border-radius: 1.5rem;
}

.card_modules .card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 2.5rem;
  background: var(--qn-neutral-100);
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

@media only screen and (width <= 47.937rem) {
  .card_modules .card__header {
    padding: 1rem;
  }
}

.card_modules .card__header-group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.card_modules .card__header-logo {
  min-width: 3.5rem;
  width: 3.5rem;
  height: auto;
  max-height: 3.5rem;
  padding: 0.375rem;
  background: rgb(255 255 255 / 84%);
  border-radius: 0.75rem;
}

.card_modules .card__header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card_modules .card__header-identity {
  display: flex;
  flex-direction: column;
}

.card_modules .card__header-name {
  color: var(--qn-black);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.084px;
  text-transform: capitalize;
}

.card_modules .card__header-platform {
  color: var(--qn-neutral-600);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.072px;
}

.card_modules .card__body {
  padding: 1.5rem 2.5rem;
  background-color: var(--qn-white);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

@media only screen and (width <= 47.937rem) {
  .card_modules .card__body {
    padding: 1rem;
  }
}

.card_modules .card__body-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

@media only screen and (width <= 47.937rem) {
  .card_modules .card__body-title {
    padding-top: 0;
  }
}

.card_modules .card__body-text {
  color: var(--qn-neutral-900);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.card_modules .card__body-text .icon {
  font-size: 1rem;
  color: #202939;
}

.card_modules .card__body .btn_link {
  color: var(--qn-neutral-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.25rem;
}

.card_modules .card__body .btn_link .icon {
  font-size: 1rem;
  color: #202939;
}

.card_modules .card__body .btn_link:hover {
  text-decoration: none;
  background-color: var(--qn-neutral-100);
  border-radius: 0.375rem;
}

.card_modules .card__body .btn_link:focus {
  box-shadow: none;
}

.card_modules .card__body .btn_link .icon {
  font-size: 1rem;
  color: #202939;
}

.card_modules .dropdown {
  width: 100%;
  justify-content: flex-end;
}

.card_modules .dropdown .btn {
  --qn-btn-padding-size: 0.25rem 0.625rem 0.25rem 0.25rem;
  --qn-btn-height-size: unset;

  gap: 0.375rem;
  border-radius: 1rem;
  border: 1px solid rgb(236 239 243 / 50%);
  background:
    linear-gradient(
      0deg,
      rgb(255 255 255 / 12%) 0%,
      rgb(255 255 255 / 12%) 100%
    ),
    #fff;
  box-shadow: 0 0.5px 2px 0 rgb(210 226 255 / 25%) inset;
}

.card_modules .dropdown .btn .icon {
  display: none;
}

@media only screen and (width <= 47.937rem) {
  .card_modules .dropdown .btn .icon {
    display: block;
  }
}

.card_modules .dropdown__list {
  padding: 0.375rem;
}

.card_modules .dropdown__avatar {
  padding: 0.25rem 0.5rem 0.75rem 0.25rem;
}

.card_modules .dropdown__box {
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px 2px rgb(26 26 26 / 20%);
}

.card_modules .dropdown__item {
  padding: 0.5rem 0.5rem 0.625rem;
}

.card_modules .dropdown__item:hover {
  background-color: var(--qn-neutral-100);
  border-radius: 0.75rem;
  cursor: pointer;
}

.card_modules .dropdown__item:last-child {
  padding: 0.5rem;
}

.card_modules .dropdown__item a:hover {
  background: var(--qn-neutral-100);
}

.card_modules .dropdown__item a:hover::before {
  border-radius: 0.75rem;
  background: var(--qn-neutral-100);
}

.card_modules .avatar__name {
  display: none;
}

@media only screen and (width >= 47.937rem) {
  .card_modules .avatar__name {
    display: inline-block;
    max-width: 4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--qn-neutral-800);
  }
}

.modules {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  width: 100%;
  transition: all ease-out 0.3s;
}

@media only screen and (width <= 47.937rem) {
  .modules {
    grid-template-columns: repeat(3, 1fr);
  }
}

.modules .btn_outline {
  --qn-btn-padding-size: 1.75rem 0.75rem;
  --qn-btn-height-size: unset;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.875rem;
  border: 1px solid rgb(255 255 255 / 8%);
  background:
    linear-gradient(180deg, #fff0 0%, rgb(171 171 171 / 1%) 100%), #fff;
  box-shadow:
    0 0 0 1px #eaeaea,
    0 1px 3px 0 rgb(143 143 143 / 20%),
    0 -3.2px 0 0 rgb(61 61 61 / 4%) inset;
}

@media only screen and (width <= 47.937rem) {
  .modules .btn_outline {
    --qn-btn-padding-size: unset;

    width: 100%;
    aspect-ratio: 1/1;
    justify-content: center;
  }
}

.modules .btn_outline:hover {
  background-color: unset !important;
  background:
    linear-gradient(180deg, rgb(171 171 171 / 1%) 0%, #fff0 100%), #f5f9ff !important;
  border: 1px solid #4e91f6;
  box-shadow:
    0 0 0 1px #e5efff,
    0 1px 3px 0 rgb(41 133 234 / 20%),
    0 -3.2px 0 0 rgb(14 47 78 / 4%) inset;
}

.modules .btn_outline:hover .modules__text {
  font-weight: 600;
}

.modules .btn_outline:hover .modules__image {
  width: 2rem;
  height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
}

.modules__text {
  color: var(--qn-neutral-800);
  text-align: center;
  display: inline-block;
  width: 5.75rem;
  max-width: 5.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition: font-weight 0.3s ease-out;
}

.modules__image {
  width: 2.25rem;
  height: 2.25rem;
  max-width: 2.25rem;
  max-height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  transition: all ease-out 0.3s;
}

.modules__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all ease-out 0.3s;
  margin: auto;
}

.modules [data-tooltip]::before {
  bottom: calc(70% + 0.438rem - 0.063rem);
}

.modules [data-tooltip]::after {
  bottom: calc(70% + 0.438rem);
}

.roles {
  list-style: none;
}

.roles__item {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid var(--qn-neutral-200);
}

.roles__item:last-child {
  border-bottom: none;
}

.roles__item:first-child {
  padding-top: 0;
}

.roles__item-wrapper {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.roles__item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
}

.roles__item-prodi {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  transition: all ease-out 0.3s;
  flex-grow: 1;
}

.roles a {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  gap: 0.875rem;
}

.roles a:hover {
  background-color: var(--qn-neutral-100);
  border-radius: 0.625rem;
  cursor: pointer;
}

.roles a:hover .roles__item-prodi {
  gap: 0.875rem;
}

.roles a:hover .icon {
  visibility: visible;
  opacity: 1;
}

.roles a .icon {
  font-size: 1rem;
  color: var(--qn-black);
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 200ms ease-in-out,
    visibility 200ms ease-in-out;
}