use-theme-editor
Version:
Zero configuration CSS variables based theme editor
87 lines • 477 kB
HTML
<!DOCTYPE html>
<!-- saved from url=(0064)https://coreui.io/react/docs/components/accordion/#css-variables -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="generator" content="Gatsby 4.20.0"><meta data-react-helmet="true" name="image" content="https://coreui.io/react/docs/"><meta data-react-helmet="true" property="og:image" content="https://coreui.io/react/docs/"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" name="twitter:creator" content="@coreui_io"><meta data-react-helmet="true" name="twitter:image" content="https://coreui.io/react/docs/"><meta name="theme-color" content="#321fdb"><style data-href="/react/docs/styles.1233bc3566770e245628.css" data-identity="gatsby-global-css">/*!
* CoreUI PRO - HTML, CSS, and JavaScript UI Components Library
* @version v4.3.2
* @link https://coreui.io/pro/
* Copyright (c) 2021 creativeLabs Łukasz Holeczek
* License (https://coreui.io/pro/license/)
*/:root{--cui-blue:#0d6efd;--cui-indigo:#6610f2;--cui-purple:#6f42c1;--cui-pink:#d63384;--cui-red:#dc3545;--cui-orange:#fd7e14;--cui-yellow:#ffc107;--cui-green:#198754;--cui-teal:#20c997;--cui-cyan:#0dcaf0;--cui-black:#000015;--cui-white:#fff;--cui-gray:#8a93a2;--cui-gray-dark:#636f83;--cui-gray-100:#ebedef;--cui-gray-200:#d8dbe0;--cui-gray-300:#c4c9d0;--cui-gray-400:#b1b7c1;--cui-gray-500:#9da5b1;--cui-gray-600:#8a93a2;--cui-gray-700:#768192;--cui-gray-800:#636f83;--cui-gray-900:#4f5d73;--cui-primary:#321fdb;--cui-secondary:#9da5b1;--cui-success:#2eb85c;--cui-info:#39f;--cui-warning:#f9b115;--cui-danger:#e55353;--cui-light:#ebedef;--cui-dark:#4f5d73;--cui-primary-rgb:50,31,219;--cui-secondary-rgb:157,165,177;--cui-success-rgb:46,184,92;--cui-info-rgb:51,153,255;--cui-warning-rgb:249,177,21;--cui-danger-rgb:229,83,83;--cui-light-rgb:235,237,239;--cui-dark-rgb:79,93,115;--cui-white-rgb:255,255,255;--cui-black-rgb:0,0,21;--cui-body-color-rgb:44,56,74;--cui-body-bg-rgb:255,255,255;--cui-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cui-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--cui-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--cui-body-font-family:var(--cui-font-sans-serif);--cui-body-font-size:1rem;--cui-body-font-weight:400;--cui-body-line-height:1.5;--cui-body-color:rgba(44,56,74,.95);--cui-body-bg:#fff;--cui-border-width:1px;--cui-border-style:solid;--cui-border-color:#d8dbe0;--cui-border-color-translucent:rgba(0,0,21,.175);--cui-border-radius:0.375rem;--cui-border-radius-sm:0.25rem;--cui-border-radius-lg:0.5rem;--cui-border-radius-xl:1rem;--cui-border-radius-2xl:2rem;--cui-border-radius-pill:50rem;--cui-heading-color:unset;--cui-link-color:#321fdb;--cui-link-hover-color:#2819af;--cui-code-color:#d63384;--cui-highlight-bg:#fff3cd}*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,21,0);background-color:var(--cui-body-bg);color:var(--cui-body-color);font-family:var(--cui-body-font-family);font-size:var(--cui-body-font-size);font-weight:var(--cui-body-font-weight);line-height:var(--cui-body-line-height);margin:0;text-align:var(--cui-body-text-align)}hr{border:0;border-top:1px solid;color:inherit;margin:1rem 0;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--cui-heading-color);font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-bottom:1rem;margin-top:0}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{background-color:var(--cui-highlight-bg);padding:.1875em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--cui-link-color);text-decoration:underline}a:hover{color:var(--cui-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--cui-font-monospace);font-size:1em}pre{color:var(--cui-pre-color,unset);display:block;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word;color:var(--cui-code-color);font-size:.875em}a>code{color:inherit}kbd{background-color:var(--cui-kbd-bg,var(--cui-body-color));border-radius:.25rem;color:var(--cui-kbd-color,var(--cui-body-bg));font-size:.875em;padding:.1875rem .375rem}kbd kbd{font-size:1em;padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:var(--cui-table-caption-color,rgba(44,56,74,.38));padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{font-weight:600;text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[dir=rtl] [type=email],[dir=rtl] [type=number],[dir=rtl] [type=tel],[dir=rtl] [type=url]{direction:ltr}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::file-selector-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-6{font-size:2.5rem}}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{font-size:1.25rem;margin-bottom:1rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{color:#8a93a2;font-size:.875em;margin-bottom:1rem;margin-top:-1rem}.blockquote-footer:before{content:"— "}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.img-thumbnail{background-color:var(--cui-thumbnail-bg,#fff);border:1px solid var(--cui-thumbnail-border-color,var(--cui-border-color));border-radius:.375rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:var(--cui-figure-caption-color,#8a93a2);font-size:.875em}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--cui-gutter-x:1.5rem;--cui-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--cui-gutter-x)*.5);padding-right:calc(var(--cui-gutter-x)*.5);width:100%}@media(min-width:576px){.container,.container-sm{max-width:540px}}@media(min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media(min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media(min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--cui-gutter-x:1.5rem;--cui-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--cui-gutter-x)*-.5);margin-right:calc(var(--cui-gutter-x)*-.5);margin-top:calc(var(--cui-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--cui-gutter-y);max-width:100%;padding-left:calc(var(--cui-gutter-x)*.5);padding-right:calc(var(--cui-gutter-x)*.5);width:100%}.col{flex:1 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--cui-gutter-x:0}.g-0,.gy-0{--cui-gutter-y:0}.g-1,.gx-1{--cui-gutter-x:0.25rem}.g-1,.gy-1{--cui-gutter-y:0.25rem}.g-2,.gx-2{--cui-gutter-x:0.5rem}.g-2,.gy-2{--cui-gutter-y:0.5rem}.g-3,.gx-3{--cui-gutter-x:1rem}.g-3,.gy-3{--cui-gutter-y:1rem}.g-4,.gx-4{--cui-gutter-x:1.5rem}.g-4,.gy-4{--cui-gutter-y:1.5rem}.g-5,.gx-5{--cui-gutter-x:3rem}.g-5,.gy-5{--cui-gutter-y:3rem}@media(min-width:576px){.col-sm{flex:1 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--cui-gutter-x:0}.g-sm-0,.gy-sm-0{--cui-gutter-y:0}.g-sm-1,.gx-sm-1{--cui-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--cui-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--cui-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--cui-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--cui-gutter-x:1rem}.g-sm-3,.gy-sm-3{--cui-gutter-y:1rem}.g-sm-4,.gx-sm-4{--cui-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--cui-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--cui-gutter-x:3rem}.g-sm-5,.gy-sm-5{--cui-gutter-y:3rem}}@media(min-width:768px){.col-md{flex:1 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--cui-gutter-x:0}.g-md-0,.gy-md-0{--cui-gutter-y:0}.g-md-1,.gx-md-1{--cui-gutter-x:0.25rem}.g-md-1,.gy-md-1{--cui-gutter-y:0.25rem}.g-md-2,.gx-md-2{--cui-gutter-x:0.5rem}.g-md-2,.gy-md-2{--cui-gutter-y:0.5rem}.g-md-3,.gx-md-3{--cui-gutter-x:1rem}.g-md-3,.gy-md-3{--cui-gutter-y:1rem}.g-md-4,.gx-md-4{--cui-gutter-x:1.5rem}.g-md-4,.gy-md-4{--cui-gutter-y:1.5rem}.g-md-5,.gx-md-5{--cui-gutter-x:3rem}.g-md-5,.gy-md-5{--cui-gutter-y:3rem}}@media(min-width:992px){.col-lg{flex:1 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--cui-gutter-x:0}.g-lg-0,.gy-lg-0{--cui-gutter-y:0}.g-lg-1,.gx-lg-1{--cui-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--cui-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--cui-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--cui-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--cui-gutter-x:1rem}.g-lg-3,.gy-lg-3{--cui-gutter-y:1rem}.g-lg-4,.gx-lg-4{--cui-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--cui-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--cui-gutter-x:3rem}.g-lg-5,.gy-lg-5{--cui-gutter-y:3rem}}@media(min-width:1200px){.col-xl{flex:1 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--cui-gutter-x:0}.g-xl-0,.gy-xl-0{--cui-gutter-y:0}.g-xl-1,.gx-xl-1{--cui-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--cui-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--cui-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--cui-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--cui-gutter-x:1rem}.g-xl-3,.gy-xl-3{--cui-gutter-y:1rem}.g-xl-4,.gx-xl-4{--cui-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--cui-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--cui-gutter-x:3rem}.g-xl-5,.gy-xl-5{--cui-gutter-y:3rem}}@media(min-width:1400px){.col-xxl{flex:1 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--cui-gutter-x:0}.g-xxl-0,.gy-xxl-0{--cui-gutter-y:0}.g-xxl-1,.gx-xxl-1{--cui-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--cui-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--cui-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--cui-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--cui-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--cui-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--cui-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--cui-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--cui-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--cui-gutter-y:3rem}}.table{--cui-table-color:var(--cui-body-color);--cui-table-bg:transparent;--cui-table-border-color:var(--cui-border-color);--cui-table-accent-bg:transparent;--cui-table-striped-color:var(--cui-body-color);--cui-table-striped-bg:rgba(0,0,21,.05);--cui-table-active-color:var(--cui-body-color);--cui-table-active-bg:rgba(0,0,21,.1);--cui-table-hover-color:var(--cui-body-color);--cui-table-hover-bg:rgba(0,0,21,.075);border-color:var(--cui-table-border-color);color:var(--cui-table-color);margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{background-color:var(--cui-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--cui-table-accent-bg);padding:.5rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>*{--cui-table-accent-bg:var(--cui-table-striped-bg);color:var(--cui-table-striped-color)}.table-active{--cui-table-accent-bg:var(--cui-table-active-bg);color:var(--cui-table-active-color)}.table-hover>tbody>tr:hover>*{--cui-table-accent-bg:var(--cui-table-hover-bg);color:var(--cui-table-hover-color)}.table-primary{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#d6d2f8;--cui-table-border-color:rgba(198,196,232,.995);--cui-table-striped-bg:rgba(206,203,240,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:rgba(198,196,232,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:rgba(202,199,236,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-primary,.table-secondary{border-color:var(--cui-table-border-color);color:var(--cui-table-color)}.table-secondary{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#ebedef;--cui-table-border-color:hsla(220,9%,87%,.995);--cui-table-striped-bg:rgba(226,229,232,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:hsla(220,9%,87%,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:rgba(222,225,228,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-success{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#d5f1de;--cui-table-border-color:rgba(198,224,208,.995);--cui-table-striped-bg:rgba(205,233,215,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:rgba(198,224,208,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:rgba(201,228,212,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-info,.table-success{border-color:var(--cui-table-border-color);color:var(--cui-table-color)}.table-info{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#d6ebff;--cui-table-border-color:rgba(198,219,238,.995);--cui-table-striped-bg:rgba(206,227,247,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:rgba(198,219,238,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:rgba(202,223,243,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-warning{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#feefd0;--cui-table-border-color:hsla(40,49%,85%,.995);--cui-table-striped-bg:hsla(41,66%,87%,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:hsla(40,49%,85%,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:hsla(40,58%,86%,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-danger,.table-warning{border-color:var(--cui-table-border-color);color:var(--cui-table-color)}.table-danger{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#fadddd;--cui-table-border-color:rgba(231,206,208,.995);--cui-table-striped-bg:hsla(0,49%,89%,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:rgba(231,206,208,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:rgba(236,210,211,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-light{--cui-table-color:rgba(44,56,74,.95);--cui-table-bg:#ebedef;--cui-table-border-color:hsla(220,9%,87%,.995);--cui-table-striped-bg:rgba(226,229,232,.998);--cui-table-striped-color:rgba(44,56,74,.95);--cui-table-active-bg:hsla(220,9%,87%,.995);--cui-table-active-color:rgba(44,56,74,.95);--cui-table-hover-bg:rgba(222,225,228,.996);--cui-table-hover-color:rgba(44,56,74,.95)}.table-dark,.table-light{border-color:var(--cui-table-border-color);color:var(--cui-table-color)}.table-dark{--cui-table-color:hsla(0,0%,100%,.87);--cui-table-bg:#4f5d73;--cui-table-border-color:rgba(93,106,126,.987);--cui-table-striped-bg:rgba(86,99,120,.994);--cui-table-striped-color:hsla(0,0%,100%,.87);--cui-table-active-bg:rgba(93,106,126,.987);--cui-table-active-color:hsla(0,0%,100%,.87);--cui-table-hover-bg:rgba(89,103,123,.99);--cui-table-hover-color:hsla(0,0%,100%,.87)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media(max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media(max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media(max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media(max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media(max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}.form-label{margin-bottom:.5rem}.col-form-label,.form-label{color:var(--cui-form-label-color, )}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0;padding-bottom:calc(.375rem + 1px);padding-top:calc(.375rem + 1px)}.col-form-label-lg{font-size:1.25rem;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-text{color:var(--cui-form-text-color,rgba(44,56,74,.38));font-size:.875em;margin-top:.25rem}.form-control{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:var(--cui-input-bg,#fff);border:1px solid var(--cui-input-border-color,#b1b7c1);border-radius:.375rem;color:var(--cui-input-color,rgba(44,56,74,.95));display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{background-color:var(--cui-input-focus-bg,#fff);border-color:var(--cui-input-focus-border-color,#998fed);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);color:var(--cui-input-focus-color,rgba(44,56,74,.95));outline:0}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-webkit-input-placeholder{color:var(--cui-input-placeholder-color,#8a93a2);opacity:1}.form-control::placeholder{color:var(--cui-input-placeholder-color,#8a93a2);opacity:1}.form-control:disabled{background-color:#d8dbe0;border-color:#b1b7c1;opacity:1}.form-control::-webkit-file-upload-button{-webkit-margin-end:.75rem;background-color:var(--cui-form-file-button-bg,#d8dbe0);border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:var(--cui-form-file-button-color,rgba(44,56,74,.95));margin:-.375rem -.75rem;margin-inline-end:.75rem;padding:.375rem .75rem;pointer-events:none;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{-webkit-margin-end:.75rem;background-color:var(--cui-form-file-button-bg,#d8dbe0);border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:var(--cui-form-file-button-color,rgba(44,56,74,.95));margin:-.375rem -.75rem;margin-inline-end:.75rem;padding:.375rem .75rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--cui-form-file-button-hover-bg,#cdd0d5)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--cui-form-file-button-hover-bg,#cdd0d5)}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:var(--cui-input-plaintext-color,rgba(44,56,74,.95));display:block;line-height:1.5;margin-bottom:0;padding:.375rem 0;width:100%}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.25rem;font-size:.875rem;min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem}.form-control-sm::-webkit-file-upload-button{-webkit-margin-end:.5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-sm::file-selector-button{-webkit-margin-end:.5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-lg{border-radius:.5rem;font-size:1.25rem;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem}.form-control-lg::-webkit-file-upload-button{-webkit-margin-end:1rem;margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}.form-control-lg::file-selector-button{-webkit-margin-end:1rem;margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{height:calc(1.5em + .75rem + 2px);padding:.375rem;width:3rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:.375rem}.form-control-color::-webkit-color-swatch{border-radius:.375rem}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}.form-select{-moz-padding-start:calc(.75rem - 3px);-webkit-appearance:none;appearance:none;background-color:var(--cui-form-select-bg,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid var(--cui-form-select-border-color,#b1b7c1);border-radius:.375rem;color:var(--cui-form-select-color,rgba(44,56,74,.95));display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem 2.25rem .375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media(prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:var(--cui-form-select-focus-border-color,#998fed);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);outline:0}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;padding-right:.75rem}.form-select:disabled{background-color:var(--cui-form-select-disabled-bg,#d8dbe0);border-color:var(--cui-form-select-disabled-border-color,#b1b7c1);color:var(--cui-form-select-disabled-color, )}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--cui-form-select-color,rgba(44,56,74,.95))}.form-select-sm{border-radius:.25rem;font-size:.875rem;padding-bottom:.25rem;padding-left:.5rem;padding-top:.25rem}.form-select-lg{border-radius:.5rem;font-size:1.25rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.dark-theme .form-select>option{background-color:#44454e}.form-multi-select{--cui-form-multi-select-padding-y:0.375rem;--cui-form-multi-select-padding-x:0.75rem;--cui-form-multi-select-font-family: ;--cui-form-multi-select-font-size:1rem;--cui-form-multi-select-font-weight:400;--cui-form-multi-select-line-height:1.5;--cui-form-multi-select-color:rgba(44,56,74,.95);--cui-form-multi-select-bg:#fff;--cui-form-multi-select-bg-position:right 0.75rem center;--cui-form-multi-select-bg-size:16px 12px;--cui-form-multi-select-border-color:#b1b7c1;--cui-form-multi-select-border:1px solid var(--cui-form-multi-select-border-color);--cui-form-multi-select-border-radius:0.375rem;--cui-form-multi-select-disabled-color:#8a93a2;--cui-form-multi-select-disabled-bg:#d8dbe0;--cui-form-multi-select-focus-color:rgba(44,56,74,.95);--cui-form-multi-select-focus-bg:#fff;--cui-form-multi-select-focus-border-color:#6557e4;--cui-form-multi-select-selection-tags-padding-y:0.125rem;--cui-form-multi-select-selection-tags-padding-x:0.125rem;--cui-form-multi-select-indicator:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");--cui-form-multi-select-indicator-padding:2.25rem;--cui-form-multi-select-cleaner-width:0.75rem;--cui-form-multi-select-cleaner-height:0.75rem;--cui-form-multi-select-cleaner-padding-y:0.5rem;--cui-form-multi-select-cleaner-padding-x:0.75rem;--cui-form-multi-select-cleaner-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.681)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");--cui-form-multi-select-cleaner-hover-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.95)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");--cui-form-multi-select-cleaner-focus-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.95)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");--cui-form-multi-select-search-color:rgba(44,56,74,.95);--cui-form-multi-select-search-bg:#fff;--cui-form-multi-select-search-border-radius:0.375rem;--cui-form-multi-select-select-all-padding-y:0.5rem;--cui-form-multi-select-select-all-padding-x:0.75rem;--cui-form-multi-select-select-all-color:rgba(44,56,74,.681);--cui-form-multi-select-select-all-bg:transparent;--cui-form-multi-select-select-all-border-color:#b1b7c1;--cui-form-multi-select-select-all-border:1px solid var(--cui-form-multi-select-select-all-border-color);--cui-form-multi-select-select-all-hover-color:rgba(44,56,74,.95);--cui-form-multi-select-select-all-hover-bg:transparent;--cui-form-multi-select-options-margin-top:0.625rem;--cui-form-multi-select-options-bg:#fff;--cui-form-multi-select-options-border-color:#d8dbe0;--cui-form-multi-select-options-border:1px solid var(--cui-form-multi-select-options-border-color);--cui-form-multi-select-options-border-radius:0.375rem;--cui-form-multi-select-options-padding-y:0.5rem;--cui-form-multi-select-options-padding-x:0.75rem;--cui-form-multi-select-options-color:rgba(44,56,74,.95);--cui-form-multi-select-option-padding-y:0.5rem;--cui-form-multi-select-option-padding-x:1.25rem;--cui-form-multi-select-option-border-radius:0.375rem;--cui-form-multi-select-option-hover-color:#4b586d;--cui-form-multi-select-option-hover-bg:rgba(235,237,239,.5);--cui-form-multi-select-option-disabled-color:#8a93a2;--cui-form-multi-select-option-indicator-width:1em;--cui-form-multi-select-option-indicator-bg:#fff;--cui-form-multi-select-option-indicator-border:1px solid rgba(0,0,21,.25);--cui-form-multi-select-option-indicator-border-radius:0.25em;--cui-form-multi-select-option-selected-bg:#ebedef;--cui-form-multi-select-option-selected-indicator-bg:#321fdb;--cui-form-multi-select-option-selected-indicator-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.87)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");--cui-form-multi-select-option-selected-indicator-border-color:#321fdb;--cui-form-multi-select-tag-padding-y:calc(0.125rem - 1px);--cui-form-multi-select-tag-padding-x:0.5rem;--cui-form-multi-select-tag-margin-y:0.125rem;--cui-form-multi-select-tag-margin-x:0.125rem;--cui-form-multi-select-tag-bg:#ebedef;--cui-form-multi-select-tag-border-color:#d8dbe0;--cui-form-multi-select-tag-border:1px solid var(--cui-form-multi-select-tag-border-color);--cui-form-multi-select-tag-border-radius:0.375rem;-webkit-appearance:none;appearance:none;background-color:var(--cui-form-multi-select-bg);background-image:var(--cui-form-multi-select-indicator);background-position:var(--cui-form-multi-select-bg-position);background-repeat:no-repeat;background-size:var(--cui-form-multi-select-bg-size);border:var(--cui-form-multi-select-border);border-radius:var(--cui-form-multi-select-border-radius);color:var(--cui-form-multi-select-color);display:block;font-family:var(--cui-form-multi-select-font-family);font-size:var(--cui-form-multi-select-font-size);font-weight:var(--cui-form-multi-select-font-weight);line-height:var(--cui-form-multi-select-line-height);padding:var(--cui-form-multi-select-padding-y) var(--cui-form-multi-select-padding-x);padding-right:var(--cui-form-multi-select-indicator-padding);position:relative;width:100%}.form-multi-select.disabled,.form-multi-select:disabled{background-color:var(--cui-form-multi-select-disabled-bg);color:var(--cui-form-multi-select-disabled-color)}.form-multi-select.disabled .form-multi-select-search,.form-multi-select:disabled .form-multi-select-search{background:transparent}.form-multi-select.form-multi-select-with-cleaner{padding-right:4.5rem}.form-multi-select-selection-tags{min-height:calc(2.25rem + 2px);padding:var(--cui-form-multi-select-selection-tags-padding-y) var(--cui-form-multi-select-selection-tags-padding-x);padding-right:var(--cui-form-multi-select-indicator-padding)}.form-multi-select-selection-tags .form-multi-select-search{height:2rem;margin-left:var(--cui-form-multi-select-padding-x)}.form-multi-select-selection{display:inline;padding:0}.form-multi-select-selection-cleaner{background-color:transparent;background-image:var(--cui-form-multi-select-cleaner-bg);background-position:50%;background-repeat:no-repeat;background-size:var(--cui-form-multi-select-cleaner-width) auto;border:0;border-right:1px solid var(--cui-form-multi-select-cleaner-border-color,#b1b7c1);box-sizing:content-box;height:var(--cui-form-multi-select-cleaner-height);padding:var(--cui-form-multi-select-cleaner-padding-y) var(--cui-form-multi-select-cleaner-padding-x);position:absolute;right:var(--cui-form-multi-select-indicator-padding);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--cui-form-multi-select-cleaner-width)}.form-multi-select-selection-cleaner:hover{background-image:var(--cui-form-multi-select-cleaner-hover-bg)}.form-multi-select-selection-cleaner:focus{background-image:var(--cui-form-multi-select-cleaner-focus-bg);outline:0}.form-multi-select-search{-webkit-appearance:none;appearance:none;background-color:var(--cui-form-multi-select-search-bg);border:0;border-radius:var(--cui-form-multi-select-search-border-radius);color:var(--cui-form-multi-select-search-color);font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;width:auto}.form-multi-select-search:focus{outline:0}.form-multi-select-search[size]{display:none;margin-left:var(--cui-form-multi-select-padding-x)}.form-multi-select-search:placeholder-shown{width:100%}.form-multi-select-all{background-color:var(--cui-form-multi-select-select-all-bg);border:0;border-bottom:var(--cui-form-multi-select-select-all-border);color:var(--cui-form-multi-select-select-all-color);display:block;padding:var(--cui-form-multi-select-select-all-padding-y) var(--cui-form-multi-select-select-all-padding-x);text-align:start;width:100%}.form-multi-select-all:hover{background-color:var(--cui-form-multi-select-select-all-hover-bg);color:var(--cui-form-multi-select-select-all-hover-color)}.form-multi-select-dropdown{background-clip:padding-box;background-color:var(--cui-form-multi-select-options-bg);border:var(--cui-form-multi-select-options-border);border-radius:var(--cui-form-multi-select-options-border-radius);box-shadow:0 4px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 1px 10px 0 rgba(var(--cui-elevation-base-color,60,75,100),.12),0 2px 4px -1px rgba(var(--cui-elevation-base-color,60,75,100),.2);display:none;left:0;margin-top:var(--cui-form-multi-select-options-margin-top);position:absolute;top:100%;width:100%}.form-multi-select-dropdown:not([class*=border]){border:0}.form-multi-select-options{color:var(--cui-form-multi-select-options-color);font-size:1rem;padding:var(--cui-form-multi-select-options-padding-y) var(--cui-form-multi-select-options-padding-x)}.form-multi-select-option{border-radius:var(--cui-form-multi-select-option-border-radius);cursor:pointer;margin-bottom:2px;padding:var(--cui-form-multi-select-option-padding-y) var(--cui-form-multi-select-option-padding-x);position:relative;vertical-align:top}.form-multi-select-option:focus,.form-multi-select-option:hover{background-color:var(--cui-form-multi-select-option-hover-bg);color:var(--cui-form-multi-select-option-hover-color);text-decoration:none}.form-multi-select-option.disabled,.form-multi-select-option:disabled{background-color:transparent;color:var(--cui-form-multi-select-option-disabled-color);pointer-events:none}.form-multi-select-option.form-multi-select-option-with-checkbox{padding:.5rem 1.25rem;padding-left:calc(var(--cui-form-multi-select-option-padding-x) + var(--cui-form-multi-select-option-indicator-width))}.form-multi-select-option.form-multi-select-option-with-checkbox:before{background-color:var(--cui-form-multi-select-option-indicator-bg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:var(--cui-form-multi-select-option-indicator-border);border-radius:var(--cui-form-multi-select-option-indicator-border-radius);content:"";display:block;height:var(--cui-form-multi-select-option-indicator-width);left:calc(var(--cui-form-multi-select-option-padding-x)*.5);pointer-events:none;position:absolute;top:.7rem;width:var(--cui-form-multi-select-option-indicator-width)}.form-multi-select-option.form-multi-selected{background-color:var(--cui-form-multi-select-option-selected-bg)}.form-multi-select-option.form-multi-selected:before{background-color:var(--cui-form-multi-select-option-selected-indicator-bg);background-image:var(--cui-form-multi-select-option-selected-indicator-bg-image);border-color:var(--cui-form-multi-select-option-selected-indicator-border-color)}.form-multi-select-optgroup-label{color:rgba(44,56,74,.38);font-size:80%;font-weight:700;padding:.75rem .625rem .5rem;text-transform:uppercase}.form-multi-select-options-empty{padding:var(--cui-form-multi-select-option-padding-y) var(--cui-form-multi-select-option-padding-x)}.form-multi-select-tag{background-color:var(--cui-form-multi-select-tag-bg);border:var(--cui-form-multi-select-tag-border);border-radius:var(--cui-form-multi-select-tag-border-radius);display:inline-block;margin:var(--cui-form-multi-select-tag-margin-y) var(--cui-form-multi-select-tag-margin-x);padding:var(--cui-form-multi-select-tag-padding-y) var(--cui-form-multi-select-tag-padding-x)}.form-multi-select-tag-delete{background-color:transparent;border:0;margin-left:.5rem;padding:0}.form-multi-select.show{background-color:var(--cui-form-multi-select-focus-bg);border-color:var(--cui-form-multi-select-focus-border-color);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);color:var(--cui-form-multi-select-focus-color)}.form-multi-select.show .form-multi-select-search[size]{display:inline}.form-multi-select.show .form-multi-select-dropdown{display:initial;z-index:1000}.form-multi-select-sm{--cui-form-multi-select-padding-y:0.25rem;--cui-form-multi-select-padding-x:0.5rem;--cui-form-multi-select-font-size:0.875rem;--cui-form-multi-select-selection-tags-padding-x:0.0675rem;--cui-form-multi-select-tag-padding-y:calc(0.115rem - 1px);--cui-form-multi-select-tag-padding-x:0.5rem;--cui-form-multi-select-tag-margin-y:0.0675rem;--cui-form-multi-select-tag-margin-x:0.0675rem}.form-multi-select-sm.form-multi-select-selection-tags{min-height:calc(1.8125rem + 2px)}.form-multi-select-sm.form-multi-select-selection-tags .form-multi-select-search{height:1.6775rem}.form-multi-select-lg{--cui-form-multi-select-padding-y:0.5rem;--cui-form-multi-select-padding-x:1rem;--cui-form-multi-select-font-size:1.25rem;--cui-form-multi-select-selection-tags-padding-x:0.125rem;--cui-form-multi-select-tag-padding-y:calc(0.25rem - 1px);--cui-form-multi-select-tag-padding-x:0.5rem;--cui-form-multi-select-tag-margin-y:0.125rem;--cui-form-multi-select-tag-margin-x:0.125rem}.form-multi-select-lg.form-multi-select-selection-tags{min-height:calc(2.875rem + 2px)}.form-multi-select-lg.form-multi-select-selection-tags .form-multi-select-search{height:2.625rem}.form-check{display:block;margin-bottom:.125rem;min-height:1.5rem;padding-left:1.5em}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-left:0;padding-right:1.5em;text-align:right}.form-check-reverse .form-check-input{float:right;margin-left:0;margin-right:-1.5em}.form-check-input{-webkit-appearance:none;appearance:none;background-color:var(--cui-form-check-input-bg,#fff);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,21,.25);height:1em;margin-top:.25em;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:1em}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#998fed;box-shadow:0 0 0 .25rem rgba(50,31,219,.25);outline:0}.form-check-input:checked{background-color:var(--cui-form-check-input-checked-bg-color,#321fdb);border-color:var(--cui-form-check-input-checked-border-color,#321fdb)}.form-check-input:checked[type=checkbox]{background-image:var(--cui-form-check-input-checked-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.87)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"))}.form-check-input:checked[type=radio]{background-image:var(--cui-form-check-radio-checked-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='rgba(255, 255, 255, 0.87)'/%3E%3C/svg%3E"))}.form-check-input[type=checkbox]:indeterminate{background-color:#321fdb;background-image:var(--cui-form-check-input-indeterminate-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.87)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E"));border-color:#321fdb}.form-check-input:disabled{-webkit-filter:none;filter:none;opacity:.5;pointer-events:none}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-check-label{color:var(--cui-form-check-label-color,unset)}.form-switch{padding-left:2.5em}.form-switch .form-check-input{background-image:var(--cui-form-switch-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 21, 0.25)'/%3E%3C/svg%3E"));background-position:0;border-radius:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out;width:2em}@media(prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:var(--cui-form-switch-focus-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23998fed'/%3E%3C/svg%3E"))}.form-switch .form-check-input:checked{background-image:var(--cui-form-switch-checked-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.87)'/%3E%3C/svg%3E"));background-position:100%}.form-switch.form-check-reverse{padding-left:0;padding-right:2.5em}.form-switch.form-check-reverse .form-check-input{margin-left:0;margin-right:-2.5em}.form-switch-lg{min-height:1.25em;padding-left:2.25em}.form-switch-lg .form-check-input{height:1.25em;margin-left:-2.25em;width:1.75em}.form-switch-lg .form-check-label{padding-top:calc(.625em - .5rem)}.form-switch-xl{min-height:1.5em;padding-left:2.5em}.form-switch-xl .form-check-input{height:1.5em;margin-left:-2.5em;width:2em}.form-switch-xl .form-check-label{padding-top:calc(.75em - .5rem)}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{-webkit-filter:none;filter:none;opacity:.65;pointer-events:none}.form-check-primary{--cui-form-check-input-checked-bg-color:#321fdb;--cui-form-check-input-checked-border-color:#321fdb;--cui-form-check-input-indeterminate-bg-color:#321fdb;--cui-form-check-input-indeterminate-border-color:#321fdb}.form-check-secondary{--cui-form-check-input-checked-bg-color:#9da5b1;--cui-form-check-input-checked-border-color:#9da5b1;--cui-form-check-input-indeterminate-bg-color:#9da5b1;--cui-form-check-input-indeterminate-border-color:#9da5b1}.form-check-success{--cui-form-check-input-checked-bg-color:#2eb85c;--cui-form-check-input-checked-border-color:#2eb85c;--cui-form-check-input-indeterminate-bg-color:#2eb85c;--cui-form-check-input-indeterminate-border-color:#2eb85c}.form-check-info{--cui-form-check-input-checked-bg-color:#39f;--cui-form-check-input-checked-border-color:#39f;--cui-form-check-input-indeterminate-bg-color:#39f;--cui-form-check-input-indeterminate-border-color:#39f}.form-check-warning{--cui-form-check-input-checked-bg-color:#f9b115;--cui-form-check-input-checked-border-color:#f9b115;--cui-form-check-input-indeterminate-bg-color:#f9b115;--cui-form-check-input-indeterminate-border-color:#f9b115}.form-check-danger{--cui-form-check-input-checked-bg-color:#e55353;--cui-form-check-input-checked-border-color:#e55353;--cui-form-check-input-indeterminate-bg-color:#e55353;--cui-form-check-input-indeterminate-border-color:#e55353}.form-check-light{--cui-form-check-input-checked-bg-color:#ebedef;--cui-form-check-input-checked-border-color:#ebedef;--cui-form-check-input-indeterminate-bg-color:#ebedef;--cui-form-check-input-indeterminate-border-color:#ebedef}.form-check-dark{--cui-form-check-input-checked-bg-color:#4f5d73;--cui-form-check-input-checked-border-color:#4f5d73;--cui-form-check-input-indeterminate-bg-color:#4f5d73;--cui-form-check-input-indeterminate-border-color:#4f5d73}.form-range{-webkit-appearance:none;appearance:none;background-color:transparent;height:1.5rem;padding:0;width:100%}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(50,31,219,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(50,31,219,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--cui-form-range-thumb-bg,#321fdb);border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media(prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:var(--cui-form-range-thumb-active-bg,#c2bcf4)}.form-range::-webkit-slider-runnable-track{background-color:var(--cui-form-range-track-bg,#c4c9d0);border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range::-moz-range-thumb{appearance:none;background-color:var(--cui-form-range-thumb-bg,#321fdb);border:0;border-radius:1rem;height:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media(prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:var(--cui-form-range-thumb-active-bg,#c2bcf4)}.form-range::-moz-range-track{background-color:var(--cui-form-range-track-bg,#c4c9d0);border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--cui-form-range-thumb-disabled-bg,#9da5b1)}.form-range:disabled::-moz-range-thumb{background-color:var(--cui-form-range-thumb-disabled-bg,#9da5b1)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{border:1px solid transparent;height:100%;left:0;overflow:hidden;padding:1rem .75rem;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out;white-space:nowrap;width:100%}@media(prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-webkit-input-placeholder,.form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-select{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0}.input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.input-group>.form-control,.input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{align-items:center;background-color:var(--cui-input-group-addon-bg,#d8dbe0);border:1px solid var(--cui-input-group-addon-border-color,#b1b7c1);border-radius:.375rem;color:var(--cui-input-group-addon-color,rgba(44,56,74,.95));display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;white-space:nowrap}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{border-radius:.5rem;font-size:1.25rem;padding:.5rem 1rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{border-radius:.25rem;font-size:.875rem;padding:.25rem .5rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-bottom-right-radius:0;border-top-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.valid-feedback{color:#2eb85c;display:none;font-size:.875em;margin-top:.25rem;width:100%}.valid-tooltip{background-color:rgba(46,184,92,.9);border-radius:.375rem;color:#000015;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#2eb85c;padding-right:calc(1.5em + .75rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#2eb85c;box-shadow:0 0 0 .25rem rgba(46,184,92,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#2eb85c}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#2eb85c;box-shadow:0 0 0 .25rem rgba(46,184,92,.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#2eb85c}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#2eb85c}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(46,184,92,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#2eb85c}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{color:#e55353;display:none;font-size:.875em;margin-top:.25rem;width:100%}.invalid-tooltip{background-color:rgba(229,83,83,.9);border-radius:.375rem;color:#000015;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e55353' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#e55353;padding-right:calc(1.5em + .75rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#e55353;box-shadow:0 0 0 .25rem rgba(229,83,83,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#e55353}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e55353' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3E%3C/svg%3E");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#e55353;box-shadow:0 0 0 .25rem rgba(229,83,83,.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#e55353}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#e55353}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(229,83,83,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#e55353}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{--cui-btn-padding-x:0.75rem;--cui-btn-padding-y:0.375rem;--cui-btn-font-family: ;--cui-btn-font-size:1rem;--cui-btn-font-weight:400;--cui-btn-line-height:1.5;--cui-btn-color:rgba(44,56,74,.95);--cui-btn-bg:transparent;--cui-btn-border-width:1px;--cui-btn-border-color:transparent;--cui-btn-border-radius:0.375rem;--cui-btn-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,21,.075);--cui-btn-disabled-opacity:0.65;--cui-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--cui-btn-focus-shadow-rgb),.5);background-color:var(--cui-btn-bg);border:var(--cui-btn-border-width) solid var(--cui-btn-border-color);border-radius:var(--cui-btn-border-radius);color:var(--cui-btn-color);cursor:pointer;display:inline-block;font-family:var(--cui-btn-font-family);font-size:var(--cui-btn-font-size);font-weight:var(--cui-btn-font-weight);line-height:var(--cui-btn-line-height);padding:var(--cui-btn-padding-y) var(--cui-btn-padding-x);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn:not(.placeholder):not([class*=link]):not([class*=outline]):not([class*=ghost]):not([class*=transparent]):not([class*=close]){border-color:transparent;box-shadow:0 1px 1px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 2px 1px -1px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 3px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)}.btn:hover{background-color:var(--cui-btn-hover-bg);border-color:var(--cui-btn-hover-border-color);color:var(--cui-btn-hover-color)}.btn:hover:not(.placeholder):not([class*=link]):not([class*=outline]):not([class*=ghost]):not([class*=transparent]):not([class*=close]){border-color:transparent;box-shadow:0 2px 2px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 1px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)}.btn-check:focus+.btn,.btn:focus{background-color:var(--cui-btn-hover-bg);border-color:var(--cui-btn-hover-border-color);box-shadow:var(--cui-btn-focus-box-shadow);color:var(--cui-btn-hover-color);outline:0}.btn-check:active+.btn,.btn-check:checked+.btn,.btn.active,.btn.show,.btn:active{background-color:var(--cui-btn-active-bg);border-color:var(--cui-btn-active-border-color);color:var(--cui-btn-active-color)}.btn-check:active+.btn:focus,.btn-check:checked+.btn:focus,.btn.active:focus,.btn.show:focus,.btn:active:focus{box-shadow:var(--cui-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{background-color:var(--cui-btn-disabled-bg);border-color:var(--cui-btn-disabled-border-color);color:var(--cui-btn-disabled-color);opacity:var(--cui-btn-disabled-opacity);pointer-events:none}.btn-transparent{--cui-btn-active-border-color:transparent;--cui-btn-disabled-border-color:transparent;--cui-btn-hover-border-color:transparent}.btn-primary{--cui-btn-color:hsla(0,0%,100%,.87);--cui-btn-bg:#321fdb;--cui-btn-border-color:#321fdb;--cui-btn-hover-color:hsla(0,0%,100%,.87);--cui-btn-hover-bg:#5141e0;--cui-btn-hover-border-color:#4735df;--cui-btn-focus-shadow-rgb:75,58,223;--cui-btn-active-color:hsla(0,0%,100%,.87);--cui-btn-active-bg:#5b4ce2;--cui-btn-active-border-color:#4735df;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:hsla(0,0%,100%,.87);--cui-btn-disabled-bg:#321fdb;--cui-btn-disabled-border-color:#321fdb}.btn-secondary{--cui-btn-color:#000015;--cui-btn-bg:#9da5b1;--cui-btn-border-color:#9da5b1;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-hover-bg:#acb3bd;--cui-btn-hover-border-color:#a7aeb9;--cui-btn-focus-shadow-rgb:133,140,154;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-active-bg:#b1b7c1;--cui-btn-active-border-color:#a7aeb9;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#000015;--cui-btn-disabled-bg:#9da5b1;--cui-btn-disabled-border-color:#9da5b1}.btn-success{--cui-btn-color:#000015;--cui-btn-bg:#2eb85c;--cui-btn-border-color:#2eb85c;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-hover-bg:#4dc374;--cui-btn-hover-border-color:#43bf6c;--cui-btn-focus-shadow-rgb:39,156,81;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-active-bg:#58c67d;--cui-btn-active-border-color:#43bf6c;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#000015;--cui-btn-disabled-bg:#2eb85c;--cui-btn-disabled-border-color:#2eb85c}.btn-danger{--cui-btn-color:#000015;--cui-btn-bg:#e55353;--cui-btn-border-color:#e55353;--cui-btn-hover-color:#000015;--cui-btn-hover-bg:#e96d6d;--cui-btn-hover-border-color:#e86464;--cui-btn-focus-shadow-rgb:195,71,74;--cui-btn-active-color:#000015;--cui-btn-active-bg:#ea7575;--cui-btn-active-border-color:#e86464;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#000015;--cui-btn-disabled-bg:#e55353;--cui-btn-disabled-border-color:#e55353}.btn-warning{--cui-btn-color:rgba(44,56,74,.95);--cui-btn-bg:#f9b115;--cui-btn-border-color:#f9b115;--cui-btn-hover-color:#000015;--cui-btn-hover-bg:#d49612;--cui-btn-hover-border-color:#c78e11;--cui-btn-focus-shadow-rgb:221,160,28;--cui-btn-active-color:#000015;--cui-btn-active-bg:#c78e11;--cui-btn-active-border-color:#bb8510;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:rgba(44,56,74,.95);--cui-btn-disabled-bg:#f9b115;--cui-btn-disabled-border-color:#f9b115}.btn-info{--cui-btn-color:#000015;--cui-btn-bg:#39f;--cui-btn-border-color:#39f;--cui-btn-hover-color:#000015;--cui-btn-hover-bg:#52a8ff;--cui-btn-hover-border-color:#47a3ff;--cui-btn-focus-shadow-rgb:43,130,220;--cui-btn-active-color:#000015;--cui-btn-active-bg:#5cadff;--cui-btn-active-border-color:#47a3ff;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#000015;--cui-btn-disabled-bg:#39f;--cui-btn-disabled-border-color:#39f}.btn-light{--cui-btn-color:rgba(44,56,74,.95);--cui-btn-bg:#ebedef;--cui-btn-border-color:#ebedef;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-hover-bg:#c8c9cb;--cui-btn-hover-border-color:#bcbebf;--cui-btn-focus-shadow-rgb:209,212,216;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-active-bg:#bcbebf;--cui-btn-active-border-color:#b0b2b3;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:rgba(44,56,74,.95);--cui-btn-disabled-bg:#ebedef;--cui-btn-disabled-border-color:#ebedef}.btn-dark{--cui-btn-color:hsla(0,0%,100%,.87);--cui-btn-bg:#4f5d73;--cui-btn-border-color:#4f5d73;--cui-btn-hover-color:#fff;--cui-btn-hover-bg:#697588;--cui-btn-hover-border-color:#616d81;--cui-btn-focus-shadow-rgb:100,112,132;--cui-btn-active-color:#fff;--cui-btn-active-bg:#727d8f;--cui-btn-active-border-color:#616d81;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:hsla(0,0%,100%,.87);--cui-btn-disabled-bg:#4f5d73;--cui-btn-disabled-border-color:#4f5d73}.btn-outline-primary{--cui-btn-color:#321fdb;--cui-btn-border-color:#321fdb;--cui-btn-hover-color:hsla(0,0%,100%,.87);--cui-btn-hover-bg:#5b4ce2;--cui-btn-hover-border-color:#4735df;--cui-btn-focus-shadow-rgb:50,31,219;--cui-btn-active-color:hsla(0,0%,100%,.87);--cui-btn-active-bg:#5b4ce2;--cui-btn-active-border-color:#4735df;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#321fdb;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-secondary{--cui-btn-color:#9da5b1;--cui-btn-border-color:#9da5b1;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-hover-bg:#b1b7c1;--cui-btn-hover-border-color:#a7aeb9;--cui-btn-focus-shadow-rgb:157,165,177;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-active-bg:#b1b7c1;--cui-btn-active-border-color:#a7aeb9;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#9da5b1;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-success{--cui-btn-color:#2eb85c;--cui-btn-border-color:#2eb85c;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-hover-bg:#58c67d;--cui-btn-hover-border-color:#43bf6c;--cui-btn-focus-shadow-rgb:46,184,92;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-active-bg:#58c67d;--cui-btn-active-border-color:#43bf6c;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#2eb85c;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-danger{--cui-btn-color:#e55353;--cui-btn-border-color:#e55353;--cui-btn-hover-color:#000015;--cui-btn-hover-bg:#ea7575;--cui-btn-hover-border-color:#e86464;--cui-btn-focus-shadow-rgb:229,83,83;--cui-btn-active-color:#000015;--cui-btn-active-bg:#ea7575;--cui-btn-active-border-color:#e86464;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#e55353;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-warning{--cui-btn-color:#f9b115;--cui-btn-border-color:#f9b115;--cui-btn-hover-color:#000015;--cui-btn-hover-bg:#c78e11;--cui-btn-hover-border-color:#bb8510;--cui-btn-focus-shadow-rgb:249,177,21;--cui-btn-active-color:#000015;--cui-btn-active-bg:#c78e11;--cui-btn-active-border-color:#bb8510;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#f9b115;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-info{--cui-btn-color:#39f;--cui-btn-border-color:#39f;--cui-btn-hover-color:#000015;--cui-btn-hover-bg:#5cadff;--cui-btn-hover-border-color:#47a3ff;--cui-btn-focus-shadow-rgb:51,153,255;--cui-btn-active-color:#000015;--cui-btn-active-bg:#5cadff;--cui-btn-active-border-color:#47a3ff;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#39f;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-light{--cui-btn-color:#ebedef;--cui-btn-border-color:#ebedef;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-hover-bg:#bcbebf;--cui-btn-hover-border-color:#b0b2b3;--cui-btn-focus-shadow-rgb:235,237,239;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-active-bg:#bcbebf;--cui-btn-active-border-color:#b0b2b3;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#ebedef;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-outline-dark{--cui-btn-color:#4f5d73;--cui-btn-border-color:#4f5d73;--cui-btn-hover-color:#fff;--cui-btn-hover-bg:#727d8f;--cui-btn-hover-border-color:#616d81;--cui-btn-focus-shadow-rgb:79,93,115;--cui-btn-active-color:#fff;--cui-btn-active-bg:#727d8f;--cui-btn-active-border-color:#616d81;--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,.125);--cui-btn-disabled-color:#4f5d73;--cui-btn-disabled-bg:transparent;--cui-gradient:none}.btn-ghost-primary{--cui-btn-color:#321fdb;--cui-btn-hover-bg:#5141e0;--cui-btn-hover-border-color:#4735df;--cui-btn-hover-color:hsla(0,0%,100%,.87);--cui-btn-active-bg:#5b4ce2;--cui-btn-active-border-color:#4735df;--cui-btn-active-color:hsla(0,0%,100%,.87);--cui-btn-disabled-color:#321fdb;--cui-btn-shadow:rgba(50,31,219,.5)}.btn-ghost-secondary{--cui-btn-color:#9da5b1;--cui-btn-hover-bg:#acb3bd;--cui-btn-hover-border-color:#a7aeb9;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-active-bg:#b1b7c1;--cui-btn-active-border-color:#a7aeb9;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-disabled-color:#9da5b1;--cui-btn-shadow:rgba(157,165,177,.5)}.btn-ghost-success{--cui-btn-color:#2eb85c;--cui-btn-hover-bg:#4dc374;--cui-btn-hover-border-color:#43bf6c;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-active-bg:#58c67d;--cui-btn-active-border-color:#43bf6c;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-disabled-color:#2eb85c;--cui-btn-shadow:rgba(46,184,92,.5)}.btn-ghost-danger{--cui-btn-color:#e55353;--cui-btn-hover-bg:#e96d6d;--cui-btn-hover-border-color:#e86464;--cui-btn-hover-color:#000015;--cui-btn-active-bg:#ea7575;--cui-btn-active-border-color:#e86464;--cui-btn-active-color:#000015;--cui-btn-disabled-color:#e55353;--cui-btn-shadow:rgba(229,83,83,.5)}.btn-ghost-warning{--cui-btn-color:#f9b115;--cui-btn-hover-bg:#d49612;--cui-btn-hover-border-color:#c78e11;--cui-btn-hover-color:#000015;--cui-btn-active-bg:#c78e11;--cui-btn-active-border-color:#bb8510;--cui-btn-active-color:#000015;--cui-btn-disabled-color:#f9b115;--cui-btn-shadow:rgba(249,177,21,.5)}.btn-ghost-info{--cui-btn-color:#39f;--cui-btn-hover-bg:#52a8ff;--cui-btn-hover-border-color:#47a3ff;--cui-btn-hover-color:#000015;--cui-btn-active-bg:#5cadff;--cui-btn-active-border-color:#47a3ff;--cui-btn-active-color:#000015;--cui-btn-disabled-color:#39f;--cui-btn-shadow:rgba(51,153,255,.5)}.btn-ghost-light{--cui-btn-color:#ebedef;--cui-btn-hover-bg:#c8c9cb;--cui-btn-hover-border-color:#bcbebf;--cui-btn-hover-color:rgba(44,56,74,.95);--cui-btn-active-bg:#bcbebf;--cui-btn-active-border-color:#b0b2b3;--cui-btn-active-color:rgba(44,56,74,.95);--cui-btn-disabled-color:#ebedef;--cui-btn-shadow:rgba(235,237,239,.5)}.btn-ghost-dark{--cui-btn-color:#4f5d73;--cui-btn-hover-bg:#697588;--cui-btn-hover-border-color:#616d81;--cui-btn-hover-color:#fff;--cui-btn-active-bg:#727d8f;--cui-btn-active-border-color:#616d81;--cui-btn-active-color:#fff;--cui-btn-disabled-color:#4f5d73;--cui-btn-shadow:rgba(79,93,115,.5)}.btn-link{--cui-btn-font-weight:400;--cui-btn-color:var(--cui-link-color);--cui-btn-bg:transparent;--cui-btn-border-color:transparent;--cui-btn-hover-color:var(--cui-link-hover-color);--cui-btn-hover-border-color:transparent;--cui-btn-active-border-color:transparent;--cui-btn-disabled-color:#8a93a2;--cui-btn-disabled-border-color:transparent;--cui-btn-box-shadow:none;--cui-btn-focus-shadow-rgb:75,58,223;text-decoration:underline}.btn-group-lg>.btn,.btn-lg{--cui-btn-padding-y:0.5rem;--cui-btn-padding-x:1rem;--cui-btn-font-size:1.25rem;--cui-btn-border-radius:0.5rem}.btn-group-sm>.btn,.btn-sm{--cui-btn-padding-y:0.25rem;--cui-btn-padding-x:0.5rem;--cui-btn-font-size:0.875rem;--cui-btn-border-radius:0.25rem}.btn-loading{overflow:hidden;position:relative}.btn-loading-spinner{margin-left:-2rem;margin-right:1rem;opacity:0;transition:margin .15s,opacity .15s,border .15s}@media(prefers-reduced-motion:reduce){.btn-loading-spinner{transition:none}}.btn-loading.is-loading .btn-loading-spinner{margin-left:0;opacity:1;width:1rem}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{height:auto;transition:width .35s ease;width:0}@media(prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--cui-dropdown-min-width:10rem;--cui-dropdown-padding-x:0;--cui-dropdown-padding-y:0.5rem;--cui-dropdown-spacer:0.125rem;--cui-dropdown-font-size:1rem;--cui-dropdown-color:rgba(44,56,74,.95);--cui-dropdown-bg:#fff;--cui-dropdown-border-color:var(--cui-border-color-translucent);--cui-dropdown-border-radius:0.375rem;--cui-dropdown-border-width:1px;--cui-dropdown-inner-border-radius:calc(0.375rem - 1px);--cui-dropdown-divider-bg:var(--cui-border-color-translucent);--cui-dropdown-divider-margin-y:0.5rem;--cui-dropdown-box-shadow:0 0.5rem 1rem rgba(0,0,21,.15);--cui-dropdown-link-color:#4f5d73;--cui-dropdown-link-hover-color:#475468;--cui-dropdown-link-hover-bg:#d8dbe0;--cui-dropdown-link-active-color:hsla(0,0%,100%,.87);--cui-dropdown-link-active-bg:#321fdb;--cui-dropdown-link-disabled-color:#9da5b1;--cui-dropdown-item-padding-x:1rem;--cui-dropdown-item-padding-y:0.25rem;--cui-dropdown-header-color:#8a93a2;--cui-dropdown-header-padding-x:1rem;--cui-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--cui-dropdown-bg);border:var(--cui-dropdown-border-width) solid var(--cui-dropdown-border-color);border-radius:var(--cui-dropdown-border-radius);box-shadow:0 4px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 1px 10px 0 rgba(var(--cui-elevation-base-color,60,75,100),.12),0 2px 4px -1px rgba(var(--cui-elevation-base-color,60,75,100),.2);color:var(--cui-dropdown-color);display:none;font-size:var(--cui-dropdown-font-size);list-style:none;margin:0;min-width:var(--cui-dropdown-min-width);padding:var(--cui-dropdown-padding-y) var(--cui-dropdown-padding-x);position:absolute;text-align:left;z-index:1000}.dropdown-menu:not([class*=border]){border:0}.dropdown-menu[data-coreui-popper]{left:0;margin-top:var(--cui-dropdown-spacer);top:100%}.dropdown-menu-start{--cui-position:start}.dropdown-menu-start[data-coreui-popper]{left:0;right:auto}.dropdown-menu-end{--cui-position:end}.dropdown-menu-end[data-coreui-popper]{left:auto;right:0}@media(min-width:576px){.dropdown-menu-sm-start{--cui-position:start}.dropdown-menu-sm-start[data-coreui-popper]{left:0;right:auto}.dropdown-menu-sm-end{--cui-position:end}.dropdown-menu-sm-end[data-coreui-popper]{left:auto;right:0}}@media(min-width:768px){.dropdown-menu-md-start{--cui-position:start}.dropdown-menu-md-start[data-coreui-popper]{left:0;right:auto}.dropdown-menu-md-end{--cui-position:end}.dropdown-menu-md-end[data-coreui-popper]{left:auto;right:0}}@media(min-width:992px){.dropdown-menu-lg-start{--cui-position:start}.dropdown-menu-lg-start[data-coreui-popper]{left:0;right:auto}.dropdown-menu-lg-end{--cui-position:end}.dropdown-menu-lg-end[data-coreui-popper]{left:auto;right:0}}@media(min-width:1200px){.dropdown-menu-xl-start{--cui-position:start}.dropdown-menu-xl-start[data-coreui-popper]{left:0;right:auto}.dropdown-menu-xl-end{--cui-position:end}.dropdown-menu-xl-end[data-coreui-popper]{left:auto;right:0}}@media(min-width:1400px){.dropdown-menu-xxl-start{--cui-position:start}.dropdown-menu-xxl-start[data-coreui-popper]{left:0;right:auto}.dropdown-menu-xxl-end{--cui-position:end}.dropdown-menu-xxl-end[data-coreui-popper]{left:auto;right:0}}.dropup .dropdown-menu[data-coreui-popper]{bottom:100%;margin-bottom:var(--cui-dropdown-spacer);margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-coreui-popper]{left:100%;margin-left:var(--cui-dropdown-spacer);margin-top:0;right:auto;top:0}.dropend .dropdown-toggle:after{border-bottom:.3em solid transparent;border-left:.3em solid;border-right:0;border-top:.3em solid transparent;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-coreui-popper]{left:auto;margin-right:var(--cui-dropdown-spacer);margin-top:0;right:100%;top:0}.dropstart .dropdown-toggle:after{content:"";display:inline-block;display:none;margin-left:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:before{border-bottom:.3em solid transparent;border-right:.3em solid;border-top:.3em solid transparent;content:"";display:inline-block;margin-right:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{border-top:1px solid var(--cui-dropdown-divider-bg);height:0;margin:var(--cui-dropdown-divider-margin-y) 0;opacity:1;overflow:hidden}.dropdown-item{background-color:transparent;border:0;clear:both;color:var(--cui-dropdown-link-color);display:block;font-weight:400;padding:var(--cui-dropdown-item-padding-y) var(--cui-dropdown-item-padding-x);text-align:inherit;text-decoration:none;white-space:nowrap;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--cui-dropdown-link-hover-bg);color:var(--cui-dropdown-link-hover-color)}.dropdown-item.active,.dropdown-item:active{background-color:var(--cui-dropdown-link-active-bg);color:var(--cui-dropdown-link-active-color);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:var(--cui-dropdown-link-disabled-color);pointer-events:none}.dropdown-menu.show{display:block}.dropdown-header{color:var(--cui-dropdown-header-color);display:block;font-size:.875rem;margin-bottom:0;padding:var(--cui-dropdown-header-padding-y) var(--cui-dropdown-header-padding-x);white-space:nowrap}.dropdown-item-text{color:var(--cui-dropdown-link-color);display:block;padding:var(--cui-dropdown-item-padding-y) var(--cui-dropdown-item-padding-x)}.dropdown-menu-dark{--cui-dropdown-color:#c4c9d0;--cui-dropdown-bg:#636f83;--cui-dropdown-border-color:var(--cui-border-color-translucent);--cui-dropdown-box-shadow: ;--cui-dropdown-link-color:#c4c9d0;--cui-dropdown-link-hover-color:hsla(0,0%,100%,.87);--cui-dropdown-divider-bg:var(--cui-border-color-translucent);--cui-dropdown-link-hover-bg:hsla(0,0%,100%,.15);--cui-dropdown-link-active-color:hsla(0,0%,100%,.87);--cui-dropdown-link-active-bg:#321fdb;--cui-dropdown-link-disabled-color:#9da5b1;--cui-dropdown-header-color:#9da5b1}.btn-group,.btn-group-vertical{display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{flex:1 1 auto;position:relative}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:.375rem}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{align-items:flex-start;flex-direction:column;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--cui-nav-link-padding-x:1rem;--cui-nav-link-padding-y:0.5rem;--cui-nav-link-font-weight: ;--cui-nav-link-color:var(--cui-link-color);--cui-nav-link-hover-color:var(--cui-link-hover-color);--cui-nav-link-disabled-color:#8a93a2;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.nav-link{color:var(--cui-nav-link-color);display:block;font-size:var(--cui-nav-link-font-size);font-weight:var(--cui-nav-link-font-weight);padding:var(--cui-nav-link-padding-y) var(--cui-nav-link-padding-x);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--cui-nav-link-hover-color)}.nav-link.disabled{color:var(--cui-nav-link-disabled-color);cursor:default;pointer-events:none}.nav-tabs{--cui-nav-tabs-border-width:1px;--cui-nav-tabs-border-color:#c4c9d0;--cui-nav-tabs-border-radius:0.375rem;--cui-nav-tabs-link-hover-border-color:#d8dbe0 #d8dbe0 #c4c9d0;--cui-nav-tabs-link-active-color:#768192;--cui-nav-tabs-link-active-bg:#fff;--cui-nav-tabs-link-active-border-color:#c4c9d0 #c4c9d0 #fff;border-bottom:var(--cui-nav-tabs-border-width) solid var(--cui-nav-tabs-border-color)}.nav-tabs .nav-link{background:none;border:var(--cui-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--cui-nav-tabs-border-radius);border-top-right-radius:var(--cui-nav-tabs-border-radius);margin-bottom:calc(var(--cui-nav-tabs-border-width)*-1)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:var(--cui-nav-tabs-link-hover-border-color);isolation:isolate}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{background-color:transparent;border-color:transparent;color:var(--cui-nav-link-disabled-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:var(--cui-nav-tabs-link-active-bg);border-color:var(--cui-nav-tabs-link-active-border-color);color:var(--cui-nav-tabs-link-active-color)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--cui-nav-tabs-border-width)*-1)}.nav-pills{--cui-nav-pills-border-radius:0.375rem;--cui-nav-pills-link-active-color:hsla(0,0%,100%,.87);--cui-nav-pills-link-active-bg:#321fdb}.nav-pills .nav-link{background:none;border:0;border-radius:var(--cui-nav-pills-border-radius)}.nav-pills .nav-link:disabled{background-color:transparent;border-color:transparent;color:var(--cui-nav-link-disabled-color)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--cui-nav-pills-link-active-bg);color:var(--cui-nav-pills-link-active-color)}.nav-underline{border-bottom:2px solid var(--cui-nav-underline-border-color,#c4c9d0)}.nav-underline .nav-item{margin-bottom:-2px}.nav-underline .nav-link{border-bottom:2px solid transparent;color:var(--cui-nav-underline-link-color,#768192)}.nav-underline .nav-link.active,.nav-underline .nav-link:focus,.nav-underline .nav-link:hover,.nav-underline .show>.nav-link{border-color:var(--cui-nav-underline-link-active-border-color,#321fdb)}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{background:transparent;color:var(--cui-nav-underline-link-active-color,#321fdb)}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--cui-navbar-padding-x:0;--cui-navbar-padding-y:0.5rem;--cui-navbar-color:rgba(44,56,74,.681);--cui-navbar-hover-color:rgba(44,56,74,.95);--cui-navbar-disabled-color:rgba(44,56,74,.38);--cui-navbar-active-color:rgba(44,56,74,.95);--cui-navbar-brand-padding-y:0.3125rem;--cui-navbar-brand-margin-end:1rem;--cui-navbar-brand-font-size:1.25rem;--cui-navbar-brand-color:rgba(44,56,74,.95);--cui-navbar-brand-hover-color:rgba(44,56,74,.95);--cui-navbar-nav-link-padding-x:0.5rem;--cui-navbar-toggler-padding-y:0.25rem;--cui-navbar-toggler-padding-x:0.75rem;--cui-navbar-toggler-font-size:1.25rem;--cui-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(44, 56, 74, 0.681)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--cui-navbar-toggler-border-color:rgba(0,0,21,.1);--cui-navbar-toggler-border-radius:0.375rem;--cui-navbar-toggler-focus-width:0.25rem;--cui-navbar-toggler-transition:box-shadow 0.15s ease-in-out;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--cui-navbar-padding-y) var(--cui-navbar-padding-x);position:relative}.navbar .header>.container,.navbar .header>.container-fluid,.navbar .header>.container-lg,.navbar .header>.container-md,.navbar .header>.container-sm,.navbar .header>.container-xl,.navbar .header>.container-xxl,.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.navbar-brand{color:var(--cui-navbar-brand-color);font-size:var(--cui-navbar-brand-font-size);margin-right:var(--cui-navbar-brand-margin-end);padding-bottom:var(--cui-navbar-brand-padding-y);padding-top:var(--cui-navbar-brand-padding-y);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--cui-navbar-brand-hover-color)}.navbar-nav{--cui-nav-link-padding-x:0;--cui-nav-link-padding-y:0.5rem;--cui-nav-link-color:var(--cui-navbar-color);--cui-nav-link-hover-color:var(--cui-navbar-hover-color);--cui-nav-link-disabled-color:var(--cui-navbar-disabled-color);display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--cui-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{color:var(--cui-navbar-color);padding-bottom:.5rem;padding-top:.5rem}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--cui-navbar-active-color)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:var(--cui-border-width) solid var(--cui-navbar-toggler-border-color);border-radius:var(--cui-navbar-toggler-border-radius);color:var(--cui-navbar-color);font-size:var(--cui-navbar-toggler-font-size);line-height:1;padding:var(--cui-navbar-toggler-padding-y) var(--cui-navbar-toggler-padding-x);transition:var(--cui-navbar-toggler-transition)}@media(prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{box-shadow:0 0 0 var(--cui-navbar-toggler-focus-width);outline:0;text-decoration:none}.navbar-toggler-icon{background-image:var(--cui-navbar-toggler-icon-bg);background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}.navbar-nav-scroll{max-height:var(--cui-scroll-height,75vh);overflow-y:auto}@media(min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:var(--cui-navbar-nav-link-padding-x);padding-right:var(--cui-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;-webkit-transform:none!important;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:var(--cui-navbar-nav-link-padding-x);padding-right:var(--cui-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;-webkit-transform:none!important;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:var(--cui-navbar-nav-link-padding-x);padding-right:var(--cui-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;-webkit-transform:none!important;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--cui-navbar-nav-link-padding-x);padding-right:var(--cui-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;-webkit-transform:none!important;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-left:var(--cui-navbar-nav-link-padding-x);padding-right:var(--cui-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;-webkit-transform:none!important;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:var(--cui-navbar-nav-link-padding-x);padding-right:var(--cui-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;-webkit-transform:none!important;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}.navbar-dark{--cui-navbar-color:hsla(0,0%,100%,.6);--cui-navbar-hover-color:hsla(0,0%,100%,.87);--cui-navbar-disabled-color:hsla(0,0%,100%,.38);--cui-navbar-active-color:hsla(0,0%,100%,.87);--cui-navbar-brand-color:hsla(0,0%,100%,.87);--cui-navbar-brand-hover-color:hsla(0,0%,100%,.87);--cui-navbar-toggler-border-color:hsla(0,0%,100%,.1);--cui-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.6)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.card{--cui-card-spacer-y:1rem;--cui-card-spacer-x:1rem;--cui-card-title-spacer-y:0.5rem;--cui-card-border-width:1px;--cui-card-border-color:var(--cui-border-color-translucent);--cui-card-border-radius:0.375rem;--cui-card-box-shadow: ;--cui-card-inner-border-radius:calc(0.375rem - 1px);--cui-card-cap-padding-y:0.5rem;--cui-card-cap-padding-x:1rem;--cui-card-cap-bg:rgba(0,0,21,.03);--cui-card-cap-color:unset;--cui-card-height: ;--cui-card-color:unset;--cui-card-bg:#fff;--cui-card-img-overlay-padding:1rem;--cui-card-group-margin:0.75rem;word-wrap:break-word;background-clip:border-box;background-color:var(--cui-card-bg);border:var(--cui-card-border-width) solid var(--cui-card-border-color);border-radius:var(--cui-card-border-radius);box-shadow:0 1px 1px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 2px 1px -1px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 3px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2);display:flex;flex-direction:column;height:var(--cui-card-height);min-width:0;position:relative}.card:not([class*=border]){border:0}.card>hr{margin-left:0;margin-right:0}.card>.list-group{border-bottom:inherit;border-top:inherit}.card>.list-group:first-child{border-top-left-radius:var(--cui-card-inner-border-radius);border-top-right-radius:var(--cui-card-inner-border-radius);border-top-width:0}.card>.list-group:last-child{border-bottom-left-radius:var(--cui-card-inner-border-radius);border-bottom-right-radius:var(--cui-card-inner-border-radius);border-bottom-width:0}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{color:var(--cui-card-color);flex:1 1 auto;padding:var(--cui-card-spacer-y) var(--cui-card-spacer-x)}.card-title{margin-bottom:var(--cui-card-title-spacer-y)}.card-subtitle{margin-top:calc(var(--cui-card-title-spacer-y)*-.5)}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--cui-card-spacer-x)}.card-header{background-color:var(--cui-card-cap-bg);border-bottom:var(--cui-card-border-width) solid var(--cui-card-border-color);color:var(--cui-card-cap-color);margin-bottom:0;padding:var(--cui-card-cap-padding-y) var(--cui-card-cap-padding-x)}.card-header:first-child{border-radius:var(--cui-card-inner-border-radius) var(--cui-card-inner-border-radius) 0 0}.card-footer{background-color:var(--cui-card-cap-bg);border-top:var(--cui-card-border-width) solid var(--cui-card-border-color);color:var(--cui-card-cap-color);padding:var(--cui-card-cap-padding-y) var(--cui-card-cap-padding-x)}.card-footer:last-child{border-radius:0 0 var(--cui-card-inner-border-radius) var(--cui-card-inner-border-radius)}.card-header-tabs{border-bottom:0;margin-bottom:calc(var(--cui-card-cap-padding-y)*-1);margin-left:calc(var(--cui-card-cap-padding-x)*-.5);margin-right:calc(var(--cui-card-cap-padding-x)*-.5)}.card-header-tabs .nav-link.active{background-color:var(--cui-card-bg);border-bottom-color:var(--cui-card-bg)}.card-header-pills{margin-left:calc(var(--cui-card-cap-padding-x)*-.5);margin-right:calc(var(--cui-card-cap-padding-x)*-.5)}.card-img-overlay{border-radius:var(--cui-card-inner-border-radius);bottom:0;left:0;padding:var(--cui-card-img-overlay-padding);position:absolute;right:0;top:0}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--cui-card-inner-border-radius);border-top-right-radius:var(--cui-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-left-radius:var(--cui-card-inner-border-radius);border-bottom-right-radius:var(--cui-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--cui-card-group-margin)}@media(min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--cui-accordion-color:rgba(44,56,74,.95);--cui-accordion-bg:#fff;--cui-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--cui-accordion-border-color:var(--cui-border-color);--cui-accordion-border-width:1px;--cui-accordion-border-radius:0.375rem;--cui-accordion-inner-border-radius:calc(0.375rem - 1px);--cui-accordion-btn-padding-x:1.25rem;--cui-accordion-btn-padding-y:1rem;--cui-accordion-btn-color:var(--cui-body-color);--cui-accordion-btn-bg:var(--cui-accordion-bg);--cui-accordion-btn-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='var(--cui-body-color)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--cui-accordion-btn-icon-width:1.25rem;--cui-accordion-btn-icon-transform:rotate(-180deg);--cui-accordion-btn-icon-transition:transform 0.2s ease-in-out;--cui-accordion-btn-active-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232d1cc5' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--cui-accordion-btn-focus-border-color:#998fed;--cui-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(50,31,219,.25);--cui-accordion-body-padding-x:1.25rem;--cui-accordion-body-padding-y:1rem;--cui-accordion-active-color:#2d1cc5;--cui-accordion-active-bg:#ebe9fb}.accordion-button{align-items:center;background-color:var(--cui-accordion-btn-bg);border:0;border-radius:0;color:var(--cui-accordion-btn-color);display:flex;font-size:1rem;overflow-anchor:none;padding:var(--cui-accordion-btn-padding-y) var(--cui-accordion-btn-padding-x);position:relative;text-align:left;transition:var(--cui-accordion-transition);width:100%}@media(prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){background-color:var(--cui-accordion-active-bg);box-shadow:inset 0 calc(var(--cui-accordion-border-width)*-1) 0 var(--cui-accordion-border-color);color:var(--cui-accordion-active-color)}.accordion-button:not(.collapsed):after{background-image:var(--cui-accordion-btn-active-icon);-webkit-transform:var(--cui-accordion-btn-icon-transform);transform:var(--cui-accordion-btn-icon-transform)}.accordion-button:after{background-image:var(--cui-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--cui-accordion-btn-icon-width);content:"";flex-shrink:0;height:var(--cui-accordion-btn-icon-width);margin-left:auto;transition:var(--cui-accordion-btn-icon-transition);width:var(--cui-accordion-btn-icon-width)}@media(prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{border-color:var(--cui-accordion-btn-focus-border-color);box-shadow:var(--cui-accordion-btn-focus-box-shadow);outline:0;z-index:3}.accordion-header{margin-bottom:0}.accordion-item{background-color:var(--cui-accordion-bg);border:var(--cui-accordion-border-width) solid var(--cui-accordion-border-color);color:var(--cui-accordion-color)}.accordion-item:first-of-type{border-top-left-radius:var(--cui-accordion-border-radius);border-top-right-radius:var(--cui-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--cui-accordion-inner-border-radius);border-top-right-radius:var(--cui-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-left-radius:var(--cui-accordion-border-radius);border-bottom-right-radius:var(--cui-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-left-radius:var(--cui-accordion-inner-border-radius);border-bottom-right-radius:var(--cui-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-left-radius:var(--cui-accordion-border-radius);border-bottom-right-radius:var(--cui-accordion-border-radius)}.accordion-body{padding:var(--cui-accordion-body-padding-y) var(--cui-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-left:0;border-radius:0;border-right:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{--cui-breadcrumb-padding-x:0;--cui-breadcrumb-padding-y:0;--cui-breadcrumb-margin-bottom:1rem;--cui-breadcrumb-bg:unset;--cui-breadcrumb-border-radius: ;--cui-breadcrumb-divider-color:#8a93a2;--cui-breadcrumb-item-padding-x:0.5rem;--cui-breadcrumb-item-active-color:#8a93a2;background-color:var(--cui-breadcrumb-bg);border-radius:var(--cui-breadcrumb-border-radius);display:flex;flex-wrap:wrap;font-size:var(--cui-breadcrumb-font-size);list-style:none;margin-bottom:var(--cui-breadcrumb-margin-bottom);padding:var(--cui-breadcrumb-padding-y) var(--cui-breadcrumb-padding-x)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--cui-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{color:var(--cui-breadcrumb-divider-color);content:var(--cui-breadcrumb-divider,"/");float:left;padding-right:var(--cui-breadcrumb-item-padding-x)}.breadcrumb-item.active{color:var(--cui-breadcrumb-item-active-color)}.pagination{--cui-pagination-padding-x:0.75rem;--cui-pagination-padding-y:0.375rem;--cui-pagination-font-size:1rem;--cui-pagination-color:var(--cui-link-color);--cui-pagination-bg:#fff;--cui-pagination-border-width:1px;--cui-pagination-border-color:#c4c9d0;--cui-pagination-border-radius:0.375rem;--cui-pagination-hover-color:var(--cui-link-hover-color);--cui-pagination-hover-bg:#d8dbe0;--cui-pagination-hover-border-color:#c4c9d0;--cui-pagination-focus-color:var(--cui-link-hover-color);--cui-pagination-focus-bg:#d8dbe0;--cui-pagination-focus-box-shadow:0 0 0 0.25rem rgba(50,31,219,.25);--cui-pagination-active-color:hsla(0,0%,100%,.87);--cui-pagination-active-bg:#321fdb;--cui-pagination-active-border-color:#321fdb;--cui-pagination-disabled-color:#8a93a2;--cui-pagination-disabled-bg:#fff;--cui-pagination-disabled-border-color:#c4c9d0;display:flex;list-style:none;padding-left:0}.page-link{background-color:var(--cui-pagination-bg);border:var(--cui-pagination-border-width) solid var(--cui-pagination-border-color);color:var(--cui-pagination-color);display:block;font-size:var(--cui-pagination-font-size);padding:var(--cui-pagination-padding-y) var(--cui-pagination-padding-x);position:relative;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{background-color:var(--cui-pagination-hover-bg);border-color:var(--cui-pagination-hover-border-color);color:var(--cui-pagination-hover-color);z-index:2}.page-link:focus{background-color:var(--cui-pagination-focus-bg);box-shadow:var(--cui-pagination-focus-box-shadow);color:var(--cui-pagination-focus-color);outline:0;z-index:3}.active>.page-link,.page-link.active{background-color:var(--cui-pagination-active-bg);border-color:var(--cui-pagination-active-border-color);color:var(--cui-pagination-active-color);z-index:3}.disabled>.page-link,.page-link.disabled{background-color:var(--cui-pagination-disabled-bg);border-color:var(--cui-pagination-disabled-border-color);color:var(--cui-pagination-disabled-color);pointer-events:none}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item:first-child .page-link{border-bottom-left-radius:var(--cui-pagination-border-radius);border-top-left-radius:var(--cui-pagination-border-radius)}.page-item:last-child .page-link{border-bottom-right-radius:var(--cui-pagination-border-radius);border-top-right-radius:var(--cui-pagination-border-radius)}.pagination-lg{--cui-pagination-padding-x:1.5rem;--cui-pagination-padding-y:0.75rem;--cui-pagination-font-size:1.25rem;--cui-pagination-border-radius:0.5rem}.pagination-sm{--cui-pagination-padding-x:0.5rem;--cui-pagination-padding-y:0.25rem;--cui-pagination-font-size:0.875rem;--cui-pagination-border-radius:0.25rem}.badge{--cui-badge-padding-x:0.65em;--cui-badge-padding-y:0.35em;--cui-badge-font-size:0.75em;--cui-badge-font-weight:700;--cui-badge-color:hsla(0,0%,100%,.87);--cui-badge-border-radius:0.375rem;border-radius:var(--cui-badge-border-radius,0);color:var(--cui-badge-color);display:inline-block;font-size:var(--cui-badge-font-size);font-weight:var(--cui-badge-font-weight);line-height:1;padding:var(--cui-badge-padding-y) var(--cui-badge-padding-x);text-align:center;vertical-align:baseline;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-sm{font-size:.65em;padding:.3em .5em}.alert{--cui-alert-bg:transparent;--cui-alert-padding-x:1rem;--cui-alert-padding-y:1rem;--cui-alert-margin-bottom:1rem;--cui-alert-color:inherit;--cui-alert-border-color:transparent;--cui-alert-border:1px solid var(--cui-alert-border-color);--cui-alert-border-radius:0.375rem;background-color:var(--cui-alert-bg);border:var(--cui-alert-border);border-radius:var(--cui-alert-border-radius);color:var(--cui-alert-color);margin-bottom:var(--cui-alert-margin-bottom);padding:var(--cui-alert-padding-y) var(--cui-alert-padding-x);position:relative}.alert-heading{color:inherit}.alert-link{color:var(--cui-alert-link-color);font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{padding:1.25rem 1rem;position:absolute;right:0;top:0;z-index:2}.alert-primary{--cui-alert-color:#1e1383;--cui-alert-bg:#d6d2f8;--cui-alert-border-color:#c2bcf4}.alert-primary .alert-link{color:#180f69}.alert-secondary{--cui-alert-color:#5e636a;--cui-alert-bg:#ebedef;--cui-alert-border-color:#e2e4e8}.alert-secondary .alert-link{color:#4b4f55}.alert-success{--cui-alert-color:#1c6e37;--cui-alert-bg:#d5f1de;--cui-alert-border-color:#c0eace}.alert-success .alert-link{color:#16582c}.alert-info{--cui-alert-color:#1f5c99;--cui-alert-bg:#d6ebff;--cui-alert-border-color:#c2e0ff}.alert-info .alert-link{color:#194a7a}.alert-warning{--cui-alert-color:rgba(131,107,52,.97);--cui-alert-bg:#feefd0;--cui-alert-border-color:#fde8b9}.alert-warning .alert-link{color:rgba(104,85,41,.976)}.alert-danger{--cui-alert-color:#893232;--cui-alert-bg:#fadddd;--cui-alert-border-color:#f7cbcb}.alert-danger .alert-link{color:#6e2828}.alert-light{--cui-alert-color:hsla(215,8%,53%,.97);--cui-alert-bg:#fbfbfc;--cui-alert-border-color:#f9fafa}.alert-light .alert-link{color:rgba(99,105,114,.976)}.alert-dark{--cui-alert-color:#2f3845;--cui-alert-bg:#dcdfe3;--cui-alert-border-color:#caced5}.alert-dark .alert-link{color:#262d37}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--cui-progress-height:1rem;--cui-progress-font-size:0.75rem;--cui-progress-bg:#d8dbe0;--cui-progress-border-radius:0.375rem;--cui-progress-box-shadow:inset 0 1px 2px rgba(0,0,21,.075);--cui-progress-bar-color:hsla(0,0%,100%,.87);--cui-progress-bar-bg:#321fdb;--cui-progress-bar-transition:width 0.6s ease;background-color:var(--cui-progress-bg);border-radius:var(--cui-progress-border-radius);font-size:var(--cui-progress-font-size);height:var(--cui-progress-height)}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{background-color:var(--cui-progress-bar-bg);color:var(--cui-progress-bar-color);flex-direction:column;justify-content:center;text-align:center;transition:var(--cui-progress-bar-transition);white-space:nowrap}@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:var(--cui-progress-height) var(--cui-progress-height)}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media(prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.progress-thin{height:4px}.progress.progress-white{background-color:hsla(0,0%,100%,.2)}.progress.progress-white .progress-bar{background-color:#fff}.progress-group{display:flex;flex-flow:row wrap;margin-bottom:1rem}.progress-group-prepend{align-self:center;flex:0 0 100px}.progress-group-header{align-items:center;display:flex;flex-basis:100%;margin-bottom:.25rem}.progress-group-bars{align-self:center;flex-grow:1}.progress-group-bars .progress:not(:last-child){margin-bottom:2px}.progress-group-header+.progress-group-bars{flex-basis:100%}.list-group{--cui-list-group-color:unset;--cui-list-group-bg:#fff;--cui-list-group-border-color:rgba(0,0,21,.125);--cui-list-group-border-width:1px;--cui-list-group-border-radius:0.375rem;--cui-list-group-item-padding-x:1rem;--cui-list-group-item-padding-y:0.5rem;--cui-list-group-action-color:#768192;--cui-list-group-action-hover-color:#768192;--cui-list-group-action-hover-bg:#ebedef;--cui-list-group-action-active-color:rgba(44,56,74,.95);--cui-list-group-action-active-bg:#d8dbe0;--cui-list-group-disabled-color:#8a93a2;--cui-list-group-disabled-bg:#fff;--cui-list-group-active-color:hsla(0,0%,100%,.87);--cui-list-group-active-bg:#321fdb;--cui-list-group-active-border-color:#321fdb;border-radius:var(--cui-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-numbered{counter-reset:section;list-style-type:none}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item-action{color:var(--cui-list-group-action-color);text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:var(--cui-list-group-action-hover-bg);color:var(--cui-list-group-action-hover-color);text-decoration:none;z-index:1}.list-group-item-action:active{background-color:var(--cui-list-group-action-active-bg);color:var(--cui-list-group-action-active-color)}.list-group-item{background-color:var(--cui-list-group-bg);border:var(--cui-list-group-border-width) solid var(--cui-list-group-border-color);color:var(--cui-list-group-color);display:block;padding:var(--cui-list-group-item-padding-y) var(--cui-list-group-item-padding-x);position:relative;text-decoration:none}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{background-color:var(--cui-list-group-disabled-bg);color:var(--cui-list-group-disabled-color);pointer-events:none}.list-group-item.active{background-color:var(--cui-list-group-active-bg);border-color:var(--cui-list-group-active-border-color);color:var(--cui-list-group-active-color);z-index:2}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{border-top-width:var(--cui-list-group-border-width);margin-top:calc(var(--cui-list-group-border-width)*-1)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:var(--cui-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:var(--cui-list-group-border-radius)}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--cui-list-group-border-width)}.list-group-horizontal>.list-group-item+.list-group-item.active{border-left-width:var(--cui-list-group-border-width);margin-left:calc(var(--cui-list-group-border-width)*-1)}@media(min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:var(--cui-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:var(--cui-list-group-border-radius)}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--cui-list-group-border-width)}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{border-left-width:var(--cui-list-group-border-width);margin-left:calc(var(--cui-list-group-border-width)*-1)}}@media(min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:var(--cui-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:var(--cui-list-group-border-radius)}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--cui-list-group-border-width)}.list-group-horizontal-md>.list-group-item+.list-group-item.active{border-left-width:var(--cui-list-group-border-width);margin-left:calc(var(--cui-list-group-border-width)*-1)}}@media(min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:var(--cui-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:var(--cui-list-group-border-radius)}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--cui-list-group-border-width)}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{border-left-width:var(--cui-list-group-border-width);margin-left:calc(var(--cui-list-group-border-width)*-1)}}@media(min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:var(--cui-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:var(--cui-list-group-border-radius)}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--cui-list-group-border-width)}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{border-left-width:var(--cui-list-group-border-width);margin-left:calc(var(--cui-list-group-border-width)*-1)}}@media(min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:var(--cui-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-bottom-left-radius:0;border-top-right-radius:var(--cui-list-group-border-radius)}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--cui-list-group-border-width)}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{border-left-width:var(--cui-list-group-border-width);margin-left:calc(var(--cui-list-group-border-width)*-1)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--cui-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--cui-list-group-color:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary");--cui-list-group-bg:#d6d2f8;--cui-list-group-hover-bg:#2d1cc5;--cui-list-group-action-hover-color:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary");--cui-list-group-action-active-border-color:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary")}.list-group-item-secondary{--cui-list-group-color:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary");--cui-list-group-bg:#ebedef;--cui-list-group-hover-bg:#8d959f;--cui-list-group-action-hover-color:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary");--cui-list-group-action-active-border-color:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary")}.list-group-item-success{--cui-list-group-color:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success");--cui-list-group-bg:#d5f1de;--cui-list-group-hover-bg:#29a653;--cui-list-group-action-hover-color:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success");--cui-list-group-action-active-border-color:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success")}.list-group-item-danger{--cui-list-group-color:contrast-ratio-correction(#893232,#fadddd,40%,"danger");--cui-list-group-bg:#fadddd;--cui-list-group-hover-bg:#ce4b4b;--cui-list-group-action-hover-color:contrast-ratio-correction(#893232,#fadddd,40%,"danger");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#893232,#fadddd,40%,"danger");--cui-list-group-action-active-border-color:contrast-ratio-correction(#893232,#fadddd,40%,"danger")}.list-group-item-warning{--cui-list-group-color:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning");--cui-list-group-bg:#feefd0;--cui-list-group-hover-bg:#e09f13;--cui-list-group-action-hover-color:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning");--cui-list-group-action-active-border-color:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning")}.list-group-item-info{--cui-list-group-color:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info");--cui-list-group-bg:#d6ebff;--cui-list-group-hover-bg:#2e8ae6;--cui-list-group-action-hover-color:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info");--cui-list-group-action-active-border-color:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info")}.list-group-item-light{--cui-list-group-color:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light");--cui-list-group-bg:#fbfbfc;--cui-list-group-hover-bg:#d4d5d7;--cui-list-group-action-hover-color:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light");--cui-list-group-action-active-border-color:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light")}.list-group-item-dark{--cui-list-group-color:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark");--cui-list-group-bg:#dcdfe3;--cui-list-group-hover-bg:#475468;--cui-list-group-action-hover-color:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark");--cui-list-group-action-active-color:#fff;--cui-list-group-action-active-bg:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark");--cui-list-group-action-active-border-color:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark")}.btn-close{background:transparent var(--cui-btn-close-bg,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.95)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E")) center/1em auto no-repeat;border:0;border-radius:.375rem;box-sizing:content-box;height:1em;opacity:.5;padding:.25em;width:1em}.btn-close,.btn-close:hover{color:var(--cui-btn-close-color,rgba(44,56,74,.95))}.btn-close:hover{opacity:.75;text-decoration:none}.btn-close:focus{box-shadow:0 0 0 .25rem rgba(50,31,219,.25);opacity:1;outline:0}.btn-close.disabled,.btn-close:disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.btn-close-white{-webkit-filter:invert(1) grayscale(100%) brightness(200%);filter:invert(1) grayscale(100%) brightness(200%)}.toast{--cui-toast-padding-x:0.75rem;--cui-toast-padding-y:0.5rem;--cui-toast-spacing:1.5rem;--cui-toast-max-width:350px;--cui-toast-font-size:0.875rem;--cui-toast-color:unset;--cui-toast-bg:hsla(0,0%,100%,.85);--cui-toast-border-width:1px;--cui-toast-border-color:var(--cui-border-color-translucent);--cui-toast-border-radius:0.375rem;--cui-toast-box-shadow:0 0.5rem 1rem rgba(0,0,21,.15);--cui-toast-header-color:#8a93a2;--cui-toast-header-bg:hsla(0,0%,100%,.85);--cui-toast-header-border-color:rgba(0,0,21,.05);background-clip:padding-box;background-color:var(--cui-toast-bg);border:var(--cui-toast-border-width) solid var(--cui-toast-border-color);border-radius:var(--cui-toast-border-radius);box-shadow:var(--cui-toast-box-shadow);color:var(--cui-toast-color);font-size:var(--cui-toast-font-size);max-width:100%;pointer-events:auto;width:var(--cui-toast-max-width)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{max-width:100%;pointer-events:none;position:absolute;width:-webkit-max-content;width:max-content;z-index:1090}.toast-container>:not(:last-child){margin-bottom:var(--cui-toast-spacing)}.toast-header{align-items:center;background-clip:padding-box;background-color:var(--cui-toast-header-bg);border-bottom:var(--cui-toast-border-width) solid var(--cui-toast-header-border-color);border-top-left-radius:calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width));border-top-right-radius:calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width));color:var(--cui-toast-header-color);display:flex;padding:var(--cui-toast-padding-y) var(--cui-toast-padding-x)}.toast-header .btn-close{margin-left:var(--cui-toast-padding-x);margin-right:calc(var(--cui-toast-padding-x)*-.5)}.toast-body{word-wrap:break-word;padding:var(--cui-toast-padding-x)}.modal{--cui-modal-zindex:1055;--cui-modal-width:500px;--cui-modal-padding:1rem;--cui-modal-margin:0.5rem;--cui-modal-color:unset;--cui-modal-bg:#fff;--cui-modal-border-color:var(--cui-border-color-translucent);--cui-modal-border-width:1px;--cui-modal-border-radius:0.5rem;--cui-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,21,.075);--cui-modal-inner-border-radius:calc(0.5rem - 1px);--cui-modal-header-padding-x:1rem;--cui-modal-header-padding-y:1rem;--cui-modal-header-padding:1rem 1rem;--cui-modal-header-border-color:var(--cui-border-color);--cui-modal-header-border-width:1px;--cui-modal-title-line-height:1.5;--cui-modal-footer-gap:0.5rem;--cui-modal-footer-bg: ;--cui-modal-footer-border-color:var(--cui-border-color);--cui-modal-footer-border-width:1px;display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--cui-modal-zindex)}.modal-dialog{margin:var(--cui-modal-margin);pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--cui-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - var(--cui-modal-margin)*2)}.modal-content{background-clip:padding-box;background-color:var(--cui-modal-bg);border:var(--cui-modal-border-width) solid var(--cui-modal-border-color);border-radius:var(--cui-modal-border-radius);box-shadow:0 24px 38px 3px rgba(var(--cui-elevation-base-color,60,75,100),.14),0 9px 46px 8px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 11px 15px -7px rgba(var(--cui-elevation-base-color,60,75,100),.2);color:var(--cui-modal-color);display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-content:not([class*=border]){border:0}.modal-backdrop{--cui-backdrop-zindex:1050;--cui-backdrop-bg:#000015;--cui-backdrop-opacity:0.5;background-color:var(--cui-backdrop-bg);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:var(--cui-backdrop-zindex)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--cui-backdrop-opacity)}.modal-header{align-items:center;border-bottom:var(--cui-modal-header-border-width) solid var(--cui-modal-header-border-color);border-top-left-radius:var(--cui-modal-inner-border-radius);border-top-right-radius:var(--cui-modal-inner-border-radius);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--cui-modal-header-padding)}.modal-header .btn-close{margin:calc(var(--cui-modal-header-padding-y)*-.5) calc(var(--cui-modal-header-padding-x)*-.5) calc(var(--cui-modal-header-padding-y)*-.5) auto;padding:calc(var(--cui-modal-header-padding-y)*.5) calc(var(--cui-modal-header-padding-x)*.5)}.modal-title{line-height:var(--cui-modal-title-line-height);margin-bottom:0}.modal-body{flex:1 1 auto;padding:var(--cui-modal-padding);position:relative}.modal-footer{align-items:center;background-color:var(--cui-modal-footer-bg);border-bottom-left-radius:var(--cui-modal-inner-border-radius);border-bottom-right-radius:var(--cui-modal-inner-border-radius);border-top:var(--cui-modal-footer-border-width) solid var(--cui-modal-footer-border-color);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:calc(var(--cui-modal-padding) - var(--cui-modal-footer-gap)*.5)}.modal-footer>*{margin:calc(var(--cui-modal-footer-gap)*.5)}@media(min-width:576px){.modal{--cui-modal-margin:1.75rem;--cui-modal-box-shadow:0 0.5rem 1rem rgba(0,0,21,.15)}.modal-dialog{margin-left:auto;margin-right:auto;max-width:var(--cui-modal-width)}.modal-sm{--cui-modal-width:300px}}@media(min-width:992px){.modal-lg,.modal-xl{--cui-modal-width:800px}}@media(min-width:1200px){.modal-xl{--cui-modal-width:1140px}}.modal-fullscreen{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media(max-width:575.98px){.modal-fullscreen-sm-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-sm-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media(max-width:767.98px){.modal-fullscreen-md-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-md-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media(max-width:991.98px){.modal-fullscreen-lg-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-lg-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media(max-width:1199.98px){.modal-fullscreen-xl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media(max-width:1399.98px){.modal-fullscreen-xxl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xxl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--cui-tooltip-zindex:1080;--cui-tooltip-max-width:200px;--cui-tooltip-padding-x:0.5rem;--cui-tooltip-padding-y:0.25rem;--cui-tooltip-margin: ;--cui-tooltip-font-size:0.875rem;--cui-tooltip-color:hsla(0,0%,100%,.87);--cui-tooltip-bg:#000015;--cui-tooltip-border-radius:0.375rem;--cui-tooltip-opacity:0.9;--cui-tooltip-arrow-width:0.8rem;--cui-tooltip-arrow-height:0.4rem;word-wrap:break-word;display:block;font-family:var(--cui-font-sans-serif);font-size:var(--cui-tooltip-font-size);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;margin:var(--cui-tooltip-margin);opacity:0;padding:var(--cui-tooltip-arrow-height);text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:var(--cui-tooltip-zindex)}.tooltip.show{opacity:var(--cui-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;height:var(--cui-tooltip-arrow-height);width:var(--cui-tooltip-arrow-width)}.tooltip .tooltip-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:var(--cui-tooltip-bg);border-width:var(--cui-tooltip-arrow-height) calc(var(--cui-tooltip-arrow-width)*.5) 0;top:-1px}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{height:var(--cui-tooltip-arrow-width);left:0;width:var(--cui-tooltip-arrow-height)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-right-color:var(--cui-tooltip-bg);border-width:calc(var(--cui-tooltip-arrow-width)*.5) var(--cui-tooltip-arrow-height) calc(var(--cui-tooltip-arrow-width)*.5) 0;right:-1px}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:var(--cui-tooltip-bg);border-width:0 calc(var(--cui-tooltip-arrow-width)*.5) var(--cui-tooltip-arrow-height);bottom:-1px}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{height:var(--cui-tooltip-arrow-width);right:0;width:var(--cui-tooltip-arrow-height)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{border-left-color:var(--cui-tooltip-bg);border-width:calc(var(--cui-tooltip-arrow-width)*.5) 0 calc(var(--cui-tooltip-arrow-width)*.5) var(--cui-tooltip-arrow-height);left:-1px}.tooltip-inner{background-color:var(--cui-tooltip-bg);border-radius:var(--cui-tooltip-border-radius,0);color:var(--cui-tooltip-color);max-width:var(--cui-tooltip-max-width);padding:var(--cui-tooltip-padding-y) var(--cui-tooltip-padding-x);text-align:center}.popover{--cui-popover-zindex:1070;--cui-popover-max-width:276px;--cui-popover-font-size:0.875rem;--cui-popover-bg:#fff;--cui-popover-border-width:1px;--cui-popover-border-color:var(--cui-border-color-translucent);--cui-popover-border-radius:0.5rem;--cui-popover-inner-border-radius:calc(0.5rem - 1px);--cui-popover-box-shadow:0 0.5rem 1rem rgba(0,0,21,.15);--cui-popover-header-padding-x:1rem;--cui-popover-header-padding-y:0.5rem;--cui-popover-header-font-size:1rem;--cui-popover-header-color:var(--cui-heading-color);--cui-popover-header-bg:#f0f0f0;--cui-popover-body-padding-x:1rem;--cui-popover-body-padding-y:1rem;--cui-popover-body-color:rgba(44,56,74,.95);--cui-popover-arrow-width:1rem;--cui-popover-arrow-height:0.5rem;--cui-popover-arrow-border:var(--cui-popover-border-color);word-wrap:break-word;background-clip:padding-box;background-color:var(--cui-popover-bg);border:var(--cui-popover-border-width) solid var(--cui-popover-border-color);border-radius:var(--cui-popover-border-radius);display:block;font-family:var(--cui-font-sans-serif);font-size:var(--cui-popover-font-size);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;max-width:var(--cui-popover-max-width);text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:var(--cui-popover-zindex)}.popover .popover-arrow{display:block;height:var(--cui-popover-arrow-height);width:var(--cui-popover-arrow-width)}.popover .popover-arrow:after,.popover .popover-arrow:before{border:0 solid transparent;content:"";display:block;position:absolute}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(var(--cui-popover-arrow-height)*-1 - var(--cui-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before{border-width:var(--cui-popover-arrow-height) calc(var(--cui-popover-arrow-width)*.5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{border-top-color:var(--cui-popover-arrow-border);bottom:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{border-top-color:var(--cui-popover-bg);bottom:var(--cui-popover-border-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{height:var(--cui-popover-arrow-width);left:calc(var(--cui-popover-arrow-height)*-1 - var(--cui-popover-border-width));width:var(--cui-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before{border-width:calc(var(--cui-popover-arrow-width)*.5) var(--cui-popover-arrow-height) calc(var(--cui-popover-arrow-width)*.5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{border-right-color:var(--cui-popover-arrow-border);left:0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{border-right-color:var(--cui-popover-bg);left:var(--cui-popover-border-width)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(var(--cui-popover-arrow-height)*-1 - var(--cui-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before{border-width:0 calc(var(--cui-popover-arrow-width)*.5) var(--cui-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{border-bottom-color:var(--cui-popover-arrow-border);top:0}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{border-bottom-color:var(--cui-popover-bg);top:var(--cui-popover-border-width)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:var(--cui-popover-border-width) solid var(--cui-popover-header-bg);content:"";display:block;left:50%;margin-left:calc(var(--cui-popover-arrow-width)*-.5);position:absolute;top:0;width:var(--cui-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{height:var(--cui-popover-arrow-width);right:calc(var(--cui-popover-arrow-height)*-1 - var(--cui-popover-border-width));width:var(--cui-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before{border-width:calc(var(--cui-popover-arrow-width)*.5) 0 calc(var(--cui-popover-arrow-width)*.5) var(--cui-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{border-left-color:var(--cui-popover-arrow-border);right:0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{border-left-color:var(--cui-popover-bg);right:var(--cui-popover-border-width)}.popover-header{background-color:var(--cui-popover-header-bg);border-bottom:var(--cui-popover-border-width) solid var(--cui-popover-border-color);border-top-left-radius:var(--cui-popover-inner-border-radius);border-top-right-radius:var(--cui-popover-inner-border-radius);color:var(--cui-popover-header-color);font-size:var(--cui-popover-header-font-size);margin-bottom:0;padding:var(--cui-popover-header-padding-y) var(--cui-popover-header-padding-x)}.popover-header:empty{display:none}.popover-body{color:var(--cui-popover-body-color);padding:var(--cui-popover-body-padding-y) var(--cui-popover-body-padding-x)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{overflow:hidden;position:relative;width:100%}.carousel-inner:after{clear:both;content:"";display:block}.carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;float:left;margin-right:-100%;position:relative;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:100%}@media(prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;-webkit-transform:none;transform:none;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{opacity:1;z-index:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{opacity:0;transition:opacity 0s .6s;z-index:0}@media(prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{align-items:center;background:none;border:0;bottom:0;color:var(--cui-carousel-control-color,hsla(0,0%,100%,.87));display:flex;justify-content:center;opacity:.5;padding:0;position:absolute;text-align:center;top:0;transition:opacity .15s ease;width:15%;z-index:1}@media(prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:var(--cui-carousel-control-color,hsla(0,0%,100%,.87));opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:2rem;width:2rem}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.87)' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.87)' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.carousel-indicators{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin-bottom:1rem;margin-left:15%;margin-right:15%;padding:0;position:absolute;right:0;z-index:2}.carousel-indicators [data-coreui-target]{background-clip:padding-box;background-color:var(--cui-carousel-indicator-active-bg,#fff);border:0;border-bottom:10px solid transparent;border-top:10px solid transparent;box-sizing:content-box;cursor:pointer;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;opacity:.5;padding:0;text-indent:-999px;transition:opacity .6s ease;width:30px}@media(prefers-reduced-motion:reduce){.carousel-indicators [data-coreui-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{bottom:1.25rem;color:var(--cui-carousel-caption-color,hsla(0,0%,100%,.87));left:15%;padding-bottom:1.25rem;padding-top:1.25rem;position:absolute;right:15%;text-align:center}.carousel-dark{--cui-carousel-indicator-active-bg:#000015;--cui-carousel-caption-color:rgba(44,56,74,.95)}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{-webkit-filter:invert(1) grayscale(100);filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-coreui-target]{background-color:#000015}.carousel-dark .carousel-caption{color:rgba(44,56,74,.95)}.spinner-border,.spinner-grow{-webkit-animation:var(--cui-spinner-animation-speed) linear infinite var(--cui-spinner-animation-name);animation:var(--cui-spinner-animation-speed) linear infinite var(--cui-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--cui-spinner-height);vertical-align:var(--cui-spinner-vertical-align);width:var(--cui-spinner-width)}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-border{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner-border{--cui-spinner-width:2rem;--cui-spinner-height:2rem;--cui-spinner-vertical-align:-0.125em;--cui-spinner-border-width:0.25em;--cui-spinner-animation-speed:0.75s;--cui-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--cui-spinner-border-width) solid;border-right:var(--cui-spinner-border-width) solid transparent}.spinner-border-sm{--cui-spinner-width:1rem;--cui-spinner-height:1rem;--cui-spinner-border-width:0.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{--cui-spinner-width:2rem;--cui-spinner-height:2rem;--cui-spinner-vertical-align:-0.125em;--cui-spinner-animation-speed:0.75s;--cui-spinner-animation-name:spinner-grow;background-color:currentColor;opacity:0}.spinner-grow-sm{--cui-spinner-width:1rem;--cui-spinner-height:1rem}@media(prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--cui-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--cui-offcanvas-width:400px;--cui-offcanvas-height:30vh;--cui-offcanvas-padding-x:1rem;--cui-offcanvas-padding-y:1rem;--cui-offcanvas-color:unset;--cui-offcanvas-bg:#fff;--cui-offcanvas-border-width:1px;--cui-offcanvas-border-color:var(--cui-border-color-translucent);--cui-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0,0,21,.075)}@media(max-width:575.98px){.offcanvas-sm{background-clip:padding-box;background-color:var(--cui-offcanvas-bg);bottom:0;color:var(--cui-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;z-index:1045}}@media(max-width:575.98px)and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media(max-width:575.98px){.offcanvas-sm.offcanvas-start{border-right:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:var(--cui-offcanvas-width)}.offcanvas-sm.offcanvas-end{border-left:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--cui-offcanvas-width)}.offcanvas-sm.offcanvas-top{border-bottom:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom,.offcanvas-sm.offcanvas-top{height:var(--cui-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-sm.offcanvas-bottom{border-top:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{-webkit-transform:none;transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media(min-width:576px){.offcanvas-sm{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(max-width:767.98px){.offcanvas-md{background-clip:padding-box;background-color:var(--cui-offcanvas-bg);bottom:0;color:var(--cui-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;z-index:1045}}@media(max-width:767.98px)and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media(max-width:767.98px){.offcanvas-md.offcanvas-start{border-right:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:var(--cui-offcanvas-width)}.offcanvas-md.offcanvas-end{border-left:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--cui-offcanvas-width)}.offcanvas-md.offcanvas-top{border-bottom:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom,.offcanvas-md.offcanvas-top{height:var(--cui-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-md.offcanvas-bottom{border-top:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{-webkit-transform:none;transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media(min-width:768px){.offcanvas-md{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(max-width:991.98px){.offcanvas-lg{background-clip:padding-box;background-color:var(--cui-offcanvas-bg);bottom:0;color:var(--cui-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;z-index:1045}}@media(max-width:991.98px)and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media(max-width:991.98px){.offcanvas-lg.offcanvas-start{border-right:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:var(--cui-offcanvas-width)}.offcanvas-lg.offcanvas-end{border-left:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--cui-offcanvas-width)}.offcanvas-lg.offcanvas-top{border-bottom:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom,.offcanvas-lg.offcanvas-top{height:var(--cui-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-lg.offcanvas-bottom{border-top:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{-webkit-transform:none;transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media(min-width:992px){.offcanvas-lg{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(max-width:1199.98px){.offcanvas-xl{background-clip:padding-box;background-color:var(--cui-offcanvas-bg);bottom:0;color:var(--cui-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;z-index:1045}}@media(max-width:1199.98px)and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media(max-width:1199.98px){.offcanvas-xl.offcanvas-start{border-right:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:var(--cui-offcanvas-width)}.offcanvas-xl.offcanvas-end{border-left:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--cui-offcanvas-width)}.offcanvas-xl.offcanvas-top{border-bottom:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom,.offcanvas-xl.offcanvas-top{height:var(--cui-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-xl.offcanvas-bottom{border-top:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{-webkit-transform:none;transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media(min-width:1200px){.offcanvas-xl{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(max-width:1399.98px){.offcanvas-xxl{background-clip:padding-box;background-color:var(--cui-offcanvas-bg);bottom:0;color:var(--cui-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;z-index:1045}}@media(max-width:1399.98px)and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media(max-width:1399.98px){.offcanvas-xxl.offcanvas-start{border-right:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:var(--cui-offcanvas-width)}.offcanvas-xxl.offcanvas-end{border-left:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--cui-offcanvas-width)}.offcanvas-xxl.offcanvas-top{border-bottom:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom,.offcanvas-xxl.offcanvas-top{height:var(--cui-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-xxl.offcanvas-bottom{border-top:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{-webkit-transform:none;transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media(min-width:1400px){.offcanvas-xxl{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}.offcanvas{background-clip:padding-box;background-color:var(--cui-offcanvas-bg);bottom:0;color:var(--cui-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;z-index:1045}@media(prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{border-right:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);left:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:var(--cui-offcanvas-width)}.offcanvas.offcanvas-end{border-left:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--cui-offcanvas-width)}.offcanvas.offcanvas-top{border-bottom:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top{height:var(--cui-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas.offcanvas-bottom{border-top:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{-webkit-transform:none;transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{background-color:var(--cui-offcanvas-backdrop-bg,#000015);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{align-items:center;display:flex;justify-content:space-between;padding:var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x)}.offcanvas-header .btn-close{margin-bottom:calc(var(--cui-offcanvas-padding-y)*-.5);margin-right:calc(var(--cui-offcanvas-padding-x)*-.5);margin-top:calc(var(--cui-offcanvas-padding-y)*-.5);padding:calc(var(--cui-offcanvas-padding-y)*.5) calc(var(--cui-offcanvas-padding-x)*.5)}.offcanvas-title{line-height:1.5;margin-bottom:0}.offcanvas-body{flex-grow:1;overflow-y:auto;padding:var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x)}.placeholder{background-color:currentColor;cursor:wait;display:inline-block;min-height:1em;opacity:.5;vertical-align:middle}.placeholder.btn:before{content:"";display:inline-block}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite;-webkit-mask-image:linear-gradient(130deg,#000015 55%,rgba(0,0,0,.8) 75%,#000015 95%);mask-image:linear-gradient(130deg,#000015 55%,rgba(0,0,0,.8) 75%,#000015 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%}@-webkit-keyframes placeholder-wave{to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.avatar{align-items:center;border-radius:50em;display:inline-flex;font-size:.8rem;height:2rem;justify-content:center;position:relative;transition:margin .15s;vertical-align:middle;width:2rem}@media(prefers-reduced-motion:reduce){.avatar{transition:none}}.avatar .avatar-status{height:.5333333333rem;width:.5333333333rem}.avatar-img{border-radius:50em;height:auto;width:100%}.avatar-status{border:1px solid #fff;border-radius:50em;bottom:0;display:block;position:absolute;right:0}.avatar-sm{font-size:.6rem;height:1.5rem;width:1.5rem}.avatar-sm .avatar-status{height:.4rem;width:.4rem}.avatar-md{font-size:1rem;height:2.5rem;width:2.5rem}.avatar-md .avatar-status{height:.6666666667rem;width:.6666666667rem}.avatar-lg{font-size:1.2rem;height:3rem;width:3rem}.avatar-lg .avatar-status{height:.8rem;width:.8rem}.avatar-xl{font-size:1.6rem;height:4rem;width:4rem}.avatar-xl .avatar-status{height:1.0666666667rem;width:1.0666666667rem}.avatars-stack{display:flex}.avatars-stack .avatar{margin-right:-.8rem}.avatars-stack .avatar:hover{margin-right:0}.avatars-stack .avatar-sm{margin-right:-.6rem}.avatars-stack .avatar-md{margin-right:-1rem}.avatars-stack .avatar-lg{margin-right:-1.2rem}.avatars-stack .avatar-xl{margin-right:-1.6rem}.calendar{--cui-calendar-table-margin:0.5rem;--cui-calendar-table-cell-size:2.75rem;--cui-calendar-nav-padding:0.5rem;--cui-calendar-nav-border:1px solid #d8dbe0;--cui-calendar-nav-date-color:rgba(44,56,74,.95);--cui-calendar-nav-date-hover-color:#321fdb;--cui-calendar-nav-icon-width:1rem;--cui-calendar-nav-icon-height:1rem;--cui-calendar-cell-header-inner-color:rgba(44,56,74,.681);--cui-calendar-cell-hover-bg:#d8dbe0;--cui-calendar-cell-disabled-color:rgba(44,56,74,.38);--cui-calendar-cell-selected-color:#fff;--cui-calendar-cell-selected-bg:#321fdb;--cui-calendar-cell-range-bg:rgba(50,31,219,.125);--cui-calendar-cell-range-hover-bg:rgba(50,31,219,.25);--cui-calendar-cell-range-hover-border-color:#321fdb;--cui-calendar-cell-today-color:#e55353;font-weight:400}.calendar table{margin:var(--cui-calendar-table-margin);width:calc(var(--cui-calendar-table-cell-size)*7)}.calendar table td,.calendar table th{width:var(--cui-calendar-table-cell-size)}.calendar.months~.time-picker,.calendar.years~.time-picker{display:none}.calendars{display:flex}.calendar-nav{align-items:baseline;border-bottom:var(--cui-calendar-nav-border);display:flex;padding:var(--cui-calendar-nav-padding)}.calendar-nav-date{flex:1 1;text-align:center}.calendar-nav-date .btn{color:var(--cui-calendar-nav-date-color);font-weight:600}.calendar-nav-date .btn:hover{color:var(--cui-calendar-nav-date-hover-color)}.calendar-nav-icon{display:block;height:var(--cui-calendar-nav-icon-height);transition:background-image .15s ease-in-out;width:var(--cui-calendar-nav-icon-width)}@media(prefers-reduced-motion:reduce){.calendar-nav-icon{transition:none}}.calendar-nav-icon-double-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'/%3E%3Cpolygon fill='%238a93a2' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'/%3E%3C/svg%3E")}.calendar-nav-icon-double-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'/%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'/%3E%3C/svg%3E")}.calendar-nav-icon-double-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'/%3E%3Cpolygon fill='%238a93a2' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'/%3E%3C/svg%3E")}.calendar-nav-icon-double-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'/%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'/%3E%3C/svg%3E")}.calendar-nav-icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'/%3E%3C/svg%3E")}.calendar-nav-icon-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'/%3E%3C/svg%3E")}.calendar-nav-icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'/%3E%3C/svg%3E")}.calendar-nav-icon-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'/%3E%3C/svg%3E")}.calendar-header-cell-inner{align-items:center;color:var(--cui-calendar-cell-header-inner-color);display:flex;font-weight:600;height:var(--cui-calendar-table-cell-size);justify-content:center}.calendar-cell{padding:1px 0;text-align:center}.calendar-cell:not(.disabled) .calendar-cell-inner{cursor:pointer}.calendar-cell:hover:not(.disabled) .calendar-cell-inner{background-color:var(--cui-calendar-cell-hover-bg)}.calendar-cell.today .calendar-cell-inner{color:var(--cui-calendar-cell-today-color)}.calendar-cell.disabled,.calendar-cell.next,.calendar-cell.previous .calendar-cell-inner{color:var(--cui-calendar-cell-disabled-color)}.calendar-cell.disabled .calendar-cell-inner{cursor:not-allowed}.calendar-cell.range:not(.selected) .calendar-cell-inner{background:var(--cui-calendar-cell-range-bg);border-radius:0}.calendar-cell.range:not(.selected):hover .calendar-cell-inner{position:relative}.calendar-cell.range:not(.selected):hover .calendar-cell-inner:after{background:var(--cui-calendar-cell-range-hover-bg);border-radius:.375rem;content:"";height:100%;position:absolute;width:100%}.calendar-cell.range:not(.selected):first-child .calendar-cell-inner,.calendar-cell:not(.range)+.range .calendar-cell-inner{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.calendar-cell.range:not(.selected).last .calendar-cell-inner,.calendar-cell.range:not(.selected):last-child .calendar-cell-inner{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.calendar-cell.range-hover .calendar-cell-inner{position:relative}.calendar-cell.range-hover .calendar-cell-inner:before{content:"";height:100%;position:absolute;width:100%}.calendar-cell.range-hover .calendar-cell-inner:before,.calendar-cell.range-hover.selected .calendar-cell-inner:before{border-bottom:1px dashed var(--cui-calendar-cell-selected-bg);border-radius:0;border-top:1px dashed var(--cui-calendar-cell-selected-bg)}.calendar-cell.range-hover:first-child .calendar-cell-inner:before,.calendar-cell:not(.range-hover)+.range-hover .calendar-cell-inner:before{border-bottom-left-radius:.375rem;border-left:1px dashed var(--cui-calendar-cell-selected-bg);border-top-left-radius:.375rem}.calendar-cell.range-hover+.range-hover:hover .calendar-cell-inner:before,.calendar-cell.range-hover.last .calendar-cell-inner:before,.calendar-cell.range-hover:first-child:hover .calendar-cell-inner:before,.calendar-cell.range-hover:last-child .calendar-cell-inner:before{border-bottom-right-radius:.375rem;border-right:1px dashed var(--cui-calendar-cell-selected-bg);border-top-right-radius:.375rem}.calendar-cell.range-hover.selected:hover .calendar-cell-inner:before{border:0}.calendar-cell.selected:not(.previous):not(.next) .calendar-cell-inner,.calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner,.calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner{background:var(--cui-calendar-cell-selected-bg);color:var(--cui-calendar-cell-selected-color);position:relative}.calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner:before,.calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner:before{background:var(--cui-calendar-cell-range-bg);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner:before{border-bottom-left-radius:.375rem;border-bottom-right-radius:0;border-top-left-radius:.375rem;border-top-right-radius:0}.calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner:before{border-bottom-left-radius:0;border-bottom-right-radius:.375rem;border-top-left-radius:0;border-top-right-radius:.375rem}.calendar-cell-inner{align-items:center;border-radius:.375rem;display:flex;height:var(--cui-calendar-table-cell-size);justify-content:center}.callout{--cui-callout-padding-x:1rem;--cui-callout-padding-y:1rem;--cui-callout-margin-x:0;--cui-callout-margin-y:1rem;--cui-callout-border-width:1px;--cui-callout-border-color:#d8dbe0;--cui-callout-border-left-width:4px;--cui-callout-border-radius:0.375rem;border:var(--cui-callout-border-width) solid var(--cui-callout-border-color);border-left-color:var(--cui-callout-border-left-color);border-left-width:var(--cui-callout-border-left-width);border-radius:var(--cui-callout-border-radius);margin:var(--cui-callout-margin-y) var(--cui-callout-margin-x);padding:var(--cui-callout-padding-y) var(--cui-callout-padding-x)}.callout-primary{--cui-callout-border-left-color:#321fdb}.callout-secondary{--cui-callout-border-left-color:#9da5b1}.callout-success{--cui-callout-border-left-color:#2eb85c}.callout-danger{--cui-callout-border-left-color:#e55353}.callout-warning{--cui-callout-border-left-color:#f9b115}.callout-info{--cui-callout-border-left-color:#39f}.callout-light{--cui-callout-border-left-color:#ebedef}.callout-dark{--cui-callout-border-left-color:#4f5d73}.picker{--cui-picker-footer-border-top:1px solid #d8dbe0;--cui-picker-footer-padding:0.5rem}.picker .dropdown-menu{padding:0}.picker.show .input-group{background-color:var(--cui-input-focus-bg,#fff);border-color:var(--cui-input-focus-border-color,#998fed);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);color:var(--cui-input-focus-color,rgba(44,56,74,.95));outline:0}.picker-input-group:hover .form-control:not(:placeholder-shown)~.input-group-text .picker-input-group-indicator:not(:last-child){display:none}.picker-input-group:hover .form-control:not(:placeholder-shown)~.input-group-text .picker-input-group-cleaner{display:initial}.picker-input-group .form-control.hover{color:var(--cui-gray-500)}.picker-input-group .form-control:focus{border-color:var(--cui-input-border-color,#b1b7c1);box-shadow:none;outline:0}.picker-input-group .form-control:not(:first-child){border-left:0}.picker-input-group .form-control:not(:last-child){border-right:0}.picker-input-group .form-control[readonly]{background-color:var(--cui-input-bg,#fff)}.picker-input-group .form-control.form-control:disabled+.input-group-text{background-color:var(--cui-input-disabled-bg,#d8dbe0)}.picker-input-group.input-group{border-radius:.375rem}.picker-input-group.input-group-lg{border-radius:.5rem}.picker-input-group.input-group-lg .picker-input-group-icon{font-size:1.25rem;height:1.25rem;width:1.25rem}.picker-input-group.input-group-sm{border-radius:.25rem}.picker-input-group.input-group-sm .picker-input-group-icon{font-size:.875rem;height:.875rem;width:.875rem}.picker-input-group .input-group-text{background-color:var(--cui-input-bg,#fff);color:var(--cui-gray-400)}.picker-input-group-cleaner{display:none}.picker-input-group-icon{display:block;font-size:1rem;height:1rem;transition:background-image .15s ease-in-out;width:1rem}@media(prefers-reduced-motion:reduce){.picker-input-group-icon{transition:none}}.picker-footer{border-top:var(--cui-picker-footer-border-top);display:flex;justify-content:flex-end;padding:var(--cui-picker-footer-padding)}.picker-footer .btn+.btn{margin-left:.5rem}.date-picker{--cui-date-picker-ranges-width:10rem;--cui-date-picker-ranges-padding:0.5rem;--cui-date-picker-ranges-border:1px solid #d8dbe0;--cui-date-picker-timepicker-width:20.25rem;--cui-date-picker-timepicker-border-top:1px solid #d8dbe0}.date-picker .dropdown-menu{width:-webkit-min-content;width:min-content}.date-picker-body{display:grid;grid-template-areas:"ranges calendars" "ranges timepickers";grid-template-columns:auto auto;grid-template-rows:auto}.date-picker-ranges{border-right:var(--cui-date-picker-ranges-border);grid-area:ranges;padding:var(--cui-date-picker-ranges-padding);width:var(--cui-date-picker-ranges-width)}.date-picker-calendars{display:flex;grid-area:calendars}.date-picker-calendars .date-picker-calendar:not(:first-child) .calendar-navigation-prev,.date-picker-calendars .date-picker-calendar:not(:last-child) .calendar-navigation-next{visibility:hidden}.date-picker-arrow-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='359.873 121.377 337.246 144.004 433.243 240.001 16 240.001 16 240.002 16 272.001 16 272.002 433.24 272.002 337.246 367.996 359.873 390.623 494.498 256 359.873 121.377'/%3E%3C/svg%3E")}.date-picker-cleaner-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='306.912 214.461 256 265.373 205.088 214.461 182.461 237.088 233.373 288 182.461 338.912 205.088 361.539 256 310.627 306.912 361.539 329.539 338.912 278.627 288 329.539 237.088 306.912 214.461'/%3E%3Cpath fill='%238a93a2' d='M472 96h-88V40h-32v56H160V40h-32v56H40a24.028 24.028 0 0 0-24 24v336a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V120a24.028 24.028 0 0 0-24-24Zm-8 352H48V128h80v40h32v-40h192v40h32v-40h80Z'/%3E%3C/svg%3E")}.date-picker-cleaner-icon:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='306.912 214.461 256 265.373 205.088 214.461 182.461 237.088 233.373 288 182.461 338.912 205.088 361.539 256 310.627 306.912 361.539 329.539 338.912 278.627 288 329.539 237.088 306.912 214.461'/%3E%3Cpath fill='rgba(44, 56, 74, 0.95))' d='M472 96h-88V40h-32v56H160V40h-32v56H40a24.028 24.028 0 0 0-24 24v336a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V120a24.028 24.028 0 0 0-24-24Zm-8 352H48V128h80v40h32v-40h192v40h32v-40h80Z'/%3E%3C/svg%3E")}.date-picker-input-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238a93a2' d='M472 96h-88V40h-32v56H160V40h-32v56H40a24.028 24.028 0 0 0-24 24v336a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V120a24.028 24.028 0 0 0-24-24Zm-8 352H48V128h80v40h32v-40h192v40h32v-40h80Z'/%3E%3Crect width='32' height='32' x='112' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='200' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='280' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='368' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='112' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='200' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='280' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='368' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='112' y='368' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='200' y='368' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='280' y='368' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='368' y='368' fill='%238a93a2'/%3E%3C/svg%3E")}.date-picker-timepickers{border-top:var(--cui-date-picker-timepicker-border-top);display:flex;flex-wrap:wrap;grid-area:timepickers;justify-content:space-between}.date-picker-timepickers .time-picker{width:var(--cui-date-picker-timepicker-width)}.date-picker-timepickers .time-picker .form-select{background:none;border:0;padding-left:.25rem;padding-right:.25rem;text-align:right;width:auto}.date-picker-timepickers .time-picker .form-select:disabled{background-color:transparent;color:rgba(44,56,74,.38)}@media(max-width:767.98px){.date-picker-timepickers{display:block}.date-picker-timepickers .time-picker{width:100%}.date-picker-timepickers .time-picker+.time-picker{border-top:var(--cui-date-picker-timepicker-border-top)}}.time-picker{--cui-time-picker-body-padding:0.5rem;--cui-time-picker-roll-col-border:1px solid #d8dbe0}.time-picker-body{align-items:center;display:flex;padding:var(--cui-time-picker-body-padding)}.time-picker-body .form-select{-ms-overflow-style:none;background-position:right .5rem center;padding-right:1.25rem;scrollbar-width:none}.time-picker-body .form-select+.form-select{margin-left:.5rem}.time-picker-body .form-select::-webkit-scrollbar{width:10px}.time-picker-body .time-picker-inline-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='prefix__ci-primary'/%3E%3Cpath fill='%238a93a2' d='M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16Zm0 448c-114.875 0-208-93.125-208-208S141.125 48 256 48s208 93.125 208 208-93.125 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;display:block;height:1.25rem;width:40px}.time-picker-cleaner-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='348.071 141.302 260.308 229.065 172.545 141.302 149.917 163.929 237.681 251.692 149.917 339.456 172.545 362.083 260.308 274.32 348.071 362.083 370.699 339.456 282.935 251.692 370.699 163.929 348.071 141.302' class='prefix__ci-primary'/%3E%3Cpath fill='%238a93a2' d='M425.706 86.294A240 240 0 0 0 86.294 425.706 240 240 0 0 0 425.706 86.294ZM256 464c-114.691 0-208-93.309-208-208S141.309 48 256 48s208 93.309 208 208-93.309 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E")}.time-picker-cleaner-icon:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='348.071 141.302 260.308 229.065 172.545 141.302 149.917 163.929 237.681 251.692 149.917 339.456 172.545 362.083 260.308 274.32 348.071 362.083 370.699 339.456 282.935 251.692 370.699 163.929 348.071 141.302' class='prefix__ci-primary'/%3E%3Cpath fill='rgba(44, 56, 74, 0.95)' d='M425.706 86.294A240 240 0 0 0 86.294 425.706 240 240 0 0 0 425.706 86.294ZM256 464c-114.691 0-208-93.309-208-208S141.309 48 256 48s208 93.309 208 208-93.309 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E")}.time-picker-input-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='prefix__ci-primary'/%3E%3Cpath fill='%238a93a2' d='M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16Zm0 448c-114.875 0-208-93.125-208-208S141.125 48 256 48s208 93.125 208 208-93.125 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E")}.time-picker-roll{border-radius:inherit;overflow:hidden;padding:0}.time-picker-roll-col{-ms-overflow-style:none;border-right:var(--cui-time-picker-roll-col-border);height:256px;overflow:scroll;scrollbar-width:none}.time-picker-roll-col::-webkit-scrollbar{display:none}.time-picker-roll-cell{height:32px;line-height:32px;padding:0 1rem 0 .5rem;width:50px}.time-picker-roll-cell.selected{background:var(--cui-primary);color:var(--cui-white)}.time-picker-roll-cell:last-child:after{content:"";display:block;height:224px}.footer{--cui-footer-min-height:3rem;--cui-footer-padding-x:1rem;--cui-footer-padding-y:0.5rem;--cui-footer-color:rgba(44,56,74,.95);--cui-footer-bg:#ebedef;--cui-footer-border-color:#d8dbe0;--cui-footer-border:1px solid var(--cui-footer-border-color);align-items:center;background:var(--cui-footer-bg);border-top:var(--cui-footer-border);color:var(--cui-footer-color);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:var(--cui-footer-min-height);padding:var(--cui-footer-padding-y) var(--cui-footer-padding-x)}.footer-sticky{bottom:0;position:-webkit-sticky;position:sticky;z-index:1030}.footer-sticky:not(.placeholder):not(top){border-color:transparent;box-shadow:0 2px 2px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 1px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)}.header{--cui-header-min-height:4rem;--cui-header-padding-x:0.5rem;--cui-header-padding-y:0.5rem;--cui-header-bg:#fff;--cui-header-color:rgba(44,56,74,.681);--cui-header-border-color:#d8dbe0;--cui-header-border:1px solid var(--cui-header-border-color);--cui-header-hover-color:rgba(44,56,74,.95);--cui-header-disabled-color:rgba(44,56,74,.38);--cui-header-active-color:rgba(44,56,74,.95);--cui-header-brand-padding-y:0.3125rem;--cui-header-brand-color:#4f5d73;--cui-header-brand-hover-color:#475468;--cui-header-toggler-padding-x:0.75rem;--cui-header-toggler-padding-y:0.25rem;--cui-header-toggler-bg:transparent;--cui-header-toggler-color:rgba(44,56,74,.681);--cui-header-toggler-border-radius:0.375rem;--cui-header-toggler-hover-color:rgba(44,56,74,.95);--cui-header-toggler-icon-bg:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.681%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--cui-header-toggler-hover-icon-bg:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.95%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--cui-header-nav-link-padding-x:0.5rem;--cui-header-nav-link-padding-y:0.5rem;--cui-header-divider-border-color:#d8dbe0;--cui-header-divider-border:1px solid var(--cui-header-divider-border-color);--cui-subheader-min-height:3rem;align-items:center;background:var(--cui-header-bg);border-bottom:var(--cui-header-border);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:var(--cui-header-min-height);padding:var(--cui-header-padding-y) var(--cui-header-padding-x);position:relative}.header .navbar>.container,.header .navbar>.container-fluid,.header .navbar>.container-lg,.header .navbar>.container-md,.header .navbar>.container-sm,.header .navbar>.container-xl,.header .navbar>.container-xxl,.header>.container,.header>.container-fluid,.header>.container-lg,.header>.container-md,.header>.container-sm,.header>.container-xl,.header>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.header .container-fluid:first-child,.header .container-lg:first-child,.header .container-md:first-child,.header .container-sm:first-child,.header .container-xl:first-child,.header .container-xxl:first-child,.header .container:first-child{min-height:calc(var(--cui-header-min-height) - var(--cui-header-padding-y)*2)}.header .container-fluid:nth-child(n+2),.header .container-lg:nth-child(n+2),.header .container-md:nth-child(n+2),.header .container-sm:nth-child(n+2),.header .container-xl:nth-child(n+2),.header .container-xxl:nth-child(n+2),.header .container:nth-child(n+2){min-height:calc(var(--cui-subheader-min-height) - var(--cui-header-padding-y)*2)}.header.header-sticky{box-shadow:0 2px 2px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 1px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2);position:-webkit-sticky;position:sticky;top:0;z-index:1029}.header.header-sticky:not([class*=border]){border:0}.header-divider{border-top:var(--cui-header-divider-border);flex-basis:calc(100% + var(--cui-header-padding-x)*2);height:0;margin:var(--cui-header-padding-y) calc(var(--cui-header-padding-x)*-1)}.header-brand{color:var(--cui-header-brand-color);font-size:1.25rem;margin-right:1rem;padding-bottom:var(--cui-header-brand-padding-y);padding-top:var(--cui-header-brand-padding-y);text-decoration:none;white-space:nowrap}.header-brand:focus,.header-brand:hover{color:var(--cui-header-brand-hover-color)}.header-nav{display:flex;flex-direction:row;list-style:none;margin-bottom:0;padding-left:0}.header-nav .nav-link{color:var(--cui-header-color);padding:var(--cui-header-nav-link-padding-y) var(--cui-header-nav-link-padding-x)}.header-nav .nav-link:focus,.header-nav .nav-link:hover{color:var(--cui-header-hover-color)}.header-nav .nav-link.disabled{color:var(--cui-header-disabled-color)}.header-nav .nav-link.active,.header-nav .show>.nav-link{color:var(--cui-header-active-color)}.header-nav .dropdown-menu{position:absolute}.header-text{color:var(--cui-header-color);padding-bottom:var(--cui-header-nav-link-padding-y);padding-top:var(--cui-header-nav-link-padding-y)}.header-text a,.header-text a:focus,.header-text a:hover{color:var(--cui-header-active-color)}.header-toggler{background-color:var(--cui-header-toggler-bg);border:0;border-radius:var(--cui-header-toggler-border-radius);color:var(--cui-header-toggler-color);font-size:1.25rem;padding:var(--cui-header-toggler-padding-y) var(--cui-header-toggler-padding-x)}.header-toggler:hover{color:var(--cui-header-toggler-hover-color);text-decoration:none}.header-toggler:focus{outline:0}.header-toggler:not(:disabled){cursor:pointer}.header-toggler-icon{background-image:var(--cui-header-toggler-icon-bg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:block;height:1.5625rem}.header-toggler-icon:hover{background-image:var(--cui-header-toggler-hover-icon-bg)}.icon{fill:currentColor;color:inherit;display:inline-block;text-align:center;vertical-align:-.125rem}.icon:not(.icon-c-s):not(.icon-custom-size){font-size:1rem;height:1rem;width:1rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl{font-size:2rem;height:2rem;width:2rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl{font-size:1.5rem;height:1.5rem;width:1.5rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg{font-size:1.25rem;height:1.25rem;width:1.25rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm{font-size:.875rem;height:.875rem;width:.875rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl{font-size:3rem;height:3rem;width:3rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl{font-size:4rem;height:4rem;width:4rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl{font-size:5rem;height:5rem;width:5rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl{font-size:6rem;height:6rem;width:6rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl{font-size:7rem;height:7rem;width:7rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl{font-size:8rem;height:8rem;width:8rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl{font-size:9rem;height:9rem;width:9rem}.sidebar{--cui-sidebar-width:16rem;--cui-sidebar-bg:#3c4b64;--cui-sidebar-padding-x:0;--cui-sidebar-padding-y:0;--cui-sidebar-color:hsla(0,0%,100%,.87);--cui-sidebar-border-width:0;--cui-sidebar-border-color:transparent;--cui-sidebar-brand-color:hsla(0,0%,100%,.87);--cui-sidebar-brand-height:4rem;--cui-sidebar-brand-bg:rgba(0,0,21,.2);--cui-sidebar-header-height:4rem;--cui-sidebar-header-bg:rgba(0,0,21,.2);--cui-sidebar-header-padding-x:1rem;--cui-sidebar-header-padding-y:0.75rem;--cui-sidebar-footer-bg:rgba(0,0,21,.2);--cui-sidebar-footer-height:auto;--cui-sidebar-footer-padding-x:1rem;--cui-sidebar-footer-padding-y:0.75rem;--cui-sidebar-toggler-bg:rgba(0,0,21,.2);--cui-sidebar-toggler-height:3rem;--cui-sidebar-toggler-indicator:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%238a93a2' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");--cui-sidebar-toggler-indicator-width:4rem;--cui-sidebar-toggler-indicator-height:3rem;--cui-sidebar-toggler-hover-bg:rgba(0,0,0,.3);--cui-sidebar-toggler-indicator-hover:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.87%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");--cui-sidebar-narrow-width:4rem;--cui-sidebar-nav-title-padding-x:1rem;--cui-sidebar-nav-title-padding-y:0.75rem;--cui-sidebar-nav-title-margin-top:1rem;--cui-sidebar-nav-title-color:hsla(0,0%,100%,.6);--cui-sidebar-nav-link-padding-x:1rem;--cui-sidebar-nav-link-padding-y:0.8445rem;--cui-sidebar-nav-link-color:hsla(0,0%,100%,.6);--cui-sidebar-nav-link-bg:transparent;--cui-sidebar-nav-link-border-color:transparent;--cui-sidebar-nav-link-border:0 solid var(--cui-sidebar-nav-link-border-color);--cui-sidebar-nav-link-border-radius:0;--cui-sidebar-nav-link-active-color:hsla(0,0%,100%,.87);--cui-sidebar-nav-link-active-bg:hsla(0,0%,100%,.05);--cui-sidebar-nav-link-active-icon-color:hsla(0,0%,100%,.87);--cui-sidebar-nav-link-disabled-color:hsla(0,0%,100%,.38);--cui-sidebar-nav-link-disabled-icon-color:hsla(0,0%,100%,.6);--cui-sidebar-nav-link-hover-color:hsla(0,0%,100%,.87);--cui-sidebar-nav-link-hover-bg:hsla(0,0%,100%,.05);--cui-sidebar-nav-link-hover-icon-color:hsla(0,0%,100%,.87);--cui-sidebar-nav-icon-width:4rem;--cui-sidebar-nav-icon-height:1.25rem;--cui-sidebar-nav-icon-font-size:1.25rem;--cui-sidebar-nav-link-icon-color:hsla(0,0%,100%,.6);--cui-sidebar-nav-group-bg:rgba(0,0,0,.2);--cui-sidebar-nav-group-items-padding-y:0;--cui-sidebar-nav-group-items-padding-x:0;--cui-sidebar-nav-group-indicator:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.6)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--cui-sidebar-nav-group-indicator-hover:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.87)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--cui-sidebar-nav-group-toggle-show-color:hsla(0,0%,100%,.6);background:var(--cui-sidebar-bg);border-right:var(--cui-sidebar-border-width) solid var(--cui-sidebar-border-color);box-shadow:none;color:var(--cui-sidebar-color);display:flex;flex:0 0 var(--cui-sidebar-width);flex-direction:column;order:-1;padding:var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);position:relative;transition:margin-left .15s,margin-right .15s,box-shadow 75ms,width .15s,z-index 0s ease .15s,-webkit-transform .15s;transition:margin-left .15s,margin-right .15s,box-shadow 75ms,transform .15s,width .15s,z-index 0s ease .15s;transition:margin-left .15s,margin-right .15s,box-shadow 75ms,transform .15s,width .15s,z-index 0s ease .15s,-webkit-transform .15s;width:var(--cui-sidebar-width)}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar:not(.sidebar-end){margin-left:0}.sidebar:not(.sidebar-end)~*{--cui-sidebar-occupy-start:16rem}.sidebar.sidebar-end{margin-right:0;order:99}.sidebar.sidebar-end~*{--cui-sidebar-occupy-end:16rem}.sidebar[class*=bg-]{border-color:rgba(0,0,21,.1)}.sidebar.sidebar-sm{--cui-sidebar-width:12rem}@media(min-width:768px){.sidebar.sidebar-sm:not(.sidebar-end):not(.hide)~*{--cui-sidebar-occupy-start:12rem}.sidebar.sidebar-sm.sidebar-end:not(.hide)~*{--cui-sidebar-occupy-end:12rem}}.sidebar.sidebar-lg{--cui-sidebar-width:20rem}@media(min-width:768px){.sidebar.sidebar-lg:not(.sidebar-end):not(.hide)~*{--cui-sidebar-occupy-start:20rem}.sidebar.sidebar-lg.sidebar-end:not(.hide)~*{--cui-sidebar-occupy-end:20rem}}.sidebar.sidebar-xl{--cui-sidebar-width:24rem}@media(min-width:768px){.sidebar.sidebar-xl:not(.sidebar-end):not(.hide)~*{--cui-sidebar-occupy-start:24rem}.sidebar.sidebar-xl.sidebar-end:not(.hide)~*{--cui-sidebar-occupy-end:24rem}.sidebar.hide:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-width)*-1)}.sidebar.hide:not(.sidebar-end)~*{--cui-sidebar-occupy-start:0}.sidebar.hide.sidebar-end{margin-right:calc(var(--cui-sidebar-width)*-1)}.sidebar.hide.sidebar-end~*{--cui-sidebar-occupy-end:0}.sidebar.sidebar-fixed{bottom:0;box-shadow:0 2px 2px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 1px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2);position:fixed;top:0;z-index:1030}.sidebar.sidebar-fixed:not([class*=border]){border:0}.sidebar.sidebar-fixed:not(.sidebar-end){left:0}.sidebar.sidebar-fixed.sidebar-end{right:0}.sidebar.sidebar-sticky{height:100vh;position:-webkit-sticky;position:sticky;top:0}}.sidebar.sidebar-overlaid{bottom:0;position:fixed;top:0;z-index:1032}.sidebar.sidebar-overlaid:not(.hide){box-shadow:0 3px 4px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 3px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 8px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)}.sidebar.sidebar-overlaid:not(.hide):not([class*=border]){border:0}.sidebar.sidebar-overlaid:not(.sidebar-end){left:0}.sidebar.sidebar-overlaid:not(.sidebar-end)~*{--cui-sidebar-occupy-start:0!important}.sidebar.sidebar-overlaid.sidebar-end{right:0}.sidebar.sidebar-overlaid.sidebar-end~*{--cui-sidebar-occupy-end:0!important}@media(max-width:767.98px){.sidebar{--cui-is-mobile:true;bottom:0;position:fixed;top:0;z-index:1031}.sidebar:not(.sidebar-end){left:0}.sidebar:not(.sidebar-end)~*{--cui-sidebar-occupy-start:0!important}.sidebar:not(.sidebar-end):not(.show){margin-left:calc(var(--cui-sidebar-width)*-1)}.sidebar.sidebar-end{right:0}.sidebar.sidebar-end~*{--cui-sidebar-occupy-end:0!important}.sidebar.sidebar-end:not(.show){margin-right:calc(var(--cui-sidebar-width)*-1)}}.sidebar-close{background:transparent;border:0;color:var(--cui-sidebar-color);height:var(--cui-sidebar-header-height);position:absolute;right:0;top:0;width:var(--cui-sidebar-width)}.sidebar-close:hover{text-decoration:none}.sidebar-close:focus{outline:0}.sidebar-brand{align-items:center;background:var(--cui-sidebar-brand-bg);color:var(--cui-sidebar-brand-color);display:flex;flex:0 0 var(--cui-sidebar-brand-height);justify-content:center}.sidebar-brand .sidebar-brand-narrow{display:none}.sidebar-header{background:var(--cui-sidebar-header-bg);flex:0 0 var(--cui-sidebar-header-height);padding:var(--cui-sidebar-header-padding-y) var(--cui-sidebar-header-padding-x);text-align:center;transition:height .15s,padding .15s}@media(prefers-reduced-motion:reduce){.sidebar-header{transition:none}}.sidebar-header .nav-link{align-items:center;display:flex;min-height:var(--cui-sidebar-header-height)}.sidebar-footer{background:var(--cui-sidebar-footer-bg);flex:0 0 var(--cui-sidebar-footer-height);padding:var(--cui-sidebar-footer-padding-y) var(--cui-sidebar-footer-padding-x);transition:height .15s,padding .15s}@media(prefers-reduced-motion:reduce){.sidebar-footer{transition:none}}.sidebar-toggler{background-color:var(--cui-sidebar-toggler-bg);border:0;cursor:pointer;display:flex;flex:0 0 var(--cui-sidebar-toggler-height);justify-content:flex-end;padding:0;width:inherit}@media(max-width:767.98px){.sidebar-toggler{display:none}}.sidebar-toggler:before{background-image:var(--cui-sidebar-toggler-indicator);background-position:50%;background-repeat:no-repeat;background-size:calc(var(--cui-sidebar-toggler-indicator-height)*.25);content:"";display:block;height:var(--cui-sidebar-toggler-indicator-height);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:var(--cui-sidebar-toggler-indicator-width)}@media(prefers-reduced-motion:reduce){.sidebar-toggler:before{transition:none}}.sidebar-toggler:focus{outline:0}.sidebar-toggler:hover{background-color:var(--cui-sidebar-toggler-hover-bg)}.sidebar-toggler:hover:before{background-image:var(--cui-sidebar-toggler-indicator-hover)}.sidebar-end .sidebar-toggler{justify-content:flex-start}.sidebar-end .sidebar-toggler:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.sidebar-backdrop{--cui-backdrop-zindex:1030;--cui-backdrop-bg:#000015;--cui-backdrop-opacity:0.5}@media(max-width:767.98px){.sidebar-backdrop{background-color:var(--cui-backdrop-bg);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:var(--cui-backdrop-zindex)}.sidebar-backdrop.fade{opacity:0}.sidebar-backdrop.show{opacity:var(--cui-backdrop-opacity)}}.sidebar-light{--cui-sidebar-color:rgba(44,56,74,.95);--cui-sidebar-bg:#fff;--cui-sidebar-border-width:0;--cui-sidebar-border-color:transparent;--cui-sidebar-brand-color:#fff;--cui-sidebar-brand-bg:#321fdb;--cui-sidebar-header-bg:rgba(0,0,21,.2);--cui-sidebar-nav-title-color:rgba(44,56,74,.681);--cui-sidebar-nav-link-color:rgba(44,56,74,.681);--cui-sidebar-nav-link-bg:transparent;--cui-sidebar-nav-link-icon-color:rgba(44,56,74,.681);--cui-sidebar-nav-link-hover-color:rgba(44,56,74,.95);--cui-sidebar-nav-link-hover-bg:theme-color("primary");--cui-sidebar-nav-link-hover-icon-color:rgba(44,56,74,.95);--cui-sidebar-nav-link-active-color:rgba(44,56,74,.95);--cui-sidebar-nav-link-active-bg:hsla(0,0%,100%,.05);--cui-sidebar-nav-link-active-icon-color:rgba(44,56,74,.95);--cui-sidebar-nav-link-disabled-color:rgba(44,56,74,.38);--cui-sidebar-nav-link-disabled-icon-color:rgba(44,56,74,.681);--cui-sidebar-nav-group-bg:rgba(0,0,0,.05);--cui-sidebar-nav-group-toggle-show-color:rgba(44,56,74,.681);--cui-sidebar-nav-group-indicator:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(44, 56, 74, 0.681)" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');--cui-sidebar-nav-group-indicator-hover:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(44, 56, 74, 0.95)" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');--cui-sidebar-footer-bg:rgba(0,0,21,.1);--cui-sidebar-toggler-bg:rgba(0,0,21,.1);--cui-sidebar-toggler-hover-bg:rgba(0,0,0,.2);--cui-sidebar-toggler-indicator:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba(44, 56, 74, 0.681)' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");--cui-sidebar-toggler-indicator-hover:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba(44, 56, 74, 0.95)' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E")}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;list-style:none;margin-bottom:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative}.sidebar-nav .nav-title{color:var(--cui-sidebar-nav-title-color);font-size:80%;font-weight:700;margin-top:var(--cui-sidebar-nav-title-margin-top);padding:var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);text-transform:uppercase;transition:height .15s,margin .15s}@media(prefers-reduced-motion:reduce){.sidebar-nav .nav-title{transition:none}}.sidebar-nav .nav-link{align-items:center;background:var(--cui-sidebar-nav-link-bg);border:var(--cui-sidebar-nav-link-border);border-radius:var(--cui-sidebar-nav-link-border-radius);color:var(--cui-sidebar-nav-link-color);display:flex;flex:1 1;padding:var(--cui-sidebar-nav-link-padding-y) var(--cui-sidebar-nav-link-padding-x);text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap}@media(prefers-reduced-motion:reduce){.sidebar-nav .nav-link{transition:none}}.sidebar-nav .nav-link.active{background:var(--cui-sidebar-nav-link-active-bg);color:var(--cui-sidebar-nav-link-active-color)}.sidebar-nav .nav-link.active .nav-icon{color:var(--cui-sidebar-nav-link-active-icon-color)}.sidebar-nav .nav-link.disabled{background:transparent;color:var(--cui-sidebar-nav-link-disabled-color);cursor:not-allowed;pointer-events:none}.sidebar-nav .nav-link.disabled .nav-icon{color:var(--cui-sidebar-nav-link-disabled-icon-color)}.sidebar-nav .nav-link.disabled:hover{color:var(--cui-sidebar-nav-link-disabled-color)}.sidebar-nav .nav-link.disabled:hover .nav-icon{color:var(--cui-sidebar-nav-link-disabled-icon-color)}.sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle:after{background-image:var(--cui-sidebar-nav-group-indicator-hover)}@media(-ms-high-contrast:none),(hover:hover){.sidebar-nav .nav-link:hover{background:var(--cui-sidebar-nav-link-hover-bg);color:var(--cui-sidebar-nav-link-hover-color);text-decoration:none}.sidebar-nav .nav-link:hover .nav-icon{color:var(--cui-sidebar-nav-link-hover-icon-color)}.sidebar-nav .nav-link:hover.nav-group-toggle:after{background-image:var(--cui-sidebar-nav-group-indicator-hover)}}.sidebar-nav .nav-icon{fill:currentColor;color:var(--cui-sidebar-nav-link-icon-color);flex:0 0 var(--cui-sidebar-nav-icon-width);font-size:var(--cui-sidebar-nav-icon-font-size);height:var(--cui-sidebar-nav-icon-height);text-align:center;transition:inherit}@media(prefers-reduced-motion:reduce){.sidebar-nav .nav-icon{transition:none}}.sidebar-nav .nav-icon:first-child{margin-left:calc(var(--cui-sidebar-nav-link-padding-x)*-1)}.sidebar-nav .nav-group{position:relative;transition:background .15s ease-in-out}@media(prefers-reduced-motion:reduce){.sidebar-nav .nav-group{transition:none}}.sidebar-nav .nav-group .nav-group-items{overflow:hidden;padding:var(--cui-sidebar-nav-group-items-padding-y) var(--cui-sidebar-nav-group-items-padding-x);transition:height .15s ease}@media(prefers-reduced-motion:reduce){.sidebar-nav .nav-group .nav-group-items{transition:none}}.sidebar-nav .nav-group:not(.show) .nav-group-items{display:none}.sidebar-nav .nav-group.show{background:var(--cui-sidebar-nav-group-bg)}.sidebar-nav .nav-group.show .nav-group-toggle{color:var(--cui-sidebar-nav-group-toggle-show-color)}.sidebar-nav .nav-group.show>.nav-group-toggle:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sidebar-nav .nav-group.show+.show{margin-top:1px}.sidebar-nav .nav-group-toggle{cursor:pointer}.sidebar-nav .nav-group-toggle:after{background-image:var(--cui-sidebar-nav-group-indicator);background-position:50%;background-repeat:no-repeat;content:"";display:block;flex:0 1 12px;height:12px;margin-left:auto;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}@media(prefers-reduced-motion:reduce){.sidebar-nav .nav-group-toggle:after{transition:none}}.sidebar-nav .nav-group-items{list-style:none;padding:0}.sidebar-nav .nav-group-items .nav-link{padding-left:var(--cui-sidebar-nav-icon-width)}.sidebar-nav .nav-group-items .nav-link .nav-icon{margin-left:calc(var(--cui-sidebar-nav-icon-width)*-1)}.sidebar-nav .compact .nav-link,.sidebar-nav.compact .nav-link{padding-bottom:calc(var(--cui-sidebar-nav-link-padding-y)*.5);padding-top:calc(var(--cui-sidebar-nav-link-padding-y)*.5)}@media(min-width:768px){.sidebar-narrow,.sidebar-narrow-unfoldable:not(:hover){flex:0 0 var(--cui-sidebar-narrow-width);overflow:visible;padding-bottom:var(--cui-sidebar-toggler-height);width:var(--cui-sidebar-narrow-width);z-index:1031}.sidebar-fixed.sidebar-narrow,.sidebar-fixed.sidebar-narrow-unfoldable:not(:hover){width:var(--cui-sidebar-narrow-width);z-index:1031}.sidebar-narrow .sidebar-brand-full,.sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full{display:none}.sidebar-narrow .sidebar-brand-narrow,.sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow{display:block}.sidebar-narrow .d-narrow-none,.sidebar-narrow .nav-group-items,.sidebar-narrow .nav-label,.sidebar-narrow .nav-title,.sidebar-narrow .sidebar-footer,.sidebar-narrow .sidebar-form,.sidebar-narrow .sidebar-header,.sidebar-narrow-unfoldable:not(:hover) .d-narrow-none,.sidebar-narrow-unfoldable:not(:hover) .nav-group-items,.sidebar-narrow-unfoldable:not(:hover) .nav-label,.sidebar-narrow-unfoldable:not(:hover) .nav-title,.sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,.sidebar-narrow-unfoldable:not(:hover) .sidebar-form,.sidebar-narrow-unfoldable:not(:hover) .sidebar-header{height:0!important;margin:0;opacity:0;padding:0;visibility:hidden}.sidebar-narrow .sidebar-toggler,.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler{bottom:0;position:fixed}.sidebar-narrow .sidebar-toggler:before,.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.sidebar-end.sidebar-narrow .sidebar-toggler:before,.sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler:before{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.sidebar-narrow:not(.sidebar-end)~*{--cui-sidebar-occupy-start:4rem}.sidebar-narrow.sidebar-end~*{--cui-sidebar-occupy-end:4rem}.sidebar-narrow-unfoldable{position:fixed;z-index:1031}.sidebar-narrow-unfoldable:not(.sidebar-end)~*{--cui-sidebar-occupy-start:4rem}.sidebar-narrow-unfoldable.sidebar-end~*{--cui-sidebar-occupy-end:4rem}.sidebar-narrow-unfoldable:hover .sidebar-toggler:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler:before{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end),.sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-narrow-width)*-1)}.sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end,.sidebar:not(.show).sidebar-self-hiding.sidebar-narrow.sidebar-end{margin-right:calc(var(--cui-sidebar-narrow-width)*-1)}@media(max-width:575.98px){.sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable:not(.sidebar-end),.sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-narrow-width)*-1)}.sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable.sidebar-end,.sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow.sidebar-end{margin-right:calc(var(--cui-sidebar-narrow-width)*-1)}}@media(max-width:767.98px){.sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable:not(.sidebar-end),.sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-narrow-width)*-1)}.sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable.sidebar-end,.sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow.sidebar-end{margin-right:calc(var(--cui-sidebar-narrow-width)*-1)}}@media(max-width:991.98px){.sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable:not(.sidebar-end),.sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-narrow-width)*-1)}.sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable.sidebar-end,.sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow.sidebar-end{margin-right:calc(var(--cui-sidebar-narrow-width)*-1)}}@media(max-width:1199.98px){.sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable:not(.sidebar-end),.sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-narrow-width)*-1)}.sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable.sidebar-end,.sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow.sidebar-end{margin-right:calc(var(--cui-sidebar-narrow-width)*-1)}}@media(max-width:1399.98px){.sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable:not(.sidebar-end),.sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow:not(.sidebar-end){margin-left:calc(var(--cui-sidebar-narrow-width)*-1)}.sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable.sidebar-end,.sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow.sidebar-end{margin-right:calc(var(--cui-sidebar-narrow-width)*-1)}}.subheader{align-items:center;background:var(--cui-subheader-bg,#fff);border-bottom:var(--cui-subheader-border-width,1px) solid var(--cui-subheader-border-color,#d8dbe0);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:3rem;padding:.5rem 1rem;position:relative}.subheader-sticky{box-shadow:0 2px 2px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 1px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2);position:-webkit-sticky;position:sticky;top:0;z-index:1029}.subheader-sticky:not([class*=border]){border:0}.subheader-nav{display:flex;flex-direction:row;list-style:none;margin-bottom:0;padding-left:0}.subheader-nav .nav-link{color:var(--cui-subheader-color,rgba(44,56,74,.681));padding-left:.5rem;padding-right:.5rem}.subheader-nav .nav-link:focus,.subheader-nav .nav-link:hover{color:var(--cui-subheader-hover-color,rgba(44,56,74,.95))}.subheader-nav .nav-link.disabled{color:var(--cui-subheader-disabled-color,rgba(44,56,74,.38))}.subheader-nav .nav-link.active,.subheader-nav .show>.nav-link{color:var(--cui-subheader-active-color,rgba(44,56,74,.95))}.subheader-nav .dropdown-menu{position:absolute}.subheader-text{color:var(--cui-subheader-color,rgba(44,56,74,.681));padding-bottom:.5rem;padding-top:.5rem}.subheader-text a,.subheader-text a:focus,.subheader-text a:hover{color:var(--cui-subheader-active-color,rgba(44,56,74,.95))}.clearfix:after{clear:both;content:"";display:block}.text-bg-primary{background-color:RGBA(50,31,219,var(--cui-bg-opacity,1))!important;color:hsla(0,0%,100%,.87)!important}.text-bg-secondary{background-color:RGBA(157,165,177,var(--cui-bg-opacity,1))!important;color:#000015!important}.text-bg-success{background-color:RGBA(46,184,92,var(--cui-bg-opacity,1))!important;color:#000015!important}.text-bg-info{background-color:RGBA(51,153,255,var(--cui-bg-opacity,1))!important;color:#000015!important}.text-bg-warning{background-color:RGBA(249,177,21,var(--cui-bg-opacity,1))!important;color:rgba(44,56,74,.95)!important}.text-bg-danger{background-color:RGBA(229,83,83,var(--cui-bg-opacity,1))!important;color:#000015!important}.text-bg-light{background-color:RGBA(235,237,239,var(--cui-bg-opacity,1))!important;color:rgba(44,56,74,.95)!important}.text-bg-dark{background-color:RGBA(79,93,115,var(--cui-bg-opacity,1))!important;color:hsla(0,0%,100%,.87)!important}.link-primary{color:#321fdb!important}.link-primary:focus,.link-primary:hover{color:#5b4ce2!important}.link-secondary{color:#9da5b1!important}.link-secondary:focus,.link-secondary:hover{color:#b1b7c1!important}.link-success{color:#2eb85c!important}.link-success:focus,.link-success:hover{color:#58c67d!important}.link-info{color:#39f!important}.link-info:focus,.link-info:hover{color:#5cadff!important}.link-warning{color:#f9b115!important}.link-warning:focus,.link-warning:hover{color:#c78e11!important}.link-danger{color:#e55353!important}.link-danger:focus,.link-danger:hover{color:#ea7575!important}.link-light{color:#ebedef!important}.link-light:focus,.link-light:hover{color:#bcbebf!important}.link-dark{color:#4f5d73!important}.link-dark:focus,.link-dark:hover{color:#727d8f!important}.ratio{position:relative;width:100%}.ratio:before{content:"";display:block;padding-top:var(--cui-aspect-ratio)}.ratio>*{height:100%;left:0;position:absolute;top:0;width:100%}.ratio-1x1{--cui-aspect-ratio:100%}.ratio-4x3{--cui-aspect-ratio:75%}.ratio-16x9{--cui-aspect-ratio:56.25%}.ratio-21x9{--cui-aspect-ratio:42.8571428571%}.fixed-top{top:0}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-bottom{bottom:0}.sticky-top{top:0}.sticky-bottom,.sticky-top{position:-webkit-sticky;position:sticky;z-index:1020}.sticky-bottom{bottom:0}@media(min-width:576px){.sticky-sm-top{top:0}.sticky-sm-bottom,.sticky-sm-top{position:-webkit-sticky;position:sticky;z-index:1020}.sticky-sm-bottom{bottom:0}}@media(min-width:768px){.sticky-md-top{top:0}.sticky-md-bottom,.sticky-md-top{position:-webkit-sticky;position:sticky;z-index:1020}.sticky-md-bottom{bottom:0}}@media(min-width:992px){.sticky-lg-top{top:0}.sticky-lg-bottom,.sticky-lg-top{position:-webkit-sticky;position:sticky;z-index:1020}.sticky-lg-bottom{bottom:0}}@media(min-width:1200px){.sticky-xl-top{top:0}.sticky-xl-bottom,.sticky-xl-top{position:-webkit-sticky;position:sticky;z-index:1020}.sticky-xl-bottom{bottom:0}}@media(min-width:1400px){.sticky-xxl-top{top:0}.sticky-xxl-bottom,.sticky-xxl-top{position:-webkit-sticky;position:sticky;z-index:1020}.sticky-xxl-bottom{bottom:0}}.hstack{align-items:center;flex-direction:row}.hstack,.vstack{align-self:stretch;display:flex}.vstack{flex:1 1 auto;flex-direction:column}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.stretched-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{align-self:stretch;background-color:currentColor;display:inline-block;min-height:1em;opacity:.25;padding:0;width:1px}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,21,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,21,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,21,.175)!important}.elevation-0,.shadow-none{box-shadow:none!important}.elevation-1{box-shadow:0 1px 1px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 2px 1px -1px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 3px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-2{box-shadow:0 2px 2px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 1px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-3{box-shadow:0 3px 4px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 3px -2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 1px 8px 0 rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-4{box-shadow:0 4px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 1px 10px 0 rgba(var(--cui-elevation-base-color,60,75,100),.12),0 2px 4px -1px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-6{box-shadow:0 6px 10px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 1px 18px 0 rgba(var(--cui-elevation-base-color,60,75,100),.12),0 3px 5px -1px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-8{box-shadow:0 8px 10px 1px rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 14px 2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 5px 5px -3px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-9{box-shadow:0 9px 12px 1px rgba(var(--cui-elevation-base-color,60,75,100),.14),0 3px 16px 2px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 5px 6px -3px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-12{box-shadow:0 12px 17px 2px rgba(var(--cui-elevation-base-color,60,75,100),.14),0 5px 22px 4px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 7px 8px -4px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-16{box-shadow:0 16px 24px 2px rgba(var(--cui-elevation-base-color,60,75,100),.14),0 6px 30px 5px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 8px 10px -5px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.elevation-24{box-shadow:0 24px 38px 3px rgba(var(--cui-elevation-base-color,60,75,100),.14),0 9px 46px 8px rgba(var(--cui-elevation-base-color,60,75,100),.12),0 11px 15px -7px rgba(var(--cui-elevation-base-color,60,75,100),.2)!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.translate-middle-x{-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important}.translate-middle-y{-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.border{border:var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--cui-border-width) var(--cui-border-style) var(--cui-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--cui-border-opacity:1;border-color:rgba(var(--cui-primary-rgb),var(--cui-border-opacity))!important}.border-secondary{--cui-border-opacity:1;border-color:rgba(var(--cui-secondary-rgb),var(--cui-border-opacity))!important}.border-success{--cui-border-opacity:1;border-color:rgba(var(--cui-success-rgb),var(--cui-border-opacity))!important}.border-info{--cui-border-opacity:1;border-color:rgba(var(--cui-info-rgb),var(--cui-border-opacity))!important}.border-warning{--cui-border-opacity:1;border-color:rgba(var(--cui-warning-rgb),var(--cui-border-opacity))!important}.border-danger{--cui-border-opacity:1;border-color:rgba(var(--cui-danger-rgb),var(--cui-border-opacity))!important}.border-light{--cui-border-opacity:1;border-color:rgba(var(--cui-light-rgb),var(--cui-border-opacity))!important}.border-dark{--cui-border-opacity:1;border-color:rgba(var(--cui-dark-rgb),var(--cui-border-opacity))!important}.border-white{--cui-border-opacity:1;border-color:rgba(var(--cui-white-rgb),var(--cui-border-opacity))!important}.border-top-primary{border-top-color:#321fdb!important}.border-top-secondary{border-top-color:#9da5b1!important}.border-top-success{border-top-color:#2eb85c!important}.border-top-info{border-top-color:#39f!important}.border-top-warning{border-top-color:#f9b115!important}.border-top-danger{border-top-color:#e55353!important}.border-top-light{border-top-color:#ebedef!important}.border-top-dark{border-top-color:#4f5d73!important}.border-top-white{border-top-color:#fff!important}.border-end-primary{border-right-color:#321fdb!important}.border-end-secondary{border-right-color:#9da5b1!important}.border-end-success{border-right-color:#2eb85c!important}.border-end-info{border-right-color:#39f!important}.border-end-warning{border-right-color:#f9b115!important}.border-end-danger{border-right-color:#e55353!important}.border-end-light{border-right-color:#ebedef!important}.border-end-dark{border-right-color:#4f5d73!important}.border-end-white{border-right-color:#fff!important}.border-bottom-primary{border-bottom-color:#321fdb!important}.border-bottom-secondary{border-bottom-color:#9da5b1!important}.border-bottom-success{border-bottom-color:#2eb85c!important}.border-bottom-info{border-bottom-color:#39f!important}.border-bottom-warning{border-bottom-color:#f9b115!important}.border-bottom-danger{border-bottom-color:#e55353!important}.border-bottom-light{border-bottom-color:#ebedef!important}.border-bottom-dark{border-bottom-color:#4f5d73!important}.border-bottom-white{border-bottom-color:#fff!important}.border-start-primary{border-left-color:#321fdb!important}.border-start-secondary{border-left-color:#9da5b1!important}.border-start-success{border-left-color:#2eb85c!important}.border-start-info{border-left-color:#39f!important}.border-start-warning{border-left-color:#f9b115!important}.border-start-danger{border-left-color:#e55353!important}.border-start-light{border-left-color:#ebedef!important}.border-start-dark{border-left-color:#4f5d73!important}.border-start-white{border-left-color:#fff!important}.border-1{--cui-border-width:1px}.border-2{--cui-border-width:2px}.border-3{--cui-border-width:3px}.border-4{--cui-border-width:4px}.border-5{--cui-border-width:5px}.border-top-1{border-top-width:1px!important}.border-top-2{border-top-width:2px!important}.border-top-3{border-top-width:3px!important}.border-top-4{border-top-width:4px!important}.border-top-5{border-top-width:5px!important}.border-end-1{border-right-width:1px!important}.border-end-2{border-right-width:2px!important}.border-end-3{border-right-width:3px!important}.border-end-4{border-right-width:4px!important}.border-end-5{border-right-width:5px!important}.border-bottom-1{border-bottom-width:1px!important}.border-bottom-2{border-bottom-width:2px!important}.border-bottom-3{border-bottom-width:3px!important}.border-bottom-4{border-bottom-width:4px!important}.border-bottom-5{border-bottom-width:5px!important}.border-start-1{border-left-width:1px!important}.border-start-2{border-left-width:2px!important}.border-start-3{border-left-width:3px!important}.border-start-4{border-left-width:4px!important}.border-start-5{border-left-width:5px!important}.border-opacity-10{--cui-border-opacity:0.1}.border-opacity-25{--cui-border-opacity:0.25}.border-opacity-50{--cui-border-opacity:0.5}.border-opacity-75{--cui-border-opacity:0.75}.border-opacity-100{--cui-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-monospace{font-family:var(--cui-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--cui-text-opacity:1;color:rgba(var(--cui-primary-rgb),var(--cui-text-opacity))!important}.text-secondary{--cui-text-opacity:1;color:rgba(var(--cui-secondary-rgb),var(--cui-text-opacity))!important}.text-success{--cui-text-opacity:1;color:rgba(var(--cui-success-rgb),var(--cui-text-opacity))!important}.text-info{--cui-text-opacity:1;color:rgba(var(--cui-info-rgb),var(--cui-text-opacity))!important}.text-warning{--cui-text-opacity:1;color:rgba(var(--cui-warning-rgb),var(--cui-text-opacity))!important}.text-danger{--cui-text-opacity:1;color:rgba(var(--cui-danger-rgb),var(--cui-text-opacity))!important}.text-light{--cui-text-opacity:1;color:rgba(var(--cui-light-rgb),var(--cui-text-opacity))!important}.text-dark{--cui-text-opacity:1;color:rgba(var(--cui-dark-rgb),var(--cui-text-opacity))!important}.text-black{--cui-text-opacity:1;color:rgba(var(--cui-black-rgb),var(--cui-text-opacity))!important}.text-white{--cui-text-opacity:1;color:rgba(var(--cui-white-rgb),var(--cui-text-opacity))!important}.text-body{--cui-text-opacity:1;color:rgba(var(--cui-body-color-rgb),var(--cui-text-opacity))!important}.text-muted{--cui-text-opacity:1;color:rgba(44,56,74,.38)!important}.text-black-50{--cui-text-opacity:1;color:rgba(0,0,21,.5)!important}.text-white-50{--cui-text-opacity:1;color:hsla(0,0%,100%,.5)!important}.text-reset{--cui-text-opacity:1;color:inherit!important}.text-high-emphasis-inverse{--cui-text-opacity:1;color:hsla(0,0%,100%,.87)!important}.text-medium-emphasis-inverse{--cui-text-opacity:1;color:hsla(0,0%,100%,.6)!important}.text-disabled-inverse{--cui-text-opacity:1;color:hsla(0,0%,100%,.38)!important}.text-high-emphasis{--cui-text-opacity:1;color:rgba(44,56,74,.95)!important}.text-medium-emphasis{--cui-text-opacity:1;color:rgba(44,56,74,.681)!important}.text-disabled{--cui-text-opacity:1;color:rgba(44,56,74,.38)!important}.text-opacity-25{--cui-text-opacity:0.25}.text-opacity-50{--cui-text-opacity:0.5}.text-opacity-75{--cui-text-opacity:0.75}.text-opacity-100{--cui-text-opacity:1}.bg-primary{--cui-bg-opacity:1;background-color:rgba(var(--cui-primary-rgb),var(--cui-bg-opacity))!important}.bg-secondary{--cui-bg-opacity:1;background-color:rgba(var(--cui-secondary-rgb),var(--cui-bg-opacity))!important}.bg-success{--cui-bg-opacity:1;background-color:rgba(var(--cui-success-rgb),var(--cui-bg-opacity))!important}.bg-info{--cui-bg-opacity:1;background-color:rgba(var(--cui-info-rgb),var(--cui-bg-opacity))!important}.bg-warning{--cui-bg-opacity:1;background-color:rgba(var(--cui-warning-rgb),var(--cui-bg-opacity))!important}.bg-danger{--cui-bg-opacity:1;background-color:rgba(var(--cui-danger-rgb),var(--cui-bg-opacity))!important}.bg-light{--cui-bg-opacity:1;background-color:rgba(var(--cui-light-rgb),var(--cui-bg-opacity))!important}.bg-dark{--cui-bg-opacity:1;background-color:rgba(var(--cui-dark-rgb),var(--cui-bg-opacity))!important}.bg-black{--cui-bg-opacity:1;background-color:rgba(var(--cui-black-rgb),var(--cui-bg-opacity))!important}.bg-white{--cui-bg-opacity:1;background-color:rgba(var(--cui-white-rgb),var(--cui-bg-opacity))!important}.bg-body{--cui-bg-opacity:1;background-color:rgba(var(--cui-body-bg-rgb),var(--cui-bg-opacity))!important}.bg-transparent{--cui-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--cui-bg-opacity:0.1}.bg-opacity-15{--cui-bg-opacity:0.15}.bg-opacity-25{--cui-bg-opacity:0.25}.bg-opacity-50{--cui-bg-opacity:0.5}.bg-opacity-75{--cui-bg-opacity:0.75}.bg-opacity-100{--cui-bg-opacity:1}.bg-gradient{background-image:var(--cui-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--cui-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--cui-border-radius-sm)!important}.rounded-2{border-radius:var(--cui-border-radius)!important}.rounded-3{border-radius:var(--cui-border-radius-lg)!important}.rounded-4{border-radius:var(--cui-border-radius-xl)!important}.rounded-5{border-radius:var(--cui-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--cui-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--cui-border-radius)!important}.rounded-end,.rounded-top{border-top-right-radius:var(--cui-border-radius)!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:var(--cui-border-radius)!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:var(--cui-border-radius)!important}.rounded-start{border-top-left-radius:var(--cui-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media(min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-left:0!important;margin-right:0!important}.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-sm-3{margin-left:1rem!important;margin-right:1rem!important}.mx-sm-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-sm-5{margin-left:3rem!important;margin-right:3rem!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-bottom:0!important;margin-top:0!important}.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-sm-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-sm-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:3rem!important;padding-right:3rem!important}.py-sm-0{padding-bottom:0!important;padding-top:0!important}.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-sm-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media(min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-left:0!important;margin-right:0!important}.mx-md-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-md-3{margin-left:1rem!important;margin-right:1rem!important}.mx-md-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-md-5{margin-left:3rem!important;margin-right:3rem!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-bottom:0!important;margin-top:0!important}.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-md-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-md-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:3rem!important;padding-right:3rem!important}.py-md-0{padding-bottom:0!important;padding-top:0!important}.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-md-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media(min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-left:0!important;margin-right:0!important}.mx-lg-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-lg-3{margin-left:1rem!important;margin-right:1rem!important}.mx-lg-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-lg-5{margin-left:3rem!important;margin-right:3rem!important}.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}.my-lg-0{margin-bottom:0!important;margin-top:0!important}.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-lg-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-lg-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-left:0!important;padding-right:0!important}.px-lg-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-lg-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-lg-3{padding-left:1rem!important;padding-right:1rem!important}.px-lg-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-lg-5{padding-left:3rem!important;padding-right:3rem!important}.py-lg-0{padding-bottom:0!important;padding-top:0!important}.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-lg-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media(min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-left:0!important;margin-right:0!important}.mx-xl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xl-5{margin-left:3rem!important;margin-right:3rem!important}.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}.my-xl-0{margin-bottom:0!important;margin-top:0!important}.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xl-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-xl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-left:0!important;padding-right:0!important}.px-xl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xl-5{padding-left:3rem!important;padding-right:3rem!important}.py-xl-0{padding-bottom:0!important;padding-top:0!important}.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xl-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media(min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-left:0!important;margin-right:0!important}.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xxl-5{margin-left:3rem!important;margin-right:3rem!important}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}.my-xxl-0{margin-bottom:0!important;margin-top:0!important}.my-xxl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xxl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xxl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xxl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xxl-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-xxl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-left:0!important;padding-right:0!important}.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xxl-5{padding-left:3rem!important;padding-right:3rem!important}.py-xxl-0{padding-bottom:0!important;padding-top:0!important}.py-xxl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xxl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xxl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xxl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xxl-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media(min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}.bg-primary-gradient{background-color:var(--cui-primary,#1f1498);background-image:linear-gradient(45deg,var(--cui-primary-start,#321fdb) 0,var(--cui-primary-stop,#1f1498 100%))}.bg-secondary-gradient{background-color:var(--cui-secondary,#fff);background-image:linear-gradient(45deg,var(--cui-secondary-start,#c8d2dc) 0,var(--cui-secondary-stop,#fff 100%))}.bg-success-gradient{background-color:var(--cui-success,#1b9e3e);background-image:linear-gradient(45deg,var(--cui-success-start,#2eb85c) 0,var(--cui-success-stop,#1b9e3e 100%))}.bg-info-gradient{background-color:var(--cui-info,#2982cc);background-image:linear-gradient(45deg,var(--cui-info-start,#39f) 0,var(--cui-info-stop,#2982cc 100%))}.bg-warning-gradient{background-color:var(--cui-warning,#f6960b);background-image:linear-gradient(45deg,var(--cui-warning-start,#f9b115) 0,var(--cui-warning-stop,#f6960b 100%))}.bg-danger-gradient{background-color:var(--cui-danger,#d93737);background-image:linear-gradient(45deg,var(--cui-danger-start,#e55353) 0,var(--cui-danger-stop,#d93737 100%))}.bg-light-gradient{background-color:var(--cui-light,#fff);background-image:linear-gradient(45deg,var(--cui-light-start,#e3e8ed) 0,var(--cui-light-stop,#fff 100%))}.bg-dark-gradient{background-color:var(--cui-dark,#212333);background-image:linear-gradient(45deg,var(--cui-dark-start,#3c4b64) 0,var(--cui-dark-stop,#212333 100%))}/*!
* CoreUI Plugins - Chart.js for CoreUI 3
* @version v3.0.0
* @link https://coreui.io
* Copyright (c) 2021 creativeLabs Łukasz Holeczek
* Licensed under MIT (https://coreui.io/license/plugins/chart.js)
*/.chartjs-tooltip{background:rgba(0,0,0,.7);border-radius:.25rem;color:#fff;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);transition:all .15s ease;z-index:1021}@media(prefers-reduced-motion:reduce){.chartjs-tooltip{transition:none}}.chartjs-tooltip-header{margin-bottom:.5rem}.chartjs-tooltip-header-item{font-size:.875rem;font-weight:700}.chartjs-tooltip-body-item{align-items:center;font-size:.875rem;white-space:nowrap}#carbonads{background-color:#ebedef;display:block;font-size:.8125rem;line-height:1.4;margin:2rem 0;max-width:400px;overflow:hidden;padding:15px 15px 15px 160px;position:static;text-align:left}#carbonads a{color:#636f83;text-decoration:none}@media(min-width:576px){#carbonads{border-radius:.5rem}}.carbon-img{float:left;margin-left:-145px}.carbon-poweredby{color:#768192!important;display:block;margin-top:.75rem}.anchor-link{color:rgba(50,31,219,.5);font-weight:400;opacity:0;padding-left:.375em;text-decoration:none;transition:color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.anchor-link{transition:none}}.anchor-link:focus,.anchor-link:hover{color:#321fdb;text-decoration:none}h2:hover .anchor-link,h3:hover .anchor-link,h4:hover .anchor-link,h5:hover .anchor-link,h6:hover .anchor-link{opacity:1}.docs-example{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.docs-example+.code,.docs-example+.code>pre{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin:0}.docs-example+.code>pre{border-top-left-radius:0;border-top-right-radius:0}.docs-example-row .row>.col,.docs-example-row .row>[class^=col-]{background-color:rgba(39,41,43,.03);border:1px solid rgba(39,41,43,.1);padding-bottom:.75rem;padding-top:.75rem}.docs-example-row .row+.row{margin-top:1rem}.docs-example-row-flex-cols .row{background-color:rgba(255,0,0,.1);min-height:10rem}.docs-example-cssgrid{text-align:center}.docs-example-cssgrid .grid+.grid{margin-top:1rem}.docs-example-cssgrid .grid>*{background-color:rgba(255,0,255,.1);border:1px solid rgba(255,0,255,.25);padding-bottom:.75rem;padding-top:.75rem}.example-container{margin-left:auto;margin-right:auto;padding-left:var(--cui-gutter-x,.75rem);padding-right:var(--cui-gutter-x,.75rem);width:800px;width:100%}.example-row{--cui-gutter-x:1.5rem;--cui-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--cui-gutter-x)*-.5);margin-right:calc(var(--cui-gutter-x)*-.5);margin-top:calc(var(--cui-gutter-y)*-1)}.example-content-main{flex-shrink:0;margin-top:var(--cui-gutter-y);max-width:100%;padding-left:calc(var(--cui-gutter-x)*.5);padding-right:calc(var(--cui-gutter-x)*.5);width:100%}@media(min-width:576px){.example-content-main{flex:0 0 auto;width:50%}}@media(min-width:992px){.example-content-main{flex:0 0 auto;width:66.66666667%}}.example-content-secondary{flex-shrink:0;margin-top:var(--cui-gutter-y);max-width:100%;padding-left:calc(var(--cui-gutter-x)*.5);padding-right:calc(var(--cui-gutter-x)*.5);width:100%}@media(min-width:576px){.example-content-secondary{flex:0 0 auto;width:50%}}@media(min-width:992px){.example-content-secondary{flex:0 0 auto;width:33.33333333%}}.docs-example+p{margin-top:2rem}.docs-example>.form-control+.form-control{margin-top:.5rem}.docs-example>.alert+.alert,.docs-example>.nav+.nav,.docs-example>.navbar+.navbar,.docs-example>.progress+.progress{margin-top:1rem}.docs-example>.dropdown-menu{display:block;position:static}.docs-example>:last-child{margin-bottom:0}.docs-example>img+img,.docs-example>svg+svg{margin-left:.5rem}.docs-example>.btn,.docs-example>.btn-group{margin:.25rem .125rem}.docs-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.docs-example>.list-group{max-width:400px}.docs-example>[class*=list-group-horizontal]{max-width:100%}.docs-example .fixed-top,.docs-example .sticky-top{margin:-1rem -1rem 1rem;position:static}.docs-example .fixed-bottom{margin:1rem -1rem -1rem;position:static}@media(min-width:576px){.docs-example .fixed-top,.docs-example .sticky-top{margin:-1.5rem -1.5rem 1rem}.docs-example .fixed-bottom{margin:1rem -1.5rem -1.5rem}}.docs-example .pagination{margin-bottom:.5rem;margin-top:.5rem}.docs-example-ratios .ratio{background-color:#ebedef;border:1px solid #d8dbe0;color:#8a93a2;display:inline-block;width:10rem}.docs-example-ratios .ratio>div{align-items:center;display:flex;justify-content:center}.docs-example-ratios-breakpoint .ratio-4x3{width:16rem}.docs-example-modal{background-color:#fafafa}.docs-example-modal .modal{display:block;position:static}.docs-example-offcanvas{border-bottom-left-radius:0;border-top-left-radius:0}.docs-example-offcanvas .offcanvas{display:block;height:200px;position:static;-webkit-transform:translate(0);transform:translate(0);visibility:visible}.tooltip-demo a{white-space:nowrap}.scrollspy-example{height:200px;margin-top:.5rem;overflow:auto;position:relative}.scrollspy-example-2{height:350px;overflow:auto;position:relative}.docs-example-position-utils{padding:3em;position:relative}.docs-example-position-utils .position-relative{background-color:#f5f5f5;height:200px}.docs-example-position-utils .position-absolute{background-color:#4f5d73;height:2em;width:2em}.docs-example-position-examples:after{content:none}.docs-example-toasts{min-height:240px}.rtl .form-label{color:var(--cui-form-label-color, );margin-bottom:.5rem}.rtl .col-form-label{color:var(--cui-form-label-color, );font-size:inherit;line-height:1.5;margin-bottom:0;padding-bottom:calc(.375rem + 1px);padding-top:calc(.375rem + 1px)}.rtl .col-form-label-lg{font-size:1.25rem;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.rtl .col-form-label-sm{font-size:.875rem;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.rtl .form-text{color:var(--cui-form-text-color,rgba(44,56,74,.38));font-size:.875em;margin-top:.25rem}.rtl .form-control{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:var(--cui-input-bg,#fff);border:1px solid var(--cui-input-border-color,#b1b7c1);border-radius:.25rem;color:var(--cui-input-color,rgba(44,56,74,.95));display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media(prefers-reduced-motion:reduce){.rtl .form-control{transition:none}}.rtl .form-control[type=file]{overflow:hidden}.rtl .form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.rtl .form-control:focus{background-color:var(--cui-input-focus-bg,#fff);border-color:var(--cui-input-focus-border-color,#998fed);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);color:var(--cui-input-focus-color,rgba(44,56,74,.95));outline:0}.rtl .form-control::-webkit-date-and-time-value{height:1.5em}.rtl .form-control::-webkit-input-placeholder{color:var(--cui-input-placeholder-color,#8a93a2);opacity:1}.rtl .form-control::placeholder{color:var(--cui-input-placeholder-color,#8a93a2);opacity:1}.rtl .form-control:disabled{background-color:#d8dbe0;border-color:#b1b7c1;opacity:1}.rtl .form-control::-webkit-file-upload-button{-webkit-margin-end:.75rem;background-color:var(--cui-form-file-button-bg,#d8dbe0);border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:var(--cui-form-file-button-color,rgba(44,56,74,.95));margin:-.375rem -.75rem;margin-inline-end:.75rem;padding:.375rem .75rem;pointer-events:none;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.rtl .form-control::file-selector-button{-webkit-margin-end:.75rem;background-color:var(--cui-form-file-button-bg,#d8dbe0);border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:var(--cui-form-file-button-color,rgba(44,56,74,.95));margin:-.375rem -.75rem;margin-inline-end:.75rem;padding:.375rem .75rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.rtl .form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.rtl .form-control::file-selector-button{transition:none}}.rtl .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--cui-form-file-button-hover-bg,#cdd0d5)}.rtl .form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--cui-form-file-button-hover-bg,#cdd0d5)}.rtl .form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:var(--cui-input-plaintext-color,rgba(44,56,74,.95));display:block;line-height:1.5;margin-bottom:0;padding:.375rem 0;width:100%}.rtl .form-control-plaintext:focus{outline:0}.rtl .form-control-plaintext.form-control-lg,.rtl .form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.rtl .form-control-sm{border-radius:.2rem;font-size:.875rem;min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem}.rtl .form-control-sm::-webkit-file-upload-button{-webkit-margin-end:.5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.rtl .form-control-sm::file-selector-button{-webkit-margin-end:.5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.rtl .form-control-lg{border-radius:.3rem;font-size:1.25rem;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem}.rtl .form-control-lg::-webkit-file-upload-button{-webkit-margin-end:1rem;margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}.rtl .form-control-lg::file-selector-button{-webkit-margin-end:1rem;margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}.rtl textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}.rtl textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}.rtl textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.rtl .form-control-color{height:calc(1.5em + .75rem + 2px);padding:.375rem;width:3rem}.rtl .form-control-color:not(:disabled):not([readonly]){cursor:pointer}.rtl .form-control-color::-moz-color-swatch{border:0!important;border-radius:.25rem}.rtl .form-control-color::-webkit-color-swatch{border-radius:.25rem}.rtl .form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}.rtl .form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}.rtl .form-select{-moz-padding-start:calc(.75rem - 3px);-webkit-appearance:none;appearance:none;background-color:var(--cui-form-select-bg,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid var(--cui-form-select-border-color,#b1b7c1);border-radius:.25rem;color:var(--cui-form-select-color,rgba(44,56,74,.95));display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem .375rem 2.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media(prefers-reduced-motion:reduce){.rtl .form-select{transition:none}}.rtl .form-select:focus{border-color:var(--cui-form-select-focus-border-color,#998fed);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);outline:0}.rtl .form-select[multiple],.rtl .form-select[size]:not([size="1"]){background-image:none;padding-left:.75rem}.rtl .form-select:disabled{background-color:var(--cui-form-select-disabled-bg,#d8dbe0);border-color:var(--cui-form-select-disabled-border-color,#b1b7c1);color:var(--cui-form-select-disabled-color, )}.rtl .form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--cui-form-select-color,rgba(44,56,74,.95))}.rtl .form-select-sm{border-radius:.2rem;font-size:.875rem;padding-bottom:.25rem;padding-right:.5rem;padding-top:.25rem}.rtl .form-select-lg{border-radius:.3rem;font-size:1.25rem;padding-bottom:.5rem;padding-right:1rem;padding-top:.5rem}.rtl .dark-theme .form-select>option{background-color:#44454e}.rtl .form-multi-select{--cui-form-multi-select-padding-y:0.375rem;--cui-form-multi-select-padding-x:0.75rem;--cui-form-multi-select-font-family: ;--cui-form-multi-select-font-size:1rem;--cui-form-multi-select-font-weight:400;--cui-form-multi-select-line-height:1.5;--cui-form-multi-select-color:rgba(44,56,74,.95);--cui-form-multi-select-bg:#fff;--cui-form-multi-select-bg-position:right 0.75rem center;--cui-form-multi-select-bg-size:16px 12px;--cui-form-multi-select-border-color:#b1b7c1;--cui-form-multi-select-border:1px solid var(--cui-form-multi-select-border-color);--cui-form-multi-select-border-radius:0.25rem;--cui-form-multi-select-disabled-color:#8a93a2;--cui-form-multi-select-disabled-bg:#d8dbe0;--cui-form-multi-select-focus-color:rgba(44,56,74,.95);--cui-form-multi-select-focus-bg:#fff;--cui-form-multi-select-focus-border-color:#6557e4;--cui-form-multi-select-selection-tags-padding-y:0.125rem;--cui-form-multi-select-selection-tags-padding-x:0.125rem;--cui-form-multi-select-indicator:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");--cui-form-multi-select-indicator-padding:2.25rem;--cui-form-multi-select-cleaner-width:0.75rem;--cui-form-multi-select-cleaner-height:0.75rem;--cui-form-multi-select-cleaner-padding-y:0.5rem;--cui-form-multi-select-cleaner-padding-x:0.75rem;--cui-form-multi-select-cleaner-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.681)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");--cui-form-multi-select-cleaner-hover-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.95)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");--cui-form-multi-select-cleaner-focus-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(44, 56, 74, 0.95)' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");--cui-form-multi-select-search-color:rgba(44,56,74,.95);--cui-form-multi-select-search-bg:#fff;--cui-form-multi-select-search-border-radius:0.25rem;--cui-form-multi-select-select-all-padding-y:0.5rem;--cui-form-multi-select-select-all-padding-x:0.75rem;--cui-form-multi-select-select-all-color:rgba(44,56,74,.681);--cui-form-multi-select-select-all-bg:transparent;--cui-form-multi-select-select-all-border-color:#b1b7c1;--cui-form-multi-select-select-all-border:1px solid var(--cui-form-multi-select-select-all-border-color);--cui-form-multi-select-select-all-hover-color:rgba(44,56,74,.95);--cui-form-multi-select-select-all-hover-bg:transparent;--cui-form-multi-select-options-margin-top:0.625rem;--cui-form-multi-select-options-bg:#fff;--cui-form-multi-select-options-border-color:#d8dbe0;--cui-form-multi-select-options-border:1px solid var(--cui-form-multi-select-options-border-color);--cui-form-multi-select-options-border-radius:0.25rem;--cui-form-multi-select-options-padding-y:0.5rem;--cui-form-multi-select-options-padding-x:0.75rem;--cui-form-multi-select-options-color:rgba(44,56,74,.95);--cui-form-multi-select-option-padding-y:0.5rem;--cui-form-multi-select-option-padding-x:1.25rem;--cui-form-multi-select-option-border-radius:0.25rem;--cui-form-multi-select-option-hover-color:#4b586d;--cui-form-multi-select-option-hover-bg:rgba(235,237,239,.5);--cui-form-multi-select-option-disabled-color:#8a93a2;--cui-form-multi-select-option-indicator-width:1em;--cui-form-multi-select-option-indicator-bg:#fff;--cui-form-multi-select-option-indicator-border:1px solid rgba(0,0,21,.25);--cui-form-multi-select-option-indicator-border-radius:0.25em;--cui-form-multi-select-option-selected-bg:#ebedef;--cui-form-multi-select-option-selected-indicator-bg:#321fdb;--cui-form-multi-select-option-selected-indicator-bg-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.87)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");--cui-form-multi-select-option-selected-indicator-border-color:#321fdb;--cui-form-multi-select-tag-padding-y:calc(0.125rem - 1px);--cui-form-multi-select-tag-padding-x:0.5rem;--cui-form-multi-select-tag-margin-y:0.125rem;--cui-form-multi-select-tag-margin-x:0.125rem;--cui-form-multi-select-tag-bg:#ebedef;--cui-form-multi-select-tag-border-color:#d8dbe0;--cui-form-multi-select-tag-border:1px solid var(--cui-form-multi-select-tag-border-color);--cui-form-multi-select-tag-border-radius:0.25rem;-webkit-appearance:none;appearance:none;background-color:var(--cui-form-multi-select-bg);background-image:var(--cui-form-multi-select-indicator);background-position:var(--cui-form-multi-select-bg-position);background-repeat:no-repeat;background-size:var(--cui-form-multi-select-bg-size);border:var(--cui-form-multi-select-border);border-radius:var(--cui-form-multi-select-border-radius);color:var(--cui-form-multi-select-color);display:block;font-family:var(--cui-form-multi-select-font-family);font-size:var(--cui-form-multi-select-font-size);font-weight:var(--cui-form-multi-select-font-weight);line-height:var(--cui-form-multi-select-line-height);padding:var(--cui-form-multi-select-padding-y) var(--cui-form-multi-select-padding-x);padding-left:var(--cui-form-multi-select-indicator-padding);position:relative;width:100%}.rtl .form-multi-select.disabled,.rtl .form-multi-select:disabled{background-color:var(--cui-form-multi-select-disabled-bg);color:var(--cui-form-multi-select-disabled-color)}.rtl .form-multi-select.disabled .form-multi-select-search,.rtl .form-multi-select:disabled .form-multi-select-search{background:transparent}.rtl .form-multi-select.form-multi-select-with-cleaner{padding-left:4.5rem}.rtl .form-multi-select-selection-tags{min-height:calc(2.25rem + 2px);padding:var(--cui-form-multi-select-selection-tags-padding-y) var(--cui-form-multi-select-selection-tags-padding-x);padding-left:var(--cui-form-multi-select-indicator-padding)}.rtl .form-multi-select-selection-tags .form-multi-select-search{height:2rem;margin-right:var(--cui-form-multi-select-padding-x)}.rtl .form-multi-select-selection{display:inline;padding:0}.rtl .form-multi-select-selection-cleaner{background-color:transparent;background-image:var(--cui-form-multi-select-cleaner-bg);background-position:50%;background-repeat:no-repeat;background-size:var(--cui-form-multi-select-cleaner-width) auto;border:0;border-left:1px solid var(--cui-form-multi-select-cleaner-border-color,#b1b7c1);box-sizing:content-box;height:var(--cui-form-multi-select-cleaner-height);left:var(--cui-form-multi-select-indicator-padding);padding:var(--cui-form-multi-select-cleaner-padding-y) var(--cui-form-multi-select-cleaner-padding-x);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--cui-form-multi-select-cleaner-width)}.rtl .form-multi-select-selection-cleaner:hover{background-image:var(--cui-form-multi-select-cleaner-hover-bg)}.rtl .form-multi-select-selection-cleaner:focus{background-image:var(--cui-form-multi-select-cleaner-focus-bg);outline:0}.rtl .form-multi-select-search{-webkit-appearance:none;appearance:none;background-color:var(--cui-form-multi-select-search-bg);border:0;border-radius:var(--cui-form-multi-select-search-border-radius);color:var(--cui-form-multi-select-search-color);font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;width:auto}.rtl .form-multi-select-search:focus{outline:0}.rtl .form-multi-select-search[size]{display:none;margin-right:var(--cui-form-multi-select-padding-x)}.rtl .form-multi-select-search:placeholder-shown{width:100%}.rtl .form-multi-select-all{background-color:var(--cui-form-multi-select-select-all-bg);border:0;border-bottom:var(--cui-form-multi-select-select-all-border);color:var(--cui-form-multi-select-select-all-color);display:block;padding:var(--cui-form-multi-select-select-all-padding-y) var(--cui-form-multi-select-select-all-padding-x);text-align:start;width:100%}.rtl .form-multi-select-all:hover{background-color:var(--cui-form-multi-select-select-all-hover-bg);color:var(--cui-form-multi-select-select-all-hover-color)}.rtl .form-multi-select-dropdown{background-clip:padding-box;background-color:var(--cui-form-multi-select-options-bg);border:var(--cui-form-multi-select-options-border);border-radius:var(--cui-form-multi-select-options-border-radius);box-shadow:0 4px 5px 0 rgba(var(--cui-elevation-base-color,60,75,100),.14),0 1px 10px 0 rgba(var(--cui-elevation-base-color,60,75,100),.12),0 2px 4px -1px rgba(var(--cui-elevation-base-color,60,75,100),.2);display:none;left:0;margin-top:var(--cui-form-multi-select-options-margin-top);position:absolute;top:100%;width:100%}.rtl .form-multi-select-dropdown:not([class*=border]){border:0}.rtl .form-multi-select-options{color:var(--cui-form-multi-select-options-color);font-size:1rem;padding:var(--cui-form-multi-select-options-padding-y) var(--cui-form-multi-select-options-padding-x)}.rtl .form-multi-select-option{border-radius:var(--cui-form-multi-select-option-border-radius);cursor:pointer;margin-bottom:2px;padding:var(--cui-form-multi-select-option-padding-y) var(--cui-form-multi-select-option-padding-x);position:relative;vertical-align:top}.rtl .form-multi-select-option:focus,.rtl .form-multi-select-option:hover{background-color:var(--cui-form-multi-select-option-hover-bg);color:var(--cui-form-multi-select-option-hover-color);text-decoration:none}.rtl .form-multi-select-option.disabled,.rtl .form-multi-select-option:disabled{background-color:transparent;color:var(--cui-form-multi-select-option-disabled-color);pointer-events:none}.rtl .form-multi-select-option.form-multi-select-option-with-checkbox{padding:.5rem 1.25rem;padding-right:calc(var(--cui-form-multi-select-option-padding-x) + var(--cui-form-multi-select-option-indicator-width))}.rtl .form-multi-select-option.form-multi-select-option-with-checkbox:before{background-color:var(--cui-form-multi-select-option-indicator-bg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:var(--cui-form-multi-select-option-indicator-border);border-radius:var(--cui-form-multi-select-option-indicator-border-radius);content:"";display:block;height:var(--cui-form-multi-select-option-indicator-width);pointer-events:none;position:absolute;right:calc(var(--cui-form-multi-select-option-padding-x)*.5);top:.7rem;width:var(--cui-form-multi-select-option-indicator-width)}.rtl .form-multi-select-option.form-multi-selected{background-color:var(--cui-form-multi-select-option-selected-bg)}.rtl .form-multi-select-option.form-multi-selected:before{background-color:var(--cui-form-multi-select-option-selected-indicator-bg);background-image:var(--cui-form-multi-select-option-selected-indicator-bg-image);border-color:var(--cui-form-multi-select-option-selected-indicator-border-color)}.rtl .form-multi-select-optgroup-label{color:rgba(44,56,74,.38);font-size:80%;font-weight:700;padding:.75rem .625rem .5rem;text-transform:uppercase}.rtl .form-multi-select-options-empty{padding:var(--cui-form-multi-select-option-padding-y) var(--cui-form-multi-select-option-padding-x)}.rtl .form-multi-select-tag{background-color:var(--cui-form-multi-select-tag-bg);border:var(--cui-form-multi-select-tag-border);border-radius:var(--cui-form-multi-select-tag-border-radius);display:inline-block;margin:var(--cui-form-multi-select-tag-margin-y) var(--cui-form-multi-select-tag-margin-x);padding:var(--cui-form-multi-select-tag-padding-y) var(--cui-form-multi-select-tag-padding-x)}.rtl .form-multi-select-tag-delete{background-color:transparent;border:0;margin-right:.5rem;padding:0}.rtl .form-multi-select.show{background-color:var(--cui-form-multi-select-focus-bg);border-color:var(--cui-form-multi-select-focus-border-color);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);color:var(--cui-form-multi-select-focus-color)}.rtl .form-multi-select.show .form-multi-select-search[size]{display:inline}.rtl .form-multi-select.show .form-multi-select-dropdown{display:initial;z-index:1000}.rtl .form-multi-select-sm{--cui-form-multi-select-padding-y:0.25rem;--cui-form-multi-select-padding-x:0.5rem;--cui-form-multi-select-font-size:0.875rem;--cui-form-multi-select-selection-tags-padding-x:0.0675rem;--cui-form-multi-select-tag-padding-y:calc(0.115rem - 1px);--cui-form-multi-select-tag-padding-x:0.5rem;--cui-form-multi-select-tag-margin-y:0.0675rem;--cui-form-multi-select-tag-margin-x:0.0675rem}.rtl .form-multi-select-sm.form-multi-select-selection-tags{min-height:calc(1.8125rem + 2px)}.rtl .form-multi-select-sm.form-multi-select-selection-tags .form-multi-select-search{height:1.6775rem}.rtl .form-multi-select-lg{--cui-form-multi-select-padding-y:0.5rem;--cui-form-multi-select-padding-x:1rem;--cui-form-multi-select-font-size:1.25rem;--cui-form-multi-select-selection-tags-padding-x:0.125rem;--cui-form-multi-select-tag-padding-y:calc(0.25rem - 1px);--cui-form-multi-select-tag-padding-x:0.5rem;--cui-form-multi-select-tag-margin-y:0.125rem;--cui-form-multi-select-tag-margin-x:0.125rem}.rtl .form-multi-select-lg.form-multi-select-selection-tags{min-height:calc(2.875rem + 2px)}.rtl .form-multi-select-lg.form-multi-select-selection-tags .form-multi-select-search{height:2.625rem}.rtl .form-check{display:block;margin-bottom:.125rem;min-height:1.5rem;padding-right:1.5em}.rtl .form-check .form-check-input{float:right;margin-right:-1.5em}.rtl .form-check-reverse{padding-left:0;padding-right:1.5em;text-align:right}.rtl .form-check-reverse .form-check-input{float:right;margin-left:0;margin-right:-1.5em}.rtl .form-check-input{-webkit-appearance:none;appearance:none;background-color:var(--cui-form-check-input-bg,#fff);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,21,.25);height:1em;margin-top:.25em;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:1em}.rtl .form-check-input[type=checkbox]{border-radius:.25em}.rtl .form-check-input[type=radio]{border-radius:50%}.rtl .form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.rtl .form-check-input:focus{border-color:#998fed;box-shadow:0 0 0 .25rem rgba(50,31,219,.25);outline:0}.rtl .form-check-input:checked{background-color:var(--cui-form-check-input-checked-bg-color,#321fdb);border-color:var(--cui-form-check-input-checked-border-color,#321fdb)}.rtl .form-check-input:checked[type=checkbox]{background-image:var(--cui-form-check-input-checked-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.87)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"))}.rtl .form-check-input:checked[type=radio]{background-image:var(--cui-form-check-radio-checked-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='rgba(255, 255, 255, 0.87)'/%3E%3C/svg%3E"))}.rtl .form-check-input[type=checkbox]:indeterminate{background-color:#321fdb;background-image:var(--cui-form-check-input-indeterminate-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.87)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E"));border-color:#321fdb}.rtl .form-check-input:disabled{-webkit-filter:none;filter:none;opacity:.5;pointer-events:none}.rtl .form-check-input:disabled~.form-check-label,.rtl .form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.rtl .form-check-label{color:var(--cui-form-check-label-color,unset)}.rtl .form-switch{padding-right:2em}.rtl .form-switch .form-check-input{background-image:var(--cui-form-switch-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"));background-position:0;border-radius:1.5em;margin-right:-2em;transition:background-position .15s ease-in-out;width:1.5em}@media(prefers-reduced-motion:reduce){.rtl .form-switch .form-check-input{transition:none}}.rtl .form-switch .form-check-input:focus{background-image:var(--cui-form-switch-focus-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23998fed'/%3E%3C/svg%3E"))}.rtl .form-switch .form-check-input:checked{background-image:var(--cui-form-switch-checked-bg-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.87)'/%3E%3C/svg%3E"));background-position:100%}.rtl .form-switch.form-check-reverse{padding-left:0;padding-right:2em}.rtl .form-switch.form-check-reverse .form-check-input{margin-left:0;margin-right:-2em}.rtl .form-switch-lg{min-height:1.25em;padding-right:2.25em}.rtl .form-switch-lg .form-check-input{height:1.25em;margin-right:-2.25em;width:1.75em}.rtl .form-switch-lg .form-check-label{padding-top:calc(.625em - .5rem)}.rtl .form-switch-xl{min-height:1.5em;padding-right:2.5em}.rtl .form-switch-xl .form-check-input{height:1.5em;margin-right:-2.5em;width:2em}.rtl .form-switch-xl .form-check-label{padding-top:calc(.75em - .5rem)}.rtl .form-check-inline{display:inline-block;margin-left:1rem}.rtl .btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.rtl .btn-check:disabled+.btn,.rtl .btn-check[disabled]+.btn{-webkit-filter:none;filter:none;opacity:.65;pointer-events:none}.rtl .form-check-primary{--cui-form-check-input-checked-bg-color:#321fdb;--cui-form-check-input-checked-border-color:#321fdb;--cui-form-check-input-indeterminate-bg-color:#321fdb;--cui-form-check-input-indeterminate-border-color:#321fdb}.rtl .form-check-secondary{--cui-form-check-input-checked-bg-color:#9da5b1;--cui-form-check-input-checked-border-color:#9da5b1;--cui-form-check-input-indeterminate-bg-color:#9da5b1;--cui-form-check-input-indeterminate-border-color:#9da5b1}.rtl .form-check-success{--cui-form-check-input-checked-bg-color:#2eb85c;--cui-form-check-input-checked-border-color:#2eb85c;--cui-form-check-input-indeterminate-bg-color:#2eb85c;--cui-form-check-input-indeterminate-border-color:#2eb85c}.rtl .form-check-info{--cui-form-check-input-checked-bg-color:#39f;--cui-form-check-input-checked-border-color:#39f;--cui-form-check-input-indeterminate-bg-color:#39f;--cui-form-check-input-indeterminate-border-color:#39f}.rtl .form-check-warning{--cui-form-check-input-checked-bg-color:#f9b115;--cui-form-check-input-checked-border-color:#f9b115;--cui-form-check-input-indeterminate-bg-color:#f9b115;--cui-form-check-input-indeterminate-border-color:#f9b115}.rtl .form-check-danger{--cui-form-check-input-checked-bg-color:#e55353;--cui-form-check-input-checked-border-color:#e55353;--cui-form-check-input-indeterminate-bg-color:#e55353;--cui-form-check-input-indeterminate-border-color:#e55353}.rtl .form-check-light{--cui-form-check-input-checked-bg-color:#ebedef;--cui-form-check-input-checked-border-color:#ebedef;--cui-form-check-input-indeterminate-bg-color:#ebedef;--cui-form-check-input-indeterminate-border-color:#ebedef}.rtl .form-check-dark{--cui-form-check-input-checked-bg-color:#4f5d73;--cui-form-check-input-checked-border-color:#4f5d73;--cui-form-check-input-indeterminate-bg-color:#4f5d73;--cui-form-check-input-indeterminate-border-color:#4f5d73}.rtl .form-range{-webkit-appearance:none;appearance:none;background-color:transparent;height:1.5rem;padding:0;width:100%}.rtl .form-range:focus{outline:0}.rtl .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(50,31,219,.25)}.rtl .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(50,31,219,.25)}.rtl .form-range::-moz-focus-outer{border:0}.rtl .form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--cui-form-range-thumb-bg,#321fdb);border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media(prefers-reduced-motion:reduce){.rtl .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.rtl .form-range::-webkit-slider-thumb:active{background-color:var(--cui-form-range-thumb-active-bg,#c2bcf4)}.rtl .form-range::-webkit-slider-runnable-track{background-color:var(--cui-form-range-track-bg,#c4c9d0);border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.rtl .form-range::-moz-range-thumb{appearance:none;background-color:var(--cui-form-range-thumb-bg,#321fdb);border:0;border-radius:1rem;height:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media(prefers-reduced-motion:reduce){.rtl .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.rtl .form-range::-moz-range-thumb:active{background-color:var(--cui-form-range-thumb-active-bg,#c2bcf4)}.rtl .form-range::-moz-range-track{background-color:var(--cui-form-range-track-bg,#c4c9d0);border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.rtl .form-range:disabled{pointer-events:none}.rtl .form-range:disabled::-webkit-slider-thumb{background-color:var(--cui-form-range-thumb-disabled-bg,#9da5b1)}.rtl .form-range:disabled::-moz-range-thumb{background-color:var(--cui-form-range-thumb-disabled-bg,#9da5b1)}.rtl .form-floating{position:relative}.rtl .form-floating>.form-control,.rtl .form-floating>.form-control-plaintext,.rtl .form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.rtl .form-floating>label{border:1px solid transparent;height:100%;overflow:hidden;padding:1rem .75rem;pointer-events:none;position:absolute;right:0;text-overflow:ellipsis;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out;white-space:nowrap;width:100%}@media(prefers-reduced-motion:reduce){.rtl .form-floating>label{transition:none}}.rtl .form-floating>.form-control,.rtl .form-floating>.form-control-plaintext{padding:1rem .75rem}.rtl .form-floating>.form-control-plaintext::-webkit-input-placeholder,.rtl .form-floating>.form-control::-webkit-input-placeholder{color:transparent}.rtl .form-floating>.form-control-plaintext::placeholder,.rtl .form-floating>.form-control::placeholder{color:transparent}.rtl .form-floating>.form-control-plaintext:focus,.rtl .form-floating>.form-control-plaintext:not(:placeholder-shown),.rtl .form-floating>.form-control:focus,.rtl .form-floating>.form-control:not(:placeholder-shown){padding-bottom:.625rem;padding-top:1.625rem}.rtl .form-floating>.form-control-plaintext:-webkit-autofill,.rtl .form-floating>.form-control:-webkit-autofill{padding-bottom:.625rem;padding-top:1.625rem}.rtl .form-floating>.form-select{padding-bottom:.625rem;padding-top:1.625rem}.rtl .form-floating>.form-control-plaintext~label,.rtl .form-floating>.form-control:focus~label,.rtl .form-floating>.form-control:not(:placeholder-shown)~label,.rtl .form-floating>.form-select~label{opacity:.65;-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.rtl .form-floating>.form-control:-webkit-autofill~label{opacity:.65;-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.rtl .form-floating>.form-control-plaintext~label{border-width:1px 0}.rtl .input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.rtl .input-group>.form-control,.rtl .input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}.rtl .input-group>.form-control:focus,.rtl .input-group>.form-select:focus{z-index:3}.rtl .input-group .btn{position:relative;z-index:2}.rtl .input-group .btn:focus{z-index:3}.rtl .input-group-text{align-items:center;background-color:var(--cui-input-group-addon-bg,#d8dbe0);border:1px solid var(--cui-input-group-addon-border-color,#b1b7c1);border-radius:.25rem;color:var(--cui-input-group-addon-color,rgba(44,56,74,.95));display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;white-space:nowrap}.rtl .input-group-lg>.btn,.rtl .input-group-lg>.form-control,.rtl .input-group-lg>.form-select,.rtl .input-group-lg>.input-group-text{border-radius:.3rem;font-size:1.25rem;padding:.5rem 1rem}.rtl .input-group-sm>.btn,.rtl .input-group-sm>.form-control,.rtl .input-group-sm>.form-select,.rtl .input-group-sm>.input-group-text{border-radius:.2rem;font-size:.875rem;padding:.25rem .5rem}.rtl .input-group-lg>.form-select,.rtl .input-group-sm>.form-select{padding-left:3rem}.rtl .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.rtl .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.rtl .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-bottom-left-radius:0;border-top-left-radius:0}.rtl .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.rtl .valid-feedback{color:#2eb85c;display:none;font-size:.875em;margin-top:.25rem;width:100%}.rtl .valid-tooltip{background-color:rgba(46,184,92,.9);border-radius:.25rem;color:#000015;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.rtl.is-valid~.valid-feedback,.rtl.is-valid~.valid-tooltip,.was-validated .rtl:valid~.valid-feedback,.was-validated .rtl:valid~.valid-tooltip{display:block}.rtl .form-control.is-valid,.was-validated .rtl .form-control:valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:left calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#2eb85c;padding-left:calc(1.5em + .75rem)}.rtl .form-control.is-valid:focus,.was-validated .rtl .form-control:valid:focus{border-color:#2eb85c;box-shadow:0 0 0 .25rem rgba(46,184,92,.25)}.rtl textarea.form-control.is-valid,.was-validated .rtl textarea.form-control:valid{background-position:top calc(.375em + .1875rem) left calc(.375em + .1875rem);padding-left:calc(1.5em + .75rem)}.rtl .form-select.is-valid,.was-validated .rtl .form-select:valid{border-color:#2eb85c}.rtl .form-select.is-valid:not([multiple]):not([size]),.rtl .form-select.is-valid:not([multiple])[size="1"],.was-validated .rtl .form-select:valid:not([multiple]):not([size]),.was-validated .rtl .form-select:valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:left .75rem center,center left 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-left:4.125rem}.rtl .form-select.is-valid:focus,.was-validated .rtl .form-select:valid:focus{border-color:#2eb85c;box-shadow:0 0 0 .25rem rgba(46,184,92,.25)}.rtl .form-control-color.is-valid,.was-validated .rtl .form-control-color:valid{width:calc(3.75rem + 1.5em)}.rtl .form-check-input.is-valid,.was-validated .rtl .form-check-input:valid{border-color:#2eb85c}.rtl .form-check-input.is-valid:checked,.was-validated .rtl .form-check-input:valid:checked{background-color:#2eb85c}.rtl .form-check-input.is-valid:focus,.was-validated .rtl .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(46,184,92,.25)}.rtl .form-check-input.is-valid~.form-check-label,.was-validated .rtl .form-check-input:valid~.form-check-label{color:#2eb85c}.rtl .form-check-inline .form-check-input~.valid-feedback{margin-right:.5em}.rtl .input-group .form-control.is-valid,.rtl .input-group .form-select.is-valid,.was-validated .rtl .input-group .form-control:valid,.was-validated .rtl .input-group .form-select:valid{z-index:1}.rtl .input-group .form-control.is-valid:focus,.rtl .input-group .form-select.is-valid:focus,.was-validated .rtl .input-group .form-control:valid:focus,.was-validated .rtl .input-group .form-select:valid:focus{z-index:3}.rtl .invalid-feedback{color:#e55353;display:none;font-size:.875em;margin-top:.25rem;width:100%}.rtl .invalid-tooltip{background-color:rgba(229,83,83,.9);border-radius:.25rem;color:#000015;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.rtl.is-invalid~.invalid-feedback,.rtl.is-invalid~.invalid-tooltip,.was-validated .rtl:invalid~.invalid-feedback,.was-validated .rtl:invalid~.invalid-tooltip{display:block}.rtl .form-control.is-invalid,.was-validated .rtl .form-control:invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e55353' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3E%3C/svg%3E");background-position:left calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#e55353;padding-left:calc(1.5em + .75rem)}.rtl .form-control.is-invalid:focus,.was-validated .rtl .form-control:invalid:focus{border-color:#e55353;box-shadow:0 0 0 .25rem rgba(229,83,83,.25)}.rtl textarea.form-control.is-invalid,.was-validated .rtl textarea.form-control:invalid{background-position:top calc(.375em + .1875rem) left calc(.375em + .1875rem);padding-left:calc(1.5em + .75rem)}.rtl .form-select.is-invalid,.was-validated .rtl .form-select:invalid{border-color:#e55353}.rtl .form-select.is-invalid:not([multiple]):not([size]),.rtl .form-select.is-invalid:not([multiple])[size="1"],.was-validated .rtl .form-select:invalid:not([multiple]):not([size]),.was-validated .rtl .form-select:invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e55353' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3E%3C/svg%3E");background-position:left .75rem center,center left 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-left:4.125rem}.rtl .form-select.is-invalid:focus,.was-validated .rtl .form-select:invalid:focus{border-color:#e55353;box-shadow:0 0 0 .25rem rgba(229,83,83,.25)}.rtl .form-control-color.is-invalid,.was-validated .rtl .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.rtl .form-check-input.is-invalid,.was-validated .rtl .form-check-input:invalid{border-color:#e55353}.rtl .form-check-input.is-invalid:checked,.was-validated .rtl .form-check-input:invalid:checked{background-color:#e55353}.rtl .form-check-input.is-invalid:focus,.was-validated .rtl .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(229,83,83,.25)}.rtl .form-check-input.is-invalid~.form-check-label,.was-validated .rtl .form-check-input:invalid~.form-check-label{color:#e55353}.rtl .form-check-inline .form-check-input~.invalid-feedback{margin-right:.5em}.rtl .input-group .form-control.is-invalid,.rtl .input-group .form-select.is-invalid,.was-validated .rtl .input-group .form-control:invalid,.was-validated .rtl .input-group .form-select:invalid{z-index:2}.rtl .input-group .form-control.is-invalid:focus,.rtl .input-group .form-select.is-invalid:focus,.was-validated .rtl .input-group .form-control:invalid:focus,.was-validated .rtl .input-group .form-select:invalid:focus{z-index:3}.rtl .calendar{--cui-calendar-table-margin:0.5rem;--cui-calendar-table-cell-size:2.75rem;--cui-calendar-nav-padding:0.5rem;--cui-calendar-nav-border:1px solid #d8dbe0;--cui-calendar-nav-date-color:rgba(44,56,74,.95);--cui-calendar-nav-date-hover-color:#321fdb;--cui-calendar-nav-icon-width:1rem;--cui-calendar-nav-icon-height:1rem;--cui-calendar-cell-header-inner-color:rgba(44,56,74,.681);--cui-calendar-cell-hover-bg:#d8dbe0;--cui-calendar-cell-disabled-color:rgba(44,56,74,.38);--cui-calendar-cell-selected-color:#fff;--cui-calendar-cell-selected-bg:#321fdb;--cui-calendar-cell-range-bg:rgba(50,31,219,.125);--cui-calendar-cell-range-hover-bg:rgba(50,31,219,.25);--cui-calendar-cell-range-hover-border-color:#321fdb;--cui-calendar-cell-today-color:#e55353;font-weight:400}.rtl .calendar table{margin:var(--cui-calendar-table-margin);width:calc(var(--cui-calendar-table-cell-size)*7)}.rtl .calendar table td,.rtl .calendar table th{width:var(--cui-calendar-table-cell-size)}.rtl .calendar.months~.time-picker,.rtl .calendar.years~.time-picker{display:none}.rtl .calendars{display:flex}.rtl .calendar-nav{align-items:baseline;border-bottom:var(--cui-calendar-nav-border);display:flex;padding:var(--cui-calendar-nav-padding)}.rtl .calendar-nav-date{flex:1 1;text-align:center}.rtl .calendar-nav-date .btn{color:var(--cui-calendar-nav-date-color);font-weight:600}.rtl .calendar-nav-date .btn:hover{color:var(--cui-calendar-nav-date-hover-color)}.rtl .calendar-nav-icon{display:block;height:var(--cui-calendar-nav-icon-height);transition:background-image .15s ease-in-out;width:var(--cui-calendar-nav-icon-width)}@media(prefers-reduced-motion:reduce){.rtl .calendar-nav-icon{transition:none}}.rtl .calendar-nav-icon-double-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'/%3E%3Cpolygon fill='%238a93a2' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-double-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'/%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-double-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'/%3E%3Cpolygon fill='%238a93a2' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-double-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'/%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'/%3E%3C/svg%3E")}.rtl .calendar-nav-icon-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'/%3E%3C/svg%3E")}.rtl .calendar-header-cell-inner{align-items:center;color:var(--cui-calendar-cell-header-inner-color);display:flex;font-weight:600;height:var(--cui-calendar-table-cell-size);justify-content:center}.rtl .calendar-cell{padding:1px 0;text-align:center}.rtl .calendar-cell:not(.disabled) .calendar-cell-inner{cursor:pointer}.rtl .calendar-cell:hover:not(.disabled) .calendar-cell-inner{background-color:var(--cui-calendar-cell-hover-bg)}.rtl .calendar-cell.today .calendar-cell-inner{color:var(--cui-calendar-cell-today-color)}.rtl .calendar-cell.disabled,.rtl .calendar-cell.next,.rtl .calendar-cell.previous .calendar-cell-inner{color:var(--cui-calendar-cell-disabled-color)}.rtl .calendar-cell.disabled .calendar-cell-inner{cursor:not-allowed}.rtl .calendar-cell.range:not(.selected) .calendar-cell-inner{background:var(--cui-calendar-cell-range-bg);border-radius:0}.rtl .calendar-cell.range:not(.selected):hover .calendar-cell-inner{position:relative}.rtl .calendar-cell.range:not(.selected):hover .calendar-cell-inner:after{background:var(--cui-calendar-cell-range-hover-bg);border-radius:.25rem;content:"";height:100%;position:absolute;width:100%}.rtl .calendar-cell.range:not(.selected):first-child .calendar-cell-inner,.rtl .calendar-cell:not(.range)+.range .calendar-cell-inner{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rtl .calendar-cell.range:not(.selected).last .calendar-cell-inner,.rtl .calendar-cell.range:not(.selected):last-child .calendar-cell-inner{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.rtl .calendar-cell.range-hover .calendar-cell-inner{position:relative}.rtl .calendar-cell.range-hover .calendar-cell-inner:before{content:"";height:100%;position:absolute;width:100%}.rtl .calendar-cell.range-hover .calendar-cell-inner:before,.rtl .calendar-cell.range-hover.selected .calendar-cell-inner:before{border-bottom:1px dashed var(--cui-calendar-cell-selected-bg);border-radius:0;border-top:1px dashed var(--cui-calendar-cell-selected-bg)}.rtl .calendar-cell.range-hover:first-child .calendar-cell-inner:before,.rtl .calendar-cell:not(.range-hover)+.range-hover .calendar-cell-inner:before{border-bottom-right-radius:.25rem;border-left:1px dashed var(--cui-calendar-cell-selected-bg);border-top-right-radius:.25rem}.rtl .calendar-cell.range-hover+.range-hover:hover .calendar-cell-inner:before,.rtl .calendar-cell.range-hover.last .calendar-cell-inner:before,.rtl .calendar-cell.range-hover:first-child:hover .calendar-cell-inner:before,.rtl .calendar-cell.range-hover:last-child .calendar-cell-inner:before{border-bottom-left-radius:.25rem;border-right:1px dashed var(--cui-calendar-cell-selected-bg);border-top-left-radius:.25rem}.rtl .calendar-cell.range-hover.selected:hover .calendar-cell-inner:before{border:0}.rtl .calendar-cell.selected:not(.previous):not(.next) .calendar-cell-inner,.rtl .calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner,.rtl .calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner{background:var(--cui-calendar-cell-selected-bg);color:var(--cui-calendar-cell-selected-color);position:relative}.rtl .calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner:before,.rtl .calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner:before{background:var(--cui-calendar-cell-range-bg);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.rtl .calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner:before{border-bottom-left-radius:0;border-bottom-right-radius:.25rem;border-top-left-radius:0;border-top-right-radius:.25rem}.rtl .calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner:before{border-bottom-left-radius:.25rem;border-bottom-right-radius:0;border-top-left-radius:.25rem;border-top-right-radius:0}.rtl .calendar-cell-inner{align-items:center;border-radius:.25rem;display:flex;height:var(--cui-calendar-table-cell-size);justify-content:center}.rtl .picker{--cui-picker-footer-border-top:1px solid #d8dbe0;--cui-picker-footer-padding:0.5rem}.rtl .picker .dropdown-menu{padding:0}.rtl .picker.show .input-group{background-color:var(--cui-input-focus-bg,#fff);border-color:var(--cui-input-focus-border-color,#998fed);box-shadow:0 0 0 .25rem rgba(50,31,219,.25);color:var(--cui-input-focus-color,rgba(44,56,74,.95));outline:0}.rtl .picker-input-group:hover .form-control:not(:placeholder-shown)~.input-group-text .picker-input-group-indicator:not(:last-child){display:none}.rtl .picker-input-group:hover .form-control:not(:placeholder-shown)~.input-group-text .picker-input-group-cleaner{display:initial}.rtl .picker-input-group .form-control.hover{color:var(--cui-gray-500)}.rtl .picker-input-group .form-control:focus{border-color:var(--cui-input-border-color,#b1b7c1);box-shadow:none;outline:0}.rtl .picker-input-group .form-control:not(:first-child){border-right:0}.rtl .picker-input-group .form-control:not(:last-child){border-left:0}.rtl .picker-input-group .form-control[readonly]{background-color:var(--cui-input-bg,#fff)}.rtl .picker-input-group .form-control.form-control:disabled+.input-group-text{background-color:var(--cui-input-disabled-bg,#d8dbe0)}.rtl .picker-input-group.input-group{border-radius:.25rem}.rtl .picker-input-group.input-group-lg{border-radius:.3rem}.rtl .picker-input-group.input-group-lg .picker-input-group-icon{font-size:1.25rem;height:1.25rem;width:1.25rem}.rtl .picker-input-group.input-group-sm{border-radius:.2rem}.rtl .picker-input-group.input-group-sm .picker-input-group-icon{font-size:.875rem;height:.875rem;width:.875rem}.rtl .picker-input-group .input-group-text{background-color:var(--cui-input-bg,#fff);color:var(--cui-gray-400)}.rtl .picker-input-group-cleaner{display:none}.rtl .picker-input-group-icon{display:block;font-size:1rem;height:1rem;transition:background-image .15s ease-in-out;width:1rem}@media(prefers-reduced-motion:reduce){.rtl .picker-input-group-icon{transition:none}}.rtl .picker-footer{border-top:var(--cui-picker-footer-border-top);display:flex;justify-content:flex-end;padding:var(--cui-picker-footer-padding)}.rtl .picker-footer .btn+.btn{margin-right:.5rem}.rtl .date-picker{--cui-date-picker-ranges-width:10rem;--cui-date-picker-ranges-padding:0.5rem;--cui-date-picker-ranges-border:1px solid #d8dbe0;--cui-date-picker-timepicker-width:20.25rem;--cui-date-picker-timepicker-border-top:1px solid #d8dbe0}.rtl .date-picker .dropdown-menu{width:-webkit-min-content;width:min-content}.rtl .date-picker-body{display:grid;grid-template-areas:"ranges calendars" "ranges timepickers";grid-template-columns:auto auto;grid-template-rows:auto}.rtl .date-picker-ranges{border-right:var(--cui-date-picker-ranges-border);grid-area:ranges;padding:var(--cui-date-picker-ranges-padding);width:var(--cui-date-picker-ranges-width)}.rtl .date-picker-calendars{display:flex;grid-area:calendars}.rtl .date-picker-calendars .date-picker-calendar:not(:first-child) .calendar-navigation-prev,.rtl .date-picker-calendars .date-picker-calendar:not(:last-child) .calendar-navigation-next{visibility:hidden}.rtl .date-picker-arrow-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='497.333 239.999 80.092 239.999 176.087 144.004 153.46 121.377 18.837 256 153.46 390.623 176.087 367.996 80.09 271.999 497.333 271.999 497.333 239.999'/%3E%3C/svg%3E")}.rtl .date-picker-cleaner-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='306.912 214.461 256 265.373 205.088 214.461 182.461 237.088 233.373 288 182.461 338.912 205.088 361.539 256 310.627 306.912 361.539 329.539 338.912 278.627 288 329.539 237.088 306.912 214.461'/%3E%3Cpath fill='%238a93a2' d='M472 96h-88V40h-32v56H160V40h-32v56H40a24.028 24.028 0 0 0-24 24v336a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V120a24.028 24.028 0 0 0-24-24Zm-8 352H48V128h80v40h32v-40h192v40h32v-40h80Z'/%3E%3C/svg%3E")}.rtl .date-picker-cleaner-icon:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='306.912 214.461 256 265.373 205.088 214.461 182.461 237.088 233.373 288 182.461 338.912 205.088 361.539 256 310.627 306.912 361.539 329.539 338.912 278.627 288 329.539 237.088 306.912 214.461'/%3E%3Cpath fill='rgba(44, 56, 74, 0.95))' d='M472 96h-88V40h-32v56H160V40h-32v56H40a24.028 24.028 0 0 0-24 24v336a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V120a24.028 24.028 0 0 0-24-24Zm-8 352H48V128h80v40h32v-40h192v40h32v-40h80Z'/%3E%3C/svg%3E")}.rtl .date-picker-input-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%238a93a2' d='M472 96h-88V40h-32v56H160V40h-32v56H40a24.028 24.028 0 0 0-24 24v336a24.028 24.028 0 0 0 24 24h432a24.028 24.028 0 0 0 24-24V120a24.028 24.028 0 0 0-24-24Zm-8 352H48V128h80v40h32v-40h192v40h32v-40h80Z'/%3E%3Crect width='32' height='32' x='112' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='200' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='280' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='368' y='224' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='112' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='200' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='280' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='368' y='296' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='112' y='368' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='200' y='368' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='280' y='368' fill='%238a93a2'/%3E%3Crect width='32' height='32' x='368' y='368' fill='%238a93a2'/%3E%3C/svg%3E")}.rtl .date-picker-timepickers{border-top:var(--cui-date-picker-timepicker-border-top);display:flex;flex-wrap:wrap;grid-area:timepickers;justify-content:space-between}.rtl .date-picker-timepickers .time-picker{width:var(--cui-date-picker-timepicker-width)}.rtl .date-picker-timepickers .time-picker .form-select{background:none;border:0;padding-left:.25rem;padding-right:.25rem;text-align:right;width:auto}.rtl .date-picker-timepickers .time-picker .form-select:disabled{background-color:transparent;color:rgba(44,56,74,.38)}@media(max-width:767.98px){.rtl .date-picker-timepickers{display:block}.rtl .date-picker-timepickers .time-picker{width:100%}.rtl .date-picker-timepickers .time-picker+.time-picker{border-top:var(--cui-date-picker-timepicker-border-top)}}.rtl .time-picker{--cui-time-picker-body-padding:0.5rem;--cui-time-picker-roll-col-border:1px solid #d8dbe0}.rtl .time-picker-body{align-items:center;display:flex;padding:var(--cui-time-picker-body-padding)}.rtl .time-picker-body .form-select{-ms-overflow-style:none;background-position:right .5rem center;padding-right:1.25rem;scrollbar-width:none}.rtl .time-picker-body .form-select+.form-select{margin-left:.5rem}.rtl .time-picker-body .form-select::-webkit-scrollbar{width:10px}.rtl .time-picker-body .time-picker-inline-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='prefix__ci-primary'/%3E%3Cpath fill='%238a93a2' d='M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16Zm0 448c-114.875 0-208-93.125-208-208S141.125 48 256 48s208 93.125 208 208-93.125 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;display:block;height:1.25rem;width:40px}.rtl .time-picker-cleaner-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='348.071 141.302 260.308 229.065 172.545 141.302 149.917 163.929 237.681 251.692 149.917 339.456 172.545 362.083 260.308 274.32 348.071 362.083 370.699 339.456 282.935 251.692 370.699 163.929 348.071 141.302' class='prefix__ci-primary'/%3E%3Cpath fill='%238a93a2' d='M425.706 86.294A240 240 0 0 0 86.294 425.706 240 240 0 0 0 425.706 86.294ZM256 464c-114.691 0-208-93.309-208-208S141.309 48 256 48s208 93.309 208 208-93.309 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E")}.rtl .time-picker-cleaner-icon:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='rgba(44, 56, 74, 0.95)' points='348.071 141.302 260.308 229.065 172.545 141.302 149.917 163.929 237.681 251.692 149.917 339.456 172.545 362.083 260.308 274.32 348.071 362.083 370.699 339.456 282.935 251.692 370.699 163.929 348.071 141.302' class='prefix__ci-primary'/%3E%3Cpath fill='rgba(44, 56, 74, 0.95)' d='M425.706 86.294A240 240 0 0 0 86.294 425.706 240 240 0 0 0 425.706 86.294ZM256 464c-114.691 0-208-93.309-208-208S141.309 48 256 48s208 93.309 208 208-93.309 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E")}.rtl .time-picker-input-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%238a93a2' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='prefix__ci-primary'/%3E%3Cpath fill='%238a93a2' d='M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240 240-107.452 240-240S388.548 16 256 16Zm0 448c-114.875 0-208-93.125-208-208S141.125 48 256 48s208 93.125 208 208-93.125 208-208 208Z' class='prefix__ci-primary'/%3E%3C/svg%3E")}.rtl .time-picker-roll{border-radius:inherit;overflow:hidden;padding:0}.rtl .time-picker-roll-col{-ms-overflow-style:none;border-right:var(--cui-time-picker-roll-col-border);height:256px;overflow:scroll;scrollbar-width:none}.rtl .time-picker-roll-col::-webkit-scrollbar{display:none}.rtl .time-picker-roll-cell{height:32px;line-height:32px;padding:0 1rem 0 .5rem;width:50px}.rtl .time-picker-roll-cell.selected{background:var(--cui-primary);color:var(--cui-white)}.rtl .time-picker-roll-cell:last-child:after{content:"";display:block;height:224px}.rtl .input-group>.dropdown-toggle:nth-last-child(n+3),.rtl .input-group>:not(:last-child){border-bottom-right-radius:.25rem!important;border-right:0!important;border-top-right-radius:.25rem!important}.rtl .input-group>:not(:first-child){border-bottom-left-radius:.25rem!important;border-bottom-right-radius:0!important;border-top-left-radius:.25rem!important;border-top-right-radius:0!important}.rtl .picker .input-group .form-control:first-child{border-right:1px solid var(--cui-input-border-color,#b1b7c1)!important}.rtl .picker .input-group>*+:not(:last-child){border-bottom-left-radius:0!important;border-top-left-radius:0!important}.docs-footer{--cui-footer-bg:#f0f4f7;font-size:.875rem}.docs-footer a{color:#768192;text-decoration:none}.wrapper{padding-left:var(--cui-sidebar-occupy-start,0);transition:padding .15s;width:100%;will-change:auto}@media(prefers-reduced-motion:reduce){.wrapper{transition:none}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;border-radius:.25em;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.875em;-webkit-hyphens:none;hyphens:none;line-height:1.5;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;padding:1em}pre[class*=language-]:not(.language-sass):not(.language-text):not(.language-css){max-height:500px;overflow:scroll}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.25em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.line-no{color:#9e9e9e;display:inline-block;margin-left:-1em;margin-right:1em;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:4em}.line-no:after{border-right:1px solid rgba(0,0,0,.66);content:"";height:200%;position:absolute;right:0;top:-50%}.docs-sidebar{--cui-sidebar-bg:#f0f4f7;--cui-sidebar-brand-bg:transparent;--cui-sidebar-brand-color:rgba(44,56,74,.87);--cui-sidebar-nav-link-color:rgba(44,56,74,.87);--cui-sidebar-nav-link-active-color:#321fdb;--cui-sidebar-nav-link-hover-color:#321fdb;--cui-sidebar-nav-group-bg:transparent;--cui-sidebar-nav-group-toggle-show-color:#321fdb;--cui-sidebar-nav-link-disabled-color:rgba(44,56,74,.38)}.table-api{--cui-table-striped-bg:rgba(240,244,247,.25)}.table-api tr td{padding-bottom:1rem;padding-top:1rem}.table-api td:nth-child(1n),.table-api th:nth-child(1n){padding-left:1rem;width:15%}.table-api td:nth-child(2n){width:55%}.table-api td:nth-child(3n){width:20%}.table-api td:nth-child(4n){width:10%}.markdown+h3{margin-top:3rem}@media(min-width:992px){.docs-toc{height:calc(100vh - 7rem);overflow-y:auto;position:-webkit-sticky;position:sticky;right:0;top:5rem;z-index:2}}.docs-toc nav{font-size:.875rem}.docs-toc nav ul{list-style:none;padding-left:0}.docs-toc nav ul ul{margin-top:.25rem;padding-left:1rem}.docs-toc nav li{margin-bottom:.25rem}.docs-toc nav a{color:inherit}.docs-toc nav a:not(:hover){text-decoration:none}.docs-toc nav a code{font:inherit}</style><title>React Accordion Component - CoreUI </title><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><link rel="icon" href="https://coreui.io/react/docs/favicon-32x32.png?v=ef06b595358bf97f6ccedb47c113c407" type="image/png"><link rel="manifest" href="https://coreui.io/react/docs/manifest.webmanifest" crossorigin="anonymous"><link rel="apple-touch-icon" sizes="48x48" href="https://coreui.io/react/docs/icons/icon-48x48.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="72x72" href="https://coreui.io/react/docs/icons/icon-72x72.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="96x96" href="https://coreui.io/react/docs/icons/icon-96x96.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="144x144" href="https://coreui.io/react/docs/icons/icon-144x144.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="192x192" href="https://coreui.io/react/docs/icons/icon-192x192.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="256x256" href="https://coreui.io/react/docs/icons/icon-256x256.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="384x384" href="https://coreui.io/react/docs/icons/icon-384x384.png?v=ef06b595358bf97f6ccedb47c113c407"><link rel="apple-touch-icon" sizes="512x512" href="https://coreui.io/react/docs/icons/icon-512x512.png?v=ef06b595358bf97f6ccedb47c113c407"><style type="text/css">
.anchor-link.before {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
padding-right: 4px;
}
.anchor-link.after {
display: inline-block;
padding-left: 4px;
}
h1 .anchor-link svg,
h2 .anchor-link svg,
h3 .anchor-link svg,
h4 .anchor-link svg,
h5 .anchor-link svg,
h6 .anchor-link svg {
visibility: hidden;
}
h1:hover .anchor-link svg,
h2:hover .anchor-link svg,
h3:hover .anchor-link svg,
h4:hover .anchor-link svg,
h5:hover .anchor-link svg,
h6:hover .anchor-link svg,
h1 .anchor-link:focus svg,
h2 .anchor-link:focus svg,
h3 .anchor-link:focus svg,
h4 .anchor-link:focus svg,
h5 .anchor-link:focus svg,
h6 .anchor-link:focus svg {
visibility: visible;
}
</style><link rel="sitemap" type="application/xml" href="https://coreui.io/react/docs/sitemap-react.xml/sitemap-index.xml"><link rel="preconnect" href="https://www.googletagmanager.com/"><link rel="dns-prefetch" href="https://www.googletagmanager.com/"><meta id="ConnectiveDocSignExtentionInstalled" name="ConnectiveDocSignExtentionInstalled" data-extension-version="1.0.6"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/customize/options/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/customize/sass/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/component---src-templates-docs-tsx-490540254b4fe94a074e.js"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/chart/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/callout/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/carousel/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/avatar/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/button/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/button-group/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/alert/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/card/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/breadcrumb/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/accordion/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/badge/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/close-button/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/collapse/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/components/dropdown/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/templates/admin-dashboard/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/templates/download/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/templates/installation/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/templates/contents/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://coreui.io/react/docs/page-data/templates/customize/page-data.json" crossorigin="anonymous" as="fetch"><meta name="description" content="Build vertically collapsing accordions in combination with our React Accordion component." data-react-helmet="true"><meta property="og:url" content="https://coreui.io/react/docs/react/docs/components/accordion/" data-react-helmet="true"><meta property="og:title" content="React Accordion Component" data-react-helmet="true"><meta property="og:description" content="Build vertically collapsing accordions in combination with our React Accordion component." data-react-helmet="true"><meta name="twitter:title" content="React Accordion Component" data-react-helmet="true"><meta name="twitter:description" content="Build vertically collapsing accordions in combination with our React Accordion component." data-react-helmet="true"><script type="application/ld+json" data-react-helmet="true">
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "React",
"item": "https://coreui.io/react/docs/"
},{
"@type": "ListItem",
"position": 2,
"name": "Accordion",
"item": "https://coreui.io/react/docs/react/docs/components/accordion/"
}]
</script></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="sidebar sidebar-fixed sidebar-lg docs-sidebar border-end ps-xl-4 elevation-0"><div class="sidebar-brand justify-content-start ps-3"><img class="d-block mt-4 mb-5" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTUgMTM0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMDBhMWZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICMzYzRiNjQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDx0aXRsZT5jb3JldWkgcmVhY3Q8L3RpdGxlPgogIDxnIGlkPSJXYXJzdHdhXzEiIGRhdGEtbmFtZT0iV2Fyc3R3YSAxIj4KICAgIDxnPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjEuNzczLDkwLjE1MTMsMzUzLjAwNTQsNjkuNDE1YS4yNS4yNSwwLDAsMC0uMjU1OC0uMTkxNGgtOS45ODQ0YS4yMjYzLjIyNjMsMCwwLDAtLjI1NTkuMjU1OHYyMC41NDNhLjU2NTkuNTY1OSwwLDAsMS0uNjQuNjQwNmgtMS4yMTYzYS41NjU0LjU2NTQsMCwwLDEtLjY0LS42NDA2di00My41MmEuNTY1Ni41NjU2LDAsMCwxLC42NC0uNjRoMTIuNTQ0NGE5Ljk3ODUsOS45Nzg1LDAsMCwxLDcuNzQzNywzLjIzMTUsMTIuMjA0MiwxMi4yMDQyLDAsMCwxLDIuOTQ0Myw4LjU0NDksMTIuNDM4OSwxMi40Mzg5LDAsMCwxLTIuMjQsNy41ODQsOS4zNzA3LDkuMzcwNywwLDAsMS02LjA4LDMuNzQ0MWMtLjE3MDkuMDg1OS0uMjEzOS4xOTE0LS4xMjc5LjMxOTNsOC43MDQxLDIwLjYwODQuMDYzOS4yNTU5YzAsLjM0MTgtLjE5MTkuNTExNy0uNTc1Ny41MTE3aC0xLjE1MjNBLjcwMjkuNzAyOSwwLDAsMSwzNjEuNzczLDkwLjE1MTNabS0xOS4yNjM3LTQxLjc5M1Y2Ni44NTQ0YS4yMjYzLjIyNjMsMCwwLDAsLjI1NTkuMjU2OWgxMC4zMDM3YTcuNjY4Nyw3LjY2ODcsMCwwLDAsNi4wMTY2LTIuNTkyOCw5Ljg3OCw5Ljg3OCwwLDAsMCwyLjMwMzctNi44MTU0LDEwLjI4NTgsMTAuMjg1OCwwLDAsMC0yLjI3Mi02Ljk3NTYsNy42MDEsNy42MDEsMCwwLDAtNi4wNDgzLTIuNjI1SDM0Mi43NjUyQS4yMjYzLjIyNjMsMCwwLDAsMzQyLjUwOTMsNDguMzU4M1oiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDAxLjA4MTYsNDguMTAyNUgzODEuMDVhLjIyNjMuMjI2MywwLDAsMC0uMjU1OS4yNTU4VjY2Ljg1NDRhLjIyNjMuMjI2MywwLDAsMCwuMjU1OS4yNTY5aDEzLjgyMzdhLjU2NjMuNTY2MywwLDAsMSwuNjQwNi42NHYuOTZhLjU2Ni41NjYsMCwwLDEtLjY0MDYuNjRIMzgxLjA1YS4yMjYzLjIyNjMsMCwwLDAtLjI1NTkuMjU1OVY4OC4xNjY5YS4yMjU5LjIyNTksMCwwLDAsLjI1NTkuMjU1OWgyMC4wMzE3YS41NjcuNTY3LDAsMCwxLC42NDA2LjY0MDZ2Ljk1OWEuNTY2My41NjYzLDAsMCwxLS42NDA2LjY0MDZIMzc4LjkzOGEuNTY1Ni41NjU2LDAsMCwxLS42NC0uNjQwNnYtNDMuNTJhLjU2NTcuNTY1NywwLDAsMSwuNjQtLjY0aDIyLjE0MzZhLjU2NjQuNTY2NCwwLDAsMSwuNjQwNi42NHYuOTZBLjU2Ni41NjYsMCwwLDEsNDAxLjA4MTYsNDguMTAyNVoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDM4LjgwMjMsOTAuMTUxM2wtMi40MzE2LTguODMyYS4yOTYyLjI5NjIsMCwwLDAtLjMyLS4xOTI0SDQxOS4yODI4YS4yOTQ2LjI5NDYsMCwwLDAtLjMyLjE5MjRsLTIuMzY4Miw4Ljc2NzZhLjY1NzYuNjU3NiwwLDAsMS0uNzAzNi41NzYxaC0xLjIxNjNhLjU4ODMuNTg4MywwLDAsMS0uNDc5NS0uMTkxNC41ODIyLjU4MjIsMCwwLDEtLjA5NjItLjUxMjdMNDI2LjEzLDQ2LjM3NDlhLjY0MzYuNjQzNiwwLDAsMSwuNzA0MS0uNTExN2gxLjZhLjY0NDIuNjQ0MiwwLDAsMSwuNzA0MS41MTE3bDEyLjE2LDQzLjU4NC4wNjQ0LjE5MjRjMCwuMzQxOC0uMjEzOC41MTE3LS42NC41MTE3aC0xLjIxNjNBLjY0MjguNjQyOCwwLDAsMSw0MzguODAyMyw5MC4xNTEzWk00MTkuNjk4OCw3OC45MTg5YS4zMDI2LjMwMjYsMCwwLDAsLjIyMzYuMDk1N2gxNS40ODgzYS4zMDM5LjMwMzksMCwwLDAsLjIyMzYtLjA5NTdjLjA2NDUtLjA2NDUuMDc0Mi0uMTE3Mi4wMzIzLS4xNkw0MjcuNzk0NSw0OS44MzFjLS4wNDMtLjA4NS0uMDg2LS4xMjc5LS4xMjc5LS4xMjc5cy0uMDg2LjA0MjktLjEyOC4xMjc5bC03Ljg3MiwyOC45Mjc3QzQxOS42MjM2LDc4LjgwMTcsNDE5LjYzNDMsNzguODU0NCw0MTkuNjk4OCw3OC45MTg5WiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NTYuMzU3LDg3LjkxMTFhMTEuNjM3NCwxMS42Mzc0LDAsMCwxLTMuMzI3Ny04LjcwNDFWNTcuMTlhMTEuNDEzNSwxMS40MTM1LDAsMCwxLDMuMzYtOC41NzUyLDEyLjA5MDgsMTIuMDkwOCwwLDAsMSw4LjgtMy4yNjQ3LDEyLjI1MjgsMTIuMjUyOCwwLDAsMSw4Ljg2NDMsMy4yMzI0LDExLjM5MDYsMTEuMzkwNiwwLDAsMSwzLjM2LDguNjA3NXYuNjQwNmEuNTY2My41NjYzLDAsMCwxLS42NDA2LjY0MDZsLTEuMjguMDYzNXEtLjY0MDgsMC0uNjQtLjU3NjJ2LS44MzJhOS4yODc0LDkuMjg3NCwwLDAsMC0yLjY1NTgtNi45MTIxLDEwLjY3LDEwLjY3LDAsMCwwLTE0LjAxNjEsMCw5LjI4MzgsOS4yODM4LDAsMCwwLTIuNjU2Miw2LjkxMjFWNzkuMzk5NGE5LjI4MjQsOS4yODI0LDAsMCwwLDIuNjU2Miw2LjkxMjEsMTAuNjczNCwxMC42NzM0LDAsMCwwLDE0LjAxNjEsMCw5LjI4Niw5LjI4NiwwLDAsMCwyLjY1NTgtNi45MTIxdi0uNzY4NnEwLS41NzU3LjY0LS41NzUybDEuMjguMDYzNWEuNTY2My41NjYzLDAsMCwxLC42NDA2LjY0Vjc5LjI3YTExLjQ5NzYsMTEuNDk3NiwwLDAsMS0zLjM2LDguNjQwNywxMy42MjYyLDEzLjYyNjIsMCwwLDEtMTcuNjk2MywwWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MTQuMTkyOSw0Ni41MDI5di45NmEuNTY1NS41NjU1LDAsMCwxLS42NC42NGgtMTAuNzUyYS4yMjYyLjIyNjIsMCwwLDAtLjI1NTguMjU1OFY5MC4wMjI0YS41NjYzLjU2NjMsMCwwLDEtLjY0MDcuNjQwNkg1MDAuNjg5YS41NjU0LjU2NTQsMCwwLDEtLjY0LS42NDA2VjQ4LjM1ODNhLjIyNjcuMjI2NywwLDAsMC0uMjU1OS0uMjU1OEg0ODkuNjE3MmEuNTY1My41NjUzLDAsMCwxLS42NC0uNjR2LS45NmEuNTY1Ny41NjU3LDAsMCwxLC42NC0uNjRoMjMuOTM2MUEuNTY1OS41NjU5LDAsMCwxLDUxNC4xOTI5LDQ2LjUwMjlaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyMS44MjE4LDg5LjUxMDdhMi44MzQ2LDIuODM0NiwwLDAsMS0uOC0yLjA0NzksMi45MjMzLDIuOTIzMywwLDAsMSwuOC0yLjExMjMsMi43NTc3LDIuNzU3NywwLDAsMSwyLjA4LS44MzIsMi44NDY3LDIuODQ2NywwLDAsMSwyLjk0MzksMi45NDQzLDIuNzU0NCwyLjc1NDQsMCwwLDEtLjgzMjEsMi4wOCwyLjkyMTMsMi45MjEzLDAsMCwxLTIuMTExOC44QTIuNzU0LDIuNzU0LDAsMCwxLDUyMS44MjE4LDg5LjUxMDdaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0Mi4xNjA3LDg4LjAwNjhhMTEuMzA5NCwxMS4zMDk0LDAsMCwxLTMuMi04LjQxNlY3NC4xNTEzYS41NjYzLjU2NjMsMCwwLDEsLjY0LS42NDA2aDEuMjE1OWEuNTY2Ny41NjY3LDAsMCwxLC42NC42NDA2djUuNTAzOWE5LjE0MzcsOS4xNDM3LDAsMCwwLDIuNTI4Myw2LjcyLDguOTczNSw4Ljk3MzUsMCwwLDAsNi42ODc1LDIuNTYsOC43ODk0LDguNzg5NCwwLDAsMCw5LjI4LTkuMjc5M1Y0Ni41MDI5YS41NjU1LjU2NTUsMCwwLDEsLjY0LS42NGgxLjIxNjNhLjU2NjEuNTY2MSwwLDAsMSwuNjQuNjRWNzkuNTkwOGExMS4yNTE2LDExLjI1MTYsMCwwLDEtMy4yMzI0LDguNDE2LDEzLjA2MjIsMTMuMDYyMiwwLDAsMS0xNy4wNTU3LDBaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU4MC4xMDU1LDg4LjEwMjVhMTAuNDgyNCwxMC40ODI0LDAsMCwxLTMuMzYtOC4xMjdWNzguMTgyNmEuNTY1NS41NjU1LDAsMCwxLC42NC0uNjRoMS4wODg0YS41NjYuNTY2LDAsMCwxLC42NC42NHYxLjYwMDVhOC41NDM4LDguNTQzOCwwLDAsMCwyLjc1Miw2LjY1NTMsMTAuNTM1NywxMC41MzU3LDAsMCwwLDcuMzYsMi40OTYxLDkuODc2MSw5Ljg3NjEsMCwwLDAsNi45NzYxLTIuMzY3Miw4LjIxNTMsOC4yMTUzLDAsMCwwLDIuNTYtNi4zMzU5LDguMzk3NCw4LjM5NzQsMCwwLDAtMS4xMi00LjQxNiwxMS4zODI4LDExLjM4MjgsMCwwLDAtMy4zMjgyLTMuMzkyNiw3MS42MjU3LDcxLjYyNTcsMCwwLDAtNi4xNzYyLTMuNzExOSw3MS4zMDI0LDcxLjMwMjQsMCwwLDEtNi4yNC0zLjg0LDEyLjE3NCwxMi4xNzQsMCwwLDEtMy40MjM4LTMuNjgwNiwxMC4yNTY3LDEwLjI1NjcsMCwwLDEtMS4yOC01LjM0MzgsOS44NTkyLDkuODU5MiwwLDAsMSwzLjA3MTgtNy43NDQxLDEyLjAxMjIsMTIuMDEyMiwwLDAsMSw4LjMyLTIuNzUycTUuNjk1MywwLDguOTYsMy4xMDQ1YTEwLjgyMzMsMTAuODIzMywwLDAsMSwzLjI2NDEsOC4yMjM2djEuNjAwNmEuNTY1OC41NjU4LDAsMCwxLS42NC42NGgtMS4xNTE5YS41NjUzLjU2NTMsMCwwLDEtLjY0LS42NFY1Ni44MDc2YTguODY0Niw4Ljg2NDYsMCwwLDAtMi42MjQtNi42ODg1LDkuOTkzOCw5Ljk5MzgsMCwwLDAtNy4yMzItMi41MjgzLDkuMzY1NCw5LjM2NTQsMCwwLDAtNi41Mjc4LDIuMTQ0NSw3LjgyMTYsNy44MjE2LDAsMCwwLTIuMzY4Miw2LjExMTMsNy44MDA3LDcuODAwNywwLDAsMCwxLjAyNDUsNC4xNiwxMC4zNzYxLDEwLjM3NjEsMCwwLDAsMy4wMDc4LDMuMDQsNjIuODI4OSw2Mi44Mjg5LDAsMCwwLDUuOTUyMSwzLjQ4ODMsNzEuMDU3NSw3MS4wNTc1LDAsMCwxLDYuNzIsNC4yNTU5LDEzLjQ1MzcsMTMuNDUzNywwLDAsMSwzLjY0OCwzLjkzNjUsMTAuMDQ4NywxMC4wNDg3LDAsMCwxLDEuMjgsNS4xODM2LDEwLjcxNDEsMTAuNzE0MSwwLDAsMS0zLjI2MzcsOC4xOTE0cS0zLjI2MzcsMy4wNzMyLTguODMyLDMuMDcyMlE1ODMuNDY0OSw5MS4xNzQ3LDU4MC4xMDU1LDg4LjEwMjVaIi8+CiAgICA8L2c+CiAgICA8Zz4KICAgICAgPGc+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOTkuNTksMzYuMDU3N2wtMzktMjIuNTE2N2ExMiwxMiwwLDAsMC0xMiwwbC0zOSwyMi41MTY2YTEyLjAzMzcsMTIuMDMzNywwLDAsMC02LDEwLjM5MjRWOTEuNDgzM2ExMi4wMzMxLDEyLjAzMzEsMCwwLDAsNiwxMC4zOTIzbDM5LDIyLjUxNjdhMTIsMTIsMCwwLDAsMTIsMGwzOS0yMi41MTY3YTEyLjAzMzMsMTIuMDMzMywwLDAsMCw2LTEwLjM5MjNWNDYuNDVBMTIuMDMzNiwxMi4wMzM2LDAsMCwwLDk5LjU5LDM2LjA1NzdabS0yLDU1LjQyNTZhNCw0LDAsMCwxLTIsMy40NjQxbC0zOSwyMi41MTY3YTQuMDAwNiw0LjAwMDYsMCwwLDEtNCwwbC0zOS0yMi41MTY3YTQsNCwwLDAsMS0yLTMuNDY0MVY0Ni40NWE0LDQsMCwwLDEsMi0zLjQ2NDJsMzktMjIuNTE2NmE0LDQsMCwwLDEsNCwwbDM5LDIyLjUxNjZhNCw0LDAsMCwxLDIsMy40NjQyWiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTc3LjYxMiw4Mi4wMDQ2SDc0Ljc0NmE0LjAwMSw0LjAwMSwwLDAsMC0xLjkyNDcuNDkzNEw1NS41NDA2LDkxLjk4MzMsMzUuNTksODAuNDY0OFY1Ny40ODcyTDU1LjU0LDQ1Ljk2ODdsMTcuMjg5Myw5LjQ1NDlhMy45OTkzLDMuOTk5MywwLDAsMCwxLjkxOTIuNDkwNmgyLjg2MzJhMiwyLDAsMCwwLDItMlY1MS4yMDI0YTIsMiwwLDAsMC0xLjA0LTEuNzU0N0w1OS4zODMzLDM4Ljk1MjFhOC4wMzg5LDguMDM4OSwwLDAsMC03Ljg0MjcuMDlMMzEuNTksNTAuNTZhOC4wMjQ1LDguMDI0NSwwLDAsMC00LDYuOTI4N3YyMi45NzZhOCw4LDAsMCwwLDQsNi45MjgzbDE5Ljk1LDExLjUxODZhOC4wNDI3LDguMDQyNywwLDAsMCw3Ljg0MzIuMDg3OWwxOS4xOS0xMC41MzEyYTIsMiwwLDAsMCwxLjAzNzgtMS43NTMzdi0yLjcxQTIsMiwwLDAsMCw3Ny42MTIsODIuMDA0NloiLz4KICAgICAgPC9nPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzIuMzM1MSw0NS4zNjE4YTE1LjAxNjYsMTUuMDE2NiwwLDAsMC0xNSwxNC45OTk1Vjc3LjYzODdhMTUsMTUsMCwwLDAsMzAsMFY2MC4zNjEzQTE1LjAxNjYsMTUuMDE2NiwwLDAsMCwxNzIuMzM1MSw0NS4zNjE4Wm03LDMyLjI3NjlhNyw3LDAsMCwxLTE0LDBWNjAuMzYxM2E3LDcsMCwwLDEsMTQsMFoiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMzUuNjY5Miw1My40MjExYTcuMDEsNy4wMSwwLDAsMSw3Ljg2ODEsNi4wNzUyLjk4OTIuOTg5MiwwLDAsMCwuOTg0Mi44NjVoNi4wM2ExLjAxMDksMS4wMTA5LDAsMCwwLC45OTg4LTEuMDk3MSwxNS4wMTgzLDE1LjAxODMsMCwwLDAtMTUuNzE2Mi0xMy44ODM3QTE1LjI4ODEsMTUuMjg4MSwwLDAsMCwxMjEuNTksNjAuNzk2OFY3Ny4yMDM3QTE1LjI4OCwxNS4yODgsMCwwLDAsMTM1LjgzNDYsOTIuNjJhMTUuMDE4NCwxNS4wMTg0LDAsMCwwLDE1LjcxNjItMTMuODg0MiwxLjAxMDksMS4wMTA5LDAsMCwwLS45OTg4LTEuMDk3MWgtNi4wM2EuOTg5Mi45ODkyLDAsMCwwLS45ODQyLjg2NSw3LjAxMDYsNy4wMTA2LDAsMCwxLTcuODY4LDYuMDc1Nyw3LjE2NDIsNy4xNjQyLDAsMCwxLTYuMDc4OS03LjE4NDlWNjAuNjA1N0E3LjE2MzgsNy4xNjM4LDAsMCwxLDEzNS42NjkyLDUzLjQyMTFaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjE4LjUxMjUsNzIuOTI3N2ExMi4xNTg0LDEyLjE1ODQsMCwwLDAsNy4xODQzLTExLjA3NzFWNTguMTQ5NEExMi4xNDk0LDEyLjE0OTQsMCwwLDAsMjEzLjU0NzQsNDZIMTk2LjU5YTEsMSwwLDAsMC0xLDFWOTFhMSwxLDAsMCwwLDEsMWg2YTEsMSwwLDAsMCwxLTFWNzRoNi42MjE1bDcuOTE1NCwxNy40MTM4YTEsMSwwLDAsMCwuOTEuNTg2Mmg2LjU5MTJhMSwxLDAsMCwwLC45MS0xLjQxMzhabS0uODE1Ny0xMS4wNzcxQTQuMTUzOCw0LjE1MzgsMCwwLDEsMjEzLjU0NzksNjZoLTkuODUxMVY1NGg5Ljg1MTFhNC4xNTM4LDQuMTUzOCwwLDAsMSw0LjE0ODksNC4xNDk0WiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI2MC41OSw0NmgtMjZhMSwxLDAsMCwwLTEsMVY5MWExLDEsMCwwLDAsMSwxaDI2YTEsMSwwLDAsMCwxLTFWODVhMSwxLDAsMCwwLTEtMWgtMTlWNzJoMTNhMSwxLDAsMCwwLDEtMVY2NWExLDEsMCwwLDAtMS0xaC0xM1Y1NGgxOWExLDEsMCwwLDAsMS0xVjQ3QTEsMSwwLDAsMCwyNjAuNTksNDZaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjk4LjU5LDQ2aC02YTEsMSwwLDAsMC0xLDFWNjkuNjQ3NWE3LjAwNjYsNy4wMDY2LDAsMSwxLTE0LDBWNDdhMSwxLDAsMCwwLTEtMWgtNmExLDEsMCwwLDAtMSwxVjY5LjY0NzVhMTUuMDAzMSwxNS4wMDMxLDAsMSwwLDMwLDBWNDdBMSwxLDAsMCwwLDI5OC41OSw0NloiLz4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjMwNy41OTA0IiB5PSI0NiIgd2lkdGg9IjgiIGhlaWdodD0iMzgiIHJ4PSIxIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=" height="50"></div><div class="text-medium-emphasis ms-3 me-5 mb-2 small fw-semibold">Framework:</div><div class="btn-group ms-3 me-5 mb-4"><button class="btn btn-outline-primary dropdown-toggle" type="button" aria-expanded="false" tabindex="0">React.js</button><ul class="dropdown-menu w-100" role="menu" aria-hidden="true"><li><a class="dropdown-item" href="https://coreui.io/angular/docs/" target="_blank">Angular</a></li><li><a class="dropdown-item" href="https://coreui.io/docs/" target="_blank">JavaScript / Vanilla JS</a></li><li><a class="dropdown-item" href="https://coreui.io/vue/docs/" target="_blank">Vue.js</a></li></ul></div><ul class="sidebar-nav"><li class="nav-group" items="[object Object],[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><rect width="32" height="32" x="144" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="240" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="32" height="32" x="336" y="464" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M312,76.82v34.265a142.419,142.419,0,0,1,86.207,130.708C398.207,320.206,334.413,384,256,384S113.793,320.206,113.793,241.793A142.419,142.419,0,0,1,200,111.085V76.82c-68.671,23.373-118.207,88.5-118.207,164.973C81.793,337.851,159.942,416,256,416s174.207-78.149,174.207-174.207C430.207,165.316,380.671,100.193,312,76.82Z" class="ci-primary"></path><rect width="32" height="229.793" x="240" y="16" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect></svg>Getting Started</a><ul class="nav-group-items compact"><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/getting-started/introduction/">Introduction</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/getting-started/accessibility/">Accessibility</a></li></ul></li><li class="nav-group" items="[object Object],[object Object],[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><path fill="var(--ci-primary-color, currentColor)" d="M425.514,82.055C380.778,39.458,320.673,16,256.271,16,196.248,16,136.415,36.073,92.115,71.071,43.032,109.85,16,164.161,16,224c0,60.1,15.531,98.87,48.876,122.019,28,19.438,68.412,27.731,135.124,27.731h29.75A26.28,26.28,0,0,1,256,400v47.984a32,32,0,0,0,32,32h.032l90.755-.088a32.094,32.094,0,0,0,19.686-6.8c9.725-7.622,34.727-29.4,56.8-66.9C482.3,360.262,496,307.037,496,248,496,184.268,470.968,125.334,425.514,82.055Zm2.173,307.915c-19.3,32.792-40.663,51.447-48.932,57.926L288,447.984V400a58.316,58.316,0,0,0-58.25-58.25H200c-59.69,0-94.644-6.585-116.876-22.019C58.833,302.869,48,273.344,48,224,48,113.833,153.9,48,256.271,48,372.755,48,464,135.851,464,248,464,301.253,451.782,349.019,427.687,389.97Z" class="ci-primary"></path><path fill="var(--ci-primary-color, currentColor)" d="M128,144a56,56,0,1,0,56,56A56.064,56.064,0,0,0,128,144Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,128,224Z" class="ci-primary"></path><path fill="var(--ci-primary-color, currentColor)" d="M240,72a56,56,0,1,0,56,56A56.064,56.064,0,0,0,240,72Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,240,152Z" class="ci-primary"></path><path fill="var(--ci-primary-color, currentColor)" d="M360,128a56,56,0,1,0,56,56A56.064,56.064,0,0,0,360,128Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,360,208Z" class="ci-primary"></path><path fill="var(--ci-primary-color, currentColor)" d="M376,264a56,56,0,1,0,56,56A56.064,56.064,0,0,0,376,264Zm0,80a24,24,0,1,1,24-24A24.027,24.027,0,0,1,376,344Z" class="ci-primary"></path></svg>Customize</a><ul class="nav-group-items compact"><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/customize/sass/">Sass</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/customize/options/">Options</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/customize/css-variables/">CSS Variables</a></li></ul></li><li class="nav-group" items="[object Object],[object Object],[object Object],[object Object],[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><path fill="var(--ci-primary-color, currentColor)" d="M16,64V448H496V64ZM464,240H192V96H464ZM192,272H312V416H192ZM48,96H160V416H48ZM344,416V272H464V416Z" class="ci-primary"></path></svg>Layout</a><ul class="nav-group-items compact"><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/layout/breakpoints/">Breakpoints</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/layout/containers/">Containers</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/layout/grid/">Grid</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/layout/columns/">Columns</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/layout/gutters/">Gutter</a></li></ul></li><li class="nav-group" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><rect width="288" height="32" x="112" y="152" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="288" height="32" x="112" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="152" height="32" x="112" y="328" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M480,48H32V464H480ZM448,432H64V80H448Z" class="ci-primary"></path></svg>Forms</a><ul class="nav-group-items compact"><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/checkbox/">Checkbox</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/date-picker/">Date Picker<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/date-range-picker/">Date Range Picker<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/floating-labels/">Floating Labels</a></li><li class="nav-item"><a class="nav-link disabled" disabled="" href="https://coreui.io/react/docs/components/accordion/#">Form Mask<span class="badge bg-warning ms-auto">WIP</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/input/">Input</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/input-group/">Input Group</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/multi-select/">Multi Select<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/radio/">Radio</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/range/">Range</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/select/">Select</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/switch/">Switch</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/textarea/">Textarea</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/time-picker/">Time Picker<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/layout/">Layout</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/forms/validation/">Validation</a></li></ul></li><li class="nav-group show" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><path fill="var(--ci-primary-color, currentColor)" d="M410.989,16H101.011L16,237.029V496H496V237.029Zm-288,32H240V240H49.143ZM184,272H328v40H184ZM464,464H48V272H152v72H360V272H464ZM272,240V48H389.012l73.845,192Z" class="ci-primary"></path></svg>Components</a><ul class="nav-group-items compact" style="display: block; height: auto;"><li class="nav-item"><a aria-current="page" class="nav-link active" href="https://coreui.io/react/docs/components/accordion/">Accordion</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/alert/">Alert</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/avatar/">Avatar</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/badge/">Badge</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/breadcrumb/">Breadcrumb</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/button/">Button</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/button-group/">Button Group</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/callout/">Callout</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/card/">Card</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/carousel/">Carousel</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/chart/">Chart</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/close-button/">Close Button</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/collapse/">Collapse</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/dropdown/">Dropdown</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/footer/">Footer</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/header/">Header</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/icon/">Icon</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/image/">Image</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/list-group/">List Group</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/loading-button/">Loading Button<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/modal/">Modal</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/navbar/">Navbar</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/navs-tabs/">Navs & Tabs</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/offcanvas/">Offcanvas</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/pagination/">Pagination</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/placeholder/">Placeholder</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/popover/">Popover</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/progress/">Progress</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/sidebar/">Sidebar</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/smart-pagination/">Smart Pagination<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/smart-table/">Smart Table<span class="badge bg-danger ms-auto">PRO</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/spinner/">Spinner</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/table/">Table</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/toast/">Toast</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/tooltip/">Tooltip</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/components/widgets/">Widgets</a></li></ul></li><li class="nav-group" items="[object Object],[object Object],[object Object],[object Object],[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><path fill="var(--ci-primary-color, currentColor)" d="M472,232H424V120a24.028,24.028,0,0,0-24-24H40a24.028,24.028,0,0,0-24,24V366a24.028,24.028,0,0,0,24,24H212v50H152v32H304V440H244V390h92v58a24.027,24.027,0,0,0,24,24H472a24.027,24.027,0,0,0,24-24V256A24.027,24.027,0,0,0,472,232ZM336,256V358H48V128H392V232H360A24.027,24.027,0,0,0,336,256ZM464,440H368V264h96Z" class="ci-primary"></path></svg>Templates</a><ul class="nav-group-items compact"><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/templates/admin-dashboard/">Admin & Dashboard<span class="badge bg-success ms-auto">New</span></a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/templates/download/">Download</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/templates/installation/">Installation</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/templates/customize/">Customize</a></li><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/templates/contents/">Contents</a></li></ul></li><li class="nav-group" items="[object Object]"><a class="nav-link nav-group-toggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="nav-icon text-primary" height="64" width="64" role="img"><path fill="var(--ci-primary-color, currentColor)" d="M464,256.25C464,370.8,370.8,464,256.25,464S48.5,370.8,48.5,256.25,141.7,48.5,256.25,48.5a208,208,0,0,1,149.963,64H328.5v32h128V16.5h-32V85.478A239.717,239.717,0,1,0,496,256.25Z" class="ci-primary"></path><polygon fill="var(--ci-primary-color, currentColor)" points="272.5 112.451 240.5 112.549 241.017 282.756 353.301 334.53 366.699 305.47 272.954 262.244 272.5 112.451" class="ci-primary"></polygon></svg>Migration</a><ul class="nav-group-items compact"><li class="nav-item"><a class="nav-link" href="https://coreui.io/react/docs/migration/v4/">v4</a></li></ul></li></ul></div><div class="wrapper d-flex flex-column min-vh-100"><div class="header header-sticky mb-5 elevation-0 border-bottom"><button type="button" class="header-toggler ms-md-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon icon-lg" role="img"><rect width="352" height="32" x="80" y="96" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="352" height="32" x="80" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="352" height="32" x="80" y="384" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect></svg></button><ul class="header-nav ms-auto" role="navigation"><li class="nav-item"><a class="nav-link" href="https://github.com/coreui/coreui-react/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="icon icon-xl" role="img"><path d="M16 0.396c-8.839 0-16 7.167-16 16 0 7.073 4.584 13.068 10.937 15.183 0.803 0.151 1.093-0.344 1.093-0.772 0-0.38-0.009-1.385-0.015-2.719-4.453 0.964-5.391-2.151-5.391-2.151-0.729-1.844-1.781-2.339-1.781-2.339-1.448-0.989 0.115-0.968 0.115-0.968 1.604 0.109 2.448 1.645 2.448 1.645 1.427 2.448 3.744 1.74 4.661 1.328 0.14-1.031 0.557-1.74 1.011-2.135-3.552-0.401-7.287-1.776-7.287-7.907 0-1.751 0.62-3.177 1.645-4.297-0.177-0.401-0.719-2.031 0.141-4.235 0 0 1.339-0.427 4.4 1.641 1.281-0.355 2.641-0.532 4-0.541 1.36 0.009 2.719 0.187 4 0.541 3.043-2.068 4.381-1.641 4.381-1.641 0.859 2.204 0.317 3.833 0.161 4.235 1.015 1.12 1.635 2.547 1.635 4.297 0 6.145-3.74 7.5-7.296 7.891 0.556 0.479 1.077 1.464 1.077 2.959 0 2.14-0.020 3.864-0.020 4.385 0 0.416 0.28 0.916 1.104 0.755 6.4-2.093 10.979-8.093 10.979-15.156 0-8.833-7.161-16-16-16z"></path></svg></a></li><li class="nav-item"><a class="nav-link" href="https://twitter.com/core_ui"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="icon icon-xl" role="img"><path d="M31.937 6.093c-1.177 0.516-2.437 0.871-3.765 1.032 1.355-0.813 2.391-2.099 2.885-3.631-1.271 0.74-2.677 1.276-4.172 1.579-1.192-1.276-2.896-2.079-4.787-2.079-3.625 0-6.563 2.937-6.563 6.557 0 0.521 0.063 1.021 0.172 1.495-5.453-0.255-10.287-2.875-13.52-6.833-0.568 0.964-0.891 2.084-0.891 3.303 0 2.281 1.161 4.281 2.916 5.457-1.073-0.031-2.083-0.328-2.968-0.817v0.079c0 3.181 2.26 5.833 5.26 6.437-0.547 0.145-1.131 0.229-1.724 0.229-0.421 0-0.823-0.041-1.224-0.115 0.844 2.604 3.26 4.5 6.14 4.557-2.239 1.755-5.077 2.801-8.135 2.801-0.521 0-1.041-0.025-1.563-0.088 2.917 1.86 6.36 2.948 10.079 2.948 12.067 0 18.661-9.995 18.661-18.651 0-0.276 0-0.557-0.021-0.839 1.287-0.917 2.401-2.079 3.281-3.396z"></path></svg></a></li><li class="nav-item"><a class="nav-link" href="https://opencollective.com/coreui"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="icon icon-xl" role="img"><path d="M29.145 6.896c3.819 5.468 3.819 12.74 0 18.208l-4.129-4.131c1.713-3.093 1.713-6.853 0-9.947zM25.104 2.855l-4.131 4.129c-3.187-1.749-7.056-1.692-10.187 0.161-3.131 1.849-5.047 5.215-5.047 8.849 0 3.636 1.916 7 5.047 8.849s7 1.905 10.187 0.156l4.131 4.145c-4.891 3.391-11.26 3.781-16.531 1.021s-8.579-8.224-8.579-14.172c0-5.953 3.308-11.411 8.579-14.177 5.271-2.76 11.64-2.364 16.531 1.021zM29.145 6.896c3.819 5.468 3.819 12.74 0 18.208l-4.129-4.131c1.713-3.093 1.713-6.853 0-9.947z"></path></svg></a></li></ul><a class="btn btn-outline-primary d-lg-inline-block my-2 my-md-0 ms-md-3" type="button" href="https://coreui.io/getting-started/introduction/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon" role="img"><polygon fill="var(--ci-primary-color, currentColor)" points="272 434.744 272 209.176 240 209.176 240 434.744 188.118 382.862 165.49 405.489 256 496 346.51 405.489 323.882 382.862 272 434.744" class="ci-primary"></polygon><path fill="var(--ci-primary-color, currentColor)" d="M400,161.176c0-79.4-64.6-144-144-144s-144,64.6-144,144a96,96,0,0,0,0,192h80v-32H112a64,64,0,0,1,0-128h32v-32a112,112,0,0,1,224,0v32h32a64,64,0,0,1,0,128H320v32h80a96,96,0,0,0,0-192Z" class="ci-primary"></path></svg> Download</a><a class="btn btn-primary d-lg-inline-block my-2 my-md-0 ms-md-3" type="button" href="https://coreui.io/pricing/">Get CoreUI PRO</a></div><div class="body flex-grow-1 px-3"><div class="container-lg"><div class="row"><div class="col-lg-9"><div class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"><h3 class="mb-4">Support CoreUI Development</h3><p>CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.</p><p>You can support our Open Source software development in the following ways:</p><ul><li>Buy the <a class="" href="https://coreui.io/pricing/?support=react">CoreUI PRO</a>, and get access to PRO components, and dedicated support.</li><li><a class="" href="https://opencollective.com/coreui" target="_blank">Became a sponsor</a>, and get your logo on BACKERS.md/README.md files or each site of this documentation</li><li>Give us a star ⭐️ on <a class="" href="https://github.com/coreui/coreui-react" target="_blank">Github</a>.</li></ul></div><h1>React Accordion Component</h1><p class="docs-lead fs-4 fw-light">Build vertically collapsing accordions in combination with our React Accordion component.</p><div><script id="_carbonads_js" src="./React Accordion Component - CoreUI_files/carbon.js.download"></script></div><h2 id="how-to-use-react-accordion-component" style="position: relative;">How to use React Accordion component.<a href="https://coreui.io/react/docs/components/accordion/#how-to-use-react-accordion-component" aria-label="how to use react accordion component permalink" class="anchor-link after"><span>#</span></a></h2><p>Click the accordions below to expand/collapse the accordion content.</p><div class="docs-example border undefined p-3"><div class="accordion"><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #1</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button" aria-expanded="false">Accordion Item #2</button></div><div class="accordion-collpase collapse show"><div class="accordion-body"><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #3</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div></div></div><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordion</span><span class="token tag"> </span><span class="token tag attr-name">activeItemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">2</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">1</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #1</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">4</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">5</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the first item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">6</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">7</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">8</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">9</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">10</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">11</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">12</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">13</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">2</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">14</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #2</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">15</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">16</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the second item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">17</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">18</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">19</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">20</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">21</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">22</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">23</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">24</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">3</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">25</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #3</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">26</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">27</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the second item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">28</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">29</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">30</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">31</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">32</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">33</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">34</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">35</span><span class="token plain-text"></span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordion</span><span class="token tag punctuation">></span></div></pre></div><h3 id="flush" style="position: relative;">Flush<a href="https://coreui.io/react/docs/components/accordion/#flush" aria-label="flush permalink" class="anchor-link after"><span>#</span></a></h3><p>Add <code>flush</code> to remove the default <code>background-color</code>, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.</p><div class="docs-example border undefined p-3"><div class="accordion accordion-flush"><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #1</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #2</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #3</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div></div></div><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordion</span><span class="token tag"> </span><span class="token tag attr-name">flush</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">1</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #1</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">4</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">5</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the first item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">6</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">7</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">8</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">9</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">10</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">11</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">12</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">13</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">2</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">14</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #2</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">15</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">16</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the second item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">17</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">18</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">19</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">20</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">21</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">22</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">23</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">24</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">3</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">25</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #3</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">26</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">27</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the third item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">28</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">29</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">30</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">31</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">32</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">33</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">34</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">35</span><span class="token plain-text"></span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordion</span><span class="token tag punctuation">></span></div></pre></div><h3 id="always-open" style="position: relative;">Always open<a href="https://coreui.io/react/docs/components/accordion/#always-open" aria-label="always open permalink" class="anchor-link after"><span>#</span></a></h3><p>Add <code>alwaysOpen</code> property to make react accordion items stay open when another item is opened.</p><div class="docs-example border undefined p-3"><div class="accordion"><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #1</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button" aria-expanded="false">Accordion Item #2</button></div><div class="accordion-collpase collapse show"><div class="accordion-body"><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div><div class="accordion-item"><div class="accordion-header"><button type="button" class="accordion-button collapsed" aria-expanded="true">Accordion Item #3</button></div><div class="accordion-collpase collapse"><div class="accordion-body"><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div></div></div></div></div><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordion</span><span class="token tag"> </span><span class="token tag attr-name">alwaysOpen</span><span class="token tag"> </span><span class="token tag attr-name">activeItemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">2</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">1</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #1</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">4</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">5</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the first item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">6</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">7</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">8</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">9</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">10</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">11</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">12</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">13</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">2</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">14</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #2</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">15</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">16</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the second item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">17</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">18</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">19</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">20</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">21</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">22</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">23</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">24</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionItem</span><span class="token tag"> </span><span class="token tag attr-name">itemKey</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript number">3</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">25</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text">Accordion Item #3</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionHeader</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">26</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">27</span><span class="token plain-text"> </span><span class="token tag punctuation"><</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text">This is the second item's accordion body.</span><span class="token tag punctuation"></</span><span class="token tag">strong</span><span class="token tag punctuation">></span><span class="token plain-text"> It is hidden by default, until the</span></div><div class="token-line"><span class="line-no">28</span><span class="token plain-text"> collapse plugin adds the appropriate classes that we use to style each element. These classes</span></div><div class="token-line"><span class="line-no">29</span><span class="token plain-text"> control the overall appearance, as well as the showing and hiding via CSS transitions. You can</span></div><div class="token-line"><span class="line-no">30</span><span class="token plain-text"> modify any of this with custom CSS or overriding our default variables. It's also worth noting</span></div><div class="token-line"><span class="line-no">31</span><span class="token plain-text"> that just about any HTML can go within the </span><span class="token tag punctuation"><</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">.accordion-body</span><span class="token tag punctuation"></</span><span class="token tag">code</span><span class="token tag punctuation">></span><span class="token plain-text">, though the transition</span></div><div class="token-line"><span class="line-no">32</span><span class="token plain-text"> does limit overflow.</span></div><div class="token-line"><span class="line-no">33</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionBody</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">34</span><span class="token plain-text"> </span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordionItem</span><span class="token tag punctuation">></span><span class="token plain-text"></span></div><div class="token-line"><span class="line-no">35</span><span class="token plain-text"></span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordion</span><span class="token tag punctuation">></span></div></pre></div><h2 id="customizing" style="position: relative;">Customizing<a href="https://coreui.io/react/docs/components/accordion/#customizing" aria-label="customizing permalink" class="anchor-link after"><span>#</span></a></h2><h3 id="css-variables" style="position: relative;">CSS variables<a href="https://coreui.io/react/docs/components/accordion/#css-variables" aria-label="css variables permalink" class="anchor-link after"><span>#</span></a></h3><p>React accordions use local CSS variables on <code>.accordion</code> for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.</p><div class="code mb-4"><pre class="prism-code language-sass"><div class="token-line"><span class="line-no">1</span><span class="token variable">--cui-accordion-color</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token function">color-contrast</span><span class="token punctuation">(</span><span class="token plain">$accordion-bg</span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"></span><span class="token variable">--cui-accordion-bg</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-bg</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"></span><span class="token variable">--cui-accordion-transition</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-transition</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">4</span><span class="token plain"></span><span class="token variable">--cui-accordion-border-color</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-border-color</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">5</span><span class="token plain"></span><span class="token variable">--cui-accordion-border-width</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-border-width</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">6</span><span class="token plain"></span><span class="token variable">--cui-accordion-border-radius</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-border-radius</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">7</span><span class="token plain"></span><span class="token variable">--cui-accordion-inner-border-radius</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-inner-border-radius</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">8</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-padding-x</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-padding-x</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">9</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-padding-y</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-padding-y</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">10</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-color</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-color</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">11</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-bg</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-bg</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">12</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-icon</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token function">escape-svg</span><span class="token punctuation">(</span><span class="token plain">$accordion-button-icon</span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">13</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-icon-width</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-icon-width</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">14</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-icon-transform</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-icon-transform</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">15</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-icon-transition</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-icon-transition</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">16</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-active-icon</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token function">escape-svg</span><span class="token punctuation">(</span><span class="token plain">$accordion-button-active-icon</span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">17</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-focus-border-color</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-focus-border-color</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">18</span><span class="token plain"></span><span class="token variable">--cui-accordion-btn-focus-box-shadow</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-focus-box-shadow</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">19</span><span class="token plain"></span><span class="token variable">--cui-accordion-body-padding-x</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-body-padding-x</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">20</span><span class="token plain"></span><span class="token variable">--cui-accordion-body-padding-y</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-body-padding-y</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">21</span><span class="token plain"></span><span class="token variable">--cui-accordion-active-color</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-active-color</span><span class="token punctuation">}</span><span class="token punctuation">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">22</span><span class="token plain"></span><span class="token variable">--cui-accordion-active-bg</span><span class="token punctuation">:</span><span class="token plain"> #</span><span class="token punctuation">{</span><span class="token plain">$accordion-button-active-bg</span><span class="token punctuation">}</span><span class="token punctuation">;</span></div></pre></div><h4 id="how-to-use-css-variables" style="position: relative;">How to use CSS variables<a href="https://coreui.io/react/docs/components/accordion/#how-to-use-css-variables" aria-label="how to use css variables permalink" class="anchor-link after"><span>#</span></a></h4><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token keyword">const</span><span class="token plain"> vars </span><span class="token operator">=</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain"> </span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"> </span><span class="token string-property property">'--my-css-var'</span><span class="token operator">:</span><span class="token plain"> </span><span class="token number">10</span><span class="token punctuation">,</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"> </span><span class="token string-property property">'--my-another-css-var'</span><span class="token operator">:</span><span class="token plain"> </span><span class="token string">"red"</span><span class="token plain"> </span></div><div class="token-line"><span class="line-no">4</span><span class="token plain"></span><span class="token punctuation">}</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">5</span><span class="token plain"></span><span class="token keyword control-flow">return</span><span class="token plain"> </span><span class="token tag punctuation"><</span><span class="token tag class-name">CAccordion</span><span class="token tag"> </span><span class="token tag attr-name">style</span><span class="token tag script language-javascript script-punctuation punctuation">=</span><span class="token tag script language-javascript punctuation">{</span><span class="token tag script language-javascript">vars</span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">></span><span class="token plain-text">...</span><span class="token tag punctuation"></</span><span class="token tag class-name">CAccordion</span><span class="token tag punctuation">></span></div></pre></div><h3 id="sass-variables" style="position: relative;">SASS variables<a href="https://coreui.io/react/docs/components/accordion/#sass-variables" aria-label="sass variables permalink" class="anchor-link after"><span>#</span></a></h3><div class="code mb-4"><pre class="prism-code language-sass"><div class="token-line"><span class="line-no">1</span><span class="token variable-line variable">$accordion-padding-y</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> 1rem;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"></span><span class="token variable-line variable">$accordion-padding-x</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> 1.25rem;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"></span><span class="token variable-line variable">$accordion-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> var(--cui-body-color);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">4</span><span class="token plain"></span><span class="token variable-line variable">$accordion-bg</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$body-bg</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">5</span><span class="token plain"></span><span class="token variable-line variable">$accordion-border-width</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$border-width</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">6</span><span class="token plain"></span><span class="token variable-line variable">$accordion-border-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> var(--cui-border-color);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">7</span><span class="token plain"></span><span class="token variable-line variable">$accordion-border-radius</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$border-radius</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">8</span><span class="token plain"></span><span class="token variable-line variable">$accordion-inner-border-radius</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> subtract(</span><span class="token variable-line variable">$accordion-border-radius</span><span class="token variable-line">, </span><span class="token variable-line variable">$accordion-border-width</span><span class="token variable-line">);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">9</span><span class="token plain">
</span></div><div class="token-line"><span class="line-no">10</span><span class="token plain"></span><span class="token variable-line variable">$accordion-body-padding-y</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-padding-y</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">11</span><span class="token plain"></span><span class="token variable-line variable">$accordion-body-padding-x</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-padding-x</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">12</span><span class="token plain">
</span></div><div class="token-line"><span class="line-no">13</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-padding-y</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-padding-y</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">14</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-padding-x</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-padding-x</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">15</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-color</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">16</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-bg</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> var(--cui-accordion-bg);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">17</span><span class="token plain"></span><span class="token variable-line variable">$accordion-transition</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$btn-transition</span><span class="token variable-line">, border-radius .15s ease;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">18</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-active-bg</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> tint-color(</span><span class="token variable-line variable">$component-active-bg</span><span class="token variable-line">, 90</span><span class="token variable-line operator">%</span><span class="token variable-line">);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">19</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-active-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> shade-color(</span><span class="token variable-line variable">$primary</span><span class="token variable-line">, 10</span><span class="token variable-line operator">%</span><span class="token variable-line">);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">20</span><span class="token plain">
</span></div><div class="token-line"><span class="line-no">21</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-focus-border-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$input-focus-border-color</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">22</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-focus-box-shadow</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$btn-focus-box-shadow</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">23</span><span class="token plain">
</span></div><div class="token-line"><span class="line-no">24</span><span class="token plain"></span><span class="token variable-line variable">$accordion-icon-width</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> 1.25rem;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">25</span><span class="token plain"></span><span class="token variable-line variable">$accordion-icon-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-button-color</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">26</span><span class="token plain"></span><span class="token variable-line variable">$accordion-icon-active-color</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> </span><span class="token variable-line variable">$accordion-button-active-color</span><span class="token variable-line">;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">27</span><span class="token plain"></span><span class="token variable-line variable">$accordion-icon-transition</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> transform .2s ease-in-out;</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">28</span><span class="token plain"></span><span class="token variable-line variable">$accordion-icon-transform</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> rotate(-180deg);</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">29</span><span class="token plain">
</span></div><div class="token-line"><span class="line-no">30</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-icon</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> url("data</span><span class="token variable-line punctuation">:</span><span class="token variable-line">image</span><span class="token variable-line operator">/</span><span class="token variable-line">svg</span><span class="token variable-line operator">+</span><span class="token variable-line">xml,</span><span class="token variable-line operator"><</span><span class="token variable-line">svg xmlns='http</span><span class="token variable-line punctuation">:</span><span class="token variable-line operator">/</span><span class="token variable-line operator">/</span><span class="token variable-line">www.w3.org</span><span class="token variable-line operator">/</span><span class="token variable-line">2000</span><span class="token variable-line operator">/</span><span class="token variable-line">svg' viewBox='0 0 16 16' fill='</span><span class="token variable-line variable">#{$accordion-icon-color}</span><span class="token variable-line">'</span><span class="token variable-line operator">></span><span class="token variable-line operator"><</span><span class="token variable-line">path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'</span><span class="token variable-line operator">/</span><span class="token variable-line operator">></span><span class="token variable-line operator"><</span><span class="token variable-line operator">/</span><span class="token variable-line">svg</span><span class="token variable-line operator">></span><span class="token variable-line">");</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">31</span><span class="token plain"></span><span class="token variable-line variable">$accordion-button-active-icon</span><span class="token variable-line punctuation">:</span><span class="token variable-line"> url("data</span><span class="token variable-line punctuation">:</span><span class="token variable-line">image</span><span class="token variable-line operator">/</span><span class="token variable-line">svg</span><span class="token variable-line operator">+</span><span class="token variable-line">xml,</span><span class="token variable-line operator"><</span><span class="token variable-line">svg xmlns='http</span><span class="token variable-line punctuation">:</span><span class="token variable-line operator">/</span><span class="token variable-line operator">/</span><span class="token variable-line">www.w3.org</span><span class="token variable-line operator">/</span><span class="token variable-line">2000</span><span class="token variable-line operator">/</span><span class="token variable-line">svg' viewBox='0 0 16 16' fill='</span><span class="token variable-line variable">#{$accordion-icon-active-color}</span><span class="token variable-line">'</span><span class="token variable-line operator">></span><span class="token variable-line operator"><</span><span class="token variable-line">path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'</span><span class="token variable-line operator">/</span><span class="token variable-line operator">></span><span class="token variable-line operator"><</span><span class="token variable-line operator">/</span><span class="token variable-line">svg</span><span class="token variable-line operator">></span><span class="token variable-line">");</span></div></pre></div><h2 id="api" style="position: relative;">API<a href="https://coreui.io/react/docs/components/accordion/#api" aria-label="api permalink" class="anchor-link after"><span>#</span></a></h2><h3 id="caccordion" style="position: relative;">CAccordion<a href="https://coreui.io/react/docs/components/accordion/#caccordion" aria-label="caccordion permalink" class="anchor-link after"><span>#</span></a></h3><div class="markdown"><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CAccordion</span><span class="token imports"> </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react'</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"></span><span class="token comment">// or</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"></span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CAccordion</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react-pro/src/components/accordion/CAccordion'</span></div></pre></div><div class="table-responsive"><table class="table table table-striped table-api"><tbody></tbody><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><strong>activeItemKey</strong></td><td>The active item key.</td><td><code>string</code> | <code>number</code></td><td>-</td></tr><tr><td><strong>alwaysOpen</strong></td><td>Make accordion items stay open when another item is opened</td><td><code>boolean</code></td><td>false</td></tr><tr><td><strong>className</strong></td><td>A string of all className you want applied to the base component.</td><td><code>string</code></td><td>-</td></tr><tr><td><strong>flush</strong></td><td>Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.</td><td><code>boolean</code></td><td>-</td></tr></tbody></table></div></div><h3 id="caccordionbody" style="position: relative;">CAccordionBody<a href="https://coreui.io/react/docs/components/accordion/#caccordionbody" aria-label="caccordionbody permalink" class="anchor-link after"><span>#</span></a></h3><div class="markdown"><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CAccordionBody</span><span class="token imports"> </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react'</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"></span><span class="token comment">// or</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"></span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CAccordionBody</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react-pro/src/components/accordion/CAccordionBody'</span></div></pre></div><div class="table-responsive"><table class="table table table-striped table-api"><tbody></tbody><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><strong>className</strong></td><td>A string of all className you want applied to the base component.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div><h3 id="caccordionheader" style="position: relative;">CAccordionHeader<a href="https://coreui.io/react/docs/components/accordion/#caccordionheader" aria-label="caccordionheader permalink" class="anchor-link after"><span>#</span></a></h3><div class="markdown"><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CAccordionHeader</span><span class="token imports"> </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react'</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"></span><span class="token comment">// or</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"></span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CAccordionHeader</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react-pro/src/components/accordion/CAccordionHeader'</span></div></pre></div><div class="table-responsive"><table class="table table table-striped table-api"><tbody></tbody><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><strong>className</strong></td><td>A string of all className you want applied to the base component.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div><h3 id="caccordionitem" style="position: relative;">CAccordionItem<a href="https://coreui.io/react/docs/components/accordion/#caccordionitem" aria-label="caccordionitem permalink" class="anchor-link after"><span>#</span></a></h3><div class="markdown"><div class="code mb-4"><pre class="prism-code language-jsx"><div class="token-line"><span class="line-no">1</span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CAccordionItem</span><span class="token imports"> </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react'</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">2</span><span class="token plain"></span><span class="token comment">// or</span><span class="token plain"></span></div><div class="token-line"><span class="line-no">3</span><span class="token plain"></span><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CAccordionItem</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'@coreui/react-pro/src/components/accordion/CAccordionItem'</span></div></pre></div><div class="table-responsive"><table class="table table table-striped table-api"><tbody></tbody><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><strong>className</strong></td><td>A string of all className you want applied to the base component.</td><td><code>string</code></td><td>-</td></tr><tr><td><strong>itemKey</strong></td><td>Item key.</td><td><code>string</code> | <code>number</code></td><td>-</td></tr></tbody></table></div></div></div><div class="col-lg-3"><div class="docs-toc mt-4 mb-5 my-md-0 ps-xl-5 mb-lg-5 text-muted"><strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong><nav class="nav flex-column" role="navigation"><ul><li><a href="https://coreui.io/react/docs/components/accordion/#how-to-use-react-accordion-component">How to use React Accordion component.</a><ul><li><a href="https://coreui.io/react/docs/components/accordion/#flush">Flush</a></li><li><a href="https://coreui.io/react/docs/components/accordion/#always-open">Always open</a></li></ul></li><li><a href="https://coreui.io/react/docs/components/accordion/#customizing">Customizing</a><ul><li><a href="https://coreui.io/react/docs/components/accordion/#css-variables">CSS variables</a></li><li><a href="https://coreui.io/react/docs/components/accordion/#sass-variables">SASS variables</a></li></ul></li><li><a href="https://coreui.io/react/docs/components/accordion/#api">API</a><ul><li><a href="https://coreui.io/react/docs/components/accordion/#caccordion">CAccordion</a></li><li><a href="https://coreui.io/react/docs/components/accordion/#caccordionbody">CAccordionBody</a></li><li><a href="https://coreui.io/react/docs/components/accordion/#caccordionheader">CAccordionHeader</a></li><li><a href="https://coreui.io/react/docs/components/accordion/#caccordionitem">CAccordionItem</a></li></ul></li></ul></nav></div></div></div></div></div><div class="footer docs-footer p-3 p-md-5 mt-5 text-center text-sm-start"><div class="container"><ul class="docs-footer-links ps-0 mb-3"><li class="d-inline-block"><a href="https://github.com/coreui">GitHub</a></li><li class="d-inline-block ms-3"><a href="https://twitter.com/core_ui">Twitter</a></li><li class="d-inline-block ms-3 ps-3 border-start border-2"><a href="https://coreui.io/">CoreUI (Vanilla)</a></li><li class="d-inline-block ms-3"><a href="https://coreui.io/angular/">CoreUI for Angular</a></li><li class="d-inline-block ms-3"><a href="https://coreui.io/vue/">CoreUI for Vue.js</a></li></ul><p class="mb-0">CoreUI for React is Open Source UI Components Library for React.js.</p><p class="mb-0">Code licensed <a href="https://github.com/coreui/coreui/blob/main/LICENSE" target="_blank" rel="noreferrer">MIT</a>, docs <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank" rel="noreferrer">CC BY 3.0</a>.</p></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true">Navigated to React Accordion Component</div></div><script async="" src="./React Accordion Component - CoreUI_files/js"></script><script>
if(true) {
window.dataLayer = window.dataLayer || [];
function gtag(){window.dataLayer && window.dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-118965717-1', {"send_page_view":false});
}
</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-bc40676770c53272c325.js"],"app":["/app-28dbcbf1e0f2bd63df19.js"],"component---src-pages-404-tsx":["/component---src-pages-404-tsx-9b863ddce1373667d5e3.js"],"component---src-templates-docs-tsx":["/component---src-templates-docs-tsx-490540254b4fe94a074e.js"]};/*]]>*/</script><script src="./React Accordion Component - CoreUI_files/polyfill-bc40676770c53272c325.js.download" nomodule=""></script><script src="./React Accordion Component - CoreUI_files/app-28dbcbf1e0f2bd63df19.js.download" async=""></script><script src="./React Accordion Component - CoreUI_files/a5193c60-79c51aaba17324fdc1d4.js.download" async=""></script><script src="./React Accordion Component - CoreUI_files/36373cd3-d69a073b1c5d1fcbb591.js.download" async=""></script><script src="./React Accordion Component - CoreUI_files/framework-8151869a77a2d6fd4791.js.download" async=""></script><script src="./React Accordion Component - CoreUI_files/webpack-runtime-e18317dd1cc15d6839c1.js.download" async=""></script>
<link rel="stylesheet" href="../../dist/main.css">
<script src="../../dist/bundle.js"></script>
</body></html>