*,
body {
    font-family: "Instrument Sans, sans-serif"
}

.container,
body {
    display: block
}

.icon-ul>li,
body {
    position: relative
}

.col-1,
.grid>* {
    grid-column: span 1
}

.cols-12,
.grid,
.grid-cols-default {
    grid-template-columns: repeat(12, 1fr)
}

.grid,
.grid-rows-default {
    grid-template-rows: repeat(auto, 1fr)
}

.loader_lg .loader__spinner,
.loader_xl .loader__spinner {
    --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)
}

.btn,
.btn:disabled,
.btn:hover .btn:active,
a,
a.link .icon:hover:not(.icon),
a.link:hover:not(.icon) .icon {
    text-decoration: none
}

a.link,
a.link_md,
a.link_sm,
a.link_xs {
    --qn-link-gap-size: 0.25rem
}

[data-tooltip]:after,
[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    will-change: transform;
    left: 50%;
    pointer-events: none
}

.progress-circle svg,
.progress-circle__bar {
    transform: rotate(-90deg)
}

table td,
table th {
    padding: 0 1rem;
    color: var(--qn-neutral-700)
}

table td,
table th,
table thead th {
    color: var(--qn-neutral-700)
}

.form-control,
.form-control_md,
.form-control_sm {
    --qn-input-font-size: 0.875rem;
    --qn-input-line-height-size: 1.25rem
}

.form-control__helper,
.form-control_md,
.form-control_sm {
    --qn-input-helper-font-size: 0.75rem;
    --qn-input-helper-line-height-size: 1.125rem
}

*,
.grid,
.grid>*,
::after,
::before {
    box-sizing: border-box
}

.avatar p,
.avatar__circle p,
.sidebar__group-title,
input[type=date],
input[type=datetime-local] {
    text-transform: uppercase
}

: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: 0px 1px 2px rgba(0, 0, 0, 0.12);
    --qn-shadow-outer-lg: 0px 4px 8px rgba(0, 0, 0, 0.1);
    --qn-shadow-inner-sm: inset 1px 2px 2px 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)
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-SemiBold.woff") format("woff");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-SemiBoldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-Medium.woff") format("woff");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-MediumItalic.woff") format("woff");
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Poppins;
    src: url("./../../assets/fonts/Poppins/Poppins-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300
}

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

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

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

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

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

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

* {
    margin: 0;
    padding: 0;
    font-feature-settings: "liga" off, "kern" off
}

html {
    height: 100%
}

body {
    min-height: 100%;
    background-color: #f8fafc;
    color: #222
}

.box-table,
.btn_full-width,
main {
    width: 100%
}

hr {
    border: .063rem solid #eef2f6
}

hr.dashed {
    border-style: dashed
}

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

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

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

a {
    color: unset
}

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

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

::-webkit-scrollbar-thumb {
    background: #eef2f6;
    border-radius: .5rem;
    border: .25rem solid #fff
}

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

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

.icon {
    font-family: var(--icon-style-family, "sevima-icons");
    font-weight: var(--icon-style, 500);
    -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: .625rem;
    line-height: .1rem;
    vertical-align: .225rem
}

.icon-xs {
    font-size: .75rem;
    line-height: .0833333337rem;
    vertical-align: .125rem
}

.icon-sm {
    font-size: .875rem;
    line-height: .0714285718rem;
    vertical-align: .0535714295rem
}

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

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

.icon-2xl {
    font-size: 2rem;
    line-height: .03125rem;
    vertical-align: -.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-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 {
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-auto-flow: dense;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem
}

.grid>* {
    grid-row: auto
}

.grid>*>.card {
    block-size: 100%
}

.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-end-1,
.row-start-1 {
    grid-row-start: 2
}

.row-2 {
    grid-row: span 2
}

.row-end-2,
.row-start-2 {
    grid-row-start: 3
}

.row-3 {
    grid-row: span 3
}

.row-end-3,
.row-start-3 {
    grid-row-start: 4
}

.row-4 {
    grid-row: span 4
}

.row-end-4,
.row-start-4 {
    grid-row-start: 5
}

.row-5 {
    grid-row: span 5
}

.row-end-5,
.row-start-5 {
    grid-row-start: 6
}

.row-6 {
    grid-row: span 6
}

.row-end-6,
.row-start-6 {
    grid-row-start: 7
}

.row-7 {
    grid-row: span 7
}

.row-end-7,
.row-start-7 {
    grid-row-start: 8
}

.row-8 {
    grid-row: span 8
}

.row-end-8,
.row-start-8 {
    grid-row-start: 9
}

.row-9 {
    grid-row: span 9
}

.row-end-9,
.row-start-9 {
    grid-row-start: 10
}

.row-10 {
    grid-row: span 10
}

.row-end-10,
.row-start-10 {
    grid-row-start: 11
}

.row-11 {
    grid-row: span 11
}

.row-end-11,
.row-start-11 {
    grid-row-start: 12
}

.row-12 {
    grid-row: span 12
}

.row-end-12,
.row-start-12 {
    grid-row-start: 13
}

.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)
}

.rows-12 {
    grid-template-rows: repeat(12, 1fr)
}

@keyframes pulse {
    0% {
        border-color: #4e91f6;
        box-shadow: 0 0 0 0 rgba(171, 201, 245, .7)
    }

    70% {
        border-color: #4e91f6;
        box-shadow: 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: -.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
}

.alert,
.avatar__text,
.badge,
.btn,
.btn_link {
    display: flex
}

.loader__text {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

.loader_lg .loader__spinner {
    --qn-loader-width: 3.5rem;
    --qn-loader-height: 3.5rem
}

.loader_lg .loader__text,
.loader_xl .loader__text {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500
}

.alert .alert__content .alert__heading,
.alert .link,
.avatar p,
.avatar__circle p,
.btn,
a.link {
    font-weight: 600
}

.loader_xl .loader__spinner {
    --qn-loader-width: 4rem;
    --qn-loader-height: 4rem
}

.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;
    align-items: center;
    white-space: nowrap;
    gap: .625rem;
    justify-content: center;
    background-color: transparent;
    cursor: pointer;
    transition: background-color .6s;
    border: 1px solid transparent;
    border-radius: .5rem;
    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_sm,
.btn_xs {
    --qn-btn-padding-size: 0.5rem 0.875rem
}

.btn:focus-visible {
    text-decoration: none;
    outline: 0
}

.btn:active:not([disabled]),
.btn:focus:not([disabled]) {
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #d1e1f8;
    transition: box-shadow 150ms ease-in-out
}

.btn:active:not([disabled]) {
    background-color: #eef2f6
}

.btn .icon {
    font-size: var(--qn-btn-icon-font-size)
}

.btn_icon {
    padding: var(--qn-btn-icon-padding-size)
}

.btn_primary {
    background-color: var(--qn-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    color: #fff
}

.btn_destructive .icon,
.btn_primary .icon {
    color: #fff
}

.btn_primary:hover {
    background-color: var(--qn-primary-500) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12) !important
}

.btn_primary:focus {
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #d1e1f8 !important
}

.btn_destructive,
.btn_primary:active,
.btn_rounded {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12)
}

.btn_primary:active {
    background-color: #074bb2
}

.btn_primary.disabled,
.btn_primary:disabled {
    background-color: #abc9f5;
    cursor: default;
    pointer-events: none;
    box-shadow: none
}

.btn_destructive {
    background-color: var(--qn-danger);
    color: #fff
}

.btn_destructive:hover {
    background-color: var(--qn-danger-600) !important
}

.btn_destructive:active,
.btn_destructive:focus {
    background-color: var(--qn-danger) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #fee4e2 !important
}

.btn_destructive.disabled,
.btn_destructive:disabled {
    cursor: default;
    pointer-events: none;
    background-color: var(--qn-danger-200);
    box-shadow: none
}

.btn_outline {
    background-color: #fff;
    border-color: #e3e8ef;
    color: #222
}

.btn_outline .icon {
    color: #222
}

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

.btn_outline:active,
.btn_outline:focus {
    background-color: #fff !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7 !important
}

.btn_ghost:active,
.btn_ghost:hover {
    background-color: #f1f6fe !important
}

.btn_outline.disabled,
.btn_outline:disabled {
    cursor: default;
    pointer-events: none;
    border-color: #cdd5df;
    color: #9aa4b2
}

.btn_ghost,
.btn_ghost .icon,
.btn_link,
.btn_link .icon,
.btn_link a {
    color: var(--qn-primary)
}

.btn_outline.disabled .icon,
.btn_outline:disabled .icon,
.card.card_details-default label {
    color: #9aa4b2
}

.btn_ghost:hover {
    color: #094093 !important
}

.btn_ghost:hover .icon {
    color: #094093
}

.btn_ghost:active {
    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,
.btn_link:disabled .icon {
    color: #abc9f5
}

.btn_rounded {
    border-radius: 50%;
    padding: .75rem
}

.btn_rounded .icon {
    font-size: 1.25rem;
    color: #4b5565
}

.btn_link {
    padding: 0;
    gap: 4px
}

.btn_link a:hover,
.btn_link:hover {
    text-decoration: underline;
    color: var(--qn-primary-500)
}

.btn_link a:disabled,
.btn_link:disabled,
a.link.disabled,
a.link:disabled {
    color: var(--qn-primary-200);
    cursor: default;
    pointer-events: none
}

a.link:active,
a.link:focus,
a.link:hover:not(.icon),
table a:hover {
    color: var(--qn-primary-500)
}

.btn_sosmed-facebook img,
.btn_sosmed-google 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 1px 2px rgba(16, 24, 40, .05);
    color: #fff
}

.btn_sosmed-facebook:active,
.btn_sosmed-facebook:focus,
.btn_sosmed-facebook:hover {
    background-color: #0c63d4 !important
}

.btn_xs {
    --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_md,
.btn_sm {
    --qn-btn-font-size: 0.875rem;
    --qn-btn-line-height-size: 1.25rem
}

.btn_sm {
    --qn-btn-height-size: 2.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-icon-padding-size: 0.625rem;
    --qn-btn-icon-font-size: 1.25rem
}

.btn_lg,
.btn_xl {
    --qn-btn-font-size: 1rem;
    --qn-btn-line-height-size: 1.5rem;
    --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-icon-padding-size: 0.75rem
}

.btn_xl {
    --qn-btn-padding-size: 0.75rem 1.25rem;
    --qn-btn-height-size: 3rem;
    --qn-btn-icon-padding-size: 0.875rem
}

.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: .75rem
}

.btn_vr-right::after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: .063rem;
    height: calc(100% - .5rem);
    top: .25rem;
    right: -.75rem;
    background: #cdd5df
}

.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;
    align-items: center;
    border: 1px solid transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: 0;
    border: 1.5px 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_danger,
.badge_default,
.badge_primary,
.badge_success,
.badge_warning {
    --qn-badge-color: var(--qn-white);
    --qn-badge-dot-color: var(--qn-white)
}

.alert,
.alert .alert__content .alert__heading {
    color: var(--qn-alert-text-color);
    font-size: var(--qn-alert-font-size);
    line-height: var(--qn-alert-line-height-size)
}

.badge__dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--qn-badge-dot-color)
}

.badge .icon,
.tag .icon {
    font-size: .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.125rem
}

.badge_lg,
.badge_md {
    --qn-badge-gap-size: 0.375rem;
    --qn-badge-font-size: 0.875rem;
    --qn-badge-line-height-size: 1.25rem
}

.badge_md {
    --qn-badge-padding-size: 0.125rem 0.5rem;
    --qn-badge-height-size: 1.5rem
}

.badge_lg {
    --qn-badge-padding-size: 0.25rem 0.75rem;
    --qn-badge-height-size: 1.75rem
}

.badge_success {
    --qn-badge-background: var(--qn-success-500);
    --qn-badge-border-color: var(--qn-success-500)
}

.badge_warning {
    --qn-badge-background: var(--qn-warning-400);
    --qn-badge-border-color: var(--qn-warning-400)
}

.badge_primary {
    --qn-badge-background: var(--qn-primary-400);
    --qn-badge-border-color: var(--qn-primary-400)
}

.badge_default {
    --qn-badge-background: var(--qn-neutral-700);
    --qn-badge-border-color: var(--qn-neutral-700)
}

.badge_danger {
    --qn-badge-background: var(--qn-danger-400);
    --qn-badge-border-color: var(--qn-danger-400)
}

.badge_outline-danger,
.badge_outline-default,
.badge_outline-primary,
.badge_outline-success,
.badge_outline-warning {
    --qn-badge-background: var(--qn-white)
}

.badge_outline-success {
    --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-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-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-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-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: .5rem;
    background-color: var(--qn-alert-background);
    border: .063rem solid var(--qn-alert-border-color)
}

.block,
.breadcrumb .breadcrumb__item:first-child,
a.link {
    padding: 0
}

.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__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(.8)
}

.alert .link {
    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_default::before,
.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_danger {
    --qn-alert-background: var(--qn-danger-100);
    --qn-alert-border-color: var(--qn-danger-500);
    --qn-alert-icon-color: var(--qn-danger-500)
}

.alert_danger::before {
    content: "\eac3"
}

.avatar,
.avatar__circle {
    --qn-avatar-background-color: var(--qn-primary-200);
    --qn-avatar-size: 3.09375rem;
    --qn-avatar-font-size: inherit;
    --qn-avatar-text-color: var(--qn-primary-500);
    --qn-avatar-icon-color: var(--qn-neutral-800);
    --qn-avatar-icon-size: inherit;
    --qn-avatar-border-size: 0.125rem;
    --qn-avatar-radius-border-size: 1.25rem;
    --qn-avatar-profile-radius-size: 1.1875rem;
    --qn-avatar-focused-border-color: var(--qn-primary-alpha-0-12);
    --qn-avatar-focused-border-size: 0.25rem;
    --qn-avatar-icon-status-absolute: -0.125rem;
    --qn-avatar-icon-status-absolute-top: -0.375rem;
    --qn-avatar-icon-status-border-size: 0.125rem;
    --qn-avatar-icon-status-size: 0.875rem;
    width: var(--qn-avatar-size);
    height: var(--qn-avatar-size);
    min-width: var(--qn-avatar-size);
    background-color: var(--qn-avatar-background-color);
    border-radius: var(--qn-avatar-radius-border-size);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: var(--qn-avatar-border-size) solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    position: relative;
    cursor: pointer
}

.avatar_lg,
.avatar_xl {
    --qn-avatar-border-size: 0.188rem
}

.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)
}

.avatar .icon,
.avatar__circle .icon {
    font-size: var(--qn-avatar-icon-size);
    color: var(--qn-avatar-icon-color)
}

.avatar:has(img),
.avatar__circle:has(img) {
    background-color: #fff
}

.avatar:has(.avatar__status-icon),
.avatar__circle:has(.avatar__status-icon) {
    overflow: unset
}

.avatar:active,
.avatar:focus,
.avatar__circle:active,
.avatar__circle:focus {
    outline: #EEF2F6 solid 3px
}

.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 {
    flex-direction: column;
    max-width: 200px
}

.avatar__text .avatar__title {
    font-size: .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: .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: .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-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-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-font-size: 0.875rem;
    --qn-link-line-height-size: 1.25rem;
    --qn-link-icon-size: 1.25rem;
    color: var(--qn-primary);
    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);
    width: -moz-fit-content;
    width: fit-content
}

a.link:hover:not(.icon) {
    text-decoration: underline
}

a.link .icon {
    font-size: var(--qn-link-icon-size)
}

a.link_xs {
    --qn-link-font-size: 0.75rem;
    --qn-link-line-height-size: 1.125rem;
    --qn-link-icon-size: 1rem
}

a.link_md,
a.link_sm {
    --qn-link-font-size: 0.875rem;
    --qn-link-line-height-size: 1.25rem;
    --qn-link-icon-size: 1.25rem
}

a.link_2xl,
a.link_lg,
a.link_xl {
    --qn-link-gap-size: 0.5rem;
    --qn-link-icon-size: 1.25rem
}

a.link_lg,
a.link_xl {
    --qn-link-font-size: 1rem;
    --qn-link-line-height-size: 1.5rem
}

a.link_2xl {
    --qn-link-font-size: 1.125rem;
    --qn-link-line-height-size: 1.625rem
}

.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:last-child,
.btn-group .btn:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .btn:not(:first-child) {
    border-left: 0
}

.btn-group .btn:hover,
table thead tr {
    background-color: #f8fafc
}

.btn-group .btn.show:not([disabled]),
.btn-group .btn:active:not([disabled]),
.btn-group .btn:focus:not([disabled]),
.btn-group .btn:visited:not([disabled]) {
    background: #eef2f6
}

[data-tooltip] {
    position: relative;
    z-index: 10
}

[data-tooltip]:before {
    position: absolute;
    bottom: calc(100% + .438rem - .063rem);
    transition: .2s;
    content: attr(data-tooltip);
    padding: .5rem .75rem;
    min-width: 3rem;
    max-width: 16rem;
    width: max-content;
    width: -moz-max-content;
    border-radius: .5rem;
    background-color: #222;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
    color: #fff;
    text-align: center;
    white-space: normal;
    transform: translate(-50%, calc(0px - .438rem)) scale(.5);
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

[data-tooltip]:after {
    position: absolute;
    bottom: calc(100% + .438rem);
    transition: none;
    content: "";
    border-style: solid;
    border-width: .438rem .438rem 0;
    border-color: #222 transparent transparent;
    transform-origin: top;
    transform: translateX(-50%) scaleY(0)
}

[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
    transition-duration: .1s;
    transform: translate(-50%, calc(0px - .438rem)) scale(1)
}

[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
    transition: .1s 30ms;
    transform: translateX(-50%) scaleY(1)
}

[data-placement=left]:before {
    left: auto;
    text-align: left !important;
    right: calc(100% + .438rem - .063rem);
    bottom: 50%;
    transform: translate(calc(0px - .438rem), 50%) scale(.5)
}

[data-placement=left]:after {
    left: auto;
    right: calc(100% + .438rem);
    bottom: 50%;
    border-width: .438rem 0 .438rem .438rem;
    border-color: transparent transparent transparent #222;
    transform-origin: left;
    transform: translateY(50%) scaleX(0)
}

[data-placement=left]:hover:before {
    transform: translate(calc(0px - .438rem), 50%) scale(1)
}

[data-placement=left]:hover:after,
[data-placement=right]:hover:after {
    transform: translateY(50%) scaleX(1)
}

[data-placement=right]:before {
    text-align: left !important;
    left: calc(100% + .438rem - .063rem);
    bottom: 50%;
    transform: translate(.438rem, 50%) scale(.5)
}

[data-placement=right]:after {
    left: calc(100% + .438rem);
    bottom: 50%;
    border-width: .438rem .438rem .438rem 0;
    border-color: transparent #222 transparent transparent;
    transform-origin: right;
    transform: translateY(50%) scaleX(0)
}

[data-placement=right]:hover:before {
    transform: translate(.438rem, 50%) scale(1)
}

[data-placement=bottom]:before {
    top: calc(100% + .438rem - .063rem);
    bottom: auto;
    transform: translate(-50%, .438rem) scale(.5)
}

[data-placement=bottom]:after {
    top: calc(100% + .438rem);
    bottom: auto;
    border-width: 0 .438rem .438rem;
    border-color: transparent transparent #222;
    transform-origin: bottom
}

[data-placement=bottom]:hover:before {
    transform: translate(-50%, .438rem) scale(1)
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    color: #9aa4b2;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

.breadcrumb .breadcrumb__item .icon:hover,
.breadcrumb .breadcrumb__item a,
.breadcrumb .breadcrumb__item a:focus .icon,
.breadcrumb .breadcrumb__item p,
.breadcrumb .breadcrumb__item:hover .icon {
    color: inherit
}

.breadcrumb .breadcrumb__item,
[data-toggle=collapse],
[data-toggle=modal],
table .cell-sorting:hover {
    cursor: pointer
}

.breadcrumb .breadcrumb__item:hover {
    color: #0f6af5;
    border-radius: .5rem
}

.breadcrumb .breadcrumb__item a {
    text-decoration-line: underline
}

.breadcrumb .breadcrumb__item a:focus {
    color: #0f6af5;
    outline: 0;
    text-decoration: underline
}

.breadcrumb .breadcrumb__item .icon {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #9aa4b2
}

.breadcrumb .breadcrumb__item.active {
    cursor: default;
    color: #364152;
    display: inline-flex;
    gap: .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: .25rem;
    padding: 0 0 0 .25rem;
    align-items: center;
    border-radius: .5rem;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit
}

.progress-circle,
.progress-circle svg {
    height: var(--progress-circle-size);
    width: var(--progress-circle-size)
}

.breadcrumb__item:before,
.breadcrumb__truncate:before {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: .0714285718rem;
    vertical-align: .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: -.25rem;
    content: "...";
    text-decoration: none !important
}

.breadcrumb>:first-child:before {
    content: unset
}

.breadcrumb_sm {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.breadcrumb_sm .icon {
    font-size: .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;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

.progress-circle__label {
    position: absolute;
    text-align: center
}

.progress-circle__number {
    color: #222;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

.progress-circle__title {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #697586;
    margin-bottom: 0
}

.modal,
.offcanvas .offcanvas__body .grid .col-12:first-child {
    margin: auto
}

.progress-circle svg {
    stroke-linecap: round;
    overflow: hidden;
    pointer-events: none
}

.progress-circle svg circle {
    pointer-events: none;
    fill: transparent;
    transform-origin: center
}

.progress-circle svg circle:first-child {
    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, .2, 1) .1s
}

.progress {
    --qn-progress-percent: 0%
}

.progress__bar {
    width: 100%;
    display: block;
    height: .5rem;
    background-color: #eef2f6;
    border-radius: 1rem;
    position: relative
}

.progress__bar:before {
    content: "";
    background-color: var(--qn-primary-400);
    height: .5rem;
    position: absolute;
    border-radius: 1rem;
    width: var(--qn-progress-percent);
    transition: width 650ms ease-out
}

.progress_danger:before,
.progress_small .progress__bar.progress_danger:before {
    background-color: #ec3d27 !important
}

.progress__label {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #202939
}

.progress__label-inline {
    display: flex;
    gap: .75rem
}

.progress:has(.progress__label) {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.progress__title {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-between
}

.progress__wrapper {
    display: flex;
    align-items: center;
    gap: .5rem
}

.card.card_icon,
.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_warning:before {
    background-color: #ef9600
}

.progress_success:before {
    background-color: #15b79e
}

.progress_small .progress__bar {
    height: .25rem !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: .25rem
}

.progress_small .progress__label {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: #202939
}

.card {
    width: 100%;
    background: var(--qn-white);
    border: 1px solid var(--qn-neutral-100);
    border-radius: .75rem;
    box-shadow: 0 8px 24px rgba(17, 4, 4, .06);
    min-height: 1.25rem;
    transition: box-shadow .35s ease-in-out
}

.card .card__title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
    color: #222;
    padding-bottom: .5rem
}

.card .card__subtitle {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #4b5565
}

.card .card__body,
.card .card__footer,
.card .card__text,
.card.card_details-primary,
.card.card_details-primary .badge.badge_outline-primary,
.nav-tab__item,
.nav-tab__item.active {
    font-size: .75rem;
    line-height: 1.125rem
}

.card .card__text {
    font-weight: 400;
    color: #202939
}

.card_img-top img {
    width: 100%;
    border-radius: .5rem .5rem 0 0
}

.card .card__body,
.card .card__footer {
    padding: 1rem;
    font-weight: 400;
    color: #222
}

.card .card__header {
    padding: 1rem;
    border-bottom: 1px solid #eef2f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem
}

.card .card__header .card__header-icon {
    border: 1px solid #cdd5df;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: .5rem
}

.card .card__header .card__header-block,
.collapse.show,
.tab-pane.active {
    display: block
}

.card .card__header .card__header-block .header__title {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: #4b5565
}

.card .card__header .card__header-block .header__subtitle {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #9aa4b2
}

.card .card__header .card__header-left,
.form-header .form-header__wrapper,
.modal .flex {
    display: flex;
    align-items: center;
    gap: .75rem
}

.card .card__footer {
    border: none;
    border-top: 1px var(--qn-neutral-300) solid
}

.card .card__footer .card__footer-inline,
.card .card__footer .card__footer-left,
.card .card__footer .card__footer-right {
    width: 100%;
    display: inline-flex;
    gap: .75rem
}

.card .card__footer .card__footer-left {
    justify-content: flex-start
}

.card .card__footer .card__footer-right {
    justify-content: flex-end
}

.card .row-data {
    display: flex;
    flex-direction: row
}

.card .row-data__name,
.card .row-data__value {
    width: 50%
}

.card.card_details-primary {
    background: url("./../../assets/images/pattern/pattern-white-card.svg") right bottom no-repeat, linear-gradient(89.02deg, #3984f5 -4.45%, #407ad1 101.36%);
    border-radius: 1rem;
    padding: 1.5rem;
    font-weight: 400;
    color: #fff;
    position: relative
}

.card.card_details-primary label {
    color: #fff;
    opacity: .8
}

.card.card_details-primary:has(.avatar, .avatar__circle) .col.md-2 {
    margin: 0 auto
}

.card.card_details-primary:has(.badge) .col-lg-3 {
    margin-left: auto
}

.card.card_details-primary .badge.badge_outline-primary {
    padding: .5rem 1rem;
    border-radius: 3.125rem;
    gap: .25rem;
    font-weight: 600
}

.card.card_details-primary .badge.badge_outline-primary .icon {
    font-size: 1rem
}

.card.card_table .card__body {
    padding: 0 !important;
    width: 100%
}

.card.card_form-stepper {
    margin-bottom: 4rem
}

.card.card_icon .card__body {
    display: flex;
    justify-content: center
}

.card.card_icon .card__label,
.modal .align-center,
table tr .cell-center {
    text-align: center
}

.nav-tab {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    background: #fff;
    scrollbar-width: none !important
}

.nav-tab__item,
.nav-tab__wrapper {
    gap: .5rem;
    width: -moz-fit-content;
    display: flex
}

.nav-tab::-webkit-scrollbar {
    display: none
}

.nav-tab__wrapper {
    list-style: none;
    white-space: nowrap;
    align-items: center;
    min-width: 100%;
    width: fit-content;
    border-bottom: 1px solid #e3e8ef
}

.nav-tab__item {
    align-items: center;
    padding: .5rem .75rem;
    width: fit-content;
    border-bottom: .125rem solid;
    border-color: transparent;
    cursor: pointer;
    color: #4b5565;
    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-weight: 600;
    color: var(--qn-primary);
    border-color: var(--qn-primary);
    transform: translateX(0)
}

.nav-tab__item.disabled {
    opacity: .4;
    cursor: not-allowed
}

.nav-tab__item .icon {
    font-size: 1.25rem
}

.nav-tab_large .nav-tab__item {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding: .75rem 1rem
}

.nav-tab_large .nav-tab__item.icon {
    font-size: 1.5rem
}

.nav-tab_large .nav-tab__item.active {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600
}

.nav-tab_small .nav-tab__item {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding: .5rem;
    gap: .25rem
}

.nav-tab_small .nav-tab__item.icon {
    font-size: 1rem
}

.box-table__result,
.nav-tab_small .nav-tab__item.active,
.tab-content,
table td,
table th,
table thead th {
    font-size: .75rem;
    line-height: 1.125rem
}

.nav-tab_small .nav-tab__item.active {
    font-weight: 600
}

.dropdown__box.dropdown__box_multi,
.nav-tab_phill-lg,
.nav-tab_phill-md,
.nav-tab_phill-sm {
    width: -moz-fit-content;
    width: fit-content
}

.nav-tab_phill-lg .nav-tab__wrapper,
.nav-tab_phill-md .nav-tab__wrapper,
.nav-tab_phill-sm .nav-tab__wrapper {
    padding: .25rem;
    border-bottom: 0;
    border: 1px solid #e3e8ef;
    background: #e3e8ef;
    border-radius: .5rem
}

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

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

.nav-tab_phill-lg .nav-tab__item.active,
.nav-tab_phill-md .nav-tab__item.active,
.nav-tab_phill-sm .nav-tab__item.active {
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
    background: #fff;
    color: #4b5565;
    font-weight: 600
}

.nav-tab_phill-sm .nav-tab__item {
    padding: .5rem .75rem
}

.nav-tab_phill-md .nav-tab__item {
    padding: .688rem .75rem
}

.nav-tab_phill-lg .nav-tab__item {
    padding: .75rem;
    font-size: .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-weight: 400;
    color: #4b5565
}

.tab-pane {
    display: none;
    width: 100%;
    padding: 1rem 0
}

.box-table__header {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem
}

.box-table__header .grid {
    -moz-column-gap: 0.75rem;
    column-gap: .75rem
}

.box-table__wrapper {
    display: flex;
    justify-content: right;
    gap: 8px;
    width: 100%
}

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

.box-table__header-left,
.box-table__header-right {
    display: flex
}

.box-table__content {
    width: 100%;
    position: relative;
    padding: 1rem 1rem 0;
    border-top: 1px solid var(--qn-neutral-300)
}

.box-table__content .table-max,
.box-table__content .table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

.box-table__content .table-max {
    overflow: unset
}

.box-table__content .table-max .cell-action {
    text-align: center;
    min-width: 4rem
}

.box-table__content .table-max .cell-action .dropdown-group {
    justify-content: center;
    margin: auto
}

.box-table__content .table-max.table-max_absolute {
    padding-right: 7.75rem;
    transition: .25s ease-in-out;
    overflow-x: auto
}

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

.box-table__content .table-max.table-max_absolute table {
    border: none
}

.box-table__content .table-max.table-max_absolute table::after {
    content: "";
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4.25rem;
    height: 100%;
    box-shadow: -3px 0 12px rgba(0, 0, 0, .05)
}

.box-table__content .table-max.table-max_absolute tr .cell-action {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    background-color: inherit;
    text-align: center
}

.box-table__content .table-max.table-max_absolute tr .cell-action>* {
    float: none
}

.box-table__content .table-max.table-max_absolute tr .cell-action .btn.show {
    background: #eef2f6 !important
}

.box-table__content .table-max.table-max_absolute tr .cell-action .btn.show:focus {
    background: inherit !important
}

.box-table__content .table-max.table-max_absolute tr th.cell-action {
    border-top: inherit
}

.box-table__footer {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem 1rem
}

@media only screen and (max-width:79.937rem) {
    .btn-group .btn {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .progress__bar,
    .progress__bar:before {
        height: .25rem
    }

    .progress__label {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .card .row-data {
        gap: .125rem
    }

    .card .row-data__name,
    .card .row-data__value,
    .card.card_details-primary .row-data__name,
    .card.card_details-primary .row-data__value {
        width: 100%
    }

    .card.card_details-primary:has(.badge) .badge {
        position: absolute;
        top: 1.5rem;
        right: .75rem
    }

    .card.card_details-primary .row-data {
        flex-direction: column;
        gap: .125rem
    }

    .card.card_details-primary .row-data__colon {
        display: none
    }

    .box-table__footer,
    .box-table__header {
        padding: 1rem
    }

    .box-table__header-right .btn {
        text-indent: -999px;
        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__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #eef2f6;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

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

    .modal__wrapper {
        padding: 1rem
    }
}

.box-table__action-right .dropdown {
    width: 120px
}

.box-table__action-right .dropdown__text {
    min-height: 36px;
    max-height: 36px;
    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: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    min-height: unset;
    height: -moz-fit-content;
    height: fit-content;
    max-height: unset;
    padding: .5rem .75rem
}

.box-table__action .choices .choices__inner .choices__list {
    padding: 0 .75rem 0 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.box-table__action .choices .choices__list--dropdown,
.choices.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .25rem
}

.box-table__result {
    font-weight: 400;
    color: #4b5565
}

.box-table__action-left,
.box-table__action-right,
.form-nav__wrapper,
.main__action,
.modal .checkbox {
    display: flex;
    align-items: center;
    gap: .5rem
}

.box-table__action-left .grid,
.box-table__action-right .grid,
.modal.modal_center {
    align-items: center
}

td,
th {
    border-right: 1px solid #eef2f6;
    border-bottom: 1px solid #eef2f6
}

td:first-child,
th:first-child {
    border-left: 1px solid #eef2f6
}

table {
    width: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0
}

.choices__input,
.main_doc,
table tr {
    background-color: #fff
}

table tr .cell-action .cell-action__inline {
    display: flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap
}

table tr .cell-action .cell-action__inline .btn_secondary {
    padding: .25rem;
    min-height: 26px;
    max-height: 26px;
    min-width: 26px;
    max-width: 26px
}

table tr:first-child th:first-child {
    border-top-left-radius: .5rem
}

table tr:first-child th:last-child {
    border-top-right-radius: .5rem
}

table thead th {
    font-weight: 600;
    height: 2.75rem;
    max-height: 2.75rem;
    border-top: 1px solid #eef2f6
}

table tbody td {
    height: 2.5rem;
    max-height: 2.5rem
}

table th {
    font-weight: 600;
    white-space: nowrap
}

table td {
    font-weight: 400
}

table th:not(.selected) .icon {
    color: var(--qn-neutral-500)
}

table .icon.icon-check-circle-solid {
    color: var(--qn-success);
    font-size: 24px
}

table .cell-sorting::after {
    font-family: sevima-icons;
    content: "\e95c";
    padding-left: .25rem;
    font-size: .75rem;
    line-height: .0833333337rem;
    font-weight: 400;
    color: var(--qn-neutral-500);
    vertical-align: middle
}

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)
}

.upload-draggable .upload-draggable__error span,
.upload-draggable .upload-draggable__success span,
.upload-draggable .upload-draggable__uploading span,
table a {
    color: var(--qn-primary)
}

table .cell-double__subtitle,
table .cell-double__title {
    max-width: 484px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

table .cell-double__title {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600
}

table .cell-double__subtitle {
    padding-bottom: .125rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    letter-spacing: .016em;
    color: #556270
}

table td.cell-check,
table th.cell-check {
    padding: .125rem .875rem;
    width: 0;
    height: 0
}

table td.cell-check input[type=checkbox],
table th.cell-check input[type=checkbox] {
    display: inline-flex;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    align-items: center;
    justify-content: center
}

.accordion {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1)
}

.collapse,
.modal {
    display: none
}

.accordion.show {
    max-height: 99em;
    transition: max-height .5s ease-in-out
}

.block__content {
    padding: 1.5em;
    height: 100%
}

.modal,
.modal__overlay {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0
}

[data-toggle=collapse] .icon {
    transition: transform .5s ease-out
}

.dropdown [data-toggle=dropdown].show .icon.icon-chevron-down,
.dropdown [data-toggle=dropdown].show .icon.icon-chevron-down-mini,
.dropdown [data-toggle=dropdown].show .icon.icon-chevron-down-solid,
[data-toggle=collapse] .icon.icon-chevron-down,
[data-toggle=collapse] .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-mini,
.dropdown [data-toggle=dropdown].show .icon.icon-chevron-up-solid,
[data-toggle=collapse] .icon.icon-chevron-up,
[data-toggle=collapse] .icon.icon-chevron-up-mini,
[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)
}

.expand-enter-active,
.expand-leave-active {
    overflow: hidden;
    transition: height .35s, padding .35s
}

.modal {
    --qn-modal-padding-top: 80px;
    --qn-modal-padding-bottom: var(--qn-modal-padding-top);
    padding: var(--qn-modal-padding-top) 1rem;
    right: 0;
    bottom: 0;
    justify-content: center;
    z-index: 1011;
    overflow-y: auto;
    transition: padding .3s ease-in-out, opacity 450ms ease-in-out
}

.modal.on-closing,
.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-closing .modal__wrapper,
.modal.on-opening .modal__wrapper {
    opacity: 0
}

.modal.is-visible {
    display: flex;
    opacity: 1
}

.modal__overlay {
    z-index: 1;
    overflow: auto;
    background: #212121;
    opacity: .64
}

.module__btn,
.module__title,
.notification__title,
.tag {
    overflow: hidden;
    text-overflow: ellipsis
}

.modal h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #364152
}

.modal h5,
.modal p,
.modal__footer-text {
    font-size: .875rem;
    line-height: 1.25rem
}

.modal p {
    font-weight: 400;
    color: #364152
}

.modal h5,
.offcanvas .offcanvas__body .grid .list-accordion .accordion__item .accordion__item-header:hover .accordion__item-action,
.offcanvas .offcanvas__body .grid .list-accordion .accordion__item .accordion__item-header:hover .accordion__item-title {
    color: #0f6af5
}

.modal hr {
    border: 1px solid #e3e8ef
}

.modal h5 {
    font-weight: 500
}

.modal .space-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal__footer-text {
    font-weight: 600;
    color: #364152;
    text-align: center;
    padding: .625rem 0
}

.modal__wrapper {
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    z-index: 2;
    width: 700px;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.modal__header {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.25rem
}

.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,
.modal_confirmation-error .modal__body,
.modal_confirmation-primary .modal__body,
.modal_confirmation-success .modal__body,
.modal_confirmation-warning .modal__body {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400
}

.modal__body {
    width: 100%;
    padding: 1rem 1.25rem
}

.modal__bodyimg,
.modal__bodysvg,
.modal__bodyvideo {
    display: block;
    min-width: 100%;
    margin: 0;
    padding: 0
}

.modal__body .card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    border: .063rem solid var(--qn-neutral-100);
    padding: 1rem
}

.modal__content-input,
.modal__content-login {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.handler,
.modal__content-login {
    justify-content: center
}

.modal__content-upload {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.modal__footer,
.modal__footer-vertical {
    gap: 1rem;
    padding: 1rem 1.25rem;
    display: flex
}

.modal__footer {
    justify-content: space-between
}

.modal__footer>* {
    width: 100%
}

.modal__footer-vertical {
    flex-direction: column
}

.modal .line>*,
.modal__footer-vertical>* {
    width: 100%
}

.modal .line {
    padding: 1rem 1.25rem;
    border-top: 1px solid #eef2f6
}

.modal_confirmation-error .modal__wrapper,
.modal_confirmation-primary .modal__wrapper,
.modal_confirmation-success .modal__wrapper,
.modal_confirmation-warning .modal__wrapper {
    width: 560px
}

.modal_confirmation-warning .modal__header::before {
    font-family: sevima-icons;
    font-size: 1rem;
    line-height: 1rem;
    padding: .5rem;
    border-radius: 50%;
    height: -moz-fit-content;
    height: fit-content;
    content: "\eac6";
    color: #fff;
    background: var(--qn-warning-400)
}

.modal_confirmation-error .modal__header::before,
.modal_confirmation-primary .modal__header::before {
    height: -moz-fit-content;
    line-height: 1rem;
    padding: .5rem;
    color: #fff;
    font-size: 1rem;
    border-radius: 50%;
    font-family: sevima-icons
}

.modal_confirmation-error .modal__header .icon,
.modal_confirmation-primary .modal__header .icon,
.modal_confirmation-success .modal__header .icon,
.modal_confirmation-warning .modal__header .icon {
    display: block
}

.modal_confirmation-error .modal__header::before {
    height: fit-content;
    content: "\ec62";
    background: var(--qn-danger-400)
}

.modal_confirmation-primary .modal__header::before {
    height: fit-content;
    content: "\eb2f";
    background: var(--qn-primary-400)
}

.modal_confirmation-success .modal__header::before {
    font-family: sevima-icons;
    font-size: 1rem;
    line-height: 1rem;
    padding: .5rem;
    border-radius: 50%;
    height: -moz-fit-content;
    height: fit-content;
    content: "\ea1c";
    color: #fff;
    background: var(--qn-success-400)
}

.modal.modal_confirmation-small .modal__wrapper {
    width: 372px
}

.modal.modal_confirmation-small .modal__body {
    display: none
}

.handler {
    width: 100%;
    padding: 2.75rem 0;
    display: flex
}

@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-end-sm-1,
    .row-start-sm-1 {
        grid-row-start: 2
    }

    .row-sm-2 {
        grid-row: span 2
    }

    .row-end-sm-2,
    .row-start-sm-2 {
        grid-row-start: 3
    }

    .row-sm-3 {
        grid-row: span 3
    }

    .row-end-sm-3,
    .row-start-sm-3 {
        grid-row-start: 4
    }

    .row-sm-4 {
        grid-row: span 4
    }

    .row-end-sm-4,
    .row-start-sm-4 {
        grid-row-start: 5
    }

    .row-sm-5 {
        grid-row: span 5
    }

    .row-end-sm-5,
    .row-start-sm-5 {
        grid-row-start: 6
    }

    .row-sm-6 {
        grid-row: span 6
    }

    .row-end-sm-6,
    .row-start-sm-6 {
        grid-row-start: 7
    }

    .row-sm-7 {
        grid-row: span 7
    }

    .row-end-sm-7,
    .row-start-sm-7 {
        grid-row-start: 8
    }

    .row-sm-8 {
        grid-row: span 8
    }

    .row-end-sm-8,
    .row-start-sm-8 {
        grid-row-start: 9
    }

    .row-sm-9 {
        grid-row: span 9
    }

    .row-end-sm-9,
    .row-start-sm-9 {
        grid-row-start: 10
    }

    .row-sm-10 {
        grid-row: span 10
    }

    .row-end-sm-10,
    .row-start-sm-10 {
        grid-row-start: 11
    }

    .row-sm-11 {
        grid-row: span 11
    }

    .row-end-sm-11,
    .row-start-sm-11 {
        grid-row-start: 12
    }

    .row-sm-12 {
        grid-row: span 12
    }

    .row-end-sm-12,
    .row-start-sm-12 {
        grid-row-start: 13
    }

    .cols-sm-12,
    .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)
    }

    .rows-sm-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .box-table__content .table-max .cell-action,
    .box-table__content .table-max.table-max_absolute table::after {
        width: 7.75rem
    }

    .handler {
        padding: 8rem 0
    }
}

@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-end-md-1,
    .row-start-md-1 {
        grid-row-start: 2
    }

    .row-md-2 {
        grid-row: span 2
    }

    .row-end-md-2,
    .row-start-md-2 {
        grid-row-start: 3
    }

    .row-md-3 {
        grid-row: span 3
    }

    .row-end-md-3,
    .row-start-md-3 {
        grid-row-start: 4
    }

    .row-md-4 {
        grid-row: span 4
    }

    .row-end-md-4,
    .row-start-md-4 {
        grid-row-start: 5
    }

    .row-md-5 {
        grid-row: span 5
    }

    .row-end-md-5,
    .row-start-md-5 {
        grid-row-start: 6
    }

    .row-md-6 {
        grid-row: span 6
    }

    .row-end-md-6,
    .row-start-md-6 {
        grid-row-start: 7
    }

    .row-md-7 {
        grid-row: span 7
    }

    .row-end-md-7,
    .row-start-md-7 {
        grid-row-start: 8
    }

    .row-md-8 {
        grid-row: span 8
    }

    .row-end-md-8,
    .row-start-md-8 {
        grid-row-start: 9
    }

    .row-md-9 {
        grid-row: span 9
    }

    .row-end-md-9,
    .row-start-md-9 {
        grid-row-start: 10
    }

    .row-md-10 {
        grid-row: span 10
    }

    .row-end-md-10,
    .row-start-md-10 {
        grid-row-start: 11
    }

    .row-md-11 {
        grid-row: span 11
    }

    .row-end-md-11,
    .row-start-md-11 {
        grid-row-start: 12
    }

    .row-md-12 {
        grid-row: span 12
    }

    .row-end-md-12,
    .row-start-md-12 {
        grid-row-start: 13
    }

    .cols-md-12,
    .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)
    }

    .rows-md-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .handler {
        padding: 4.625rem 0
    }

    .dropdown__item_md-hidden {
        display: none
    }
}

.empty-list__wrapper,
.handler__wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 1.5rem 0;
    padding: 0
}

.empty-list__content,
.handler__content {
    display: flex;
    flex-direction: column;
    gap: .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: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--qn-neutral-700)
}

.empty-list__illustration,
.handler__illustration {
    display: flex;
    justify-content: center;
    width: 100%;
    max-height: 240px
}

.handler__illustration img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.empty-list__action,
.handler__action {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.handler__action .btn {
    padding: .625rem .75rem;
    gap: .625rem
}

.empty-detail,
.empty-list {
    width: 100%;
    padding: 4rem 0;
    display: flex;
    justify-content: center
}

.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: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--qn-neutral-700)
}

.empty-detail__content h1,
.offcanvas .offcanvas__body .grid .list-accordion .accordion__item .accordion__item-header .accordion__item-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

.empty-list__illustration img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.empty-list__action .btn {
    padding: .625rem .75rem;
    gap: .625rem
}

.empty-detail__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding: 0
}

.empty-detail__content {
    max-width: 256px;
    display: flex;
    flex-direction: column;
    gap: .5rem 0;
    padding: .5rem
}

.empty-detail__content h1 {
    color: var(--qn-neutral-900)
}

.empty-detail__content p {
    font-size: .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: 140px;
    max-height: 105px
}

.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: .625rem .75rem;
    gap: .625rem
}

.offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 401;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
    border-bottom: 1px solid #eef2f6;
    max-width: 480px;
    max-height: 100vh
}

.offcanvas .offcanvas__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #eef2f6;
    position: relative
}

.offcanvas .offcanvas__header .offcanvas__header-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #222
}

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

.offcanvas .offcanvas__header .offcanvas__header-close {
    position: absolute;
    top: 50%;
    left: -23px;
    transform: translateY(-50%);
    transition: background-color .3s ease-in-out;
    z-index: 402;
    background-color: #fff
}

.offcanvas .offcanvas__header .offcanvas__header-close:hover {
    cursor: pointer;
    border-radius: 50%;
    filter: brightness(.8)
}

.offcanvas .offcanvas__body {
    padding: 2rem 1.5rem;
    overflow-y: auto
}

.main_login .container,
.offcanvas .offcanvas__body .grid,
.ql-toolbar .ql-formats .ql-size .ql-picker-label {
    padding: 0 !important
}

.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
}

.form-navigation .form-buttons,
.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,
.tag .icon.icon-x-mark,
input[type=file]:not([disabled]) {
    cursor: pointer
}

.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 .3s ease-in-out;
    background: 0 0;
    border: none
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5)
}

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

.pagination button,
.pagination__ellipsis,
.pagination__item {
    min-width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--qn-white);
    border-width: .063rem .063rem .063rem 0;
    border-style: solid;
    border-color: #eef2f6;
    cursor: pointer;
    color: var(--qn-neutral-700);
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.pagination button:hover,
.pagination__ellipsis:hover,
.pagination__item:hover {
    background-color: var(--qn-neutral-100)
}

.pagination button:active,
.pagination__ellipsis:active,
.pagination__item:active {
    background-color: var(--qn-primary-100)
}

.pagination button.active,
.pagination__ellipsis.active,
.pagination__item.active {
    cursor: default;
    background-color: var(--qn-primary-400);
    border-color: var(--qn-primary-400);
    color: var(--qn-white)
}

.pagination a,
.pagination p,
.pagination__button-text {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 .375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination__ellipsis {
    cursor: default
}

.pagination__list {
    display: inline-flex;
    gap: 0;
    list-style: none
}

.pagination__button-next,
.pagination__button-previous {
    border: 1px solid #eef2f6 !important;
    padding: .125rem .5rem
}

.pagination__button-next::after,
.pagination__button-next::before,
.pagination__button-previous::after,
.pagination__button-previous::before {
    font-family: sevima-icons;
    font-size: 1rem;
    line-height: .0625rem;
    vertical-align: 0;
    font-weight: 500;
    color: inherit
}

.pagination__button-next:disabled,
.pagination__button-previous:disabled {
    cursor: default;
    background-color: var(--qn-white);
    color: var(--qn-neutral-400)
}

@media only screen and (max-width:47.937rem) {
    .btn_vr-right {
        margin-right: .5rem
    }

    .btn_vr-right::after {
        right: -.5rem
    }

    .box-table__header .grid {
        row-gap: .5rem
    }

    .box-table__content .table-max .cell-action {
        max-width: 4.25rem
    }

    .box-table__footer {
        padding: .5rem .875rem;
        flex-direction: column;
        justify-content: unset
    }

    .box-table__action {
        padding: 0;
        flex-direction: column;
        justify-content: unset
    }

    .box-table__action-left,
    .box-table__action-right .form-control,
    .pagination__ellipsis,
    .pagination__item {
        display: none
    }

    .box-table__action-right {
        width: 100%
    }

    .pagination {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .pagination__list {
        visibility: hidden
    }

    .pagination__list::after {
        content: attr(data-mobile-text);
        visibility: visible;
        color: #697586;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400;
        display: flex;
        height: 100%;
        align-items: center
    }

    .pagination__button-next,
    .pagination__button-previous {
        border-radius: .5rem !important
    }

    .notification {
        height: 100%;
        display: flex;
        flex-direction: column
    }
}

.pagination__button-previous {
    border-radius: .5rem 0 0 .5rem
}

.pagination__button-previous::before {
    content: "\e92b";
    padding-right: .25rem
}

.pagination__button-next {
    border-radius: 0 .5rem .5rem 0
}

.module__box,
.module__btn,
.module__image {
    border-radius: .75rem
}

.pagination__button-next::after {
    content: "\e946";
    padding-left: .25rem
}

.module {
    padding: .5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .5rem;
    max-width: 20.75rem;
    margin: 0 auto
}

.module__item {
    list-style: none
}

.module__btn {
    width: 100px;
    max-width: 100px;
    padding: 1rem .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center
}

.module__btn:focus,
.module__btn:hover {
    outline: 0;
    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
}

.module__image {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    font-size: 40px !important;
    line-height: 40px !important
}

.callout__subtitle,
.callout__title,
.module__title {
    font-size: .75rem;
    line-height: 1.125rem
}

.module__title {
    font-weight: 500;
    text-align: center;
    width: 100%;
    white-space: nowrap
}

.callout {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    background-color: #f1f6fe;
    padding: 1.5rem;
    border-radius: 1rem
}

.callout__title {
    font-weight: 600;
    color: #222
}

.callout__subtitle {
    font-weight: 400;
    color: #4b5565;
    font-style: italic
}

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

.notification__header .nav-tab {
    padding: 0 1rem;
    border-bottom: .063rem solid #e3e8ef
}

.notification__header .nav-tab .nav-tab__wrapper {
    border: none
}

.notification__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 1rem
}

.notification__title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #202939;
    display: flex;
    gap: .75rem;
    white-space: nowrap
}

.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
}

.notification__header-btn {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #0f6af5;
    outline: 0
}

.notification__header-btn:active,
.notification__header-btn:focus,
.notification__header-btn:hover {
    text-decoration: underline
}

.notification__body {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    flex-grow: 1
}

.notification__section {
    width: 100%;
    padding: 0 1rem;
    display: none
}

.form-header .form-header__information,
.form-section.active,
.notification__section.active {
    display: block
}

.notification__item {
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis
}

.notification__item-title {
    padding: .75rem 0 .375rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: #9aa4b2
}

.notification__desc,
.notification__text,
.notification__text-muted {
    font-weight: 400;
    line-height: 1.125rem
}

.notification__item-body {
    width: 100%;
    padding: .75rem 0;
    display: flex;
    gap: .75rem;
    border-bottom: .063rem dashed #e3e8ef
}

.notification__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 100%;
    text-overflow: ellipsis
}

.notification__content-nav {
    width: 100%;
    display: flex;
    gap: .125rem;
    flex-direction: column
}

.notification__text {
    font-size: .75rem;
    color: #364152
}

.notification__text b {
    font-weight: 600;
    color: inherit
}

.notification__text-muted {
    font-size: .75rem;
    color: #9aa4b2
}

.notification__desc {
    width: 100%;
    padding: .625rem;
    font-size: .75rem;
    color: #4b5565;
    background: #eef2f6;
    border-radius: .25rem
}

.notification__box {
    width: 100%;
    padding: .5rem;
    display: flex;
    gap: .5rem;
    align-items: center;
    border: .063rem solid #e3e8ef;
    border-radius: .375rem
}

.notification__box:not([disabled]):active,
.notification__box:not([disabled]):focus,
.notification__box:not([disabled]):hover {
    outline: 0;
    border-color: #0f6af5;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #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-info,
.notification__box-title {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #364152;
    white-space: nowrap
}

.notification__box-dot {
    width: .188rem;
    height: .188rem;
    max-width: .188rem;
    max-height: .188rem;
    background: #0f6af5;
    border-radius: 50%
}

.notification__more {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: #0f6af5;
    white-space: nowrap
}

.notification__more:not([disabled]):active,
.notification__more:not([disabled]):focus,
.notification__more:not([disabled]):hover {
    outline: 0;
    text-decoration: underline
}

.notification__btn-group {
    width: 100%;
    display: flex;
    gap: .5rem;
    flex-flow: wrap
}

.notification__footer {
    width: 100%;
    padding: .75rem 1rem;
    position: sticky;
    bottom: 0;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    background: #fff;
    border-top: .063rem solid #e3e8ef
}

.notification__footer-btn {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #0f6af5
}

.notification__footer-btn:not([disabled]):active,
.notification__footer-btn:not([disabled]):focus,
.notification__footer-btn:not([disabled]):hover {
    outline: 0;
    text-decoration: underline
}

.tag,
.tag__count {
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: flex
}

.notification__footer-setting {
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.25rem;
    max-height: 1.25rem;
    color: #4b5565;
    border-radius: .25rem
}

.notification__footer-setting .icon {
    color: inherit !important;
    font-size: 1.25rem !important;
    line-height: 1.25rem !important
}

.notification__footer-setting:not([disabled]):active,
.notification__footer-setting:not([disabled]):focus,
.notification__footer-setting:not([disabled]):hover {
    outline: 0;
    background-color: #eef2f6
}

.tag {
    width: -moz-fit-content;
    width: fit-content;
    padding: .125rem .5rem;
    background: #fff;
    border: 1px solid #e3e8ef;
    color: #4b5565;
    border-radius: .375rem;
    white-space: nowrap;
    outline: 0;
    gap: .3125rem;
    min-height: 1.75rem;
    max-height: 1.75rem
}

.tag .icon.icon-x-mark:hover {
    filter: brightness(.2)
}

.attachment__wrapper-text .attachment__dismiss:hover,
.choices[data-type*=select-multiple] .choices__button:hover {
    filter: brightness(.8)
}

.tag__count {
    text-align: center;
    padding: 0 .3125rem;
    background: #e3e8ef;
    border-radius: .25rem;
    color: #4b5565
}

.tag .dot {
    width: 8px;
    height: 8px;
    background: #0e9384;
    border-radius: 50%
}

.form-control__group [data-clear=input],
.form-control__group [data-visibility=input] {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: -moz-fit-content
}

.tag_sm {
    padding: .25rem .5rem;
    gap: .25rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    min-height: 1.625rem;
    max-height: 1.625rem
}

.form-control .form-control__label,
.tag_lg {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

.tag_sm .tag__count {
    padding: 0 .25rem
}

.tag_lg {
    padding: .375rem .5rem;
    gap: .375rem;
    min-height: 2rem;
    max-height: 2rem
}

.tag_lg .tag__count {
    padding: 0 .375rem
}

.form-control:disabled,
.form-control:disabled:active,
.form-control:disabled:focus,
.form-control:disabled:hover {
    color: #4b5565;
    background: #f8fafc;
    border: .063rem solid #eef2f6
}

.form-control.active,
.form-control.dropdown.show,
.form-control:focus {
    color: #222;
    background-color: #fff;
    border-color: var(--qn-primary);
    outline: 0;
    box-shadow: 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]:active,
input[readonly]:focus,
input[readonly]:hover,
textarea[readonly],
textarea[readonly]:active,
textarea[readonly]:focus,
textarea[readonly]:hover {
    box-shadow: none
}

select:focus {
    background-image: url(./../../assets/images/icons/heroicons/chevron-up-mini.svg)
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week] {
    padding-left: 3.25rem
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=month]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-inner-spin-button,
input[type=week]::-webkit-calendar-picker-indicator,
input[type=week]::-webkit-inner-spin-button {
    background-image: -webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNiAyLjI2N2MtLjIwOS4wMzQtLjQwMy4xNDktLjQ5MS4yODktLjA4NC4xMzYtLjA5LjE5NC0uMTAyIDEuMDU0bC0uMDEyLjkxLS41NjguMDAxYy0uNzAzLjAwMS0xLjAxNy4wNjMtMS40ODcuMjk1LS42ODQuMzM4LTEuMjUyLjk1Ni0xLjQ5MyAxLjYyNC0uMTk0LjUzOC0uMTg3LjI4My0uMTg3IDYuNyAwIDYuNzgyLS4wMjMgNi4yNi4yOTkgNi45MmEzLjEwNiAzLjEwNiAwIDAgMCAxLjk4MSAxLjYwOGMuMjY0LjA2OC42OTIuMDcyIDcuNDYuMDcyczcuMTk2LS4wMDQgNy40Ni0uMDcyYTMuMTA2IDMuMTA2IDAgMCAwIDEuOTgxLTEuNjA4Yy4zMjItLjY2LjI5OS0uMTM2LjI5OS02Ljk0VjcuMDZsLS4wOTItLjMyYy0uMjUtLjg2Ny0uODAyLTEuNTM2LTEuNTg4LTEuOTI0LS40Ny0uMjMyLS43ODQtLjI5NC0xLjQ4Ny0uMjk1bC0uNTY4LS4wMDEtLjAxMi0uOTFjLS4wMTItLjgyNS0uMDItLjkyMi0uMDkzLTEuMDQ0LS4xMTktLjE5OC0uMzQzLS4yOTctLjY2OS0uMjk1LS4zMDEuMDAyLS40NjYuMDczLS42MDcuMjYyLS4wNzguMTA1LS4wODUuMTc3LS4xMDQgMS4wNGwtLjAyLjkyN2gtOWwtLjAyLS45MjdjLS4wMTktLjg2My0uMDI2LS45MzUtLjEwNC0xLjA0LS4xNTItLjIwNC0uNDc3LS4zMTYtLjc3Ni0uMjY2bTEyLjc2OSAzLjg2MWExLjcgMS43IDAgMCAxIC43NDMuNzQzYy4xMDQuMjIuMTA4LjI2LjEyLjk5OGwuMDEzLjc2OC0uMjYzLS4xMTljLS42MTEtLjI3Ny0uMDIyLS4yNTgtNy45ODItLjI1OC03Ljk1OCAwLTcuMzcxLS4wMTktNy45NzkuMjU3bC0uMjYxLjExOHYtLjcxNmMwLS42MjYuMDEtLjc0NC4wODMtLjkzOGExLjU0IDEuNTQgMCAwIDEgLjkyOS0uOTA3Yy4xOTgtLjA2OC41NTctLjA3MSA3LjI4OC0uMDYzbDcuMDguMDA5LjIyOS4xMDhtLS4wMDIgMy43NThjLjMxOC4xNDkuNTY5LjM5NS43MjMuNzA4bC4xMy4yNjR2OC4yODJsLS4xMDYuMjI3YTEuNTE1IDEuNTE1IDAgMCAxLS43MDguNzIzbC0uMjY0LjEzSDQuODU4bC0uMjY0LS4xM2ExLjUxNSAxLjUxNSAwIDAgMS0uNzA4LS43MjNsLS4xMDYtLjIyNy0uMDExLTQuMDg3Yy0uMDEtNC4wNjYtLjAxLTQuMDg4LjA3NC00LjMxMS4xNTQtLjQxMy40NDYtLjcxMi44NjEtLjg4M2wuMjM2LS4wOTcgNy4xLjAwOSA3LjEuMDA5LjIyNy4xMDZtLTcuNjQ4IDIuMTQ5Yy0uMzExLjEwMi0uNDUxLjMyNy0uNDUxLjcyNyAwIC41LjIyNy43MjUuNzMyLjcyNS40MTcgMCAuNjM1LS4xNTEuNzIyLS40OTkuMDkyLS4zNjctLjAzNy0uNzYxLS4yOTQtLjg5NC0uMTQyLS4wNzQtLjU1OS0uMTA4LS43MDktLjA1OW0yLjIyNy4wMjFjLS4zMjkuMTIyLS40NDQuMzQtLjQxOS43ODYuMDI1LjQ1Mi4yNDguNjQ4LjczMS42NDUuNDgxLS4wMDIuNy0uMjA3LjczMS0uNjgzLjAzMS0uNDgxLS4xOTgtLjc1NS0uNjU5LS43ODhhLjk4NS45ODUgMCAwIDAtLjM4NC4wNG0yLjI0IDBjLS4yMDYuMDc3LS4zMjUuMTk1LS4zOC4zOC0uMTIxLjQwMy4wMDQuODMzLjI4Mi45NzUuMTcxLjA4Ny41ODMuMTAzLjc3Mi4wMy4yOC0uMTA4LjQwMy0uMzczLjM3Mi0uOC0uMDE5LS4yNy0uMTAzLS40MTYtLjMwNi0uNTM1LS4xNjgtLjA5OC0uNTQzLS4xMjMtLjc0LS4wNW0tOC45MDEgMi4yMjhjLS4yNC4wNDYtLjM1OC4xMzMtLjQ0Ny4zMjktLjE2OC4zNy0uMDUxLjg3Ny4yNDIgMS4wNDYuMTk1LjExMy42NDUuMTEzLjgzNi4wMDEuMjI2LS4xMzMuMy0uMjY4LjMxNy0uNTgyLjAyMi0uMzg1LS4wNzctLjYxOC0uMzEzLS43MzYtLjE0LS4wNzEtLjQyOC0uMDk3LS42MzUtLjA1OG0yLjMxNS0uMDE3Yy0uMjA5LjAzNC0uNDAzLjE0OS0uNDkxLjI4OS0uMTE1LjE4NS0uMTI2LjY3My0uMDE5Ljg3LjE0LjI2LjUzLjM4OS44OTguMjk2LjM0OC0uMDg3LjQ5OS0uMzA1LjQ5OS0uNzIzIDAtLjM0Ny0uMDk2LS41NDEtLjMyNy0uNjU4LS4xMTYtLjA1OS0uNDE1LS4wOTgtLjU2LS4wNzRtMi4xODcuMDExYy0uMzQxLjA2Ny0uNTE5LjMxNC0uNTE5LjcyIDAgLjUxNC4yMjkuNzM5Ljc1Mi43NDEuMzI0LjAwMS41MDgtLjA4Ny42NC0uMzA2LjEwNS0uMTc2LjExLS42MjkuMDA4LS44MzYtLjEyMy0uMjUtLjUxMy0uMzkxLS44ODEtLjMxOW0yLjI2MiAwYS42MDUuNjA1IDAgMCAwLS40NjEuMzI1Yy0uMTAzLjE5Ny0uMDgyLjcwNi4wMzYuODY0LjE0Ny4xOTcuMzI0LjI3My42MzYuMjczLjM1MiAwIC41MjItLjA4OS42NTMtLjM0MS4wNzctLjE0OS4wOS0uMjIzLjA3NS0uNDQ2YTEuMDMzIDEuMDMzIDAgMCAwLS4wOTItLjM5NmMtLjEzMS0uMjI0LS40NzYtLjMzNy0uODQ3LS4yNzltMi4yMzYuMDA2Yy0uMjQuMDQ2LS4zNTguMTMzLS40NDcuMzI5LS4xNjguMzctLjA1MS44NzcuMjQyIDEuMDQ2LjE5NS4xMTMuNjQ1LjExMy44MzYuMDAxLjIyNi0uMTMzLjMtLjI2OC4zMTctLjU4Mi4wMjItLjM4NS0uMDc3LS42MTgtLjMxMy0uNzM2LS4xNC0uMDcxLS40MjgtLjA5Ny0uNjM1LS4wNThNNy4wOTkgMTYuNmMtLjE5MS4wOTQtLjI5LjI0Ni0uMzI0LjQ5NC0uMDg0LjYxMy4yNDQuOTU3Ljg1NC44OTQuMzkyLS4wNDEuNTgtLjI0OC42MDQtLjY2NC4wMzEtLjU0NS0uMjAzLS44MDEtLjczMy0uODAzYS44NzQuODc0IDAgMCAwLS40MDEuMDc5bTIuMjYyLS4wMTJjLS4yNjEuMTM1LS4zOTguNDY0LS4zNDQuODI3LjA2LjQwMi4zNTMuNjExLjgwNS41NzUuNDYtLjAzNy42NjMtLjI2LjY2NS0uNzMyLjAwMi0uMjkyLS4wODYtLjUwOC0uMjYtLjYzNS0uMTU5LS4xMTctLjY2OS0uMTM3LS44NjYtLjAzNW0yLjI0MiAwYy0uMjczLjE0My0uMzk2LjQ2OC0uMzIzLjg1Mi4wNzIuMzgyLjI0NC41MjEuNjguNTQ5LjIxNS4wMTQuMjkxLjAwMS40MzktLjA3Ni4yNTItLjEzMS4zNDEtLjMwMS4zNDEtLjY1MyAwLS4zMTItLjA3Ni0uNDg5LS4yNzMtLjYzNi0uMTU4LS4xMTgtLjY2Ny0uMTM5LS44NjQtLjAzNm0yLjIyNy4wMTRjLS4yMDYuMTA5LS4zMS4zMjYtLjMxLjY0NCAwIC40NzEuMTk5LjcwMy42MzcuNzQzLjU3NC4wNTIuODkxLS4yNzEuODMyLS44NDktLjAzLS4yODItLjEyOC0uNDQzLS4zMzEtLjU0MS0uMjIxLS4xMDctLjYyMi0uMTA1LS44MjguMDAzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiLz48L3N2Zz4=) 1x) !important;
    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]):hover {
    border: .063rem solid #99a4ae
}

.form-control {
    --qn-input-padding-size: 0.625rem 0.75rem;
    --qn-input-height-size: 2.5rem;
    position: relative;
    display: block;
    width: 100%
}

.form-control .form-control__label {
    display: flex;
    align-items: center;
    padding-bottom: .75rem;
    color: #364152
}

.form-control__group .form-control__text,
.form-control__input {
    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 .form-control__label .important {
    color: var(--qn-danger);
    padding-right: .25rem
}

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

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

.form-control .form-control__label .icon-information-circle:hover {
    background: #e3e8ef;
    border-radius: 50%;
    cursor: pointer;
    color: #364152;
    transition: background-color .2s ease-in-out
}

.form-control__group {
    position: relative;
    display: flex;
    align-items: center
}

.form-control__group [data-clear=input] {
    background-color: none;
    right: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content;
    pointer-events: none
}

.form-control__group [data-clear=input]::before {
    font-family: sevima-icons;
    content: "\ec61";
    font-size: 1rem;
    line-height: .0625rem;
    vertical-align: 0;
    color: var(--qn-neutral-300);
    display: block
}

.form-control [data-clear=input]:hover::before,
.form-control [data-visibility=input]:hover::before,
.form-control__group [data-clear=input]:hover::before {
    color: var(--qn-neutral-400)
}

.form-control__group [data-visibility=input] {
    right: 2rem;
    background-color: #fff;
    width: 1.5rem;
    height: fit-content;
    text-align: center;
    pointer-events: none
}

.form-control__group [data-input-icon=email],
.form-control__group [data-input-icon=search] {
    height: -moz-fit-content;
    pointer-events: none;
    position: absolute;
    margin: auto 0;
    top: 0;
    z-index: 2;
    bottom: 0
}

.form-control__group [data-visibility=input]::before {
    font-family: sevima-icons;
    content: "\eacd";
    font-size: 1rem;
    line-height: .0625rem;
    vertical-align: 0;
    color: var(--qn-neutral-400)
}

.form-control__group [data-visibility=input]:hover::before {
    color: var(--qn-neutral-500)
}

.form-control [data-visibility=input][data-type=text]::before,
.form-control__group [data-visibility=input][data-type=text]::before {
    content: "\eacb"
}

.form-control__group [type=number]+[data-clear=input] {
    display: none
}

.form-control__group [type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.form-control__group [data-input-icon=search] {
    right: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content
}

.form-control__group [data-input-icon=search]::before {
    display: block;
    content: url(./../../assets/images/icons/input-search.svg);
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    pointer-events: inherit
}

.form-control__group [data-input-icon=email] {
    left: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content
}

.form-control__group [data-input-icon=email]::before {
    display: block;
    content: url(./../../assets/images/icons/input-email.svg);
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-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__input:hover:not([disabled]),
.form-control__group.error .form-control__select,
.form-control__group.error .form-control__select:hover:not([disabled]) {
    border: .063rem solid var(--qn-danger)
}

.form-control__group.error .form-control__input:active:not([disabled]),
.form-control__group.error .form-control__input:focus:not([disabled]),
.form-control__group.error .form-control__select:active:not([disabled]),
.form-control__group.error .form-control__select:focus:not([disabled]) {
    border: .063rem solid var(--qn-danger);
    box-shadow: 0 0 0 .125rem rgba(var(--qn-danger), .2)
}

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

.dropdown.dropdown_full-width,
.dropdown.dropdown_full-width .dropdown__box.show,
.dropdown.dropdown_full-width .dropdown__list.show,
.form-control__group .dropdown-content.full-width,
.form-navigation .form-stepper .stepper.done::before {
    width: 100%
}

.form-control__group .form-control__text {
    display: inline-flex;
    background-color: #fff;
    border-width: .063rem 0 .063rem .063rem;
    border-style: solid;
    border-color: #e3e8ef;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: #697586
}

.form-control__group .form-control__text:last-child {
    border-radius: 0 .5rem .5rem 0;
    border-left: none;
    border-right: .063rem solid #e3e8ef
}

.form-control__input {
    width: 100%;
    background: #fff;
    border-radius: .5rem;
    border: .063rem solid #e3e8ef;
    color: #4b5565;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
    outline: 0
}

.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 {
    pointer-events: none;
    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:active:not([disabled]),
.form-control__input:focus:not([disabled]),
.form-control__input[type=url]:active:not([disabled]),
.form-control__input[type=url]:focus:not([disabled]) {
    border: .063rem solid #4e91f6;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 0 0 4px #e4eefd;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out
}

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

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

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

.form-control__input[type=date],
.form-control__input[type=datetime-local],
.form-control__input[type=month],
.form-control__input[type=time],
.form-control__input[type=week] {
    text-transform: uppercase;
    position: relative;
    padding-left: 2.75rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #202939
}

.form-control__input[type=date]::before,
.form-control__input[type=datetime-local]::before,
.form-control__input[type=month]::before,
.form-control__input[type=week]::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: .5rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk1ODMgMi45NjY2NlYxLjY2NjY2QzEzLjk1ODMgMS4zMjQ5OSAxMy42NzUgMS4wNDE2NiAxMy4zMzMzIDEuMDQxNjZDMTIuOTkxNyAxLjA0MTY2IDEyLjcwODMgMS4zMjQ5OSAxMi43MDgzIDEuNjY2NjZWMi45MTY2Nkg3LjI5MTY3VjEuNjY2NjZDNy4yOTE2NyAxLjMyNDk5IDcuMDA4MzMgMS4wNDE2NiA2LjY2NjY3IDEuMDQxNjZDNi4zMjUgMS4wNDE2NiA2LjA0MTY3IDEuMzI0OTkgNi4wNDE2NyAxLjY2NjY2VjIuOTY2NjZDMy43OTE2NyAzLjE3NDk5IDIuNyA0LjUxNjY2IDIuNTMzMzMgNi41MDgzMkMyLjUxNjY3IDYuNzQ5OTkgMi43MTY2NyA2Ljk0OTk5IDIuOTUgNi45NDk5OUgxNy4wNUMxNy4yOTE3IDYuOTQ5OTkgMTcuNDkxNyA2Ljc0MTY2IDE3LjQ2NjcgNi41MDgzMkMxNy4zIDQuNTE2NjYgMTYuMjA4MyAzLjE3NDk5IDEzLjk1ODMgMi45NjY2NlpNMTYuNjY2NyA4LjE5OTk5SDMuMzMzMzNDMi44NzUgOC4xOTk5OSAyLjUgOC41NzQ5OSAyLjUgOS4wMzMzMlYxNC4xNjY3QzIuNSAxNi42NjY3IDMuNzUgMTguMzMzMyA2LjY2NjY3IDE4LjMzMzNIMTMuMzMzM0MxNi4yNSAxOC4zMzMzIDE3LjUgMTYuNjY2NyAxNy41IDE0LjE2NjdWOS4wMzMzMkMxNy41IDguNTc0OTkgMTcuMTI1IDguMTk5OTkgMTYuNjY2NyA4LjE5OTk5Wk03LjY3NSAxNS4xNzVDNy42MzMzMyAxNS4yMDgzIDcuNTkxNjcgMTUuMjUgNy41NSAxNS4yNzVDNy41IDE1LjMwODMgNy40NSAxNS4zMzMzIDcuNCAxNS4zNUM3LjM1IDE1LjM3NSA3LjMgMTUuMzkxNyA3LjI1IDE1LjRDNy4xOTE2NyAxNS40MDgzIDcuMTQxNjcgMTUuNDE2NyA3LjA4MzMzIDE1LjQxNjdDNi45NzUgMTUuNDE2NyA2Ljg2NjY3IDE1LjM5MTcgNi43NjY2NyAxNS4zNUM2LjY1ODMzIDE1LjMwODMgNi41NzUgMTUuMjUgNi40OTE2NyAxNS4xNzVDNi4zNDE2NyAxNS4wMTY3IDYuMjUgMTQuOCA2LjI1IDE0LjU4MzNDNi4yNSAxNC4zNjY3IDYuMzQxNjcgMTQuMTUgNi40OTE2NyAxMy45OTE3QzYuNTc1IDEzLjkxNjcgNi42NTgzMyAxMy44NTgzIDYuNzY2NjcgMTMuODE2N0M2LjkxNjY3IDEzLjc1IDcuMDgzMzMgMTMuNzMzMyA3LjI1IDEzLjc2NjdDNy4zIDEzLjc3NSA3LjM1IDEzLjc5MTcgNy40IDEzLjgxNjdDNy40NSAxMy44MzMzIDcuNSAxMy44NTgzIDcuNTUgMTMuODkxN0w3LjY3NSAxMy45OTE3QzcuODI1IDE0LjE1IDcuOTE2NjcgMTQuMzY2NyA3LjkxNjY3IDE0LjU4MzNDNy45MTY2NyAxNC44IDcuODI1IDE1LjAxNjcgNy42NzUgMTUuMTc1Wk03LjY3NSAxMi4yNTgzQzcuNTE2NjcgMTIuNDA4MyA3LjMgMTIuNSA3LjA4MzMzIDEyLjVDNi44NjY2NyAxMi41IDYuNjUgMTIuNDA4MyA2LjQ5MTY3IDEyLjI1ODNDNi4zNDE2NyAxMi4xIDYuMjUgMTEuODgzMyA2LjI1IDExLjY2NjdDNi4yNSAxMS40NSA2LjM0MTY3IDExLjIzMzMgNi40OTE2NyAxMS4wNzVDNi43MjUgMTAuODQxNyA3LjA5MTY3IDEwLjc2NjcgNy40IDEwLjlDNy41MDgzMyAxMC45NDE3IDcuNiAxMSA3LjY3NSAxMS4wNzVDNy44MjUgMTEuMjMzMyA3LjkxNjY3IDExLjQ1IDcuOTE2NjcgMTEuNjY2N0M3LjkxNjY3IDExLjg4MzMgNy44MjUgMTIuMSA3LjY3NSAxMi4yNTgzWk0xMC41OTE3IDE1LjE3NUMxMC40MzMzIDE1LjMyNSAxMC4yMTY3IDE1LjQxNjcgMTAgMTUuNDE2N0M5Ljc4MzMzIDE1LjQxNjcgOS41NjY2NyAxNS4zMjUgOS40MDgzMyAxNS4xNzVDOS4yNTgzMyAxNS4wMTY3IDkuMTY2NjcgMTQuOCA5LjE2NjY3IDE0LjU4MzNDOS4xNjY2NyAxNC4zNjY3IDkuMjU4MzMgMTQuMTUgOS40MDgzMyAxMy45OTE3QzkuNzE2NjcgMTMuNjgzMyAxMC4yODMzIDEzLjY4MzMgMTAuNTkxNyAxMy45OTE3QzEwLjc0MTcgMTQuMTUgMTAuODMzMyAxNC4zNjY3IDEwLjgzMzMgMTQuNTgzM0MxMC44MzMzIDE0LjggMTAuNzQxNyAxNS4wMTY3IDEwLjU5MTcgMTUuMTc1Wk0xMC41OTE3IDEyLjI1ODNMMTAuNDY2NyAxMi4zNTgzQzEwLjQxNjcgMTIuMzkxNyAxMC4zNjY3IDEyLjQxNjcgMTAuMzE2NyAxMi40MzMzQzEwLjI2NjcgMTIuNDU4MyAxMC4yMTY3IDEyLjQ3NSAxMC4xNjY3IDEyLjQ4MzNDMTAuMTA4MyAxMi40OTE3IDEwLjA1ODMgMTIuNSAxMCAxMi41QzkuNzgzMzMgMTIuNSA5LjU2NjY3IDEyLjQwODMgOS40MDgzMyAxMi4yNTgzQzkuMjU4MzMgMTIuMSA5LjE2NjY3IDExLjg4MzMgOS4xNjY2NyAxMS42NjY3QzkuMTY2NjcgMTEuNDUgOS4yNTgzMyAxMS4yMzMzIDkuNDA4MzMgMTEuMDc1QzkuNDgzMzMgMTEgOS41NzUgMTAuOTQxNyA5LjY4MzMzIDEwLjlDOS45OTE2NyAxMC43NjY3IDEwLjM1ODMgMTAuODQxNyAxMC41OTE3IDExLjA3NUMxMC43NDE3IDExLjIzMzMgMTAuODMzMyAxMS40NSAxMC44MzMzIDExLjY2NjdDMTAuODMzMyAxMS44ODMzIDEwLjc0MTcgMTIuMSAxMC41OTE3IDEyLjI1ODNaTTEzLjUwODMgMTUuMTc1QzEzLjM1IDE1LjMyNSAxMy4xMzMzIDE1LjQxNjcgMTIuOTE2NyAxNS40MTY3QzEyLjcgMTUuNDE2NyAxMi40ODMzIDE1LjMyNSAxMi4zMjUgMTUuMTc1QzEyLjE3NSAxNS4wMTY3IDEyLjA4MzMgMTQuOCAxMi4wODMzIDE0LjU4MzNDMTIuMDgzMyAxNC4zNjY3IDEyLjE3NSAxNC4xNSAxMi4zMjUgMTMuOTkxN0MxMi42MzMzIDEzLjY4MzMgMTMuMiAxMy42ODMzIDEzLjUwODMgMTMuOTkxN0MxMy42NTgzIDE0LjE1IDEzLjc1IDE0LjM2NjcgMTMuNzUgMTQuNTgzM0MxMy43NSAxNC44IDEzLjY1ODMgMTUuMDE2NyAxMy41MDgzIDE1LjE3NVpNMTMuNTA4MyAxMi4yNTgzTDEzLjM4MzMgMTIuMzU4M0MxMy4zMzMzIDEyLjM5MTcgMTMuMjgzMyAxMi40MTY3IDEzLjIzMzMgMTIuNDMzM0MxMy4xODMzIDEyLjQ1ODMgMTMuMTMzMyAxMi40NzUgMTMuMDgzMyAxMi40ODMzQzEzLjAyNSAxMi40OTE3IDEyLjk2NjcgMTIuNSAxMi45MTY3IDEyLjVDMTIuNyAxMi41IDEyLjQ4MzMgMTIuNDA4MyAxMi4zMjUgMTIuMjU4M0MxMi4xNzUgMTIuMSAxMi4wODMzIDExLjg4MzMgMTIuMDgzMyAxMS42NjY3QzEyLjA4MzMgMTEuNDUgMTIuMTc1IDExLjIzMzMgMTIuMzI1IDExLjA3NUMxMi40MDgzIDExIDEyLjQ5MTcgMTAuOTQxNyAxMi42IDEwLjlDMTIuNzUgMTAuODMzMyAxMi45MTY3IDEwLjgxNjcgMTMuMDgzMyAxMC44NUMxMy4xMzMzIDEwLjg1ODMgMTMuMTgzMyAxMC44NzUgMTMuMjMzMyAxMC45QzEzLjI4MzMgMTAuOTE2NyAxMy4zMzMzIDEwLjk0MTcgMTMuMzgzMyAxMC45NzVMMTMuNTA4MyAxMS4wNzVDMTMuNjU4MyAxMS4yMzMzIDEzLjc1IDExLjQ1IDEzLjc1IDExLjY2NjdDMTMuNzUgMTEuODgzMyAxMy42NTgzIDEyLjEgMTMuNTA4MyAxMi4yNTgzWiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.form-control__input[type=date]:active:not([disabled])::before,
.form-control__input[type=date]:focus:not([disabled])::before,
.form-control__input[type=datetime-local]:active:not([disabled])::before,
.form-control__input[type=datetime-local]:focus:not([disabled])::before,
.form-control__input[type=month]:active:not([disabled])::before,
.form-control__input[type=month]:focus:not([disabled])::before,
.form-control__input[type=week]:active:not([disabled])::before,
.form-control__input[type=week]:focus:not([disabled])::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: .5rem;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.form-control__input[type=date]::-webkit-calendar-picker-indicator,
.form-control__input[type=datetime-local]::-webkit-calendar-picker-indicator,
.form-control__input[type=month]::-webkit-calendar-picker-indicator,
.form-control__input[type=week]::-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]::before {
    content: "";
    position: absolute;
    left: 1rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxOEMxNC40MTgzIDE4IDE4IDE0LjQxODMgMTggMTBDMTggNS41ODE3MiAxNC40MTgzIDIgMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThaTTEwLjc1IDVDMTAuNzUgNC41ODU3OSAxMC40MTQyIDQuMjUgMTAgNC4yNUM5LjU4NTc5IDQuMjUgOS4yNSA0LjU4NTc5IDkuMjUgNVYxMEM5LjI1IDEwLjQxNDIgOS41ODU3OSAxMC43NSAxMCAxMC43NUgxNEMxNC40MTQyIDEwLjc1IDE0Ljc1IDEwLjQxNDIgMTQuNzUgMTBDMTQuNzUgOS41ODU3OSAxNC40MTQyIDkuMjUgMTQgOS4yNUgxMC43NVY1WiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.form-control__input[type=time]:active:not([disabled])::before,
.form-control__input[type=time]:focus:not([disabled])::before {
    content: "";
    position: absolute;
    left: 1rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxOEMxNC40MTgzIDE4IDE4IDE0LjQxODMgMTggMTBDMTggNS41ODE3MiAxNC40MTgzIDIgMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThaTTEwLjc1IDVDMTAuNzUgNC41ODU3OSAxMC40MTQyIDQuMjUgMTAgNC4yNUM5LjU4NTc5IDQuMjUgOS4yNSA0LjU4NTc5IDkuMjUgNVYxMEM5LjI1IDEwLjQxNDIgOS41ODU3OSAxMC43NSAxMCAxMC43NUgxNEMxNC40MTQyIDEwLjc1IDE0Ljc1IDEwLjQxNDIgMTQuNzUgMTBDMTQuNzUgOS41ODU3OSAxNC40MTQyIDkuMjUgMTQgOS4yNUgxMC43NVY1WiIgZmlsbD0iIzBGNkFGNSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.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-cancel-button,
.form-control__input[type=search]::-webkit-search-decoration,
.form-control__input[type=search]::-webkit-search-results-button,
.form-control__input[type=search]::-webkit-search-results-decoration {
    display: none
}

.form-control__input.phone-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-control .dropdown__tag:hover:not([disabled]),
.form-control .dropdown__text:hover:not([disabled]),
.form-control__input.phone-number:hover:not([disabled]),
.form-control__select:hover:not([disabled]) {
    border: .063rem solid #cdd5df;
    transition: border .2s ease-in-out
}

.form-control__input.phone-number:active:not([disabled]),
.form-control__input.phone-number:focus:not([disabled]) {
    border: .063rem solid #0f6af5;
    box-shadow: 0 0 0 2px rgba(15, 106, 245, .2);
    transition: .2s 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 .dropdown__tag,
.form-control .dropdown__text,
.form-control__select {
    padding: .75rem 1rem;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDUuNzY3NDhDNC40MjMgNS41Mzc4IDQuODAyODIgNS41NDUyNSA1LjAzMjUgNS43ODQxMUw4IDguOTM0MzFMMTAuOTY3NSA1Ljc4NDExQzExLjE5NzIgNS41NDUyNSAxMS41NzcgNS41Mzc4IDExLjgxNTkgNS43Njc0OEMxMi4wNTQ3IDUuOTk3MTUgMTIuMDYyMiA2LjM3Njk4IDExLjgzMjUgNi42MTU4NEw4LjQzMjUgMTAuMjE1OEM4LjMxOTM4IDEwLjMzMzUgOC4xNjMyMSAxMC40IDggMTAuNEM3LjgzNjc5IDEwLjQgNy42ODA2MiAxMC4zMzM1IDcuNTY3NSAxMC4yMTU4TDQuMTY3NSA2LjYxNTg0QzMuOTM3ODIgNi4zNzY5OCAzLjk0NTI3IDUuOTk3MTUgNC4xODQxNCA1Ljc2NzQ4WiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K") 0 0/1.125rem no-repeat #fff;
    border: .063rem solid #eef2f6;
    border-radius: 8px;
    width: 100%;
    min-height: 2.75rem;
    max-height: 2.75rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #202939;
    outline: 0;
    background-position-x: calc(100% - 14px);
    background-position-y: 0.75rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-control .form-control__radio:hover:not([disabled])+label::before,
.form-navigation,
.select-flag {
    background: #fff
}

.form-control .dropdown__tag.open,
.form-control .dropdown__text.open,
.form-control__select.open {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDEwLjIzMjVDNC40MjMgMTAuNDYyMiA0LjgwMjgyIDEwLjQ1NDggNS4wMzI1IDEwLjIxNTlMOCA3LjA2NTY5TDEwLjk2NzUgMTAuMjE1OUMxMS4xOTcyIDEwLjQ1NDggMTEuNTc3IDEwLjQ2MjIgMTEuODE1OSAxMC4yMzI1QzEyLjA1NDcgMTAuMDAyOCAxMi4wNjIyIDkuNjIzMDIgMTEuODMyNSA5LjM4NDE2TDguNDMyNSA1Ljc4NDE2QzguMzE5MzggNS42NjY1MSA4LjE2MzIxIDUuNjAwMDIgOCA1LjYwMDAyQzcuODM2NzkgNS42MDAwMiA3LjY4MDYyIDUuNjY2NTEgNy41Njc1IDUuNzg0MTZMNC4xNjc1IDkuMzg0MTZDMy45Mzc4MiA5LjYyMzAyIDMuOTQ1MjcgMTAuMDAyOCA0LjE4NDE0IDEwLjIzMjVaIiBmaWxsPSIjOTlBMUFFIi8+Cjwvc3ZnPgo=")
}

.form-control .dropdown__tag::-moz-placeholder,
.form-control .dropdown__text::-moz-placeholder,
.form-control__select::-moz-placeholder {
    color: #cdd5df
}

.form-control .dropdown__tag::placeholder,
.form-control .dropdown__text::placeholder,
.form-control__select::placeholder {
    color: #cdd5df
}

.form-control .dropdown__tag:disabled,
.form-control .dropdown__text:disabled,
.form-control__select:disabled {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE4NDE0IDUuNzY3NDhDNC40MjMgNS41Mzc4IDQuODAyODIgNS41NDUyNSA1LjAzMjUgNS43ODQxMUw4IDguOTM0MzFMMTAuOTY3NSA1Ljc4NDExQzExLjE5NzIgNS41NDUyNSAxMS41NzcgNS41Mzc4IDExLjgxNTkgNS43Njc0OEMxMi4wNTQ3IDUuOTk3MTUgMTIuMDYyMiA2LjM3Njk4IDExLjgzMjUgNi42MTU4NEw4LjQzMjUgMTAuMjE1OEM4LjMxOTM4IDEwLjMzMzUgOC4xNjMyMSAxMC40IDggMTAuNEM3LjgzNjc5IDEwLjQgNy42ODA2MiAxMC4zMzM1IDcuNTY3NSAxMC4yMTU4TDQuMTY3NSA2LjYxNTg0QzMuOTM3ODIgNi4zNzY5OCAzLjk0NTI3IDUuOTk3MTUgNC4xODQxNCA1Ljc2NzQ4WiIgZmlsbD0iIzk5QTFBRSIvPgo8L3N2Zz4K") 0 0/1.125rem no-repeat #f8fafc;
    background-position-x: calc(100% - 14px);
    background-position-y: 0.75rem;
    color: #cdd5df;
    cursor: not-allowed
}

.form-control [data-clear=input]::before,
.form-control [data-visibility=input]::before {
    line-height: .0625rem;
    vertical-align: 0;
    color: var(--qn-neutral-300);
    font-size: 1rem;
    font-family: sevima-icons
}

.form-control .dropdown__tag:active:not([disabled]),
.form-control .dropdown__tag:focus:not([disabled]),
.form-control .dropdown__tag[data-toggle=dropdown].show,
.form-control .dropdown__text:active:not([disabled]),
.form-control .dropdown__text:focus:not([disabled]),
.form-control .dropdown__text[data-toggle=dropdown].show,
.form-control__select:active:not([disabled]),
.form-control__select:focus:not([disabled]),
.form-control__select[data-toggle=dropdown].show {
    border: .063rem solid #0f6af5;
    box-shadow: 0 0 0 .125rem rgba(15, 106, 245, .2);
    transition: .2s ease-in-out
}

.form-control .dropdown__tag: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__select:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-clear=input] {
    pointer-events: all;
    opacity: 1;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.form-control .dropdown__tag: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__select:not(:-moz-placeholder-shown):not([disabled], [readonly])~[data-visibility=input] {
    pointer-events: all;
    opacity: 1;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.form-control__helper {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding-top: .5rem;
    color: #697586;
    font-size: var(--qn-input-helper-font-size);
    line-height: var(--qn-input-helper-line-height-size);
    font-weight: 400
}

.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
}

.form-control [data-clear=input],
.form-control [data-visibility=input] {
    cursor: pointer;
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.form-control [data-clear=input]::before {
    content: "\ec61"
}

.form-control [data-visibility=input]::before {
    content: "\eacd"
}

.form-control .checkbox .form-control__label .form-control__label-desc.label-desc_disabled,
.form-control .form-control__label-checkbox.label-checkbox_disabled,
.form-control .form-control__label-radio.label-radio_disabled,
.form-control .radio-button .form-control__label .form-control__label-desc.label-desc_disabled {
    color: #9aa4b2;
    cursor: default;
    pointer-events: none
}

@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: .625rem !important;
        padding-right: .625rem;
        background-position: .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 .15s ease-in-out;
        width: 220px
    }

    .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(220px - 1rem - 1.25rem);
        left: unset;
        transition: right .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: .625rem !important;
        padding-right: .625rem;
        background-position: .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 .15s ease-in-out;
        width: 220px
    }

    .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(220px - 1rem - 1.25rem);
        left: unset;
        transition: right .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: .625rem !important;
        padding-right: .625rem;
        background-position: .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 .15s ease-in-out;
        width: 220px
    }

    .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(220px - 1rem - 1.25rem);
        left: unset;
        transition: right .15s ease-in-out
    }
}

.form-control_sm {
    --qn-input-padding-size: 0.5rem 0.75rem;
    --qn-input-height-size: 2.25rem
}

.form-control_lg,
.form-control_md {
    --qn-input-padding-size: 0.625rem 0.75rem
}

.form-control_md {
    --qn-input-height-size: 2.5rem
}

.form-control_lg {
    --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: 4px;
    min-width: 4rem;
    position: relative;
    padding: .75rem 1rem;
    border: .063rem solid #eef2f6;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    text-align: center;
    min-height: 2.75rem;
    max-height: 2.75rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #202939;
    outline: 0
}

.choices:not(.is-open, .is-focused) .icon,
.choices:not(.is-open, .is-focused) input[type=checkbox],
.form-section,
.select-flag select,
.upload-draggable.upload-draggable_disabled input[type=file] {
    display: none
}

.select-flag img {
    width: 20px;
    height: 20px;
    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;
    width: 1rem;
    height: 1rem
}

.form-description {
    width: 324px
}

.form-description .form-description_title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: .5rem
}

.form-description .form-description_subtitle {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

.form-group {
    border-bottom: 1px solid;
    border-color: #f8fafc;
    padding-bottom: 40px
}

.form-group:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.form-group:not(:first-child) {
    padding-top: 40px
}

.form-navigation {
    position: fixed;
    z-index: 401;
    bottom: 0;
    right: 0;
    width: calc(100% - 240px);
    padding: 20px 24px;
    border-top: 1px solid #e0e3e7;
    box-shadow: 4px 0 8px rgba(0, 0, 0, .12)
}

.layout-managerial.collapse .form-navigation {
    width: calc(100% - 68px)
}

@media only screen and (max-width:1919px) and (min-width:1280px) {
    .form-navigation {
        width: calc(100% - 240px)
    }
}

@media only screen and (max-width:2000px) and (min-width:1920px) {
    .form-navigation {
        width: calc(100% - 265px)
    }
}

@media only screen and (min-width:2010px) {
    .form-navigation {
        width: calc(100% - 280px)
    }
}

.form-navigation .form-stepper {
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    background-color: #fff
}

.form-navigation .form-stepper .stepper {
    width: 100%;
    height: 6px;
    background-color: #eef2f6;
    position: relative
}

.form-control .form-control__label-radio::before,
.form-control__checkbox,
input[type=checkbox] {
    min-width: 1.125rem;
    min-height: 1.125rem;
    max-width: 1.125rem;
    max-height: 1.125rem;
    transition: .15s;
    height: 1.125rem;
    width: 1.125rem
}

.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 .65s ease-in-out
}

.form-control .checkbox,
.form-control .radio-button,
.form-control .switch {
    padding-bottom: 1rem;
    display: flex
}

.form-control .checkbox:last-of-type,
.form-control .radio-button:last-of-type,
.form-control .switch:last-of-type {
    padding-bottom: 0
}

.form-control .checkbox-inline,
.form-control .radio-button-inline,
.form-control .switch-inline {
    display: inline-flex;
    padding-right: .75rem
}

.form-control .checkbox-inline:last-of-type,
.form-control .radio-button-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,
.form-control__checkbox:hover:not([disabled]),
input[type=checkbox]:hover:not([disabled]) {
    border-color: var(--qn-primary)
}

.form-control .form-control__radio:checked+label::before {
    border: .3125rem solid var(--qn-primary)
}

.form-control .form-control__radio:checked+label::after {
    content: "";
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    left: 4px;
    top: 4px
}

.form-control .form-control__radio:checked:hover:not([disabled])+label::after {
    border-color: #fff;
    background-color: #fff
}

.form-control .form-control__radio:checked:hover:not([disabled])+label::before {
    border-color: var(--qn-primary-500)
}

.form-control .form-control__radio:checked:disabled+label::before {
    background: #fff;
    border: .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,
.form-control__checkbox:disabled:not([checked]),
input[type=checkbox]:disabled:not([checked]) {
    background: #eef2f6;
    border: .063rem solid #e3e8ef
}

.form-control .form-control__radio:disabled+label,
.form-control .form-control__radio:disabled+label::after {
    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 1px 2px rgba(16, 24, 40, .05), 0 0 0 2px #f2f4f7
}

.form-control .form-control__label-radio {
    font-size: .75rem;
    font-weight: 400;
    cursor: pointer;
    padding-left: 1.625rem;
    position: relative;
    color: #202939;
    line-height: 20px
}

.form-control .form-control__label-radio::before {
    content: "";
    position: absolute;
    background-color: #fff;
    border: .063rem solid #9aa4b2;
    border-radius: 50%;
    top: 0;
    left: 0
}

.form-control .checkbox .form-control__label,
.form-control .radio-button .form-control__label {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    padding-left: .5rem
}

.form-control .radio-button .form-control__label .form-control__label-desc {
    padding-left: 1.625rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

.form-control .radio-button_sm .form-control__label-radio {
    font-size: .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
}

.form-control__checkbox,
input[type=checkbox] {
    cursor: pointer;
    padding: 0;
    margin: 0;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: .063rem solid #9aa4b2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem
}

.form-control__checkbox:checked,
input[type=checkbox]:checked {
    background-color: var(--qn-primary);
    border-color: var(--qn-primary)
}

.form-control__checkbox:checked[type=checkbox],
input[type=checkbox]:checked[type=checkbox] {
    background-size: .625rem .625rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjYyNTIxIDcuMzE1OEw5LjkyMTggMC4zODIwOTNDMTAuMjQ3NyAtMC4wNDQ1OTg0IDEwLjg1NzkgLTAuMTI2MjcgMTEuMjg0NiAwLjE5OTY3NUMxMS43MTEzIDAuNTI1NjIgMTEuNzkyOSAxLjEzNTc1IDExLjQ2NyAxLjU2MjQ0TDUuNTI1NjUgOS4zNDAxOUM1LjE3OTE2IDkuNzkzNzcgNC41MTgzIDkuODUyNjggNC4wOTcwNCA5LjQ2NzUzTDAuMzE2MTkzIDYuMDEwNzZDLTAuMDgwMDg0MyA1LjY0ODQ1IC0wLjEwNzYyIDUuMDMzNDkgMC4yNTQ2OTEgNC42MzcyMUMwLjYxNzAwMyA0LjI0MDk0IDEuMjMxOTYgNC4yMTM0IDEuNjI4MjQgNC41NzU3MUw0LjYyNTIxIDcuMzE1OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")
}

.form-control__checkbox:checked:hover:not([disabled]),
input[type=checkbox]:checked:hover:not([disabled]) {
    background-color: var(--qn-primary-500);
    border-color: var(--qn-primary-500)
}

.form-control__checkbox:disabled,
input[type=checkbox]:disabled {
    pointer-events: none;
    filter: none;
    background-color: #eef2f6;
    background-repeat: no-repeat;
    background-position: center;
    border-color: #e3e8ef
}

.form-control__checkbox:checked:disabled,
input[type=checkbox]:checked:disabled {
    background-color: #abc9f5;
    border: #abc9f5
}

.form-control__checkbox:active:not([disabled]),
.form-control__checkbox:focus:not([disabled]),
input[type=checkbox]:active:not([disabled]),
input[type=checkbox]:focus:not([disabled]) {
    border-color: #cdd5df;
    outline: 0;
    box-shadow: 0 0 0 2px #f2f4f7, 0 1px 2px 0 rgba(16, 24, 40, .05)
}

.form-control .form-control__label-checkbox {
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    padding-left: .5rem;
    position: relative;
    color: #202939;
    line-height: 20px
}

.form-control .checkbox .form-control__label .form-control__label-checkbox,
.form-control .checkbox.checkbox_sm .form-control__label .form-control__label-checkbox {
    padding-left: 0
}

.form-control .checkbox .form-control__label .form-control__label-desc {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

.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: .625rem .625rem
}

.form-control .checkbox.checkbox_lg .form-control__label-checkbox {
    padding-left: .5rem;
    font-size: .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: .5rem .5rem
}

.form-control .checkbox.checkbox_sm .form-control__label-checkbox {
    padding-left: .5rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.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__checkbox:not([disabled])+label,
.form-control .form-control__radio:not([disabled])+label,
.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: .3s
}

.form-control .form-control__switch:active:not([disabled])+label::after {
    transition: width .3s ease-in-out;
    width: 1.5rem
}

.form-control .form-control__switch:checked+label .check-mark {
    opacity: 1;
    transition: opacity .3s 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,
.upload-draggable:focus:not(.upload-draggable_disabled) .upload-draggable__icon {
    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 .125rem var(--qn-ocean-blue-alpha-0-12)
}

.form-control .form-control__label-switch {
    font-size: .75rem;
    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: .5rem;
    position: relative;
    transition: .25s
}

.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: .125rem;
    left: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border-radius: 6.25rem;
    transition: .25s;
    box-shadow: 0 4px 8px rgba(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: 16px;
    left: 25px;
    top: 4px;
    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: .25rem;
    background: 0 0/32% 100% no-repeat #cdd5df;
    border: none;
    border-radius: .25rem;
    background-image: linear-gradient(var(--qn-primary), var(--qn-primary))
}

.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: #fff !important;
    border: .063rem solid var(--qn-primary);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background: #fff !important;
    border: .063rem solid var(--qn-primary);
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control input[type=range]::-ms-thumb {
    -ms-appearance: none;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background: #fff !important;
    border: .063rem solid var(--qn-primary);
    -ms-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .loader-border {
        --qn-loader-animation-speed: 1.8s
    }

    .form-control input[type=range]::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }

    .form-control input[type=range]::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }

    .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 .188rem var(--qn-primary-100)
}

.form-control input[type=range]:focus::-moz-range-thumb {
    outline: 0;
    box-shadow: 0 0 0 .188rem var(--qn-primary-100)
}

.form-control input[type=range]:focus::-ms-thumb {
    outline: 0;
    box-shadow: 0 0 0 .188rem var(--qn-primary-100)
}

.form-control .form-control__slider {
    position: relative;
    padding: 1rem 0 0
}

.form-control .form-control__slider input[type=range] {
    position: absolute;
    width: 100%;
    height: .25rem;
    top: -.25rem;
    background: 0 0;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-control .form-control__slider .form-control__slider-range {
    height: .25rem;
    position: relative;
    background-color: #cdd5df;
    border-radius: .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: .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: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: 1.5rem 0 .75rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center
}

.form-control .form-control__slider .form-control__slider-label div {
    width: calc(50% - 4rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem
}

.form-control .form-control__slider .form-control__slider-label div label {
    margin: 0
}

.form-control .form-control__slider .form-control__slider-label div input {
    width: calc(70% - 1rem);
    padding: .25rem
}

.upload-draggable {
    position: relative;
    width: 100%;
    padding: 1.5rem;
    border-radius: .5rem;
    border: .063rem dashed #e3e8ef;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff
}

.upload-draggable_inline {
    padding: 1rem
}

.upload-draggable:hover:not(.upload-draggable_disabled) {
    background: #f8fafc;
    border: .063rem solid #e3e8ef
}

.upload-draggable.is-active,
.upload-draggable:hover:not(.upload-draggable_disabled) .upload-draggable__icon {
    background: var(--qn-primary-100)
}

.ql-container .ql-editor *,
.upload-draggable.is-active .upload-draggable__subtitle,
.upload-draggable.is-active .upload-draggable__support,
.upload-draggable:focus:not(.upload-draggable_disabled) .upload-draggable__subtitle,
.upload-draggable:focus:not(.upload-draggable_disabled) .upload-draggable__support,
.upload-draggable:hover:not(.upload-draggable_disabled) .upload-draggable__subtitle,
.upload-draggable:hover:not(.upload-draggable_disabled) .upload-draggable__support {
    color: #4b5565
}

.upload-draggable:focus:not(.upload-draggable_disabled) {
    background: var(--qn-primary-100);
    border: .063rem solid var(--qn-primary-400)
}

.upload-draggable:focus:not(.upload-draggable_disabled) .upload-draggable__icon .icon {
    color: #fff
}

.upload-draggable.is-active {
    border: .063rem solid var(--qn-primary)
}

.upload-draggable.is-active .upload-draggable__icon {
    background: var(--qn-primary) !important
}

.upload-draggable.is-active .upload-draggable__icon span {
    color: #fff !important
}

.upload-draggable.upload-draggable_disabled {
    cursor: no-drop;
    border: .063rem solid #f8fafc;
    background: #f8fafc
}

.upload-draggable.upload-draggable_disabled .upload-draggable__icon {
    background: #f8fafc !important
}

.upload-draggable.upload-draggable_disabled .upload-draggable__icon .icon,
.upload-draggable.upload-draggable_disabled .upload-draggable__subtitle,
.upload-draggable.upload-draggable_disabled .upload-draggable__support,
.upload-draggable.upload-draggable_disabled .upload-draggable__title {
    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
}

.upload-draggable .upload-draggable__box .upload-draggable__icon .icon {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--qn-primary-400)
}

.upload-draggable .upload-draggable__box .upload-draggable__title {
    padding-top: 1.25rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: var(--qn-primary)
}

.upload-draggable .upload-draggable__box .upload-draggable__subtitle {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding-top: .5rem;
    color: #4b5565
}

.upload-draggable .upload-draggable__box .upload-draggable__support {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding-top: .25rem;
    color: #4b5565
}

.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
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__icon .icon {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--qn-primary-400)
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper {
    display: flex;
    gap: 1rem;
    align-items: center
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper .upload-draggable__title {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: var(--qn-primary)
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper .upload-draggable__subtitle {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #4b5565
}

.upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper .upload-draggable__support {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    padding-top: .25rem;
    color: #4b5565
}

.upload-draggable .upload-draggable__box-inline .inline-upload {
    display: flex;
    gap: 1rem
}

.upload-draggable .upload-draggable__error,
.upload-draggable .upload-draggable__success,
.upload-draggable .upload-draggable__uploading {
    font-size: .875rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem 1.5rem;
    line-height: 1.5rem;
    color: #222;
    z-index: 5;
    display: none;
    position: absolute;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.upload-draggable .upload-draggable__uploading {
    flex-wrap: wrap;
    gap: .5rem
}

.attachment {
    background-color: #fff;
    border-radius: .5rem;
    padding: .75rem;
    border: .063rem solid #eef2f6;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: space-between
}

.attachment_loading {
    border: .063rem solid #f8fafc
}

.attachment__wrapper {
    display: flex;
    align-items: center;
    gap: .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: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    padding-bottom: .25rem
}

.attachment__wrapper-text .attachment__title .attachment__description {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #9aa4b2
}

.attachment__wrapper-text .attachment__title .attachment__description .error {
    font-size: .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__dismiss {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    gap: .75rem;
    cursor: pointer
}

.attachment__wrapper-text .attachment__dismiss span {
    font-size: 1rem;
    color: #9aa4b2
}

.attachment__action {
    display: flex;
    align-items: center;
    gap: .25rem
}

.ql-snow {
    border-color: #e3e8ef !important;
    font-family: "Instrument Sans, sans-serif" !important;
    background: #fff !important
}

.ql-toolbar {
    border-bottom: none !important;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    padding: .75rem .875rem !important
}

.ql-container {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.ql-container .ql-editor {
    padding: 0 .875rem .75rem !important
}

select {
    border-radius: .5rem;
    border: .063rem solid #e3e8ef;
    background: #fff
}

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

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

.choices__inner {
    background-color: #fff;
    border-radius: .5rem;
    border-color: #e3e8ef;
    min-height: 2.5rem;
    max-height: 2.5rem;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    position: relative;
    width: 100%
}

.choices:not(.is-open, .is-focused) .choices__inner {
    color: #9aa4b2
}

.choices.is-focused .choices__inner,
.choices.is-open .choices__inner {
    border-radius: .5rem;
    border-color: var(--qn-primary);
    background: #fff;
    box-shadow: 0 0 0 4px #e4eefd, 0 1px 2px 0 rgba(16, 24, 40, .05);
    color: #4b5565
}

.choices.is-disabled .choices__inner {
    border-color: #e3e8ef;
    background: #eef2f6;
    color: #697586
}

.choices__list.choices__list--dropdown {
    border-radius: .5rem;
    border-color: #f8fafc;
    box-shadow: 0 4px 6px 4px rgba(16, 24, 40, .06), 0 12px 16px -4px rgba(16, 24, 40, .1)
}

.choices__list.choices__list--dropdown .choices__input {
    padding: .5625rem .75rem
}

.choices__list.choices__list--dropdown .choices__input input[type=search] {
    border: .063rem solid #e3e8ef;
    border-radius: .5rem
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    margin-top: .5rem
}

.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: .5rem .75rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.choices__list .is-selected.choices__item--disabled {
    text-indent: -9999px;
    height: 0;
    width: 0;
    padding: 0;
    color: #9aa4b2;
    display: none
}

.choices__list .is-selected.choices__item--disabled .choices__custom,
.dropdown-group [data-dropdown-group=show],
.dropdown-group__target {
    display: none
}

.choices__placeholder {
    opacity: unset
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--qn-primary-100);
    color: var(--qn-primary-400)
}

.choices__custom {
    display: flex
}

.choices__list--multiple .choices__item {
    background-color: #fff !important;
    color: #4b5565;
    border: 1px solid #e3e8ef !important;
    border-radius: .375rem;
    margin: 0;
    padding: .25rem .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

.choices__list--multiple.choices__list,
.form-nav__breadcrumb {
    display: flex;
    align-items: center;
    gap: .375rem
}

.dropdown,
.dropdown__tag .dropdown__tag-selection {
    width: -moz-fit-content;
    display: flex;
    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: .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__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__inner {
    padding: .25rem;
    display: flex
}

.choices[data-type*=select-multiple] .choices__input {
    padding-left: .25rem;
    margin: auto 0
}

.dropdown {
    gap: .25rem 0;
    width: fit-content;
    position: relative
}

.dropdown__text {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    gap: .75rem;
    text-overflow: ellipsis
}

.dropdown__tag {
    padding: .5rem 1rem;
    background-image: none;
    cursor: text;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.dropdown__tag .dropdown__tag-selection {
    width: fit-content;
    max-width: 100%;
    gap: .5rem
}

.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: .063rem solid #f8fafc;
    border-radius: 3.25rem;
    padding: .25rem .5rem .25rem .75rem;
    list-style: none;
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600
}

.dropdown__tag .dropdown__tag-selection .dropdown__tag-list .dropdown__tag-item .icon {
    padding-left: .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: .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: break-word;
    background: 0 0;
    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.show,
.dropdown__list.show {
    top: calc(100% + .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__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: #fff;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + .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: .063rem solid #f8fafc;
    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);
    border-radius: .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__box[data-popper-placement=top-right],
.dropdown__list[data-popper-placement=bottom-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;
    max-height: 23.75rem;
    overflow-x: hidden;
    overflow-y: auto
}

.card.card_form,
.header {
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .06)
}

.dropdown__empty {
    cursor: default;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 1rem 0 !important;
    gap: .75rem;
    display: none
}

.dropdown__empty-information {
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.dropdown__empty-title {
    color: #222;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    padding: 0
}

.dropdown__empty-helper {
    color: #202939;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding: 0
}

.dropdown__loader {
    cursor: wait;
    display: none;
    position: absolute;
    z-index: 10;
    inset: 0;
    justify-content: center;
    align-items: center;
    background-color: rgba(205, 213, 223, .2)
}

.dropdown__loader-wrapper {
    background-color: #fff;
    border-radius: 1rem;
    padding: .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: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    justify-content: center
}

.dropdown__search-box {
    cursor: default;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    background: #fff;
    width: 100%
}

.dropdown__list,
.dropdown__search-box .form-control,
.dropdown__search-box .form-control__group {
    padding: 0;
    margin: 0
}

.dropdown__item,
.dropdown__item-title {
    min-height: 2.5rem;
    padding: .625rem 1rem;
    font-size: .75rem;
    gap: .75rem;
    line-height: 1.25rem;
    text-align: left;
    cursor: default;
    white-space: nowrap
}

.dropdown__item {
    position: relative;
    background-color: #fff;
    font-weight: 400;
    color: #4b5565;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@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-end-xs-1,
    .row-start-xs-1 {
        grid-row-start: 2
    }

    .row-xs-2 {
        grid-row: span 2
    }

    .row-end-xs-2,
    .row-start-xs-2 {
        grid-row-start: 3
    }

    .row-xs-3 {
        grid-row: span 3
    }

    .row-end-xs-3,
    .row-start-xs-3 {
        grid-row-start: 4
    }

    .row-xs-4 {
        grid-row: span 4
    }

    .row-end-xs-4,
    .row-start-xs-4 {
        grid-row-start: 5
    }

    .row-xs-5 {
        grid-row: span 5
    }

    .row-end-xs-5,
    .row-start-xs-5 {
        grid-row-start: 6
    }

    .row-xs-6 {
        grid-row: span 6
    }

    .row-end-xs-6,
    .row-start-xs-6 {
        grid-row-start: 7
    }

    .row-xs-7 {
        grid-row: span 7
    }

    .row-end-xs-7,
    .row-start-xs-7 {
        grid-row-start: 8
    }

    .row-xs-8 {
        grid-row: span 8
    }

    .row-end-xs-8,
    .row-start-xs-8 {
        grid-row-start: 9
    }

    .row-xs-9 {
        grid-row: span 9
    }

    .row-end-xs-9,
    .row-start-xs-9 {
        grid-row-start: 10
    }

    .row-xs-10 {
        grid-row: span 10
    }

    .row-end-xs-10,
    .row-start-xs-10 {
        grid-row-start: 11
    }

    .row-xs-11 {
        grid-row: span 11
    }

    .row-end-xs-11,
    .row-start-xs-11 {
        grid-row-start: 12
    }

    .row-xs-12 {
        grid-row: span 12
    }

    .row-end-xs-12,
    .row-start-xs-12 {
        grid-row-start: 13
    }

    .cols-xs-12,
    .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)
    }

    .rows-xs-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dropdown__item_xs-hidden {
        display: none
    }
}

@media only screen and (min-width:47.937rem) {

    .empty-list__illustration,
    .handler__illustration {
        max-height: 280px
    }

    .dropdown__item_sm-hidden {
        display: none
    }
}

@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-end-lg-1,
    .row-start-lg-1 {
        grid-row-start: 2
    }

    .row-lg-2 {
        grid-row: span 2
    }

    .row-end-lg-2,
    .row-start-lg-2 {
        grid-row-start: 3
    }

    .row-lg-3 {
        grid-row: span 3
    }

    .row-end-lg-3,
    .row-start-lg-3 {
        grid-row-start: 4
    }

    .row-lg-4 {
        grid-row: span 4
    }

    .row-end-lg-4,
    .row-start-lg-4 {
        grid-row-start: 5
    }

    .row-lg-5 {
        grid-row: span 5
    }

    .row-end-lg-5,
    .row-start-lg-5 {
        grid-row-start: 6
    }

    .row-lg-6 {
        grid-row: span 6
    }

    .row-end-lg-6,
    .row-start-lg-6 {
        grid-row-start: 7
    }

    .row-lg-7 {
        grid-row: span 7
    }

    .row-end-lg-7,
    .row-start-lg-7 {
        grid-row-start: 8
    }

    .row-lg-8 {
        grid-row: span 8
    }

    .row-end-lg-8,
    .row-start-lg-8 {
        grid-row-start: 9
    }

    .row-lg-9 {
        grid-row: span 9
    }

    .row-end-lg-9,
    .row-start-lg-9 {
        grid-row-start: 10
    }

    .row-lg-10 {
        grid-row: span 10
    }

    .row-end-lg-10,
    .row-start-lg-10 {
        grid-row-start: 11
    }

    .row-lg-11 {
        grid-row: span 11
    }

    .row-end-lg-11,
    .row-start-lg-11 {
        grid-row-start: 12
    }

    .row-lg-12 {
        grid-row: span 12
    }

    .row-end-lg-12,
    .row-start-lg-12 {
        grid-row-start: 13
    }

    .cols-lg-12,
    .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)
    }

    .rows-lg-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .handler {
        padding: 4.125rem 0
    }

    .empty-list__content h1,
    .handler__content h1 {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-weight: 600
    }

    .empty-list__content p,
    .handler__content p {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400
    }

    .empty-list__illustration,
    .handler__illustration {
        max-height: 360px
    }

    .empty-detail__action .btn,
    .empty-list__action .btn,
    .handler__action .btn {
        padding: .75rem 1.25rem
    }

    .empty-detail,
    .empty-list {
        padding: 3.5rem 0
    }

    .dropdown__item_lg-hidden {
        display: none
    }
}

@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-end-xl-1,
    .row-start-xl-1 {
        grid-row-start: 2
    }

    .row-xl-2 {
        grid-row: span 2
    }

    .row-end-xl-2,
    .row-start-xl-2 {
        grid-row-start: 3
    }

    .row-xl-3 {
        grid-row: span 3
    }

    .row-end-xl-3,
    .row-start-xl-3 {
        grid-row-start: 4
    }

    .row-xl-4 {
        grid-row: span 4
    }

    .row-end-xl-4,
    .row-start-xl-4 {
        grid-row-start: 5
    }

    .row-xl-5 {
        grid-row: span 5
    }

    .row-end-xl-5,
    .row-start-xl-5 {
        grid-row-start: 6
    }

    .row-xl-6 {
        grid-row: span 6
    }

    .row-end-xl-6,
    .row-start-xl-6 {
        grid-row-start: 7
    }

    .row-xl-7 {
        grid-row: span 7
    }

    .row-end-xl-7,
    .row-start-xl-7 {
        grid-row-start: 8
    }

    .row-xl-8 {
        grid-row: span 8
    }

    .row-end-xl-8,
    .row-start-xl-8 {
        grid-row-start: 9
    }

    .row-xl-9 {
        grid-row: span 9
    }

    .row-end-xl-9,
    .row-start-xl-9 {
        grid-row-start: 10
    }

    .row-xl-10 {
        grid-row: span 10
    }

    .row-end-xl-10,
    .row-start-xl-10 {
        grid-row-start: 11
    }

    .row-xl-11 {
        grid-row: span 11
    }

    .row-end-xl-11,
    .row-start-xl-11 {
        grid-row-start: 12
    }

    .row-xl-12 {
        grid-row: span 12
    }

    .row-end-xl-12,
    .row-start-xl-12 {
        grid-row-start: 13
    }

    .cols-xl-12,
    .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)
    }

    .rows-xl-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dropdown__item_xl-hidden {
        display: none
    }
}

.dropdown__item a,
.dropdown__item button,
.dropdown__item>p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    gap: .75rem;
    color: inherit;
    background: 0 0;
    border: 0;
    outline: 0
}

.dropdown__item a:focus,
.dropdown__item a:hover,
.dropdown__item button:focus,
.dropdown__item button:hover,
.dropdown__item>p:focus,
.dropdown__item>p:hover {
    background: inherit;
    border: inherit;
    outline: inherit
}

.dropdown__item a::before,
.dropdown__item button::before,
.dropdown__item input[type=checkbox]~label::before,
.dropdown__item input[type=radio]~label::before,
.dropdown__item>p::before,
.dropdown__text input[type=checkbox]~label::before,
.dropdown__text input[type=radio]~label::before {
    content: "";
    background: 0 0;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.dropdown__item a,
.dropdown__item button,
.dropdown__item input[type=checkbox]~label,
.dropdown__item input[type=radio]~label,
.dropdown__text input[type=checkbox]~label,
.dropdown__text input[type=radio]~label {
    cursor: pointer
}

.dropdown__item a:hover,
.dropdown__item button:hover {
    font-weight: 600;
    color: var(--qn-neutral-900)
}

.dropdown__item a:focus:not([disabled]),
.dropdown__item a:hover:not([disabled]),
.dropdown__item button:focus:not([disabled]),
.dropdown__item button:hover:not([disabled]),
.dropdown__item.show a:not([disabled]),
.dropdown__item.show button:not([disabled]) {
    color: #202939;
    z-index: 0;
    font-weight: 600
}

.dropdown__item a:focus:not([disabled])::before,
.dropdown__item a:hover:not([disabled])::before,
.dropdown__item button:focus:not([disabled])::before,
.dropdown__item button:hover:not([disabled])::before,
.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:focus:not(.disabled),
.dropdown__item:hover:not(.disabled) {
    background-color: #f8fafc;
    color: #202939
}

.dropdown__item:focus.disabled,
.dropdown__item:focus:has(input:disabled),
.dropdown__item:hover.disabled,
.dropdown__item:hover:has(input: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 a:focus:not(.disabled),
.dropdown__item.dropdown__item_danger a:hover:not(.disabled),
.dropdown__item.dropdown__item_danger button,
.dropdown__item.dropdown__item_danger button:focus:not(.disabled),
.dropdown__item.dropdown__item_danger button:hover:not(.disabled) {
    color: inherit !important
}

.dropdown__item .icon,
.dropdown__text .icon {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: .0555555565rem;
    vertical-align: -.0416666661rem;
    color: inherit
}

.dropdown__item img,
.dropdown__text 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__item input[type=checkbox],
.dropdown__item input[type=radio],
.dropdown__text input[type=checkbox],
.dropdown__text input[type=radio] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    max-width: 1rem;
    max-height: 1rem;
    border: .063rem solid #eef2f6;
    z-index: 0
}

.dropdown__item input[type=checkbox]:focus:not([disabled]),
.dropdown__item input[type=radio]:focus:not([disabled]),
.dropdown__text input[type=checkbox]:focus:not([disabled]),
.dropdown__text input[type=radio]:focus:not([disabled]) {
    border-color: var(--qn-ocean-blue);
    outline: 0;
    box-shadow: 0 0 0 .125rem var(--qn-ocean-blue-alpha-0-12)
}

.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,
.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 {
    color: var(--qn-neutral-900);
    font-weight: 600
}

.dropdown__item input[type=checkbox]:focus:not([disabled])~label::before,
.dropdown__item input[type=radio]:focus:not([disabled])~label::before,
.dropdown__text input[type=checkbox]:focus:not([disabled])~label::before,
.dropdown__text input[type=radio]:focus:not([disabled])~label::before {
    z-index: -1;
    background-color: var(--qn-neutral-100) !important
}

.dropdown__item input[type=radio],
.dropdown__text input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.dropdown__item input[type=radio]:checked::before,
.dropdown__text 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__item input[type=radio]:checked:disabled::before,
.dropdown__text input[type=radio]:checked:disabled::before {
    background-color: var(--qn-ocean-blue-200);
    border-color: var(--qn-ocean-blue-200)
}

.dropdown__item input[type=radio]:hover:not([disabled]),
.dropdown__text input[type=radio]:hover:not([disabled]) {
    border-color: var(--qn-ocean-blue-500)
}

.dropdown__item.disabled,
.dropdown__item:has(input:disabled),
.dropdown__text.disabled,
.dropdown__text:has(input:disabled) {
    color: #9aa4b2;
    cursor: not-allowed
}

.dropdown__item.disabled *,
.dropdown__item:has(input:disabled) *,
.dropdown__text.disabled *,
.dropdown__text:has(input:disabled) * {
    pointer-events: none
}

.dropdown__item-right {
    position: absolute;
    right: .75rem;
    display: flex;
    align-items: center
}

.dropdown__item-right .icon {
    font-size: 1rem !important;
    line-height: 1rem
}

.dropdown__item-title {
    position: relative;
    background-color: #fff;
    font-weight: 600;
    color: #9aa4b2;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.dropdown__item-title [data-hide=dropdown-list] {
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #202939;
    display: none
}

.dropdown__item-title a,
.dropdown__item-title button,
.dropdown__item-title>p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    gap: .75rem;
    color: inherit;
    background: 0 0;
    border: 0;
    outline: 0
}

.dropdown_nav .dropdown__box.show {
    max-height: calc(80vh - 2rem);
    overflow-y: auto
}

.dropdown_module .dropdown__box.show {
    max-height: 440px;
    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 .75rem;
    max-height: unset !important
}

.dropdown_profile .dropdown__item {
    border-radius: .25rem
}

.dropdown_profile .dropdown__avatar {
    display: flex;
    list-style: none;
    flex-direction: column;
    gap: 1.5rem
}

.dropdown_profile .dropdown__line {
    margin: .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: .063rem solid #e3e8ef !important
}

.dropdown__list_hidden.show {
    display: block !important
}

.dropdown__box-header {
    width: 100%;
    background: url(./../../assets/images/pattern/pattern-dropdown-header.svg) right no-repeat #fff;
    max-width: 100%;
    padding: .875rem .5rem;
    display: none;
    gap: .75rem;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: .063rem solid #e3e8ef
}

.dropdown__box-header .icon,
.dropdown__box-header img {
    width: 1.5rem !important;
    height: 1.5rem !important;
    max-width: 1.5rem !important;
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
    color: #202939 !important
}

.header__action .icon,
.header__sidebar-nav .icon {
    font-size: 1rem;
    line-height: 1rem
}

.dropdown__box-title {
    font-size: .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: .063rem;
    background: #eef2f6
}

.dropdown [data-toggle=dropdown] .icon.icon-chevron-down,
.dropdown [data-toggle=dropdown] .icon.icon-chevron-down-mini,
.dropdown [data-toggle=dropdown] .icon.icon-chevron-down-solid {
    transition: transform 450ms ease-in-out;
    transform: rotate(0)
}

.dropdown [data-toggle=dropdown] .icon.icon-chevron-up,
.dropdown [data-toggle=dropdown] .icon.icon-chevron-up-mini,
.dropdown [data-toggle=dropdown] .icon.icon-chevron-up-solid {
    transition: transform 450ms ease-in-out;
    transform: rotate(180deg)
}

.dropdown-group {
    display: inherit;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit
}

.body_white {
    background-color: #fff !important
}

.body_white .main>.container {
    padding: 1.25rem 0
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    background-color: #fff;
    border-bottom: .063rem solid #cdd5df;
    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
}

.header__group,
.header__left {
    display: flex;
    align-items: center
}

@media only screen and (max-width:79.937rem) {
    .modal__header {
        gap: 1rem;
        padding-bottom: 1rem
    }

    .modal_confirmation-error .modal__body,
    .modal_confirmation-primary .modal__body,
    .modal_confirmation-success .modal__body,
    .modal_confirmation-warning .modal__body {
        padding: 0 1rem 1rem 3.5rem
    }

    .form-control.form-control_expand-md [data-clear=input],
    .pagination__button-text {
        display: none
    }

    .pagination__button-next::after,
    .pagination__button-next::before,
    .pagination__button-previous::after,
    .pagination__button-previous::before {
        font-size: 1.125rem;
        line-height: .0555555565rem;
        vertical-align: -.0416666661rem
    }

    .pagination__button-next::after,
    .pagination__button-previous::before {
        padding: 0
    }

    .form-control__group [data-clear=input] {
        right: .875rem
    }

    .form-control__group [data-visibility=input] {
        right: 1.875rem
    }

    .form-control__group [data-input-icon=email],
    .form-control__group [data-input-icon=search] {
        left: .875rem
    }

    .form-control .dropdown__tag,
    .form-control .dropdown__text,
    .form-control__input,
    .form-control__select,
    .select-flag {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400;
        padding: .625rem .875rem;
        min-height: 2.5rem;
        max-height: 2.5rem
    }

    .form-control__input[type=date],
    .form-control__input[type=datetime-local],
    .form-control__input[type=month],
    .form-control__input[type=search],
    .form-control__input[type=time],
    .form-control__input[type=week] {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400;
        padding-left: 2.5rem
    }

    .form-control__input[type=date]::before,
    .form-control__input[type=date]:active:not([disabled])::before,
    .form-control__input[type=date]:focus:not([disabled])::before,
    .form-control__input[type=datetime-local]::before,
    .form-control__input[type=datetime-local]:active:not([disabled])::before,
    .form-control__input[type=datetime-local]:focus:not([disabled])::before,
    .form-control__input[type=month]::before,
    .form-control__input[type=month]:active:not([disabled])::before,
    .form-control__input[type=month]:focus:not([disabled])::before,
    .form-control__input[type=week]::before,
    .form-control__input[type=week]:active:not([disabled])::before,
    .form-control__input[type=week]:focus:not([disabled])::before {
        width: 18px;
        height: 18px;
        left: .875rem;
        top: .625rem
    }

    .form-control__input[type=time]::before,
    .form-control__input[type=time]:active:not([disabled])::before,
    .form-control__input[type=time]:focus:not([disabled])::before {
        width: 18px;
        height: 18px;
        left: .875rem;
        top: .625rem
    }

    .form-control__helper {
        font-size: .75rem;
        line-height: 1.125rem
    }

    .form-control_search input {
        background-image: url(./../../assets/images/icons/input-search-mini.svg)
    }

    .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: .625rem !important;
        padding-right: .625rem;
        background-position: .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-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 .15s ease-in-out;
        width: 220px
    }

    .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(220px - 1rem - 1.25rem);
        left: unset;
        transition: right .15s ease-in-out
    }

    .select-flag::after {
        width: 1rem;
        height: 1rem
    }

    .form-control .checkbox,
    .form-control .radio-button,
    .form-control .switch {
        padding-bottom: .875rem
    }

    .form-control .checkbox-inline,
    .form-control .radio-button-inline,
    .form-control .switch-inline {
        padding-bottom: .5rem
    }

    .form-control .form-control__radio:checked+label::after {
        left: 3px;
        top: 3px
    }

    .form-control .form-control__label-radio {
        font-size: .75rem;
        font-weight: 400;
        line-height: 16px;
        padding-left: 1.5rem
    }

    .form-control .form-control__label-radio::before,
    .form-control__checkbox,
    input[type=checkbox] {
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        min-height: 1rem;
        max-width: 1rem;
        max-height: 1rem
    }

    .form-control__checkbox:checked[type=checkbox],
    input[type=checkbox]:checked[type=checkbox] {
        background-size: .5rem .5rem
    }

    .form-control .form-control__label-checkbox {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .upload-draggable .upload-draggable__box .upload-draggable__icon,
    .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 .upload-draggable__icon .icon {
        font-size: 1.25rem;
        line-height: 1.25rem
    }

    .upload-draggable .upload-draggable__box .upload-draggable__title {
        padding-top: .75rem;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 600
    }

    .upload-draggable .upload-draggable__box .upload-draggable__subtitle {
        padding-top: .25rem;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .upload-draggable .upload-draggable__box .upload-draggable__support {
        padding-top: .063rem;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .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 {
        gap: .75rem
    }

    .upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper .upload-draggable__title {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 600
    }

    .upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper .upload-draggable__subtitle {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .upload-draggable .upload-draggable__box-inline .upload-draggable__inline-wrapper .upload-draggable__support {
        padding-top: 2px;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .header {
        min-height: 3.25rem;
        max-height: 3.25rem;
        padding: 0 1rem
    }
}

.header.header_position-static {
    position: static
}

.header__left {
    gap: 1.5rem
}

.header__group {
    gap: .25rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.header__sidebar-nav {
    display: none;
    padding: .5rem;
    background: #fff;
    border: none
}

.header__sidebar-nav img,
.header__sidebar-nav svg {
    width: 1rem;
    height: 1rem
}

.header__identity {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 0;
    position: relative;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@media only screen and (max-width:79.937rem) {
    .header__sidebar-nav {
        display: block
    }

    .header__identity {
        gap: .25rem;
        padding: .5625rem 0
    }

    .header__identity-title {
        width: 120px
    }
}

.header__identity::after {
    content: none;
    height: 1.75rem;
    width: .063rem;
    background-color: #e3e8ef;
    position: absolute;
    right: -.875rem
}

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

.header__identity>.header__logo_square {
    display: none
}

.header__identity-title {
    max-width: 152px;
    display: flex
}

.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
    }
}

.header__identity-logo .header__logo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.header__title {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.header__navigation {
    display: flex;
    gap: .25rem
}

.header__navigation .nav .nav__list {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center
}

.header__navigation .nav .nav__list .nav__item {
    position: relative;
    padding: .75rem 0
}

.header__navigation .nav .nav__list .nav__item.active::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    min-height: .188rem;
    max-height: .188rem;
    border-radius: .25rem .25rem 0 0;
    background-color: var(--qn-primary)
}

.header__navigation .nav .nav__list .nav__item.active .nav__link {
    color: var(--qn-primary-400);
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600 !important
}

.header__navigation .nav .nav__list .nav__item.active .nav__link .icon {
    color: var(--qn-primary-400)
}

.header__navigation .nav .nav__list .nav__item .nav__link {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .625rem;
    color: #4b5565;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: .25rem
}

.header__navigation .nav .nav__list .nav__item .nav__link .icon {
    font-size: 1.25rem;
    line-height: .05rem;
    vertical-align: -.075rem;
    color: inherit
}

.header__navigation .nav .nav__list .nav__item .nav__link:focus,
.header__navigation .nav .nav__list .nav__item .nav__link:hover {
    cursor: pointer;
    color: var(--qn-primary-400)
}

.header__navigation .nav .nav__list .nav__item .nav__link:focus .icon,
.header__navigation .nav .nav__list .nav__item .nav__link:hover .icon {
    color: var(--qn-primary-400)
}

.header__navigation .nav .nav__list .nav__item .nav__link:hover {
    background: var(--qn-primary-100)
}

.header__navigation .nav .nav__list .nav__item .nav__link.show {
    background-color: #f1f6fe;
    color: #0f6af5;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.header__right {
    display: flex;
    align-items: center;
    padding: .75rem 0;
    max-height: 4rem
}

.header__action {
    display: flex;
    align-items: center;
    padding-right: .875rem;
    gap: .25rem;
    position: relative
}

@media only screen and (max-width:79.937rem) {
    .header__navigation .nav .nav__list .nav__item {
        padding: .5625rem 0
    }

    .header__navigation .nav .nav__list .nav__item .nav__link {
        padding: .5rem
    }

    .header__action {
        padding-right: 1rem
    }
}

.header__action::after {
    content: "";
    height: 1.875rem;
    width: .063rem;
    background-color: #e3e8ef;
    position: absolute;
    right: .125rem
}

.header__action_single::after,
.sidebar__group:first-child::before {
    content: unset
}

@media only screen and (max-width:79.937rem) {
    .header__action::after {
        height: 1.75rem;
        right: .5rem
    }

    .header__action .btn_nav {
        padding: .5rem
    }
}

.header__action .icon {
    color: #4b5565
}

.header__action .btn_nav,
.header__user-name,
.sidebar__group-title {
    font-size: .75rem;
    line-height: 1.125rem
}

.header__action img,
.header__action svg {
    width: 1rem;
    height: 1rem;
    color: #4b5565
}

.header__action .btn_nav {
    min-height: unset;
    height: unset;
    color: #4b5565;
    font-weight: 500;
    gap: .375rem;
    transition: background-color .15s
}

.header__action .btn_nav.show {
    background: #eef2f6
}

.header__action .btn_nav.btn_module {
    border-radius: 3.125rem;
    padding: .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: .5rem .875rem;
        max-height: 2.125rem
    }

    .header__user>.icon {
        display: none
    }
}

.header__action_single {
    padding-right: unset
}

.sidebar::after,
.sidebar_scroll .sidebar__group:last-child::after {
    content: url("./../../assets/images/pattern/pattern-sidebar.svg");
    left: 0;
    bottom: 0;
    pointer-events: none
}

.header__user {
    display: flex;
    gap: .5rem;
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: .5rem;
    border-radius: .5rem
}

.header__user>.icon {
    margin-top: .25rem;
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    color: #4b5565
}

.header__user .show,
.header__user:focus,
.header__user:hover {
    outline: 0;
    background: #eef2f6
}

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

.header__user-avatar {
    display: flex;
    align-items: center
}

.header__user-avatar .avatar,
.header__user-avatar .avatar__circle {
    border: 1px solid #eef2f6
}

.header__user-avatar .avatar img,
.header__user-avatar .avatar__circle img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

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

.header__user-name {
    color: #4b5565;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer__brand-name,
.footer__copyright,
.header__user-role {
    color: #9aa4b2;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sidebar {
    background: #fff;
    border-right: 1px solid #e3e8ef;
    width: 240px;
    max-width: 240px;
    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: .35s
}

.main,
.sidebar__list {
    flex-direction: column
}

.sidebar::after {
    position: fixed;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0
}

.sidebar_scroll .sidebar__group:last-child::after {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

.sidebar_without-scroll::after {
    transition: opacity 650ms ease-in-out;
    opacity: 1
}

.sidebar+.main {
    padding-left: 240px
}

.sidebar+.main .container {
    max-width: unset;
    padding: 5.5rem 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: .063rem;
    background-color: #eef2f6
}

.sidebar__group:first-child {
    padding-top: 0
}

.sidebar__group-header {
    padding-left: 1.5rem;
    padding-bottom: .375rem
}

.sidebar__group-title {
    color: #9aa4b2;
    font-weight: 600
}

.sidebar__link,
.sidebar__link-text {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.sidebar__group:last-child {
    padding-bottom: 240px
}

.sidebar__list {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: .25rem
}

.sidebar__link {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #4b5565;
    padding: .5rem;
    position: relative
}

.sidebar__link .icon {
    font-size: 1rem;
    line-height: .0625rem;
    vertical-align: 0;
    color: #9aa4b2
}

.sidebar__link:hover,
.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-weight: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sidebar__float-right {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center
}

.main,
.main>form,
.sidebar__item {
    position: relative
}

.sidebar__float-right .icon {
    font-size: 1rem !important;
    line-height: 1rem
}

.sidebar__item {
    padding: 0 1rem
}

.sidebar__item.active .sidebar__link,
.sidebar__item:hover .sidebar__link {
    background-color: var(--qn-primary-100);
    border-radius: .5rem;
    color: var(--qn-primary-400);
    font-size: .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: .5rem;
    cursor: default;
    pointer-events: none
}

.sidebar__item.active::before,
.sidebar__item.disabled::before,
.sidebar__item:disabled::before {
    position: absolute;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    max-width: .25rem;
    border-radius: 0 .375rem .375rem 0;
    left: 0
}

.sidebar__item.disabled .sidebar__link-text {
    color: var(--qn-neutral-800)
}

.sidebar__item.active::before {
    background-color: var(--qn-primary)
}

.sidebar__item.active .sidebar__link {
    font-weight: 600
}

.sidebar__item.disabled,
.sidebar__item:disabled {
    cursor: not-allowed
}

.sidebar__item.disabled:hover,
.sidebar__item:disabled:hover {
    background: 0 0
}

.sidebar__item.disabled:hover .sidebar__link,
.sidebar__item:disabled:hover .sidebar__link {
    background: inherit
}

@media only screen and (max-width:79.937rem) {
    .header__user {
        padding: .25rem
    }

    .header__user-wrapper {
        gap: .5rem
    }

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

    .header__user-info,
    .sidebar .sidebar__group-header,
    .sidebar .sidebar__link-text {
        display: none
    }

    .sidebar+.main .container {
        padding: 4.75rem 1.25rem 1.25rem
    }

    .sidebar {
        top: 3.25rem;
        width: 66px;
        max-width: 66px;
        scrollbar-width: none !important
    }

    .sidebar+.main {
        padding-left: 66px !important
    }

    .sidebar .sidebar__link .icon,
    .sidebar.sidebar_expanded .sidebar__link .icon {
        font-size: 1rem;
        line-height: 1rem
    }

    .sidebar::-webkit-scrollbar {
        display: none
    }

    .sidebar.sidebar_expanded {
        z-index: 1003;
        width: 240px;
        max-width: 240px;
        scrollbar-width: auto !important
    }

    .sidebar.sidebar_expanded .sidebar__group-header,
    .sidebar.sidebar_expanded .sidebar__link-text {
        display: block
    }

    .sidebar.sidebar_expanded::-webkit-scrollbar {
        display: block
    }

    .sidebar_without-icon {
        width: 0;
        max-width: 0;
        scrollbar-width: none !important
    }

    .sidebar_without-icon+.main {
        padding-left: 0 !important
    }
}

.main>.container,
.main>form>.container {
    margin: 0 auto;
    gap: 1rem;
    padding-top: 5.35rem;
    padding-bottom: 1.25rem;
    max-width: 75rem
}

.footer,
.form-table__button-wrapper,
.main,
.main>.container,
.main__action .button__group .dropdown .dropdown__list {
    width: 100%
}

.main {
    min-height: 100vh;
    display: flex;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: padding .35s
}

.main>.container {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main>form {
    flex-grow: 1
}

.main>form>.container {
    display: grid;
    width: 100%;
    flex-grow: 1
}

@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-end-2xl-1,
    .row-start-2xl-1 {
        grid-row-start: 2
    }

    .row-2xl-2 {
        grid-row: span 2
    }

    .row-end-2xl-2,
    .row-start-2xl-2 {
        grid-row-start: 3
    }

    .row-2xl-3 {
        grid-row: span 3
    }

    .row-end-2xl-3,
    .row-start-2xl-3 {
        grid-row-start: 4
    }

    .row-2xl-4 {
        grid-row: span 4
    }

    .row-end-2xl-4,
    .row-start-2xl-4 {
        grid-row-start: 5
    }

    .row-2xl-5 {
        grid-row: span 5
    }

    .row-end-2xl-5,
    .row-start-2xl-5 {
        grid-row-start: 6
    }

    .row-2xl-6 {
        grid-row: span 6
    }

    .row-end-2xl-6,
    .row-start-2xl-6 {
        grid-row-start: 7
    }

    .row-2xl-7 {
        grid-row: span 7
    }

    .row-end-2xl-7,
    .row-start-2xl-7 {
        grid-row-start: 8
    }

    .row-2xl-8 {
        grid-row: span 8
    }

    .row-end-2xl-8,
    .row-start-2xl-8 {
        grid-row-start: 9
    }

    .row-2xl-9 {
        grid-row: span 9
    }

    .row-end-2xl-9,
    .row-start-2xl-9 {
        grid-row-start: 10
    }

    .row-2xl-10 {
        grid-row: span 10
    }

    .row-end-2xl-10,
    .row-start-2xl-10 {
        grid-row-start: 11
    }

    .row-2xl-11 {
        grid-row: span 11
    }

    .row-end-2xl-11,
    .row-start-2xl-11 {
        grid-row-start: 12
    }

    .row-2xl-12 {
        grid-row: span 12
    }

    .row-end-2xl-12,
    .row-start-2xl-12 {
        grid-row-start: 13
    }

    .cols-2xl-12,
    .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)
    }

    .rows-2xl-12 {
        grid-template-rows: repeat(12, 1fr)
    }

    .dropdown__item_2xl-hidden {
        display: none
    }

    .main>.container,
    .main>form>.container {
        max-width: 99rem
    }
}

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

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

@media only screen and (min-width:79.937rem) {
    .main__location {
        gap: .375rem
    }

    .main__location .breadcrumb__item {
        font-size: .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: .875rem;
        line-height: .875rem
    }

    .main__location .breadcrumb__item:nth-last-child(n+6) {
        display: none
    }

    .main__location .breadcrumb__item:nth-last-child(6):not(:first-child) {
        display: inline-flex;
        visibility: hidden;
        text-indent: -99rem
    }

    .main__location .breadcrumb__item:nth-last-child(6):not(:first-child)::after,
    .main__location .breadcrumb__item:nth-last-child(6):not(:first-child)::before {
        text-indent: 0;
        visibility: visible
    }

    .main__location .breadcrumb__item:nth-last-child(6):not(:first-child)::after {
        margin-left: -.25rem;
        content: "...";
        text-decoration: none !important
    }

    .main__location .breadcrumb__item:first-child {
        display: inline-flex
    }

    .main__location .breadcrumb__item.active {
        display: inline-flex;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }
}

@media only screen and (min-width:48rem) and (max-width:79.937rem) {
    .main__location {
        gap: .375rem
    }

    .main__location .breadcrumb__item {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .main__location .breadcrumb__item .icon {
        font-size: .875rem;
        line-height: .875rem
    }

    .main__location .breadcrumb__item:nth-last-child(n+4) {
        display: none
    }

    .main__location .breadcrumb__item:nth-last-child(4):not(:first-child) {
        display: inline-flex;
        visibility: hidden;
        text-indent: -99rem
    }

    .main__location .breadcrumb__item:nth-last-child(4):not(:first-child)::after,
    .main__location .breadcrumb__item:nth-last-child(4):not(:first-child)::before {
        text-indent: 0;
        visibility: visible
    }

    .main__location .breadcrumb__item:nth-last-child(4):not(:first-child)::after {
        margin-left: -.25rem;
        content: "...";
        text-decoration: none !important
    }

    .main__location .breadcrumb__item:first-child {
        display: inline-flex
    }

    .main__location .breadcrumb__item.active {
        display: inline-flex;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }
}

.main__wrapper {
    display: flex;
    align-items: baseline;
    gap: .5rem
}

.main__title {
    color: #364152;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700
}

.main__subtitle {
    color: #9aa4b2;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

.main__action .separator {
    height: 2rem;
    width: 1px;
    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: .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: .05rem;
    vertical-align: -.075rem;
    font-weight: 500
}

.main_doc>.container {
    padding: 88px 0 32px 64px !important
}

.footer {
    display: flex;
    padding: .75rem 1.5rem;
    max-width: 100%;
    gap: .5rem;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    overflow: hidden;
    z-index: 1
}

.footer__copyright-wrapper {
    display: flex;
    gap: .5rem
}

.footer__logo-wrapper {
    width: 4.25rem;
    height: 1.125rem
}

.footer__logo {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.form-nav {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 998;
    justify-content: space-between;
    align-items: center;
    padding: .875rem 1.5rem;
    background: #fff;
    border-bottom: .063rem solid #eef2f6;
    box-shadow: 0 .188rem .25rem rgba(0, 0, 0, .06)
}

.form-nav__middle {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .15s ease-in;
    position: absolute;
    width: 100%;
    z-index: -1;
    max-width: 100vw;
    inset: 0
}

.form-nav__timestamp {
    display: flex;
    align-items: center;
    color: #9aa4b2;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400
}

.form-nav__timestamp .icon {
    color: inherit;
    padding-right: .25rem
}

.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
}

.form-nav__breadcrumb-item {
    color: #9aa4b2;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    list-style: 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
}

.form-nav__breadcrumb-btn {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
    outline: 0
}

.form-nav__breadcrumb-btn:focus,
.form-nav__breadcrumb-btn:hover {
    text-decoration: underline
}

.form-nav~.container {
    max-width: 36.625rem !important;
    padding-top: 1.25rem !important
}

.form-table {
    padding: 1.5rem;
    position: fixed;
    top: 134px;
    left: 0;
    width: 296px;
    max-width: 296px;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    transition: width .35s
}

.form-table__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .75rem;
    line-height: 1.125rem;
    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) {

    .main>.container,
    .main>form>.container {
        margin: unset;
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: unset !important
    }

    .main__subtitle {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .main_doc>.container {
        padding: 76px 16px 16px !important
    }

    .form-nav {
        padding: .5rem 1rem
    }

    .form-nav__middle {
        opacity: 1 !important
    }

    .form-nav__timestamp {
        color: #9aa4b2;
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .form-nav .btn {
        padding: .5rem .875rem
    }

    .form-nav~.container .main__header {
        display: none !important
    }

    .form-table__title .icon {
        display: block;
        font-size: 1rem;
        line-height: 1rem;
        right: 0;
        padding: .25rem;
        cursor: pointer;
        border-radius: .5rem;
        transition: right .85s ease-in-out
    }

    .form-table__title .icon::before {
        content: "\ea23"
    }

    .form-table__title .icon:hover {
        background: #e3e8ef !important
    }

    .form-table {
        width: 12.5rem;
        max-width: 12.5rem;
        padding: 1.5rem 1rem;
        border-right: .063rem solid #e3e8ef;
        gap: .875rem
    }

    .form-table~.container {
        transition: padding .35s;
        margin: 0 !important;
        padding-left: 13.5rem !important;
        padding-right: 1rem !important;
        max-width: unset !important
    }

    .form-table_collapse {
        padding: 1rem .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: -.875rem;
        border: .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__list {
    padding-left: .875rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .188rem;
    overflow: hidden
}

.form-table__item {
    list-style: none;
    position: relative;
    overflow: visible
}

.form-table__item * {
    display: flex;
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    border-radius: .5rem;
    align-items: center;
    gap: .25rem
}

.form-table__item :hover,
.form-table__item.active * {
    background: #eef2f6
}

.form-table__item::before {
    content: "";
    width: .625rem;
    height: 133.34%;
    padding-right: .625rem;
    position: absolute;
    left: -.875rem;
    bottom: 50%;
    border-width: 0 0 .063rem .063rem;
    border-style: dashed;
    border-color: #9aa4b2;
    border-radius: 0 .25rem
}

.form-table_sticky-bottom {
    display: none;
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    border: none;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    gap: 0;
    transition: none
}

.form-table__wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .625rem;
    padding: 1rem;
    background-color: #fff
}

.form-table .collapse {
    background-color: #fff;
    padding: 1rem;
    border-radius: .75rem .75rem 0 0
}

.form-table__button-wrapper>* {
    width: inherit
}

.card.card_form {
    border: .063rem solid #eef2f6;
    border-radius: 1rem
}

.card.card_form .card__header {
    padding: 0;
    border: none
}

.card.card_form .card__header~.card__body {
    border-top: .25rem solid #f8fafc
}

.card.card_highlight {
    animation: 1.5s linear pulse;
    border-color: #4e91f6
}

.form-header {
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .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: .063rem solid #cdd5df
}

.form-header .form-header__avatar .icon {
    font-size: 1rem
}

.form-header .form-header__title {
    color: #4b5565;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600
}

.form-header .form-header__subtitle {
    color: #9aa4b2;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

.form-header .form-header__badge {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    border: .063rem solid #eef2f6;
    border-radius: .5rem;
    font-size: .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: .625rem
}

.layout-overlay {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: rgba(18, 18, 18, .32);
    transition: opacity 150ms ease-out 15ms;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1002
}

.layout-overlay_content,
.layout-overlay_form-content,
.layout-overlay_main {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s
}

.layout-overlay_content~.header_position-static,
.layout-overlay_main~.header_position-static {
    position: fixed
}

.layout-overlay_content~.main>form,
.layout-overlay_main~.main>form {
    padding-top: 67px
}

@media only screen and (max-width:47.937rem) {
    .notification__wrapper {
        padding: .5rem .875rem;
        border-bottom: .063rem solid #e3e8ef;
        background-image: url(./../../assets/images/pattern/pattern-dropdown-header.svg);
        background-repeat: no-repeat;
        background-position: right
    }

    .dropdown-group [data-dropdown-group=show],
    .dropdown__item-title [data-hide=dropdown-list],
    .form-nav__breadcrumb-item.active,
    .notification__title .icon,
    .notification__title img {
        display: block
    }

    .main__location .breadcrumb__item,
    .main__location .breadcrumb__item.active,
    .notification__footer-btn,
    .notification__header-btn {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .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: .625rem !important;
        padding-right: .625rem;
        background-position: .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
    }

    .dropdown-group>*,
    .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 .15s ease-in-out;
        width: 220px
    }

    .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(220px - 1rem - 1.25rem);
        left: unset;
        transition: right .15s ease-in-out
    }

    .form-description {
        padding-bottom: 1rem
    }

    .form-navigation {
        width: 100% !important
    }

    .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__item-title {
        padding: 1rem .5rem;
        color: #202939;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600
    }

    .dropdown__item-title a,
    .dropdown__item-title button,
    .dropdown__item-title>p {
        position: sticky;
        top: 1;
        z-index: 1
    }

    .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
    }

    .dropdown_nav .dropdown__list {
        top: 0
    }

    .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 {
        display: flex
    }

    .header {
        padding: 0 .5rem
    }

    .header__left {
        gap: 1rem
    }

    .header__group,
    .header__navigation {
        gap: .125rem
    }

    .header__identity {
        padding: .625rem 0
    }

    .header__identity::after {
        content: ""
    }

    .header__identity-title,
    .header__identity>.header__logo {
        display: none
    }

    .header__identity>.header__logo_square {
        display: block !important
    }

    .header__identity-logo {
        min-width: 2rem;
        max-width: 2rem;
        min-height: 2rem;
        max-height: 2rem
    }

    .header__title {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 700
    }

    .header__action {
        padding-right: 1.25rem
    }

    .header__action::after {
        right: .625rem
    }

    .header__action .btn_nav.btn_icon {
        display: none
    }

    .header__action .btn_nav.btn_module {
        padding: .5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        min-height: 2rem;
        max-height: 2rem
    }

    .header__action .btn_nav.btn_module .btn__text,
    .main>form~.footer {
        display: none
    }

    .sidebar {
        width: 0;
        max-width: 0
    }

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

    .main__location {
        gap: .375rem
    }

    .main__location .breadcrumb__item:nth-last-child(n+3),
    .main__subtitle {
        display: none
    }

    .main__location .breadcrumb__item:nth-last-child(3):not(:first-child) {
        display: inline-flex;
        visibility: hidden;
        text-indent: -99rem
    }

    .main__location .breadcrumb__item:nth-last-child(3):not(:first-child)::after,
    .main__location .breadcrumb__item:nth-last-child(3):not(:first-child)::before {
        text-indent: 0;
        visibility: visible
    }

    .main__location .breadcrumb__item:nth-last-child(3):not(:first-child)::after {
        margin-left: -.25rem;
        content: "...";
        text-decoration: none !important
    }

    .main__location .breadcrumb__item.active,
    .main__location .breadcrumb__item:first-child {
        display: inline-flex
    }

    .main__action .btn {
        padding: .5rem
    }

    .footer__brand-name,
    .footer__logo-wrapper,
    .main__action .btn__text {
        display: none
    }

    .footer {
        justify-content: center;
        padding: .375rem 1.5rem
    }

    .form-nav__left .btn {
        padding: .5rem !important
    }

    .form-nav__breadcrumb-diagonal,
    .form-nav__breadcrumb-item,
    .form-nav__left .btn__text,
    .form-nav__wrapper {
        display: none
    }

    .form-table__title {
        padding-bottom: .875rem
    }

    .form-table__title .icon::before {
        content: "\ec64"
    }

    .form-table {
        display: none !important
    }

    .form-table~.container {
        padding-left: 1rem !important
    }

    .form-table_sticky-bottom {
        display: flex !important
    }

    .layout-overlay_content~.main>form,
    .layout-overlay_main~.main>form {
        padding-top: 3.875rem
    }
}

.layout-overlay_form-content~.header,
.layout-overlay_main~.sidebar {
    z-index: 1001
}

.layout-overlay_form-content~.main>form .form-table_sticky-bottom {
    z-index: 1003
}

.form-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    min-height: 100vh;
    margin: auto;
    background-color: #fff
}

.form-login .form-login__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 60px
}

.form-login .form-login__header .form-login__header-logo {
    width: 100%;
    max-width: 44px;
    -o-object-fit: contain;
    object-fit: contain
}

.form-login .form-login__header .form-login__header-separator {
    border: 1px solid #eef2f6;
    display: flex;
    height: 2rem
}

.form-login .form-login__header .form-login__header-name {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: #222;
    max-width: 180px
}

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

.form-login .form-login__content .form-login__content-wrapper .form-login__content-title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
    color: #222;
    padding-bottom: .75rem
}

.form-login .form-login__content .form-login__content-wrapper .form-login__content-subtitle {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #4b5565
}

@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: .625rem !important;
        padding-right: .625rem;
        background-position: .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 .15s ease-in-out;
        width: 220px
    }

    .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(220px - 1rem - 1.25rem);
        left: unset;
        transition: right .15s ease-in-out
    }

    .header__identity::after {
        content: "";
        right: -.5rem
    }

    .form-login .form-login__content .form-login__content-wrapper {
        padding-bottom: 2.25rem
    }

    .form-login .form-login__content .form-login__content-wrapper .form-login__content-title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        padding-bottom: .5rem
    }

    .form-login .form-login__content .form-login__content-wrapper .form-login__content-subtitle {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}

.form-login .form-login__content .form-login__content-main button {
    width: 100%;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600
}

.form-login .form-login__content .form-login__content-main .form-control {
    padding-bottom: 1.25rem
}

.form-login .form-login__content .form-login__content-main .form-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem
}

.form-login .form-login__content .form-login__content-main .form-check .form-control {
    display: flex;
    align-items: center;
    padding-bottom: 0
}

.form-login .form-login__content .form-login__content-main .form-check .form-control .form-control__label-checkbox {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

.form-login .form-login__content .form-login__content-main .form-check .link {
    width: 100%;
    justify-content: right;
    text-decoration: underline;
    color: #0f6af5;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600
}

.form-login .form-login__content .form-login__content-main .link-signup {
    display: flex;
    justify-content: center;
    padding-top: 2rem
}

.form-login .form-login__content .form-login__content-main .link-signup .link-signup__text {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400
}

.form-login .form-login__content .form-login__content-main .link-signup .link {
    color: #0f6af5;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600;
    text-decoration: underline
}

.hr-intext {
    display: flex;
    position: relative;
    padding: 1.25rem 0;
    overflow: hidden
}

@media only screen and (max-width:79.937rem) {
    .form-login {
        padding: .75rem 1rem
    }

    .form-login .form-login__content .form-login__content-main .form-check,
    .form-login .form-login__content .form-login__content-wrapper,
    .form-login .form-login__header {
        padding-bottom: 1.5rem
    }

    .form-login .form-login__content .form-login__content-wrapper .form-login__content-title {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-weight: 600;
        padding-bottom: .5rem
    }

    .form-login .form-login__content .form-login__content-wrapper .form-login__content-subtitle {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .form-login .form-login__content .form-login__content-main button img {
        width: 1rem
    }

    .form-login .form-login__content .form-login__content-main .form-control {
        padding-bottom: 1rem
    }

    .form-login .form-login__content .form-login__content-main .form-control .form-control__label {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 500
    }

    .form-login .form-login__content .form-login__content-main .form-check .link {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 600
    }

    .form-login .form-login__content .form-login__content-main .link-signup {
        padding-top: 1rem
    }

    .form-login .form-login__content .form-login__content-main .link-signup .link-signup__text {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400
    }

    .form-login .form-login__content .form-login__content-main .link-signup .link {
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 600
    }

    .hr-intext {
        padding: 1.5rem 0
    }
}

.hr-intext__line {
    display: flex;
    width: 100%;
    border-top: 1px solid #eef2f6
}

.hr-intext__text {
    position: absolute;
    padding: 0 .25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: #9aa4b2;
    background-color: #fff;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    white-space: nowrap
}