: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: #ffffff;
    --qn-black: #222222;
    --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 rgba(0, 0, 0, 0.12);
    --qn-shadow-outer-lg: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --qn-shadow-inner-sm: inset 0.063rem 0.125rem 0.125rem rgba(0, 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);
}

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

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

html {
    height: 100%;
}

@media only screen and (min-width: 83.437rem) {
    html {
        font-size: 116.67%;
    }
}

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

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

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

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

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

body {
    display: block;
    min-height: 100%;
    background-color: #f8fafc;
    color: #222222;
    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: #222222;
    margin-bottom: 0;
}

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

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

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

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

::-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: normal;
    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;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem;
    grid-template-columns: repeat(12, 1fr);
    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 (min-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 (min-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 (min-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 (min-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 (min-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 (min-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 rgba(171, 201, 245, 0.7);
    }

    70% {
        border-color: #4e91f6;
        box-shadow: 0 0 0 0.75rem rgba(171, 201, 245, 0);
    }

    100% {
        border-color: #4e91f6;
        box-shadow: 0 0 0 0 rgba(171, 201, 245, 0);
    }
}

@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%,
            rgba(0, 0, 0, 0)) center top / 0.188rem 0.188rem no-repeat,
        radial-gradient(farthest-side, var(--qn-primary) 90%, rgba(0, 0, 0, 0)) center right / 0.188rem 0.188rem no-repeat,
        radial-gradient(farthest-side at left bottom,
            rgba(0, 0, 0, 0) calc(100% - 0.188rem),
            var(--qn-primary) calc(100% - 0.163rem),
            var(--qn-primary) 99%,
            rgba(0, 0, 0, 0)) right top / 50% 50% content-box content-box,
        radial-gradient(farthest-side,
            rgba(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%,
            rgba(0, 0, 0, 0)) center top / 0.375rem 0.375rem no-repeat,
        radial-gradient(farthest-side, var(--qn-primary) 90%, rgba(0, 0, 0, 0)) center right / 0.375rem 0.375rem no-repeat,
        radial-gradient(farthest-side at left bottom,
            rgba(0, 0, 0, 0) calc(100% - 0.375rem),
            var(--qn-primary) calc(100% - 0.325rem),
            var(--qn-primary) 99%,
            rgba(0, 0, 0, 0)) right top / 50% 50% content-box content-box,
        radial-gradient(farthest-side,
            rgba(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%,
            rgba(0, 0, 0, 0)) center top / 0.375rem 0.375rem no-repeat,
        radial-gradient(farthest-side, var(--qn-primary) 90%, rgba(0, 0, 0, 0)) center right / 0.375rem 0.375rem no-repeat,
        radial-gradient(farthest-side at left bottom,
            rgba(0, 0, 0, 0) calc(100% - 0.375rem),
            var(--qn-primary) calc(100% - 0.325rem),
            var(--qn-primary) 99%,
            rgba(0, 0, 0, 0)) right top / 50% 50% content-box content-box,
        radial-gradient(farthest-side,
            rgba(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: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.6s ease;
    border: 0.063rem solid transparent;
    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 rgba(16, 24, 40, 0.05), 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 rgba(0, 0, 0, 0.12);
    color: #ffffff;
    font-weight: 600;
}

.btn_primary .icon {
    color: #ffffff;
}

.btn_primary:hover {
    background-color: var(--qn-primary-500) !important;
    box-shadow: 0 0.063rem 0.125rem rgba(0, 0, 0, 0.12) !important;
}

.btn_primary:focus {
    box-shadow: 0 0.063rem 0.125rem rgba(16, 24, 40, 0.05), 0 0 0 0.25rem #d1e1f8 !important;
}

.btn_primary:active {
    background-color: #074bb2;
    box-shadow: 0 0.063rem 0.125rem rgba(0, 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 rgba(0, 0, 0, 0.12);
    color: #ffffff;
    font-weight: 600;
}

.btn_destructive .icon {
    color: #ffffff;
}

.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 rgba(16, 24, 40, 0.05), 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: #ffffff;
    border-color: #e3e8ef;
    color: #222222;
    font-weight: 400;
}

.btn_outline .icon {
    color: #222222;
}

.btn_outline:hover {
    background-color: #cdd5df !important;
}

.btn_outline:active,
.btn_outline:focus {
    background-color: #ffffff !important;
    box-shadow: 0 0.063rem 0.125rem rgba(16, 24, 40, 0.05), 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: 500;
}

.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 rgba(0, 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: 500;
    --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 rgba(16, 24, 40, 0.05);
    color: #ffffff;
}

.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 (max-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: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    border: 0.063rem solid transparent;
    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: -moz-fit-content;
    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 #ffffff;
    box-shadow: 0 0.063rem 0.188rem rgba(0, 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: #ffffff;
}

.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%;
    -o-object-fit: cover;
    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 #ffffff;
}

.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: -moz-fit-content;
    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 (max-width: 79.937rem) {
    .btn-group .btn {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.tooltip-wrapper {
    width: -moz-fit-content;
    width: fit-content;
}

[data-tooltip] {
    position: relative;
}

[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;
    width: -moz-max-content;
    border-radius: 0.5rem;
    background-color: #222222;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
    color: #ffffff;
    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 0.438rem;
    border-color: #222222 transparent transparent transparent;
    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);
    z-index: 100;
}

[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
    transition: 0s;
    transition-delay: 0.03s;
    transition-duration: 0.1s;
    transform: translateX(-50%) scaleY(1);
    z-index: 100;
}

[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: transparent transparent transparent #222222;
    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: transparent #222222 transparent transparent;
    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 0.438rem;
    border-color: transparent transparent #222222 transparent;
    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: #222222;
    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: transparent;
    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 (max-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 (max-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 (max-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;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.breadcrumb__item,
.breadcrumb__truncate {
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    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: #222222;
    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: transparent;
    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 (max-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 (max-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 (max-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 rgba(17, 4, 4, 0.06);
    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: #222222;
    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: #222222;
}

.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 (max-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: -moz-fit-content;
    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 (max-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: #ffffff;
    position: relative;
}

@media only screen and (max-width: 79.937rem) {
    .card_details-primary {
        padding: 1rem;
    }
}

.card_details-primary label {
    color: #ffffff;
    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 (max-width: 79.937rem) {
    .card_details-primary:has(.badge) .badge {
        position: absolute;
        top: 1.5rem;
        right: 0.875rem;
    }
}

@media only screen and (max-width: 79.937rem) and (max-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 (max-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 (max-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: #ffffff;
    scrollbar-width: none !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: -moz-fit-content;
    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: -moz-fit-content;
    width: fit-content;
    border-bottom: solid 0.125rem;
    border-color: transparent;
    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 {
    cursor: default;
    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-sm,
.nav-tab_phill-md,
.nav-tab_phill-lg {
    width: -moz-fit-content;
    width: fit-content;
}

.nav-tab_phill-sm .nav-tab__wrapper,
.nav-tab_phill-md .nav-tab__wrapper,
.nav-tab_phill-lg .nav-tab__wrapper {
    padding: 0.25rem;
    border-bottom: 0;
    border: 0.063rem solid #e3e8ef;
    background: #e3e8ef;
    border-radius: 0.5rem;
}

.nav-tab_phill-sm .nav-tab__item,
.nav-tab_phill-md .nav-tab__item,
.nav-tab_phill-lg .nav-tab__item {
    border: none;
    font-weight: 400;
    border-radius: 0.375rem;
}

.nav-tab_phill-sm .nav-tab__item:not(.disabled):hover,
.nav-tab_phill-md .nav-tab__item:not(.disabled):hover,
.nav-tab_phill-lg .nav-tab__item:not(.disabled):hover {
    background-color: #eef2f6;
    color: #4b5565;
}

.nav-tab_phill-sm .nav-tab__item.active,
.nav-tab_phill-md .nav-tab__item.active,
.nav-tab_phill-lg .nav-tab__item.active {
    border: 0.063rem solid transparent;
    box-shadow: 0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.06),
        0 0.063rem 0.188rem 0 rgba(16, 24, 40, 0.1);
    background: #ffffff;
    color: #4b5565;
    font-weight: 600;
}

.nav-tab_phill-sm .nav-tab__item {
    padding: 0.5rem 0.75rem;
}

.nav-tab_phill-md .nav-tab__item {
    padding: 0.688rem 0.75rem;
}

.nav-tab_phill-lg .nav-tab__item {
    padding: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.nav-tab_center .nav-tab__wrapper {
    justify-content: center;
}

.tab-content {
    display: flex;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #4b5565;
}

.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 (max-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 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

@media only screen and (max-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 (max-width: 79.937rem) {
    .box-table__header-right .btn {
        text-indent: -64rem;
        white-space: nowrap;
        min-width: 2.375rem;
        overflow: hidden;
        gap: 0;
        width: -moz-fit-content;
        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 (max-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 0.063rem;
    border-style: solid;
    border-color: #c9d4e1;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

@media only screen and (max-width: 79.937rem) {
    .box-table__action {
        padding: 0.875rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .box-table__action {
        padding: 0;
        flex-direction: column;
        justify-content: unset;
    }
}

@media only screen and (max-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: -moz-fit-content;
    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 (max-width: 47.937rem) {
    .box-table__action-left {
        display: none;
    }
}

@media only screen and (max-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 #C9D4E1;
    width: 100%;
    text-align: left;
    border-collapse: separate !important;
    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 .text-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;
    vertical-align: 0.125rem;
    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;
    justify-content: center;
    align-items: center;
    justify-content: center;
}

.table-responsive,
.table-max {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: -moz-fit-content;
    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 (max-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 {
    padding-right: var(--qn-table-cell-action-width, 7.75rem);
    transition: all 0.25s ease-in-out;
    overflow-x: auto;
}

.table-max_absolute::-webkit-scrollbar {
    position: absolute;
    z-index: 201;
}

.table-max_absolute table {
    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 rgba(0, 0, 0, 0);
    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-table-shadow-right-bottom-offset, 0rem));
    box-shadow: -0.5rem 0 0.25rem 0 rgba(0, 0, 0, 0.02),
        -0.25rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.04);
    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, #ffffff, #ffffff) 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 rgba(0, 0, 0, 0);
}

.table-max_with-left-shadow table::before {
    box-shadow: 0.5rem 0 0.25rem 0 rgba(0, 0, 0, 0.02),
        0.25rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.04);
}

.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;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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: -moz-fit-content;
    height: fit-content;
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    z-index: 2;
    width: 43.75rem;
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}

@media only screen and (max-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 (max-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: -moz-fit-content;
    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 rgba(0, 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: -moz-fit-content;
    height: fit-content;
    content: "\eac6";
    color: #ffffff;
    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 (max-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: -moz-fit-content;
    height: fit-content;
    content: "\ec26";
    color: #ffffff;
    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 (max-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: -moz-fit-content;
    height: fit-content;
    content: "\eb2f";
    color: #ffffff;
    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 (max-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: -moz-fit-content;
    height: fit-content;
    content: "\ea1c";
    color: #ffffff;
    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 (max-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 (max-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 (min-width: 47.937rem) {
    .handler {
        padding: 8rem 0;
    }
}

@media only screen and (min-width: 79.937rem) {
    .handler {
        padding: 4.625rem 0;
    }
}

@media only screen and (min-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 (min-width: 47.937rem) {
    .handler__illustration {
        max-height: 17.5rem;
    }
}

@media only screen and (min-width: 83.437rem) {
    .handler__illustration {
        max-height: 22.5rem;
    }
}

.handler__illustration img {
    height: 100%;
    -o-object-fit: cover;
    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 (min-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 (min-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 (min-width: 47.937rem) {
    .empty-list__illustration {
        max-height: 17.5rem;
    }
}

@media only screen and (min-width: 83.437rem) {
    .empty-list__illustration {
        max-height: 22.5rem;
    }
}

.empty-list__illustration img {
    height: 100%;
    -o-object-fit: cover;
    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 (min-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 (min-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%;
    -o-object-fit: cover;
    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 (min-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;
    max-width: 100%;
    color: #222222;
    background-color: #ffffff;
    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: #222222;
}

.offcanvas .offcanvas__header .offcanvas__header-subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #222222;
}

.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: #ffffff;
}

.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: rgba(0, 0, 0, 0.5);
}

.pagination {
    display: inline-flex;
    gap: 0;
}

@media only screen and (max-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 (max-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 (max-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 (max-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: 0rem;
    font-weight: 500;
    color: inherit;
}

@media only screen and (max-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 (max-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 (max-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 (max-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;
    -o-object-fit: cover;
    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: #222222;
}

.callout__subtitle {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #4b5565;
    font-style: italic;
}

@media only screen and (max-width: 47.937rem) {
    .notification {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

.notification__header {
    position: sticky;
    z-index: 10;
    top: 0;
    background: #ffffff;
}

.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 (max-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 (max-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 (max-width: 47.937rem) {
    .notification__header-btn {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }
}

.notification__body {
    width: 100%;
    height: -moz-fit-content;
    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 rgba(16, 24, 40, 0.05), 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: #ffffff;
    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 (max-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: -moz-fit-content;
    width: fit-content;
    padding: 0.125rem 0.5rem;
    display: flex;
    align-items: center;
    background: #ffffff;
    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: #222222;
    background-color: #ffffff;
    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: -webkit-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;
}

.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: -moz-fit-content;
    width: fit-content;
}

.form-control__label {
    display: flex;
    align-items: center;
    padding-bottom: 0.75rem;
    color: #364152;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

@media only screen and (max-width: 79.937rem) {
    .form-control__label {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }
}

.form-control__label .important {
    color: var(--qn-danger);
    padding-right: 0.25rem;
}

.form-control__label .icon-information-circle {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    color: #9aa4b2;
    position: relative;
}

.form-control__label .icon-information-circle::before {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-control__label .icon-information-circle: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: -moz-fit-content;
    width: fit-content;
    height: -moz-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: 0rem;
    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: #ffffff;
    width: 1.5rem;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    pointer-events: none;
}

@media only screen and (max-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: 0rem;
    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 {
    -webkit-appearance: none;
}

.form-control__group [data-input-icon="search"] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 1rem;
    z-index: 2;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-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: 1;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    pointer-events: none;
}

@media only screen and (max-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.125rem rgba(var(--qn-danger), 0.2);
}

.form-control__group.error .select-flag {
    border-color: var(--qn-danger);
}

.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: #ffffff;
    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-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    border-right: 0.063rem solid #e3e8ef;
}

.form-control__input {
    width: 100%;
    background: #ffffff;
    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 rgba(16, 24, 40, 0.05);
    outline: none;
}

@media only screen and (max-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::-moz-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:-moz-read-only {
    pointer-events: none;
    box-shadow: none;
}

.form-control__input:read-only {
    background: #eef2f6;
    color: #697586;
    cursor: not-allowed;
    box-shadow: none;
}

.form-control__input:-moz-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:-moz-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 rgba(16, 24, 40, 0.05), 0 0 0 0.25rem #e4eefd;
    transition: border 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

.form-control__input:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-clear="input"] {
    pointer-events: all;
    opacity: 1;
    -moz-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.form-control__input:not(:placeholder-shown):not([disabled], [readonly])~[data-clear="input"] {
    pointer-events: all;
    opacity: 1;
    transition: 200ms ease-in-out;
}

.form-control__input:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-visibility="input"] {
    pointer-events: all;
    opacity: 1;
    -moz-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.form-control__input:not(:placeholder-shown):not([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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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: -moz-fit-content !important;
    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 (max-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 rgba(15, 106, 245, 0.2);
    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 rgba(16, 24, 40, 0.05), 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: #ffffff;
    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;
    -webkit-appearance: none;
    -moz-appearance: none;
    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 (max-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::-moz-placeholder,
.form-control .dropdown__text::-moz-placeholder,
.form-control .dropdown__tag::-moz-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 rgba(15, 106, 245, 0.2);
    transition: all 200ms ease-in-out;
}

.form-control__select:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-clear="input"],
.form-control .dropdown__text:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-clear="input"],
.form-control .dropdown__tag:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-clear="input"] {
    pointer-events: all;
    opacity: 1;
    -moz-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.form-control__select:not(:placeholder-shown):not([disabled], [readonly])~[data-clear="input"],
.form-control .dropdown__text:not(:placeholder-shown):not([disabled], [readonly])~[data-clear="input"],
.form-control .dropdown__tag:not(:placeholder-shown):not([disabled], [readonly])~[data-clear="input"] {
    pointer-events: all;
    opacity: 1;
    transition: 200ms ease-in-out;
}

.form-control__select:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-visibility="input"],
.form-control .dropdown__text:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-visibility="input"],
.form-control .dropdown__tag:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-visibility="input"] {
    pointer-events: all;
    opacity: 1;
    -moz-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.form-control__select:not(:placeholder-shown):not([disabled], [readonly])~[data-visibility="input"],
.form-control .dropdown__text:not(:placeholder-shown):not([disabled], [readonly])~[data-visibility="input"],
.form-control .dropdown__tag:not(:placeholder-shown):not([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 (max-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: -moz-fit-content;
    height: fit-content;
}

@media only screen and (max-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: -moz-fit-content;
    width: fit-content;
    height: -moz-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: 0rem;
    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: -moz-fit-content;
    min-width: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -moz-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: 0rem;
    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 (max-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: transparent;
        right: 0;
    }

    .form-control.form-control_expand-xs input::-moz-placeholder {
        color: transparent;
    }

    .form-control.form-control_expand-xs input::placeholder {
        color: transparent;
    }

    .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.form-control_expand-xs.form-control_expanded input::-moz-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 (max-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: transparent;
        right: 0;
    }

    .form-control.form-control_expand-sm input::-moz-placeholder {
        color: transparent;
    }

    .form-control.form-control_expand-sm input::placeholder {
        color: transparent;
    }

    .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.form-control_expand-sm.form-control_expanded input::-moz-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 (max-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: transparent;
        right: 0;
    }

    .form-control.form-control_expand-md input::-moz-placeholder {
        color: transparent;
    }

    .form-control.form-control_expand-md input::placeholder {
        color: transparent;
    }

    .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.form-control_expand-md.form-control_expanded input::-moz-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 (max-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: transparent;
        right: 0;
    }

    .form-control.form-control_expand-lg input::-moz-placeholder {
        color: transparent;
    }

    .form-control.form-control_expand-lg input::placeholder {
        color: transparent;
    }

    .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.form-control_expand-lg.form-control_expanded input::-moz-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 (max-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: transparent;
        right: 0;
    }

    .form-control.form-control_expand-xl input::-moz-placeholder {
        color: transparent;
    }

    .form-control.form-control_expand-xl input::placeholder {
        color: transparent;
    }

    .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.form-control_expand-xl.form-control_expanded input::-moz-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 (max-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: transparent;
        right: 0;
    }

    .form-control.form-control_expand-2xl input::-moz-placeholder {
        color: transparent;
    }

    .form-control.form-control_expand-2xl input::placeholder {
        color: transparent;
    }

    .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.form-control_expand-2xl.form-control_expanded input::-moz-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: #ffffff;
    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 (max-width: 79.937rem) {
    .select-flag::after {
        width: 1rem;
        height: 1rem;
    }
}

@media only screen and (max-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 (max-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 rgba(0, 0, 0, 0.12);
}

.layout-managerial.collapse .form-navigation {
    width: calc(100% - 4.25rem);
}

@media only screen and (max-width: 119.938rem) and (min-width: 80rem) {
    .form-navigation {
        width: calc(100% - 15rem);
    }
}

@media only screen and (max-width: 125rem) and (min-width: 120rem) {
    .form-navigation {
        width: calc(100% - 16.563rem);
    }
}

@media only screen and (min-width: 125.625rem) {
    .form-navigation {
        width: calc(100% - 17.5rem);
    }
}

@media only screen and (max-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: #ffffff;
}

.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 (max-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 (max-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: #ffffff;
}

.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: #ffffff;
    position: absolute;
    border-radius: 50%;
    left: 0.25rem;
    top: 0.25rem;
}

@media only screen and (max-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: #ffffff;
    background-color: #ffffff;
}

.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: #ffffff;
    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 rgba(16, 24, 40, 0.05), 0 0 0 0.125rem #f2f4f7;
}

.form-control .form-control__label-radio {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    cursor: pointer;
    padding-left: 1.5rem;
    position: relative;
    color: #202939;
    line-height: 1.25rem;
}

@media only screen and (max-width: 47.937rem) {
    .form-control .form-control__label-radio {
        font-size: 0.75rem;
        line-height: 1.125rem;
        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: #ffffff;
    border: 0.063rem solid #9aa4b2;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: all 0.15s ease;
}

@media only screen and (max-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: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0.063rem solid #9aa4b2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: all 0.15s ease;
}

@media only screen and (max-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 (max-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 rgba(16, 24, 40, 0.05);
}

.form-control .form-control__label-checkbox {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    padding-left: 0.5rem;
    position: relative;
    color: #202939;
    line-height: 1.25rem;
}

@media only screen and (max-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;
    top: 0;
    left: 0;
    bottom: 0;
    right: 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;
    line-height: 1.125rem;
    font-weight: 400;
    min-width: 2.75rem;
    line-height: 1.5rem;
    width: -moz-fit-content;
    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: #ffffff;
    border-radius: 6.25rem;
    transition: 0.25s;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.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;
    -webkit-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"]:-moz-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:-moz-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;
    -webkit-appearance: none;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background: #ffffff !important;
    border: 0.063rem solid var(--qn-primary);
    -webkit-transition: border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    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 {
        -webkit-transition: none;
        transition: none;
    }
}

.form-control input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background: #ffffff !important;
    border: 0.063rem solid var(--qn-primary);
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    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 {
        -moz-transition: none;
        transition: none;
    }
}

.form-control input[type="range"]::-ms-thumb {
    -ms-appearance: none;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background: #ffffff !important;
    border: 0.063rem solid var(--qn-primary);
    -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    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 {
        -ms-transition: none;
        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 0;
}

.form-control .form-control__slider input[type="range"] {
    position: absolute;
    width: 100%;
    height: 0.25rem;
    top: -0.25rem;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-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 0;
    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: #ffffff;
    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: #ffffff;
}

.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: #ffffff !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;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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 (max-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 (max-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 (max-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 (max-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 (max-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;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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;
    line-height: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem 1.5rem;
    line-height: 1.5rem;
    color: #222222;
    z-index: 5;
    display: none;
    position: absolute;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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: #ffffff;
    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 {
    -o-object-fit: cover;
    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%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ql-snow {
    border-color: #e3e8ef !important;
    font-family: "Instrument Sans, sans-serif" !important;
    background: #ffffff !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;
}

.ql-container .ql-editor {
    padding: 0 0.875rem 0.75rem !important;
}

.ql-container .ql-editor * {
    color: #000000;
}

.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;
    -webkit-user-select: none;
    -moz-user-select: none;
    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 transparent transparent transparent;
    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: transparent transparent #333 transparent;
    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-top: 0;
    margin-right: -0.25rem;
    margin-bottom: 0;
    margin-left: 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: #aaaaaa;
    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: 18.75rem;
    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 (min-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;
    -webkit-user-select: none;
    -moz-user-select: none;
    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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    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: #ffffff;
}

select:disabled,
select .disabled {
    border: 0.063rem solid #e3e8ef;
    background: #eef2f6;
}

.choices {
    overflow: unset;
    margin: 0;
    width: 100%;
}

.choices__inner {
    background-color: #ffffff;
    border-radius: 0.5rem;
    border-color: #e3e8ef;
    min-height: 2.5rem;
    max-height: 2.5rem;
    box-shadow: 0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.05);
    position: relative;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 400;
    font-feature-settings: "liga" off;
}

@media only screen and (max-width: 47.937rem) {
    .choices__inner {
        font-size: 0.75rem;
        font-weight: 400;
    }
}

.choices__input {
    background-color: #ffffff;
    font-size: 0.875rem;
    font-weight: 400;
}

@media only screen and (max-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: #ffffff;
    box-shadow: 0 0 0 0.25rem #e4eefd,
        0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.05);
    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 rgba(16, 24, 40, 0.06),
        0 0.75rem 1rem -0.25rem rgba(16, 24, 40, 0.1);
}

.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: 100;
}

.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: #ffffff !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 (max-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: -moz-fit-content;
    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 (max-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: -moz-fit-content;
    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: -moz-fit-content;
    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: -moz-fit-content;
    max-height: fit-content;
}

.dropdown__tag .dropdown__tag-selection {
    width: -moz-fit-content;
    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 {
    -webkit-user-select: none;
    -moz-user-select: none;
    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: transparent;
    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: -moz-fit-content;
    width: fit-content;
}

@media only screen and (max-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 {
    transform: scale(1);
    top: calc(100% + 0.25rem);
    opacity: 1;
    visibility: visible;
    width: -moz-fit-content;
    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: -moz-fit-content;
    height: fit-content;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown__list form {
    display: flex;
}

.dropdown__box,
.dropdown__list {
    box-sizing: border-box;
    background-color: #ffffff;
    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 rgba(16, 24, 40, 0.08),
        0 0.25rem 0.375rem -0.125rem rgba(16, 24, 40, 0.03);
    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-x: hidden;
    overflow-y: auto;
}

.dropdown__empty {
    cursor: default;
    display: inline-flex;
    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: #222222;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    padding: 0;
}

.dropdown__empty-helper {
    color: #202939;
    font-size: 0.75rem;
    line-height: 1.125rem;
    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: rgba(205, 213, 223, 0.2);
}

.dropdown__loader-wrapper {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0.75rem;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-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: white;
    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: #ffffff;
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    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 (min-width: 23.437rem) {
    .dropdown__item_xs-hidden {
        display: none;
    }
}

@media only screen and (min-width: 47.937rem) {
    .dropdown__item_sm-hidden {
        display: none;
    }
}

@media only screen and (min-width: 79.937rem) {
    .dropdown__item_md-hidden {
        display: none;
    }
}

@media only screen and (min-width: 83.437rem) {
    .dropdown__item_lg-hidden {
        display: none;
    }
}

@media only screen and (min-width: 89.937rem) {
    .dropdown__item_xl-hidden {
        display: none;
    }
}

@media only screen and (min-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: transparent;
    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: transparent;
    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;
    -o-object-fit: contain;
    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: transparent;
    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"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    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;
    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: #ffffff;
    padding: 0.625rem 1rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    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 (max-width: 47.937rem) {
    .dropdown__item-title [data-hide="dropdown-list"] {
        display: block;
    }
}

@media only screen and (max-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: transparent;
    border: 0;
    outline: 0;
}

@media only screen and (max-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 (max-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 (max-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 (max-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 (max-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: #ffffff;
    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;
    max-width: 1.5rem !important;
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
    color: #202939 !important;
}

@media only screen and (max-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: -moz-fit-content;
    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 (max-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 (max-width: 79.937rem) {
    body {
        --qn-semantic-header-row-wrapper-padding-x: 1.5rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    body {
        --qn-semantic-sidebar-width: 22.5rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    body {
        --qn-semantic-main-padding-x: 1rem;
        --qn-semantic-main-padding-y: 1rem;
    }
}

@media only screen and (max-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: #ffffff;
    border-bottom: 0.063rem solid #cdd5df;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    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 (max-width: 79.937rem) {
    .header {
        min-height: 3.25rem;
        max-height: 3.25rem;
        padding: 0 1rem;
    }
}

@media only screen and (max-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 (max-width: 47.937rem) {
    .header__left {
        gap: 1rem;
    }
}

.header__group {
    display: flex;
    gap: 0.25rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    align-items: center;
}

@media only screen and (max-width: 47.937rem) {
    .header__group {
        gap: 0.125rem;
    }
}

.header__sidebar-nav {
    display: none;
    padding: 0.5rem;
    background: #ffffff;
    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 (max-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: -moz-fit-content;
    min-width: fit-content;
}

@media only screen and (max-width: 79.937rem) {
    .header__identity {
        gap: 0.25rem;
        padding: 0.5625rem 0;
    }
}

@media only screen and (max-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 (max-width: 47.937rem) {
    .header__identity::after {
        content: "";
    }
}

@media only screen and (max-width: 23.437rem) {
    .header__identity::after {
        content: "";
        right: -0.5rem;
    }
}

.header__identity>.header__logo {
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 47.937rem) {
    .header__identity>.header__logo {
        display: none;
    }
}

.header__identity>.header__logo_square {
    display: none;
}

@media only screen and (max-width: 47.937rem) {
    .header__identity>.header__logo_square {
        display: block !important;
    }
}

.header__identity-title {
    max-width: 9.5rem;
    display: flex;
}

@media only screen and (max-width: 79.937rem) {
    .header__identity-title {
        width: 7.5rem;
    }
}

@media only screen and (max-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 (max-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 (max-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%;
    -o-object-fit: contain;
    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 (max-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 (max-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 (max-width: 79.937rem) {
    .header__action {
        padding-right: 1rem;
    }
}

@media only screen and (max-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 (max-width: 79.937rem) {
    .header__action::after {
        height: 1.75rem;
        right: 0.5rem;
    }
}

@media only screen and (max-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 (max-width: 79.937rem) {
    .header__action .btn_nav {
        padding: 0.5rem;
    }
}

@media only screen and (max-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: -moz-fit-content;
    height: fit-content;
    max-height: 2.375rem;
}

@media only screen and (max-width: 79.937rem) {
    .header__action .btn_nav.btn_module {
        padding: 0.5rem 0.875rem;
        max-height: 2.125rem;
    }
}

@media only screen and (max-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: transparent;
    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 (max-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 (max-width: 79.937rem) {
    .header__user {
        padding: 0.25rem;
    }
}

.header__user-wrapper {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

@media only screen and (max-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%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 79.937rem) {

    .header__user-avatar .avatar,
    .header__user-avatar .avatar__circle {
        --qn-avatar-size: 2rem;
    }
}

.header__user-info {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 9.5rem;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-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: -moz-fit-content;
    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 (max-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;
    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 (max-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 (max-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, rgba(255, 255, 255, 0.75));
        background-blend-mode: hard-light;
        box-shadow: 0px -0.333px 0px 0px rgba(0, 0, 0, 0.3);
        -webkit-backdrop-filter: blur(10px);
        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: -moz-fit-content;
    width: fit-content;
    height: -moz-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 rgba(0, 0, 0, 0.06);
}

.nav__box-wrap {
    display: flex;
    min-width: 200px;
    width: -moz-fit-content;
    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 rgba(0, 0, 0, 0.06);
}

.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: 0rem;
    color: var(--qn-neutral-600);
    display: none;
}

@media only screen and (max-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 (max-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: 0rem;
    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 rgba(10, 13, 20, 0.03);
    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: transparent;
}

.header_template .header__sidebar-nav .icon {
    color: var(--qn-semantic-header-row-wrapper-text-color);
}

.header_template .header__identity {
    min-width: -moz-fit-content;
    min-width: fit-content;
    align-items: center;
    cursor: default;
    padding: 0;
    gap: 0.75rem;
}

@media only screen and (max-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: -moz-fit-content;
    min-width: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-height: 2.5rem;
    height: 2.5rem;
    max-height: 2.5rem;
    padding: 0.25rem;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.84);
    -webkit-backdrop-filter: blur(0.25rem);
    backdrop-filter: blur(0.25rem);
}

.header_template .header__identity-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

@media only screen and (max-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: rgba(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;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

@media only screen and (max-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: -moz-fit-content;
    min-width: fit-content;
    padding: 0;
}

.header_template .header__action {
    padding-right: 1.5rem;
}

.header_template .header__action::after {
    background-color: rgba(var(--qn-semantic-header-row-wrapper-text-color-rgb),
            0.32);
    right: 0.75rem;
}

@media only screen and (max-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: -moz-fit-content;
    width: fit-content;
    min-height: 2rem;
    height: 2rem;
    max-height: 2rem;
    padding: 0 0.063rem 0 0.5rem;
    gap: 0.375rem;
    background-color: rgba(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: -moz-fit-content;
    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: rgba(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.25rem;
    background-color: var(--qn-white);
    border-radius: 0.75rem;
    border: none;
    outline: none;
    width: -moz-fit-content;
    width: fit-content;
}

.header_template .header__switch-avatar:is(button, a) {
    cursor: pointer;
}

@media only screen and (max-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: 600;
    max-width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
}

@media only screen and (max-width: 47.937rem) {
    .header_template .header__switch-avatar-name {
        display: none;
    }
}

.header_template .btn_nav:hover,
.header_template .btn_nav:focus {
    background-color: rgba(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: rgba(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: #ffffff;
    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-x: hidden;
    overflow-y: 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: -moz-fit-content;
    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: -moz-fit-content;
    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 (max-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: 0rem;
    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 (max-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 (max-width: 47.937rem) {
    .sidebar {
        width: 0;
        max-width: 0;
    }

    .sidebar+.main {
        padding-left: 0 !important;
    }
}

@media only screen and (max-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 (min-width: 83.437rem) and (max-width: 105rem) {
    .main>.container {
        padding: 5.35rem 1.5rem 1.25rem;
    }
}

@media only screen and (max-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 {
    width: 100%;
    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 (max-width: 79.937rem) {
    .main>form>.container {
        margin: unset;
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: unset !important;
    }
}

@media only screen and (max-width: 47.937rem) {
    .main>form~.footer {
        display: none;
    }
}

.main__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.25rem;
    height: -moz-fit-content;
    height: fit-content;
}

.main__location {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

@media only screen and (min-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 (min-width: 48rem) and (max-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 (max-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 (max-width: 79.937rem) {
    .main__subtitle {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }
}

@media only screen and (max-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 (max-width: 47.937rem) {
    .main__action .btn {
        padding: 0.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .main__action .btn__text {
        display: none;
    }
}

.main_doc {
    background-color: #ffffff;
}

.main_doc>.container {
    padding: 5.5rem 0 2rem 4rem !important;
}

@media only screen and (max-width: 79.937rem) {
    .main_doc>.container {
        padding: 4.75rem 1rem 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: #ffffff;
    overflow: hidden;
    z-index: 1;
}

@media only screen and (max-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 (max-width: 47.937rem) {
    .footer__logo-wrapper {
        display: none;
    }
}

.footer__logo {
    -o-object-fit: cover;
    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 (max-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: #ffffff;
    border-bottom: 0.063rem solid #eef2f6;
    box-shadow: 0 0.188rem 0.25rem rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width: 79.937rem) {
    .form-nav {
        padding: 0.5rem 1rem;
    }
}

@media only screen and (max-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 (max-width: 79.937rem) {
    .form-nav__middle {
        opacity: 1 !important;
    }
}

.form-nav__wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media only screen and (max-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 (max-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: -moz-fit-content;
    width: fit-content;
}

.form-nav__breadcrumb-diagonal::before {
    content: "/";
    font-size: 1rem;
    line-height: 1rem;
    color: #9aa4b2;
}

@media only screen and (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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: #ffffff;
}

.form-table .collapse {
    background-color: #ffffff;
    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 (max-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 rgba(0, 0, 0, 0.06);
    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 (max-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: rgba(18, 18, 18, 0.32);
    transition: background-color 1200ms ease;
    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 (max-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: #ffffff;
}

@media only screen and (max-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 (max-width: 79.937rem) {
    .form-login__header {
        padding-bottom: 1.5rem;
    }
}

.form-login__header-logo {
    width: 100%;
    max-width: 2.75rem;
    -o-object-fit: contain;
    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: #222222;
    max-width: 11.25rem;
}

.form-login__content-wrapper {
    text-align: center;
    padding-bottom: 2rem;
}

@media only screen and (max-width: 23.437rem) {
    .form-login__content-wrapper {
        padding-bottom: 2.25rem;
    }
}

@media only screen and (max-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: #222222;
    padding-bottom: 0.75rem;
}

@media only screen and (max-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 (max-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 (max-width: 23.437rem) {
    .form-login__content-subtitle {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

@media only screen and (max-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 (max-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 (max-width: 79.937rem) {
    .form-login__content-main .form-control {
        padding-bottom: 1rem;
    }
}

@media only screen and (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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: #ffffff;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    white-space: nowrap;
}

.main_advanced-login {
    flex-direction: row;
    margin: 0 auto;
    max-width: 90rem;
}

@media (min-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 (max-width: 47.937rem) {
    .advanced-login__form {
        padding: 1.5rem;
    }
}

@media only screen and (max-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 (min-width: 79.937rem) {
    .advanced-login__form {
        min-width: 36rem;
    }
}

@media only screen and (min-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 (min-width: 23.563rem) and (max-width: 48rem) {
    .advanced-login__form .header-login__logo {
        max-width: 2.5rem;
        max-height: 2.5rem;
    }
}

@media only screen and (max-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%;
    -o-object-fit: contain;
    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 (min-width: 23.563rem) and (max-width: 48rem) {
    .advanced-login__form .header-login__name {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

@media only screen and (max-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 (min-width: 23.563rem) and (max-width: 61.875rem) {
    .advanced-login__form .form-login {
        padding: 6.25rem 0;
        margin: unset;
        margin-bottom: auto;
        max-width: 25rem;
    }
}

@media only screen and (max-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 (min-width: 23.563rem) and (max-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 (max-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 (max-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 (min-width: 23.563rem) and (max-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 (max-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 (max-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 (min-width: 23.563rem) and (max-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 0;
}

.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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-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 (max-width: 32.5rem) {
    .advanced-login__form .footer-login {
        display: none;
    }
}

.advanced-login__form .footer-login__logo {
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
}

.advanced-login__form .footer-login__logo img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: -moz-fit-content;
    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 (max-width: 61.875rem) {
    .advanced-login__wrapper {
        display: none;
    }
}

@media (min-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%;
    -o-object-fit: cover;
    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);
    -webkit-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)));
    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: transparent;
    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: transparent;
    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: transparent;
    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: transparent;
    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: transparent;
    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);
    -webkit-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%);
    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: transparent;
    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: transparent;
    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: transparent;
    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: transparent;
    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: transparent;
    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,
            rgba(12, 14, 25, 0.32) 0%,
            rgba(12, 14, 25, 0.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 (max-width: 79.937rem) {
    .main_modules {
        padding: 2rem;
    }
}

@media only screen and (max-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;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.06);
    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 (max-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: rgba(255, 255, 255, 0.84);
    border-radius: 0.75rem;
}

.card_modules .card__header-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    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 (max-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 (max-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 rgba(236, 239, 243, 0.5);
    background: linear-gradient(0deg,
            rgba(255, 255, 255, 0.12) 0%,
            rgba(255, 255, 255, 0.12) 100%),
        #fff;
    box-shadow: 0px 0.5px 2px 0px rgba(210, 226, 255, 0.25) inset;
}

.card_modules .dropdown .btn .icon {
    display: none;
}

@media only screen and (max-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: 0px 4px 12px 2px rgba(26, 26, 26, 0.2);
}

.card_modules .dropdown__item {
    padding: 0.5rem 0.5rem 0.625rem 0.5rem;
}

.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 (min-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 (max-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 rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(171, 171, 171, 0.01) 100%),
        #fff;
    box-shadow: 0px 0px 0px 1px #eaeaea, 0px 1px 3px 0px rgba(143, 143, 143, 0.2),
        0px -3.2px 0px 0px rgba(61, 61, 61, 0.04) inset;
}

@media only screen and (max-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,
            rgba(171, 171, 171, 0.01) 0%,
            rgba(255, 255, 255, 0) 100%),
        #f5f9ff !important;
    border: 1px solid #4e91f6;
    box-shadow: 0px 0px 0px 1px #e5efff, 0px 1px 3px 0px rgba(41, 133, 234, 0.2),
        0px -3.2px 0px 0px rgba(14, 47, 78, 0.04) 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%;
    -o-object-fit: contain;
    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;
}