/*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8";/*! * Bootstrap v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-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";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.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-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}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{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-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(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}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{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@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]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}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-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@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{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 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{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 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{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 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{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 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{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 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{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 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{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .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>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@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{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;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::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end: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{width:3rem;height:calc(1.5em + .75rem + 2px);padding:.375rem}.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{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.25rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.5rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' 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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-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;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius: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;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.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{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@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::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-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.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;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.375rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.375rem}.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{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.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"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' 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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.375rem}.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{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.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"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' 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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' 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)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);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){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}.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{width:0;height:auto;transition:width .35s ease}@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{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.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>:not(.btn-check:first-child)+.btn{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-top-right-radius:0;border-bottom-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-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.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-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;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-right-radius:0;border-bottom-left-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{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);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(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.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{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-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-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@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-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.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-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-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{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-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-top-left-radius:0;border-bottom-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{--bs-accordion-color:#212529;--bs-accordion-bg:#fff;--bs-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;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius: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,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.375rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);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{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:0.5rem}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:0.25rem}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:#084298;--bs-alert-bg:#cfe2ff;--bs-alert-border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{--bs-alert-color:#41464b;--bs-alert-bg:#e2e3e5;--bs-alert-border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{--bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{--bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{--bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{--bs-alert-color:#636464;--bs-alert-bg:#fefefe;--bs-alert-border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{--bs-alert-color:#141619;--bs-alert-bg:#d3d3d4;--bs-alert-border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0, 0, 0, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.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{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.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{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.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{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.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{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: ;--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-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(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.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(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-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(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.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(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@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){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@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{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@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:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}.link-primary{color:#0d6efd!important}.link-primary:focus,.link-primary:hover{color:#0a58ca!important}.link-secondary{color:#6c757d!important}.link-secondary:focus,.link-secondary:hover{color:#565e64!important}.link-success{color:#198754!important}.link-success:focus,.link-success:hover{color:#146c43!important}.link-info{color:#0dcaf0!important}.link-info:focus,.link-info:hover{color:#3dd5f3!important}.link-warning{color:#ffc107!important}.link-warning:focus,.link-warning:hover{color:#ffcd39!important}.link-danger{color:#dc3545!important}.link-danger:focus,.link-danger:hover{color:#b02a37!important}.link-light{color:#f8f9fa!important}.link-light:focus,.link-light:hover{color:#f9fafb!important}.link-dark{color:#212529!important}.link-dark:focus,.link-dark:hover{color:#1a1e21!important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}.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,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{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{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-1{--bs-border-width:1px}.border-2{--bs-border-width:2px}.border-3{--bs-border-width:3px}.border-4{--bs-border-width:4px}.border-5{--bs-border-width:5px}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-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-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom: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-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom: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(--bs-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-bold{font-weight:700!important}.fw-semibold{font-weight:600!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{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-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(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-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-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom: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-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom: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-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom: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-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom: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-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom: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-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom: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-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom: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-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom: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-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom: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-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom: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}} /*# sourceMappingURL=bootstrap.min.css.map */ /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/typeface-titillium-web/index.css?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************/ /* titillium-web-200normal - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-display: swap; font-weight: 200; src: local('Titillium Web Extra Light '), local('Titillium Web-Extra Light'), url('titillium-web-latin-200.woff2') format('woff2'), url('titillium-web-latin-200.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-200italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-display: swap; font-weight: 200; src: local('Titillium Web Extra Light italic'), local('Titillium Web-Extra Lightitalic'), url('titillium-web-latin-200italic.woff2') format('woff2'), url('titillium-web-latin-200italic.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-300normal - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-display: swap; font-weight: 300; src: local('Titillium Web Light '), local('Titillium Web-Light'), url('titillium-web-latin-300.woff2') format('woff2'), url('titillium-web-latin-300.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-300italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-display: swap; font-weight: 300; src: local('Titillium Web Light italic'), local('Titillium Web-Lightitalic'), url('titillium-web-latin-300italic.woff2') format('woff2'), url('titillium-web-latin-300italic.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-400normal - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-display: swap; font-weight: 400; src: local('Titillium Web Regular '), local('Titillium Web-Regular'), url('titillium-web-latin-400.woff2') format('woff2'), url('titillium-web-latin-400.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-400italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-display: swap; font-weight: 400; src: local('Titillium Web Regular italic'), local('Titillium Web-Regularitalic'), url('titillium-web-latin-400italic.woff2') format('woff2'), url('titillium-web-latin-400italic.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-600normal - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-display: swap; font-weight: 600; src: local('Titillium Web SemiBold '), local('Titillium Web-SemiBold'), url('titillium-web-latin-600.woff2') format('woff2'), url('titillium-web-latin-600.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-600italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-display: swap; font-weight: 600; src: local('Titillium Web SemiBold italic'), local('Titillium Web-SemiBolditalic'), url('titillium-web-latin-600italic.woff2') format('woff2'), url('titillium-web-latin-600italic.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-700normal - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-display: swap; font-weight: 700; src: local('Titillium Web Bold '), local('Titillium Web-Bold'), url('titillium-web-latin-700.woff2') format('woff2'), url('titillium-web-latin-700.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-700italic - latin */ @font-face { font-family: 'Titillium Web'; font-style: italic; font-display: swap; font-weight: 700; src: local('Titillium Web Bold italic'), local('Titillium Web-Bolditalic'), url('titillium-web-latin-700italic.woff2') format('woff2'), url('titillium-web-latin-700italic.woff') format('woff'); /* Modern Browsers */ } /* titillium-web-900normal - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-display: swap; font-weight: 900; src: local('Titillium Web Black '), local('Titillium Web-Black'), url('titillium-web-latin-900.woff2') format('woff2'), url('titillium-web-latin-900.woff') format('woff'); /* Modern Browsers */ } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/eva-icons/style/scss/eva-icons.scss?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: Eva-Icons; src: url('Eva-Icons.eot'); src: url('Eva-Icons.eot?#iefix') format("embedded-opentype"), url('Eva-Icons.woff2') format("woff2"), url('Eva-Icons.woff') format("woff"), url('Eva-Icons.ttf') format("truetype"), url('Eva-Icons.svg#Eva-Icons') format("svg"); font-style: normal; font-weight: 400; } .eva { display: inline-block; transform: translate(0, 0); text-rendering: auto; font: normal normal 400 14px/1 Eva-Icons; font-size: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .eva-lg { vertical-align: -15%; line-height: 0.75em; font-size: 1.33333333em; } .eva-2x { font-size: 2em; } .eva-3x { font-size: 3em; } .eva-4x { font-size: 4em; } .eva-5x { font-size: 5em; } .eva-fw { width: 1.28571429em; text-align: center; } .eva-activity::before { content: "\ea01"; } .eva-activity-outline::before { content: "\ea02"; } .eva-alert-circle::before { content: "\ea03"; } .eva-alert-circle-outline::before { content: "\ea04"; } .eva-alert-triangle::before { content: "\ea05"; } .eva-alert-triangle-outline::before { content: "\ea06"; } .eva-archive::before { content: "\ea07"; } .eva-archive-outline::before { content: "\ea08"; } .eva-arrow-back::before { content: "\ea09"; } .eva-arrow-back-outline::before { content: "\ea0a"; } .eva-arrow-circle-down::before { content: "\ea0b"; } .eva-arrow-circle-down-outline::before { content: "\ea0c"; } .eva-arrow-circle-left::before { content: "\ea0d"; } .eva-arrow-circle-left-outline::before { content: "\ea0e"; } .eva-arrow-circle-right::before { content: "\ea0f"; } .eva-arrow-circle-right-outline::before { content: "\ea10"; } .eva-arrow-circle-up::before { content: "\ea11"; } .eva-arrow-circle-up-outline::before { content: "\ea12"; } .eva-arrow-down::before { content: "\ea13"; } .eva-arrow-down-outline::before { content: "\ea14"; } .eva-arrow-downward::before { content: "\ea15"; } .eva-arrow-downward-outline::before { content: "\ea16"; } .eva-arrow-forward::before { content: "\ea17"; } .eva-arrow-forward-outline::before { content: "\ea18"; } .eva-arrow-ios-back::before { content: "\ea19"; } .eva-arrow-ios-back-outline::before { content: "\ea1a"; } .eva-arrow-ios-downward::before { content: "\ea1b"; } .eva-arrow-ios-downward-outline::before { content: "\ea1c"; } .eva-arrow-ios-forward::before { content: "\ea1d"; } .eva-arrow-ios-forward-outline::before { content: "\ea1e"; } .eva-arrow-ios-upward::before { content: "\ea1f"; } .eva-arrow-ios-upward-outline::before { content: "\ea20"; } .eva-arrow-left::before { content: "\ea21"; } .eva-arrow-left-outline::before { content: "\ea22"; } .eva-arrow-right::before { content: "\ea23"; } .eva-arrow-right-outline::before { content: "\ea24"; } .eva-arrow-up::before { content: "\ea25"; } .eva-arrow-up-outline::before { content: "\ea26"; } .eva-arrow-upward::before { content: "\ea27"; } .eva-arrow-upward-outline::before { content: "\ea28"; } .eva-arrowhead-down::before { content: "\ea29"; } .eva-arrowhead-down-outline::before { content: "\ea2a"; } .eva-arrowhead-left::before { content: "\ea2b"; } .eva-arrowhead-left-outline::before { content: "\ea2c"; } .eva-arrowhead-right::before { content: "\ea2d"; } .eva-arrowhead-right-outline::before { content: "\ea2e"; } .eva-arrowhead-up::before { content: "\ea2f"; } .eva-arrowhead-up-outline::before { content: "\ea30"; } .eva-at::before { content: "\ea31"; } .eva-at-outline::before { content: "\ea32"; } .eva-attach::before { content: "\ea33"; } .eva-attach-2::before { content: "\ea34"; } .eva-attach-2-outline::before { content: "\ea35"; } .eva-attach-outline::before { content: "\ea36"; } .eva-award::before { content: "\ea37"; } .eva-award-outline::before { content: "\ea38"; } .eva-backspace::before { content: "\ea39"; } .eva-backspace-outline::before { content: "\ea3a"; } .eva-bar-chart::before { content: "\ea3b"; } .eva-bar-chart-2::before { content: "\ea3c"; } .eva-bar-chart-2-outline::before { content: "\ea3d"; } .eva-bar-chart-outline::before { content: "\ea3e"; } .eva-battery::before { content: "\ea3f"; } .eva-battery-outline::before { content: "\ea40"; } .eva-behance::before { content: "\ea41"; } .eva-behance-outline::before { content: "\ea42"; } .eva-bell::before { content: "\ea43"; } .eva-bell-off::before { content: "\ea44"; } .eva-bell-off-outline::before { content: "\ea45"; } .eva-bell-outline::before { content: "\ea46"; } .eva-bluetooth::before { content: "\ea47"; } .eva-bluetooth-outline::before { content: "\ea48"; } .eva-book::before { content: "\ea49"; } .eva-book-open::before { content: "\ea4a"; } .eva-book-open-outline::before { content: "\ea4b"; } .eva-book-outline::before { content: "\ea4c"; } .eva-bookmark::before { content: "\ea4d"; } .eva-bookmark-outline::before { content: "\ea4e"; } .eva-briefcase::before { content: "\ea4f"; } .eva-briefcase-outline::before { content: "\ea50"; } .eva-browser::before { content: "\ea51"; } .eva-browser-outline::before { content: "\ea52"; } .eva-brush::before { content: "\ea53"; } .eva-brush-outline::before { content: "\ea54"; } .eva-bulb::before { content: "\ea55"; } .eva-bulb-outline::before { content: "\ea56"; } .eva-calendar::before { content: "\ea57"; } .eva-calendar-outline::before { content: "\ea58"; } .eva-camera::before { content: "\ea59"; } .eva-camera-outline::before { content: "\ea5a"; } .eva-car::before { content: "\ea5b"; } .eva-car-outline::before { content: "\ea5c"; } .eva-cast::before { content: "\ea5d"; } .eva-cast-outline::before { content: "\ea5e"; } .eva-charging::before { content: "\ea5f"; } .eva-charging-outline::before { content: "\ea60"; } .eva-checkmark::before { content: "\ea61"; } .eva-checkmark-circle::before { content: "\ea62"; } .eva-checkmark-circle-2::before { content: "\ea63"; } .eva-checkmark-circle-2-outline::before { content: "\ea64"; } .eva-checkmark-circle-outline::before { content: "\ea65"; } .eva-checkmark-outline::before { content: "\ea66"; } .eva-checkmark-square::before { content: "\ea67"; } .eva-checkmark-square-2::before { content: "\ea68"; } .eva-checkmark-square-2-outline::before { content: "\ea69"; } .eva-checkmark-square-outline::before { content: "\ea6a"; } .eva-chevron-down::before { content: "\ea6b"; } .eva-chevron-down-outline::before { content: "\ea6c"; } .eva-chevron-left::before { content: "\ea6d"; } .eva-chevron-left-outline::before { content: "\ea6e"; } .eva-chevron-right::before { content: "\ea6f"; } .eva-chevron-right-outline::before { content: "\ea70"; } .eva-chevron-up::before { content: "\ea71"; } .eva-chevron-up-outline::before { content: "\ea72"; } .eva-clipboard::before { content: "\ea73"; } .eva-clipboard-outline::before { content: "\ea74"; } .eva-clock::before { content: "\ea75"; } .eva-clock-outline::before { content: "\ea76"; } .eva-close::before { content: "\ea77"; } .eva-close-circle::before { content: "\ea78"; } .eva-close-circle-outline::before { content: "\ea79"; } .eva-close-outline::before { content: "\ea7a"; } .eva-close-square::before { content: "\ea7b"; } .eva-close-square-outline::before { content: "\ea7c"; } .eva-cloud-download::before { content: "\ea7d"; } .eva-cloud-download-outline::before { content: "\ea7e"; } .eva-cloud-upload::before { content: "\ea7f"; } .eva-cloud-upload-outline::before { content: "\ea80"; } .eva-code::before { content: "\ea81"; } .eva-code-download::before { content: "\ea82"; } .eva-code-download-outline::before { content: "\ea83"; } .eva-code-outline::before { content: "\ea84"; } .eva-collapse::before { content: "\ea85"; } .eva-collapse-outline::before { content: "\ea86"; } .eva-color-palette::before { content: "\ea87"; } .eva-color-palette-outline::before { content: "\ea88"; } .eva-color-picker::before { content: "\ea89"; } .eva-color-picker-outline::before { content: "\ea8a"; } .eva-compass::before { content: "\ea8b"; } .eva-compass-outline::before { content: "\ea8c"; } .eva-copy::before { content: "\ea8d"; } .eva-copy-outline::before { content: "\ea8e"; } .eva-corner-down-left::before { content: "\ea8f"; } .eva-corner-down-left-outline::before { content: "\ea90"; } .eva-corner-down-right::before { content: "\ea91"; } .eva-corner-down-right-outline::before { content: "\ea92"; } .eva-corner-left-down::before { content: "\ea93"; } .eva-corner-left-down-outline::before { content: "\ea94"; } .eva-corner-left-up::before { content: "\ea95"; } .eva-corner-left-up-outline::before { content: "\ea96"; } .eva-corner-right-down::before { content: "\ea97"; } .eva-corner-right-down-outline::before { content: "\ea98"; } .eva-corner-right-up::before { content: "\ea99"; } .eva-corner-right-up-outline::before { content: "\ea9a"; } .eva-corner-up-left::before { content: "\ea9b"; } .eva-corner-up-left-outline::before { content: "\ea9c"; } .eva-corner-up-right::before { content: "\ea9d"; } .eva-corner-up-right-outline::before { content: "\ea9e"; } .eva-credit-card::before { content: "\ea9f"; } .eva-credit-card-outline::before { content: "\eaa0"; } .eva-crop::before { content: "\eaa1"; } .eva-crop-outline::before { content: "\eaa2"; } .eva-cube::before { content: "\eaa3"; } .eva-cube-outline::before { content: "\eaa4"; } .eva-diagonal-arrow-left-down::before { content: "\eaa5"; } .eva-diagonal-arrow-left-down-outline::before { content: "\eaa6"; } .eva-diagonal-arrow-left-up::before { content: "\eaa7"; } .eva-diagonal-arrow-left-up-outline::before { content: "\eaa8"; } .eva-diagonal-arrow-right-down::before { content: "\eaa9"; } .eva-diagonal-arrow-right-down-outline::before { content: "\eaaa"; } .eva-diagonal-arrow-right-up::before { content: "\eaab"; } .eva-diagonal-arrow-right-up-outline::before { content: "\eaac"; } .eva-done-all::before { content: "\eaad"; } .eva-done-all-outline::before { content: "\eaae"; } .eva-download::before { content: "\eaaf"; } .eva-download-outline::before { content: "\eab0"; } .eva-droplet::before { content: "\eab1"; } .eva-droplet-off::before { content: "\eab2"; } .eva-droplet-off-outline::before { content: "\eab3"; } .eva-droplet-outline::before { content: "\eab4"; } .eva-edit::before { content: "\eab5"; } .eva-edit-2::before { content: "\eab6"; } .eva-edit-2-outline::before { content: "\eab7"; } .eva-edit-outline::before { content: "\eab8"; } .eva-email::before { content: "\eab9"; } .eva-email-outline::before { content: "\eaba"; } .eva-expand::before { content: "\eabb"; } .eva-expand-outline::before { content: "\eabc"; } .eva-external-link::before { content: "\eabd"; } .eva-external-link-outline::before { content: "\eabe"; } .eva-eye::before { content: "\eabf"; } .eva-eye-off::before { content: "\eac0"; } .eva-eye-off-2::before { content: "\eac1"; } .eva-eye-off-2-outline::before { content: "\eac2"; } .eva-eye-off-outline::before { content: "\eac3"; } .eva-eye-outline::before { content: "\eac4"; } .eva-facebook::before { content: "\eac5"; } .eva-facebook-outline::before { content: "\eac6"; } .eva-file::before { content: "\eac7"; } .eva-file-add::before { content: "\eac8"; } .eva-file-add-outline::before { content: "\eac9"; } .eva-file-outline::before { content: "\eaca"; } .eva-file-remove::before { content: "\eacb"; } .eva-file-remove-outline::before { content: "\eacc"; } .eva-file-text::before { content: "\eacd"; } .eva-file-text-outline::before { content: "\eace"; } .eva-film::before { content: "\eacf"; } .eva-film-outline::before { content: "\ead0"; } .eva-flag::before { content: "\ead1"; } .eva-flag-outline::before { content: "\ead2"; } .eva-flash::before { content: "\ead3"; } .eva-flash-off::before { content: "\ead4"; } .eva-flash-off-outline::before { content: "\ead5"; } .eva-flash-outline::before { content: "\ead6"; } .eva-flip::before { content: "\ead7"; } .eva-flip-2::before { content: "\ead8"; } .eva-flip-2-outline::before { content: "\ead9"; } .eva-flip-outline::before { content: "\eada"; } .eva-folder::before { content: "\eadb"; } .eva-folder-add::before { content: "\eadc"; } .eva-folder-add-outline::before { content: "\eadd"; } .eva-folder-outline::before { content: "\eade"; } .eva-folder-remove::before { content: "\eadf"; } .eva-folder-remove-outline::before { content: "\eae0"; } .eva-funnel::before { content: "\eae1"; } .eva-funnel-outline::before { content: "\eae2"; } .eva-gift::before { content: "\eae3"; } .eva-gift-outline::before { content: "\eae4"; } .eva-github::before { content: "\eae5"; } .eva-github-outline::before { content: "\eae6"; } .eva-globe::before { content: "\eae7"; } .eva-globe-2::before { content: "\eae8"; } .eva-globe-2-outline::before { content: "\eae9"; } .eva-globe-3::before { content: "\eaea"; } .eva-globe-outline::before { content: "\eaeb"; } .eva-google::before { content: "\eaec"; } .eva-google-outline::before { content: "\eaed"; } .eva-grid::before { content: "\eaee"; } .eva-grid-outline::before { content: "\eaef"; } .eva-hard-drive::before { content: "\eaf0"; } .eva-hard-drive-outline::before { content: "\eaf1"; } .eva-hash::before { content: "\eaf2"; } .eva-hash-outline::before { content: "\eaf3"; } .eva-headphones::before { content: "\eaf4"; } .eva-headphones-outline::before { content: "\eaf5"; } .eva-heart::before { content: "\eaf6"; } .eva-heart-outline::before { content: "\eaf7"; } .eva-home::before { content: "\eaf8"; } .eva-home-outline::before { content: "\eaf9"; } .eva-image::before { content: "\eafa"; } .eva-image-2::before { content: "\eafb"; } .eva-image-outline::before { content: "\eafc"; } .eva-inbox::before { content: "\eafd"; } .eva-inbox-outline::before { content: "\eafe"; } .eva-info::before { content: "\eaff"; } .eva-info-outline::before { content: "\eb00"; } .eva-keypad::before { content: "\eb01"; } .eva-keypad-outline::before { content: "\eb02"; } .eva-layers::before { content: "\eb03"; } .eva-layers-outline::before { content: "\eb04"; } .eva-layout::before { content: "\eb05"; } .eva-layout-outline::before { content: "\eb06"; } .eva-link::before { content: "\eb07"; } .eva-link-2::before { content: "\eb08"; } .eva-link-2-outline::before { content: "\eb09"; } .eva-link-outline::before { content: "\eb0a"; } .eva-linkedin::before { content: "\eb0b"; } .eva-linkedin-outline::before { content: "\eb0c"; } .eva-list::before { content: "\eb0d"; } .eva-list-outline::before { content: "\eb0e"; } .eva-loader-outline::before { content: "\eb0f"; } .eva-lock::before { content: "\eb10"; } .eva-lock-outline::before { content: "\eb11"; } .eva-log-in::before { content: "\eb12"; } .eva-log-in-outline::before { content: "\eb13"; } .eva-log-out::before { content: "\eb14"; } .eva-log-out-outline::before { content: "\eb15"; } .eva-map::before { content: "\eb16"; } .eva-map-outline::before { content: "\eb17"; } .eva-maximize::before { content: "\eb18"; } .eva-maximize-outline::before { content: "\eb19"; } .eva-menu::before { content: "\eb1a"; } .eva-menu-2::before { content: "\eb1b"; } .eva-menu-2-outline::before { content: "\eb1c"; } .eva-menu-arrow::before { content: "\eb1d"; } .eva-menu-arrow-outline::before { content: "\eb1e"; } .eva-menu-outline::before { content: "\eb1f"; } .eva-message-circle::before { content: "\eb20"; } .eva-message-circle-outline::before { content: "\eb21"; } .eva-message-square::before { content: "\eb22"; } .eva-message-square-outline::before { content: "\eb23"; } .eva-mic::before { content: "\eb24"; } .eva-mic-off::before { content: "\eb25"; } .eva-mic-off-outline::before { content: "\eb26"; } .eva-mic-outline::before { content: "\eb27"; } .eva-minimize::before { content: "\eb28"; } .eva-minimize-outline::before { content: "\eb29"; } .eva-minus::before { content: "\eb2a"; } .eva-minus-circle::before { content: "\eb2b"; } .eva-minus-circle-outline::before { content: "\eb2c"; } .eva-minus-outline::before { content: "\eb2d"; } .eva-minus-square::before { content: "\eb2e"; } .eva-minus-square-outline::before { content: "\eb2f"; } .eva-monitor::before { content: "\eb30"; } .eva-monitor-outline::before { content: "\eb31"; } .eva-moon::before { content: "\eb32"; } .eva-moon-outline::before { content: "\eb33"; } .eva-more-horizontal::before { content: "\eb34"; } .eva-more-horizontal-outline::before { content: "\eb35"; } .eva-more-vertical::before { content: "\eb36"; } .eva-more-vertical-outline::before { content: "\eb37"; } .eva-move::before { content: "\eb38"; } .eva-move-outline::before { content: "\eb39"; } .eva-music::before { content: "\eb3a"; } .eva-music-outline::before { content: "\eb3b"; } .eva-navigation::before { content: "\eb3c"; } .eva-navigation-2::before { content: "\eb3d"; } .eva-navigation-2-outline::before { content: "\eb3e"; } .eva-navigation-outline::before { content: "\eb3f"; } .eva-npm::before { content: "\eb40"; } .eva-npm-outline::before { content: "\eb41"; } .eva-options::before { content: "\eb42"; } .eva-options-2::before { content: "\eb43"; } .eva-options-2-outline::before { content: "\eb44"; } .eva-options-outline::before { content: "\eb45"; } .eva-pantone::before { content: "\eb46"; } .eva-pantone-outline::before { content: "\eb47"; } .eva-paper-plane::before { content: "\eb48"; } .eva-paper-plane-outline::before { content: "\eb49"; } .eva-pause-circle::before { content: "\eb4a"; } .eva-pause-circle-outline::before { content: "\eb4b"; } .eva-people::before { content: "\eb4c"; } .eva-people-outline::before { content: "\eb4d"; } .eva-percent::before { content: "\eb4e"; } .eva-percent-outline::before { content: "\eb4f"; } .eva-person::before { content: "\eb50"; } .eva-person-add::before { content: "\eb51"; } .eva-person-add-outline::before { content: "\eb52"; } .eva-person-delete::before { content: "\eb53"; } .eva-person-delete-outline::before { content: "\eb54"; } .eva-person-done::before { content: "\eb55"; } .eva-person-done-outline::before { content: "\eb56"; } .eva-person-outline::before { content: "\eb57"; } .eva-person-remove::before { content: "\eb58"; } .eva-person-remove-outline::before { content: "\eb59"; } .eva-phone::before { content: "\eb5a"; } .eva-phone-call::before { content: "\eb5b"; } .eva-phone-call-outline::before { content: "\eb5c"; } .eva-phone-missed::before { content: "\eb5d"; } .eva-phone-missed-outline::before { content: "\eb5e"; } .eva-phone-off::before { content: "\eb5f"; } .eva-phone-off-outline::before { content: "\eb60"; } .eva-phone-outline::before { content: "\eb61"; } .eva-pie-chart::before { content: "\eb62"; } .eva-pie-chart-2::before { content: "\eb63"; } .eva-pie-chart-outline::before { content: "\eb64"; } .eva-pin::before { content: "\eb65"; } .eva-pin-outline::before { content: "\eb66"; } .eva-play-circle::before { content: "\eb67"; } .eva-play-circle-outline::before { content: "\eb68"; } .eva-plus::before { content: "\eb69"; } .eva-plus-circle::before { content: "\eb6a"; } .eva-plus-circle-outline::before { content: "\eb6b"; } .eva-plus-outline::before { content: "\eb6c"; } .eva-plus-square::before { content: "\eb6d"; } .eva-plus-square-outline::before { content: "\eb6e"; } .eva-power::before { content: "\eb6f"; } .eva-power-outline::before { content: "\eb70"; } .eva-pricetags::before { content: "\eb71"; } .eva-pricetags-outline::before { content: "\eb72"; } .eva-printer::before { content: "\eb73"; } .eva-printer-outline::before { content: "\eb74"; } .eva-question-mark::before { content: "\eb75"; } .eva-question-mark-circle::before { content: "\eb76"; } .eva-question-mark-circle-outline::before { content: "\eb77"; } .eva-question-mark-outline::before { content: "\eb78"; } .eva-radio::before { content: "\eb79"; } .eva-radio-button-off::before { content: "\eb7a"; } .eva-radio-button-off-outline::before { content: "\eb7b"; } .eva-radio-button-on::before { content: "\eb7c"; } .eva-radio-button-on-outline::before { content: "\eb7d"; } .eva-radio-outline::before { content: "\eb7e"; } .eva-recording::before { content: "\eb7f"; } .eva-recording-outline::before { content: "\eb80"; } .eva-refresh::before { content: "\eb81"; } .eva-refresh-outline::before { content: "\eb82"; } .eva-repeat::before { content: "\eb83"; } .eva-repeat-outline::before { content: "\eb84"; } .eva-rewind-left::before { content: "\eb85"; } .eva-rewind-left-outline::before { content: "\eb86"; } .eva-rewind-right::before { content: "\eb87"; } .eva-rewind-right-outline::before { content: "\eb88"; } .eva-save::before { content: "\eb89"; } .eva-save-outline::before { content: "\eb8a"; } .eva-scissors::before { content: "\eb8b"; } .eva-scissors-outline::before { content: "\eb8c"; } .eva-search::before { content: "\eb8d"; } .eva-search-outline::before { content: "\eb8e"; } .eva-settings::before { content: "\eb8f"; } .eva-settings-2::before { content: "\eb90"; } .eva-settings-2-outline::before { content: "\eb91"; } .eva-settings-outline::before { content: "\eb92"; } .eva-shake::before { content: "\eb93"; } .eva-shake-outline::before { content: "\eb94"; } .eva-share::before { content: "\eb95"; } .eva-share-outline::before { content: "\eb96"; } .eva-shield::before { content: "\eb97"; } .eva-shield-off::before { content: "\eb98"; } .eva-shield-off-outline::before { content: "\eb99"; } .eva-shield-outline::before { content: "\eb9a"; } .eva-shopping-bag::before { content: "\eb9b"; } .eva-shopping-bag-outline::before { content: "\eb9c"; } .eva-shopping-cart::before { content: "\eb9d"; } .eva-shopping-cart-outline::before { content: "\eb9e"; } .eva-shuffle::before { content: "\eb9f"; } .eva-shuffle-2::before { content: "\eba0"; } .eva-shuffle-2-outline::before { content: "\eba1"; } .eva-shuffle-outline::before { content: "\eba2"; } .eva-skip-back::before { content: "\eba3"; } .eva-skip-back-outline::before { content: "\eba4"; } .eva-skip-forward::before { content: "\eba5"; } .eva-skip-forward-outline::before { content: "\eba6"; } .eva-slash::before { content: "\eba7"; } .eva-slash-outline::before { content: "\eba8"; } .eva-smartphone::before { content: "\eba9"; } .eva-smartphone-outline::before { content: "\ebaa"; } .eva-smiling-face::before { content: "\ebab"; } .eva-smiling-face-outline::before { content: "\ebac"; } .eva-speaker::before { content: "\ebad"; } .eva-speaker-outline::before { content: "\ebae"; } .eva-square::before { content: "\ebaf"; } .eva-square-outline::before { content: "\ebb0"; } .eva-star::before { content: "\ebb1"; } .eva-star-outline::before { content: "\ebb2"; } .eva-stop-circle::before { content: "\ebb3"; } .eva-stop-circle-outline::before { content: "\ebb4"; } .eva-sun::before { content: "\ebb5"; } .eva-sun-outline::before { content: "\ebb6"; } .eva-swap::before { content: "\ebb7"; } .eva-swap-outline::before { content: "\ebb8"; } .eva-sync::before { content: "\ebb9"; } .eva-sync-outline::before { content: "\ebba"; } .eva-text::before { content: "\ebbb"; } .eva-text-outline::before { content: "\ebbc"; } .eva-thermometer::before { content: "\ebbd"; } .eva-thermometer-minus::before { content: "\ebbe"; } .eva-thermometer-minus-outline::before { content: "\ebbf"; } .eva-thermometer-outline::before { content: "\ebc0"; } .eva-thermometer-plus::before { content: "\ebc1"; } .eva-thermometer-plus-outline::before { content: "\ebc2"; } .eva-toggle-left::before { content: "\ebc3"; } .eva-toggle-left-outline::before { content: "\ebc4"; } .eva-toggle-right::before { content: "\ebc5"; } .eva-toggle-right-outline::before { content: "\ebc6"; } .eva-trash::before { content: "\ebc7"; } .eva-trash-2::before { content: "\ebc8"; } .eva-trash-2-outline::before { content: "\ebc9"; } .eva-trash-outline::before { content: "\ebca"; } .eva-trending-down::before { content: "\ebcb"; } .eva-trending-down-outline::before { content: "\ebcc"; } .eva-trending-up::before { content: "\ebcd"; } .eva-trending-up-outline::before { content: "\ebce"; } .eva-tv::before { content: "\ebcf"; } .eva-tv-outline::before { content: "\ebd0"; } .eva-twitter::before { content: "\ebd1"; } .eva-twitter-outline::before { content: "\ebd2"; } .eva-umbrella::before { content: "\ebd3"; } .eva-umbrella-outline::before { content: "\ebd4"; } .eva-undo::before { content: "\ebd5"; } .eva-undo-outline::before { content: "\ebd6"; } .eva-unlock::before { content: "\ebd7"; } .eva-unlock-outline::before { content: "\ebd8"; } .eva-upload::before { content: "\ebd9"; } .eva-upload-outline::before { content: "\ebda"; } .eva-video::before { content: "\ebdb"; } .eva-video-off::before { content: "\ebdc"; } .eva-video-off-outline::before { content: "\ebdd"; } .eva-video-outline::before { content: "\ebde"; } .eva-volume-down::before { content: "\ebdf"; } .eva-volume-down-outline::before { content: "\ebe0"; } .eva-volume-mute::before { content: "\ebe1"; } .eva-volume-mute-outline::before { content: "\ebe2"; } .eva-volume-off::before { content: "\ebe3"; } .eva-volume-off-outline::before { content: "\ebe4"; } .eva-volume-up::before { content: "\ebe5"; } .eva-volume-up-outline::before { content: "\ebe6"; } .eva-wifi::before { content: "\ebe7"; } .eva-wifi-off::before { content: "\ebe8"; } .eva-wifi-off-outline::before { content: "\ebe9"; } .eva-wifi-outline::before { content: "\ebea"; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-eraser:before { content: "\ea04"; } .pi-stopwatch:before { content: "\ea01"; } .pi-verified:before { content: "\ea02"; } .pi-delete-left:before { content: "\ea03"; } .pi-hourglass:before { content: "\e9fe"; } .pi-truck:before { content: "\ea00"; } .pi-wrench:before { content: "\e9ff"; } .pi-microphone:before { content: "\e9fa"; } .pi-megaphone:before { content: "\e9fb"; } .pi-arrow-right-arrow-left:before { content: "\e9fc"; } .pi-bitcoin:before { content: "\e9fd"; } .pi-file-edit:before { content: "\e9f6"; } .pi-language:before { content: "\e9f7"; } .pi-file-export:before { content: "\e9f8"; } .pi-file-import:before { content: "\e9f9"; } .pi-file-word:before { content: "\e9f1"; } .pi-gift:before { content: "\e9f2"; } .pi-cart-plus:before { content: "\e9f3"; } .pi-thumbs-down-fill:before { content: "\e9f4"; } .pi-thumbs-up-fill:before { content: "\e9f5"; } .pi-arrows-alt:before { content: "\e9f0"; } .pi-calculator:before { content: "\e9ef"; } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeflex/primeflex.css?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************/ .grid { display: flex; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; margin-top: -0.5rem; } .grid > .col, .grid > [class*=col] { box-sizing: border-box; } .grid-nogutter { margin-right: 0; margin-left: 0; margin-top: 0; } .grid-nogutter > .col, .grid-nogutter > [class*=col-] { padding: 0; } .col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .col-fixed { flex: 0 0 auto; padding: 0.5rem; } .col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } @media screen and (min-width: 576px) { .sm\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .sm\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .sm\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .sm\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .sm\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .sm\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .sm\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .sm\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .sm\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .sm\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .sm\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .sm\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .sm\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .sm\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } @media screen and (min-width: 768px) { .md\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .md\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .md\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .md\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .md\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .md\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .md\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .md\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .md\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .md\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .md\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .md\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .md\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .md\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } @media screen and (min-width: 992px) { .lg\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .lg\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .lg\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .lg\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .lg\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .lg\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .lg\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .lg\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .lg\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .lg\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .lg\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .lg\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .lg\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .lg\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } @media screen and (min-width: 1200px) { .xl\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .xl\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .xl\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .xl\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .xl\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .xl\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .xl\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .xl\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .xl\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .xl\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .xl\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .xl\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .xl\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .xl\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } .col-offset-0 { margin-left: 0 !important; } .col-offset-1 { margin-left: 8.3333% !important; } .col-offset-2 { margin-left: 16.6667% !important; } .col-offset-3 { margin-left: 25% !important; } .col-offset-4 { margin-left: 33.3333% !important; } .col-offset-5 { margin-left: 41.6667% !important; } .col-offset-6 { margin-left: 50% !important; } .col-offset-7 { margin-left: 58.3333% !important; } .col-offset-8 { margin-left: 66.6667% !important; } .col-offset-9 { margin-left: 75% !important; } .col-offset-10 { margin-left: 83.3333% !important; } .col-offset-11 { margin-left: 91.6667% !important; } .col-offset-12 { margin-left: 100% !important; } @media screen and (min-width: 576px) { .sm\:col-offset-0 { margin-left: 0 !important; } .sm\:col-offset-1 { margin-left: 8.3333% !important; } .sm\:col-offset-2 { margin-left: 16.6667% !important; } .sm\:col-offset-3 { margin-left: 25% !important; } .sm\:col-offset-4 { margin-left: 33.3333% !important; } .sm\:col-offset-5 { margin-left: 41.6667% !important; } .sm\:col-offset-6 { margin-left: 50% !important; } .sm\:col-offset-7 { margin-left: 58.3333% !important; } .sm\:col-offset-8 { margin-left: 66.6667% !important; } .sm\:col-offset-9 { margin-left: 75% !important; } .sm\:col-offset-10 { margin-left: 83.3333% !important; } .sm\:col-offset-11 { margin-left: 91.6667% !important; } .sm\:col-offset-12 { margin-left: 100% !important; } } @media screen and (min-width: 768px) { .md\:col-offset-0 { margin-left: 0 !important; } .md\:col-offset-1 { margin-left: 8.3333% !important; } .md\:col-offset-2 { margin-left: 16.6667% !important; } .md\:col-offset-3 { margin-left: 25% !important; } .md\:col-offset-4 { margin-left: 33.3333% !important; } .md\:col-offset-5 { margin-left: 41.6667% !important; } .md\:col-offset-6 { margin-left: 50% !important; } .md\:col-offset-7 { margin-left: 58.3333% !important; } .md\:col-offset-8 { margin-left: 66.6667% !important; } .md\:col-offset-9 { margin-left: 75% !important; } .md\:col-offset-10 { margin-left: 83.3333% !important; } .md\:col-offset-11 { margin-left: 91.6667% !important; } .md\:col-offset-12 { margin-left: 100% !important; } } @media screen and (min-width: 992px) { .lg\:col-offset-0 { margin-left: 0 !important; } .lg\:col-offset-1 { margin-left: 8.3333% !important; } .lg\:col-offset-2 { margin-left: 16.6667% !important; } .lg\:col-offset-3 { margin-left: 25% !important; } .lg\:col-offset-4 { margin-left: 33.3333% !important; } .lg\:col-offset-5 { margin-left: 41.6667% !important; } .lg\:col-offset-6 { margin-left: 50% !important; } .lg\:col-offset-7 { margin-left: 58.3333% !important; } .lg\:col-offset-8 { margin-left: 66.6667% !important; } .lg\:col-offset-9 { margin-left: 75% !important; } .lg\:col-offset-10 { margin-left: 83.3333% !important; } .lg\:col-offset-11 { margin-left: 91.6667% !important; } .lg\:col-offset-12 { margin-left: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:col-offset-0 { margin-left: 0 !important; } .xl\:col-offset-1 { margin-left: 8.3333% !important; } .xl\:col-offset-2 { margin-left: 16.6667% !important; } .xl\:col-offset-3 { margin-left: 25% !important; } .xl\:col-offset-4 { margin-left: 33.3333% !important; } .xl\:col-offset-5 { margin-left: 41.6667% !important; } .xl\:col-offset-6 { margin-left: 50% !important; } .xl\:col-offset-7 { margin-left: 58.3333% !important; } .xl\:col-offset-8 { margin-left: 66.6667% !important; } .xl\:col-offset-9 { margin-left: 75% !important; } .xl\:col-offset-10 { margin-left: 83.3333% !important; } .xl\:col-offset-11 { margin-left: 91.6667% !important; } .xl\:col-offset-12 { margin-left: 100% !important; } } .text-0 { color: var(--surface-0) !important; } .text-50 { color: var(--surface-50) !important; } .text-100 { color: var(--surface-100) !important; } .text-200 { color: var(--surface-200) !important; } .text-300 { color: var(--surface-300) !important; } .text-400 { color: var(--surface-400) !important; } .text-500 { color: var(--surface-500) !important; } .text-600 { color: var(--surface-600) !important; } .text-700 { color: var(--surface-700) !important; } .text-800 { color: var(--surface-800) !important; } .text-900 { color: var(--surface-900) !important; } .focus\:text-0:focus { color: var(--surface-0) !important; } .hover\:text-0:hover { color: var(--surface-0) !important; } .active\:text-0:active { color: var(--surface-0) !important; } .focus\:text-50:focus { color: var(--surface-50) !important; } .hover\:text-50:hover { color: var(--surface-50) !important; } .active\:text-50:active { color: var(--surface-50) !important; } .focus\:text-100:focus { color: var(--surface-100) !important; } .hover\:text-100:hover { color: var(--surface-100) !important; } .active\:text-100:active { color: var(--surface-100) !important; } .focus\:text-200:focus { color: var(--surface-200) !important; } .hover\:text-200:hover { color: var(--surface-200) !important; } .active\:text-200:active { color: var(--surface-200) !important; } .focus\:text-300:focus { color: var(--surface-300) !important; } .hover\:text-300:hover { color: var(--surface-300) !important; } .active\:text-300:active { color: var(--surface-300) !important; } .focus\:text-400:focus { color: var(--surface-400) !important; } .hover\:text-400:hover { color: var(--surface-400) !important; } .active\:text-400:active { color: var(--surface-400) !important; } .focus\:text-500:focus { color: var(--surface-500) !important; } .hover\:text-500:hover { color: var(--surface-500) !important; } .active\:text-500:active { color: var(--surface-500) !important; } .focus\:text-600:focus { color: var(--surface-600) !important; } .hover\:text-600:hover { color: var(--surface-600) !important; } .active\:text-600:active { color: var(--surface-600) !important; } .focus\:text-700:focus { color: var(--surface-700) !important; } .hover\:text-700:hover { color: var(--surface-700) !important; } .active\:text-700:active { color: var(--surface-700) !important; } .focus\:text-800:focus { color: var(--surface-800) !important; } .hover\:text-800:hover { color: var(--surface-800) !important; } .active\:text-800:active { color: var(--surface-800) !important; } .focus\:text-900:focus { color: var(--surface-900) !important; } .hover\:text-900:hover { color: var(--surface-900) !important; } .active\:text-900:active { color: var(--surface-900) !important; } .surface-0 { background-color: var(--surface-0) !important; } .surface-50 { background-color: var(--surface-50) !important; } .surface-100 { background-color: var(--surface-100) !important; } .surface-200 { background-color: var(--surface-200) !important; } .surface-300 { background-color: var(--surface-300) !important; } .surface-400 { background-color: var(--surface-400) !important; } .surface-500 { background-color: var(--surface-500) !important; } .surface-600 { background-color: var(--surface-600) !important; } .surface-700 { background-color: var(--surface-700) !important; } .surface-800 { background-color: var(--surface-800) !important; } .surface-900 { background-color: var(--surface-900) !important; } .focus\:surface-0:focus { background-color: var(--surface-0) !important; } .hover\:surface-0:hover { background-color: var(--surface-0) !important; } .active\:surface-0:active { background-color: var(--surface-0) !important; } .focus\:surface-50:focus { background-color: var(--surface-50) !important; } .hover\:surface-50:hover { background-color: var(--surface-50) !important; } .active\:surface-50:active { background-color: var(--surface-50) !important; } .focus\:surface-100:focus { background-color: var(--surface-100) !important; } .hover\:surface-100:hover { background-color: var(--surface-100) !important; } .active\:surface-100:active { background-color: var(--surface-100) !important; } .focus\:surface-200:focus { background-color: var(--surface-200) !important; } .hover\:surface-200:hover { background-color: var(--surface-200) !important; } .active\:surface-200:active { background-color: var(--surface-200) !important; } .focus\:surface-300:focus { background-color: var(--surface-300) !important; } .hover\:surface-300:hover { background-color: var(--surface-300) !important; } .active\:surface-300:active { background-color: var(--surface-300) !important; } .focus\:surface-400:focus { background-color: var(--surface-400) !important; } .hover\:surface-400:hover { background-color: var(--surface-400) !important; } .active\:surface-400:active { background-color: var(--surface-400) !important; } .focus\:surface-500:focus { background-color: var(--surface-500) !important; } .hover\:surface-500:hover { background-color: var(--surface-500) !important; } .active\:surface-500:active { background-color: var(--surface-500) !important; } .focus\:surface-600:focus { background-color: var(--surface-600) !important; } .hover\:surface-600:hover { background-color: var(--surface-600) !important; } .active\:surface-600:active { background-color: var(--surface-600) !important; } .focus\:surface-700:focus { background-color: var(--surface-700) !important; } .hover\:surface-700:hover { background-color: var(--surface-700) !important; } .active\:surface-700:active { background-color: var(--surface-700) !important; } .focus\:surface-800:focus { background-color: var(--surface-800) !important; } .hover\:surface-800:hover { background-color: var(--surface-800) !important; } .active\:surface-800:active { background-color: var(--surface-800) !important; } .focus\:surface-900:focus { background-color: var(--surface-900) !important; } .hover\:surface-900:hover { background-color: var(--surface-900) !important; } .active\:surface-900:active { background-color: var(--surface-900) !important; } .border-0 { border-color: var(--surface-0) !important; } .border-50 { border-color: var(--surface-50) !important; } .border-100 { border-color: var(--surface-100) !important; } .border-200 { border-color: var(--surface-200) !important; } .border-300 { border-color: var(--surface-300) !important; } .border-400 { border-color: var(--surface-400) !important; } .border-500 { border-color: var(--surface-500) !important; } .border-600 { border-color: var(--surface-600) !important; } .border-700 { border-color: var(--surface-700) !important; } .border-800 { border-color: var(--surface-800) !important; } .border-900 { border-color: var(--surface-900) !important; } .focus\:border-0:focus { border-color: var(--surface-0) !important; } .hover\:border-0:hover { border-color: var(--surface-0) !important; } .active\:border-0:active { border-color: var(--surface-0) !important; } .focus\:border-50:focus { border-color: var(--surface-50) !important; } .hover\:border-50:hover { border-color: var(--surface-50) !important; } .active\:border-50:active { border-color: var(--surface-50) !important; } .focus\:border-100:focus { border-color: var(--surface-100) !important; } .hover\:border-100:hover { border-color: var(--surface-100) !important; } .active\:border-100:active { border-color: var(--surface-100) !important; } .focus\:border-200:focus { border-color: var(--surface-200) !important; } .hover\:border-200:hover { border-color: var(--surface-200) !important; } .active\:border-200:active { border-color: var(--surface-200) !important; } .focus\:border-300:focus { border-color: var(--surface-300) !important; } .hover\:border-300:hover { border-color: var(--surface-300) !important; } .active\:border-300:active { border-color: var(--surface-300) !important; } .focus\:border-400:focus { border-color: var(--surface-400) !important; } .hover\:border-400:hover { border-color: var(--surface-400) !important; } .active\:border-400:active { border-color: var(--surface-400) !important; } .focus\:border-500:focus { border-color: var(--surface-500) !important; } .hover\:border-500:hover { border-color: var(--surface-500) !important; } .active\:border-500:active { border-color: var(--surface-500) !important; } .focus\:border-600:focus { border-color: var(--surface-600) !important; } .hover\:border-600:hover { border-color: var(--surface-600) !important; } .active\:border-600:active { border-color: var(--surface-600) !important; } .focus\:border-700:focus { border-color: var(--surface-700) !important; } .hover\:border-700:hover { border-color: var(--surface-700) !important; } .active\:border-700:active { border-color: var(--surface-700) !important; } .focus\:border-800:focus { border-color: var(--surface-800) !important; } .hover\:border-800:hover { border-color: var(--surface-800) !important; } .active\:border-800:active { border-color: var(--surface-800) !important; } .focus\:border-900:focus { border-color: var(--surface-900) !important; } .hover\:border-900:hover { border-color: var(--surface-900) !important; } .active\:border-900:active { border-color: var(--surface-900) !important; } .bg-transparent { background-color: transparent !important; } @media screen and (min-width: 576px) { .sm\:bg-transparent { background-color: transparent !important; } } @media screen and (min-width: 768px) { .md\:bg-transparent { background-color: transparent !important; } } @media screen and (min-width: 992px) { .lg\:bg-transparent { background-color: transparent !important; } } @media screen and (min-width: 1200px) { .xl\:bg-transparent { background-color: transparent !important; } } .border-transparent { border-color: transparent !important; } @media screen and (min-width: 576px) { .sm\:border-transparent { border-color: transparent !important; } } @media screen and (min-width: 768px) { .md\:border-transparent { border-color: transparent !important; } } @media screen and (min-width: 992px) { .lg\:border-transparent { border-color: transparent !important; } } @media screen and (min-width: 1200px) { .xl\:border-transparent { border-color: transparent !important; } } .text-blue-50 { color: var(--blue-50) !important; } .text-blue-100 { color: var(--blue-100) !important; } .text-blue-200 { color: var(--blue-200) !important; } .text-blue-300 { color: var(--blue-300) !important; } .text-blue-400 { color: var(--blue-400) !important; } .text-blue-500 { color: var(--blue-500) !important; } .text-blue-600 { color: var(--blue-600) !important; } .text-blue-700 { color: var(--blue-700) !important; } .text-blue-800 { color: var(--blue-800) !important; } .text-blue-900 { color: var(--blue-900) !important; } .focus\:text-blue-50:focus { color: var(--blue-50) !important; } .focus\:text-blue-100:focus { color: var(--blue-100) !important; } .focus\:text-blue-200:focus { color: var(--blue-200) !important; } .focus\:text-blue-300:focus { color: var(--blue-300) !important; } .focus\:text-blue-400:focus { color: var(--blue-400) !important; } .focus\:text-blue-500:focus { color: var(--blue-500) !important; } .focus\:text-blue-600:focus { color: var(--blue-600) !important; } .focus\:text-blue-700:focus { color: var(--blue-700) !important; } .focus\:text-blue-800:focus { color: var(--blue-800) !important; } .focus\:text-blue-900:focus { color: var(--blue-900) !important; } .hover\:text-blue-50:hover { color: var(--blue-50) !important; } .hover\:text-blue-100:hover { color: var(--blue-100) !important; } .hover\:text-blue-200:hover { color: var(--blue-200) !important; } .hover\:text-blue-300:hover { color: var(--blue-300) !important; } .hover\:text-blue-400:hover { color: var(--blue-400) !important; } .hover\:text-blue-500:hover { color: var(--blue-500) !important; } .hover\:text-blue-600:hover { color: var(--blue-600) !important; } .hover\:text-blue-700:hover { color: var(--blue-700) !important; } .hover\:text-blue-800:hover { color: var(--blue-800) !important; } .hover\:text-blue-900:hover { color: var(--blue-900) !important; } .active\:text-blue-50:active { color: var(--blue-50) !important; } .active\:text-blue-100:active { color: var(--blue-100) !important; } .active\:text-blue-200:active { color: var(--blue-200) !important; } .active\:text-blue-300:active { color: var(--blue-300) !important; } .active\:text-blue-400:active { color: var(--blue-400) !important; } .active\:text-blue-500:active { color: var(--blue-500) !important; } .active\:text-blue-600:active { color: var(--blue-600) !important; } .active\:text-blue-700:active { color: var(--blue-700) !important; } .active\:text-blue-800:active { color: var(--blue-800) !important; } .active\:text-blue-900:active { color: var(--blue-900) !important; } .text-green-50 { color: var(--green-50) !important; } .text-green-100 { color: var(--green-100) !important; } .text-green-200 { color: var(--green-200) !important; } .text-green-300 { color: var(--green-300) !important; } .text-green-400 { color: var(--green-400) !important; } .text-green-500 { color: var(--green-500) !important; } .text-green-600 { color: var(--green-600) !important; } .text-green-700 { color: var(--green-700) !important; } .text-green-800 { color: var(--green-800) !important; } .text-green-900 { color: var(--green-900) !important; } .focus\:text-green-50:focus { color: var(--green-50) !important; } .focus\:text-green-100:focus { color: var(--green-100) !important; } .focus\:text-green-200:focus { color: var(--green-200) !important; } .focus\:text-green-300:focus { color: var(--green-300) !important; } .focus\:text-green-400:focus { color: var(--green-400) !important; } .focus\:text-green-500:focus { color: var(--green-500) !important; } .focus\:text-green-600:focus { color: var(--green-600) !important; } .focus\:text-green-700:focus { color: var(--green-700) !important; } .focus\:text-green-800:focus { color: var(--green-800) !important; } .focus\:text-green-900:focus { color: var(--green-900) !important; } .hover\:text-green-50:hover { color: var(--green-50) !important; } .hover\:text-green-100:hover { color: var(--green-100) !important; } .hover\:text-green-200:hover { color: var(--green-200) !important; } .hover\:text-green-300:hover { color: var(--green-300) !important; } .hover\:text-green-400:hover { color: var(--green-400) !important; } .hover\:text-green-500:hover { color: var(--green-500) !important; } .hover\:text-green-600:hover { color: var(--green-600) !important; } .hover\:text-green-700:hover { color: var(--green-700) !important; } .hover\:text-green-800:hover { color: var(--green-800) !important; } .hover\:text-green-900:hover { color: var(--green-900) !important; } .active\:text-green-50:active { color: var(--green-50) !important; } .active\:text-green-100:active { color: var(--green-100) !important; } .active\:text-green-200:active { color: var(--green-200) !important; } .active\:text-green-300:active { color: var(--green-300) !important; } .active\:text-green-400:active { color: var(--green-400) !important; } .active\:text-green-500:active { color: var(--green-500) !important; } .active\:text-green-600:active { color: var(--green-600) !important; } .active\:text-green-700:active { color: var(--green-700) !important; } .active\:text-green-800:active { color: var(--green-800) !important; } .active\:text-green-900:active { color: var(--green-900) !important; } .text-yellow-50 { color: var(--yellow-50) !important; } .text-yellow-100 { color: var(--yellow-100) !important; } .text-yellow-200 { color: var(--yellow-200) !important; } .text-yellow-300 { color: var(--yellow-300) !important; } .text-yellow-400 { color: var(--yellow-400) !important; } .text-yellow-500 { color: var(--yellow-500) !important; } .text-yellow-600 { color: var(--yellow-600) !important; } .text-yellow-700 { color: var(--yellow-700) !important; } .text-yellow-800 { color: var(--yellow-800) !important; } .text-yellow-900 { color: var(--yellow-900) !important; } .focus\:text-yellow-50:focus { color: var(--yellow-50) !important; } .focus\:text-yellow-100:focus { color: var(--yellow-100) !important; } .focus\:text-yellow-200:focus { color: var(--yellow-200) !important; } .focus\:text-yellow-300:focus { color: var(--yellow-300) !important; } .focus\:text-yellow-400:focus { color: var(--yellow-400) !important; } .focus\:text-yellow-500:focus { color: var(--yellow-500) !important; } .focus\:text-yellow-600:focus { color: var(--yellow-600) !important; } .focus\:text-yellow-700:focus { color: var(--yellow-700) !important; } .focus\:text-yellow-800:focus { color: var(--yellow-800) !important; } .focus\:text-yellow-900:focus { color: var(--yellow-900) !important; } .hover\:text-yellow-50:hover { color: var(--yellow-50) !important; } .hover\:text-yellow-100:hover { color: var(--yellow-100) !important; } .hover\:text-yellow-200:hover { color: var(--yellow-200) !important; } .hover\:text-yellow-300:hover { color: var(--yellow-300) !important; } .hover\:text-yellow-400:hover { color: var(--yellow-400) !important; } .hover\:text-yellow-500:hover { color: var(--yellow-500) !important; } .hover\:text-yellow-600:hover { color: var(--yellow-600) !important; } .hover\:text-yellow-700:hover { color: var(--yellow-700) !important; } .hover\:text-yellow-800:hover { color: var(--yellow-800) !important; } .hover\:text-yellow-900:hover { color: var(--yellow-900) !important; } .active\:text-yellow-50:active { color: var(--yellow-50) !important; } .active\:text-yellow-100:active { color: var(--yellow-100) !important; } .active\:text-yellow-200:active { color: var(--yellow-200) !important; } .active\:text-yellow-300:active { color: var(--yellow-300) !important; } .active\:text-yellow-400:active { color: var(--yellow-400) !important; } .active\:text-yellow-500:active { color: var(--yellow-500) !important; } .active\:text-yellow-600:active { color: var(--yellow-600) !important; } .active\:text-yellow-700:active { color: var(--yellow-700) !important; } .active\:text-yellow-800:active { color: var(--yellow-800) !important; } .active\:text-yellow-900:active { color: var(--yellow-900) !important; } .text-cyan-50 { color: var(--cyan-50) !important; } .text-cyan-100 { color: var(--cyan-100) !important; } .text-cyan-200 { color: var(--cyan-200) !important; } .text-cyan-300 { color: var(--cyan-300) !important; } .text-cyan-400 { color: var(--cyan-400) !important; } .text-cyan-500 { color: var(--cyan-500) !important; } .text-cyan-600 { color: var(--cyan-600) !important; } .text-cyan-700 { color: var(--cyan-700) !important; } .text-cyan-800 { color: var(--cyan-800) !important; } .text-cyan-900 { color: var(--cyan-900) !important; } .focus\:text-cyan-50:focus { color: var(--cyan-50) !important; } .focus\:text-cyan-100:focus { color: var(--cyan-100) !important; } .focus\:text-cyan-200:focus { color: var(--cyan-200) !important; } .focus\:text-cyan-300:focus { color: var(--cyan-300) !important; } .focus\:text-cyan-400:focus { color: var(--cyan-400) !important; } .focus\:text-cyan-500:focus { color: var(--cyan-500) !important; } .focus\:text-cyan-600:focus { color: var(--cyan-600) !important; } .focus\:text-cyan-700:focus { color: var(--cyan-700) !important; } .focus\:text-cyan-800:focus { color: var(--cyan-800) !important; } .focus\:text-cyan-900:focus { color: var(--cyan-900) !important; } .hover\:text-cyan-50:hover { color: var(--cyan-50) !important; } .hover\:text-cyan-100:hover { color: var(--cyan-100) !important; } .hover\:text-cyan-200:hover { color: var(--cyan-200) !important; } .hover\:text-cyan-300:hover { color: var(--cyan-300) !important; } .hover\:text-cyan-400:hover { color: var(--cyan-400) !important; } .hover\:text-cyan-500:hover { color: var(--cyan-500) !important; } .hover\:text-cyan-600:hover { color: var(--cyan-600) !important; } .hover\:text-cyan-700:hover { color: var(--cyan-700) !important; } .hover\:text-cyan-800:hover { color: var(--cyan-800) !important; } .hover\:text-cyan-900:hover { color: var(--cyan-900) !important; } .active\:text-cyan-50:active { color: var(--cyan-50) !important; } .active\:text-cyan-100:active { color: var(--cyan-100) !important; } .active\:text-cyan-200:active { color: var(--cyan-200) !important; } .active\:text-cyan-300:active { color: var(--cyan-300) !important; } .active\:text-cyan-400:active { color: var(--cyan-400) !important; } .active\:text-cyan-500:active { color: var(--cyan-500) !important; } .active\:text-cyan-600:active { color: var(--cyan-600) !important; } .active\:text-cyan-700:active { color: var(--cyan-700) !important; } .active\:text-cyan-800:active { color: var(--cyan-800) !important; } .active\:text-cyan-900:active { color: var(--cyan-900) !important; } .text-pink-50 { color: var(--pink-50) !important; } .text-pink-100 { color: var(--pink-100) !important; } .text-pink-200 { color: var(--pink-200) !important; } .text-pink-300 { color: var(--pink-300) !important; } .text-pink-400 { color: var(--pink-400) !important; } .text-pink-500 { color: var(--pink-500) !important; } .text-pink-600 { color: var(--pink-600) !important; } .text-pink-700 { color: var(--pink-700) !important; } .text-pink-800 { color: var(--pink-800) !important; } .text-pink-900 { color: var(--pink-900) !important; } .focus\:text-pink-50:focus { color: var(--pink-50) !important; } .focus\:text-pink-100:focus { color: var(--pink-100) !important; } .focus\:text-pink-200:focus { color: var(--pink-200) !important; } .focus\:text-pink-300:focus { color: var(--pink-300) !important; } .focus\:text-pink-400:focus { color: var(--pink-400) !important; } .focus\:text-pink-500:focus { color: var(--pink-500) !important; } .focus\:text-pink-600:focus { color: var(--pink-600) !important; } .focus\:text-pink-700:focus { color: var(--pink-700) !important; } .focus\:text-pink-800:focus { color: var(--pink-800) !important; } .focus\:text-pink-900:focus { color: var(--pink-900) !important; } .hover\:text-pink-50:hover { color: var(--pink-50) !important; } .hover\:text-pink-100:hover { color: var(--pink-100) !important; } .hover\:text-pink-200:hover { color: var(--pink-200) !important; } .hover\:text-pink-300:hover { color: var(--pink-300) !important; } .hover\:text-pink-400:hover { color: var(--pink-400) !important; } .hover\:text-pink-500:hover { color: var(--pink-500) !important; } .hover\:text-pink-600:hover { color: var(--pink-600) !important; } .hover\:text-pink-700:hover { color: var(--pink-700) !important; } .hover\:text-pink-800:hover { color: var(--pink-800) !important; } .hover\:text-pink-900:hover { color: var(--pink-900) !important; } .active\:text-pink-50:active { color: var(--pink-50) !important; } .active\:text-pink-100:active { color: var(--pink-100) !important; } .active\:text-pink-200:active { color: var(--pink-200) !important; } .active\:text-pink-300:active { color: var(--pink-300) !important; } .active\:text-pink-400:active { color: var(--pink-400) !important; } .active\:text-pink-500:active { color: var(--pink-500) !important; } .active\:text-pink-600:active { color: var(--pink-600) !important; } .active\:text-pink-700:active { color: var(--pink-700) !important; } .active\:text-pink-800:active { color: var(--pink-800) !important; } .active\:text-pink-900:active { color: var(--pink-900) !important; } .text-indigo-50 { color: var(--indigo-50) !important; } .text-indigo-100 { color: var(--indigo-100) !important; } .text-indigo-200 { color: var(--indigo-200) !important; } .text-indigo-300 { color: var(--indigo-300) !important; } .text-indigo-400 { color: var(--indigo-400) !important; } .text-indigo-500 { color: var(--indigo-500) !important; } .text-indigo-600 { color: var(--indigo-600) !important; } .text-indigo-700 { color: var(--indigo-700) !important; } .text-indigo-800 { color: var(--indigo-800) !important; } .text-indigo-900 { color: var(--indigo-900) !important; } .focus\:text-indigo-50:focus { color: var(--indigo-50) !important; } .focus\:text-indigo-100:focus { color: var(--indigo-100) !important; } .focus\:text-indigo-200:focus { color: var(--indigo-200) !important; } .focus\:text-indigo-300:focus { color: var(--indigo-300) !important; } .focus\:text-indigo-400:focus { color: var(--indigo-400) !important; } .focus\:text-indigo-500:focus { color: var(--indigo-500) !important; } .focus\:text-indigo-600:focus { color: var(--indigo-600) !important; } .focus\:text-indigo-700:focus { color: var(--indigo-700) !important; } .focus\:text-indigo-800:focus { color: var(--indigo-800) !important; } .focus\:text-indigo-900:focus { color: var(--indigo-900) !important; } .hover\:text-indigo-50:hover { color: var(--indigo-50) !important; } .hover\:text-indigo-100:hover { color: var(--indigo-100) !important; } .hover\:text-indigo-200:hover { color: var(--indigo-200) !important; } .hover\:text-indigo-300:hover { color: var(--indigo-300) !important; } .hover\:text-indigo-400:hover { color: var(--indigo-400) !important; } .hover\:text-indigo-500:hover { color: var(--indigo-500) !important; } .hover\:text-indigo-600:hover { color: var(--indigo-600) !important; } .hover\:text-indigo-700:hover { color: var(--indigo-700) !important; } .hover\:text-indigo-800:hover { color: var(--indigo-800) !important; } .hover\:text-indigo-900:hover { color: var(--indigo-900) !important; } .active\:text-indigo-50:active { color: var(--indigo-50) !important; } .active\:text-indigo-100:active { color: var(--indigo-100) !important; } .active\:text-indigo-200:active { color: var(--indigo-200) !important; } .active\:text-indigo-300:active { color: var(--indigo-300) !important; } .active\:text-indigo-400:active { color: var(--indigo-400) !important; } .active\:text-indigo-500:active { color: var(--indigo-500) !important; } .active\:text-indigo-600:active { color: var(--indigo-600) !important; } .active\:text-indigo-700:active { color: var(--indigo-700) !important; } .active\:text-indigo-800:active { color: var(--indigo-800) !important; } .active\:text-indigo-900:active { color: var(--indigo-900) !important; } .text-teal-50 { color: var(--teal-50) !important; } .text-teal-100 { color: var(--teal-100) !important; } .text-teal-200 { color: var(--teal-200) !important; } .text-teal-300 { color: var(--teal-300) !important; } .text-teal-400 { color: var(--teal-400) !important; } .text-teal-500 { color: var(--teal-500) !important; } .text-teal-600 { color: var(--teal-600) !important; } .text-teal-700 { color: var(--teal-700) !important; } .text-teal-800 { color: var(--teal-800) !important; } .text-teal-900 { color: var(--teal-900) !important; } .focus\:text-teal-50:focus { color: var(--teal-50) !important; } .focus\:text-teal-100:focus { color: var(--teal-100) !important; } .focus\:text-teal-200:focus { color: var(--teal-200) !important; } .focus\:text-teal-300:focus { color: var(--teal-300) !important; } .focus\:text-teal-400:focus { color: var(--teal-400) !important; } .focus\:text-teal-500:focus { color: var(--teal-500) !important; } .focus\:text-teal-600:focus { color: var(--teal-600) !important; } .focus\:text-teal-700:focus { color: var(--teal-700) !important; } .focus\:text-teal-800:focus { color: var(--teal-800) !important; } .focus\:text-teal-900:focus { color: var(--teal-900) !important; } .hover\:text-teal-50:hover { color: var(--teal-50) !important; } .hover\:text-teal-100:hover { color: var(--teal-100) !important; } .hover\:text-teal-200:hover { color: var(--teal-200) !important; } .hover\:text-teal-300:hover { color: var(--teal-300) !important; } .hover\:text-teal-400:hover { color: var(--teal-400) !important; } .hover\:text-teal-500:hover { color: var(--teal-500) !important; } .hover\:text-teal-600:hover { color: var(--teal-600) !important; } .hover\:text-teal-700:hover { color: var(--teal-700) !important; } .hover\:text-teal-800:hover { color: var(--teal-800) !important; } .hover\:text-teal-900:hover { color: var(--teal-900) !important; } .active\:text-teal-50:active { color: var(--teal-50) !important; } .active\:text-teal-100:active { color: var(--teal-100) !important; } .active\:text-teal-200:active { color: var(--teal-200) !important; } .active\:text-teal-300:active { color: var(--teal-300) !important; } .active\:text-teal-400:active { color: var(--teal-400) !important; } .active\:text-teal-500:active { color: var(--teal-500) !important; } .active\:text-teal-600:active { color: var(--teal-600) !important; } .active\:text-teal-700:active { color: var(--teal-700) !important; } .active\:text-teal-800:active { color: var(--teal-800) !important; } .active\:text-teal-900:active { color: var(--teal-900) !important; } .text-orange-50 { color: var(--orange-50) !important; } .text-orange-100 { color: var(--orange-100) !important; } .text-orange-200 { color: var(--orange-200) !important; } .text-orange-300 { color: var(--orange-300) !important; } .text-orange-400 { color: var(--orange-400) !important; } .text-orange-500 { color: var(--orange-500) !important; } .text-orange-600 { color: var(--orange-600) !important; } .text-orange-700 { color: var(--orange-700) !important; } .text-orange-800 { color: var(--orange-800) !important; } .text-orange-900 { color: var(--orange-900) !important; } .focus\:text-orange-50:focus { color: var(--orange-50) !important; } .focus\:text-orange-100:focus { color: var(--orange-100) !important; } .focus\:text-orange-200:focus { color: var(--orange-200) !important; } .focus\:text-orange-300:focus { color: var(--orange-300) !important; } .focus\:text-orange-400:focus { color: var(--orange-400) !important; } .focus\:text-orange-500:focus { color: var(--orange-500) !important; } .focus\:text-orange-600:focus { color: var(--orange-600) !important; } .focus\:text-orange-700:focus { color: var(--orange-700) !important; } .focus\:text-orange-800:focus { color: var(--orange-800) !important; } .focus\:text-orange-900:focus { color: var(--orange-900) !important; } .hover\:text-orange-50:hover { color: var(--orange-50) !important; } .hover\:text-orange-100:hover { color: var(--orange-100) !important; } .hover\:text-orange-200:hover { color: var(--orange-200) !important; } .hover\:text-orange-300:hover { color: var(--orange-300) !important; } .hover\:text-orange-400:hover { color: var(--orange-400) !important; } .hover\:text-orange-500:hover { color: var(--orange-500) !important; } .hover\:text-orange-600:hover { color: var(--orange-600) !important; } .hover\:text-orange-700:hover { color: var(--orange-700) !important; } .hover\:text-orange-800:hover { color: var(--orange-800) !important; } .hover\:text-orange-900:hover { color: var(--orange-900) !important; } .active\:text-orange-50:active { color: var(--orange-50) !important; } .active\:text-orange-100:active { color: var(--orange-100) !important; } .active\:text-orange-200:active { color: var(--orange-200) !important; } .active\:text-orange-300:active { color: var(--orange-300) !important; } .active\:text-orange-400:active { color: var(--orange-400) !important; } .active\:text-orange-500:active { color: var(--orange-500) !important; } .active\:text-orange-600:active { color: var(--orange-600) !important; } .active\:text-orange-700:active { color: var(--orange-700) !important; } .active\:text-orange-800:active { color: var(--orange-800) !important; } .active\:text-orange-900:active { color: var(--orange-900) !important; } .text-bluegray-50 { color: var(--bluegray-50) !important; } .text-bluegray-100 { color: var(--bluegray-100) !important; } .text-bluegray-200 { color: var(--bluegray-200) !important; } .text-bluegray-300 { color: var(--bluegray-300) !important; } .text-bluegray-400 { color: var(--bluegray-400) !important; } .text-bluegray-500 { color: var(--bluegray-500) !important; } .text-bluegray-600 { color: var(--bluegray-600) !important; } .text-bluegray-700 { color: var(--bluegray-700) !important; } .text-bluegray-800 { color: var(--bluegray-800) !important; } .text-bluegray-900 { color: var(--bluegray-900) !important; } .focus\:text-bluegray-50:focus { color: var(--bluegray-50) !important; } .focus\:text-bluegray-100:focus { color: var(--bluegray-100) !important; } .focus\:text-bluegray-200:focus { color: var(--bluegray-200) !important; } .focus\:text-bluegray-300:focus { color: var(--bluegray-300) !important; } .focus\:text-bluegray-400:focus { color: var(--bluegray-400) !important; } .focus\:text-bluegray-500:focus { color: var(--bluegray-500) !important; } .focus\:text-bluegray-600:focus { color: var(--bluegray-600) !important; } .focus\:text-bluegray-700:focus { color: var(--bluegray-700) !important; } .focus\:text-bluegray-800:focus { color: var(--bluegray-800) !important; } .focus\:text-bluegray-900:focus { color: var(--bluegray-900) !important; } .hover\:text-bluegray-50:hover { color: var(--bluegray-50) !important; } .hover\:text-bluegray-100:hover { color: var(--bluegray-100) !important; } .hover\:text-bluegray-200:hover { color: var(--bluegray-200) !important; } .hover\:text-bluegray-300:hover { color: var(--bluegray-300) !important; } .hover\:text-bluegray-400:hover { color: var(--bluegray-400) !important; } .hover\:text-bluegray-500:hover { color: var(--bluegray-500) !important; } .hover\:text-bluegray-600:hover { color: var(--bluegray-600) !important; } .hover\:text-bluegray-700:hover { color: var(--bluegray-700) !important; } .hover\:text-bluegray-800:hover { color: var(--bluegray-800) !important; } .hover\:text-bluegray-900:hover { color: var(--bluegray-900) !important; } .active\:text-bluegray-50:active { color: var(--bluegray-50) !important; } .active\:text-bluegray-100:active { color: var(--bluegray-100) !important; } .active\:text-bluegray-200:active { color: var(--bluegray-200) !important; } .active\:text-bluegray-300:active { color: var(--bluegray-300) !important; } .active\:text-bluegray-400:active { color: var(--bluegray-400) !important; } .active\:text-bluegray-500:active { color: var(--bluegray-500) !important; } .active\:text-bluegray-600:active { color: var(--bluegray-600) !important; } .active\:text-bluegray-700:active { color: var(--bluegray-700) !important; } .active\:text-bluegray-800:active { color: var(--bluegray-800) !important; } .active\:text-bluegray-900:active { color: var(--bluegray-900) !important; } .text-purple-50 { color: var(--purple-50) !important; } .text-purple-100 { color: var(--purple-100) !important; } .text-purple-200 { color: var(--purple-200) !important; } .text-purple-300 { color: var(--purple-300) !important; } .text-purple-400 { color: var(--purple-400) !important; } .text-purple-500 { color: var(--purple-500) !important; } .text-purple-600 { color: var(--purple-600) !important; } .text-purple-700 { color: var(--purple-700) !important; } .text-purple-800 { color: var(--purple-800) !important; } .text-purple-900 { color: var(--purple-900) !important; } .focus\:text-purple-50:focus { color: var(--purple-50) !important; } .focus\:text-purple-100:focus { color: var(--purple-100) !important; } .focus\:text-purple-200:focus { color: var(--purple-200) !important; } .focus\:text-purple-300:focus { color: var(--purple-300) !important; } .focus\:text-purple-400:focus { color: var(--purple-400) !important; } .focus\:text-purple-500:focus { color: var(--purple-500) !important; } .focus\:text-purple-600:focus { color: var(--purple-600) !important; } .focus\:text-purple-700:focus { color: var(--purple-700) !important; } .focus\:text-purple-800:focus { color: var(--purple-800) !important; } .focus\:text-purple-900:focus { color: var(--purple-900) !important; } .hover\:text-purple-50:hover { color: var(--purple-50) !important; } .hover\:text-purple-100:hover { color: var(--purple-100) !important; } .hover\:text-purple-200:hover { color: var(--purple-200) !important; } .hover\:text-purple-300:hover { color: var(--purple-300) !important; } .hover\:text-purple-400:hover { color: var(--purple-400) !important; } .hover\:text-purple-500:hover { color: var(--purple-500) !important; } .hover\:text-purple-600:hover { color: var(--purple-600) !important; } .hover\:text-purple-700:hover { color: var(--purple-700) !important; } .hover\:text-purple-800:hover { color: var(--purple-800) !important; } .hover\:text-purple-900:hover { color: var(--purple-900) !important; } .active\:text-purple-50:active { color: var(--purple-50) !important; } .active\:text-purple-100:active { color: var(--purple-100) !important; } .active\:text-purple-200:active { color: var(--purple-200) !important; } .active\:text-purple-300:active { color: var(--purple-300) !important; } .active\:text-purple-400:active { color: var(--purple-400) !important; } .active\:text-purple-500:active { color: var(--purple-500) !important; } .active\:text-purple-600:active { color: var(--purple-600) !important; } .active\:text-purple-700:active { color: var(--purple-700) !important; } .active\:text-purple-800:active { color: var(--purple-800) !important; } .active\:text-purple-900:active { color: var(--purple-900) !important; } .text-gray-50 { color: var(--gray-50) !important; } .text-gray-100 { color: var(--gray-100) !important; } .text-gray-200 { color: var(--gray-200) !important; } .text-gray-300 { color: var(--gray-300) !important; } .text-gray-400 { color: var(--gray-400) !important; } .text-gray-500 { color: var(--gray-500) !important; } .text-gray-600 { color: var(--gray-600) !important; } .text-gray-700 { color: var(--gray-700) !important; } .text-gray-800 { color: var(--gray-800) !important; } .text-gray-900 { color: var(--gray-900) !important; } .focus\:text-gray-50:focus { color: var(--gray-50) !important; } .focus\:text-gray-100:focus { color: var(--gray-100) !important; } .focus\:text-gray-200:focus { color: var(--gray-200) !important; } .focus\:text-gray-300:focus { color: var(--gray-300) !important; } .focus\:text-gray-400:focus { color: var(--gray-400) !important; } .focus\:text-gray-500:focus { color: var(--gray-500) !important; } .focus\:text-gray-600:focus { color: var(--gray-600) !important; } .focus\:text-gray-700:focus { color: var(--gray-700) !important; } .focus\:text-gray-800:focus { color: var(--gray-800) !important; } .focus\:text-gray-900:focus { color: var(--gray-900) !important; } .hover\:text-gray-50:hover { color: var(--gray-50) !important; } .hover\:text-gray-100:hover { color: var(--gray-100) !important; } .hover\:text-gray-200:hover { color: var(--gray-200) !important; } .hover\:text-gray-300:hover { color: var(--gray-300) !important; } .hover\:text-gray-400:hover { color: var(--gray-400) !important; } .hover\:text-gray-500:hover { color: var(--gray-500) !important; } .hover\:text-gray-600:hover { color: var(--gray-600) !important; } .hover\:text-gray-700:hover { color: var(--gray-700) !important; } .hover\:text-gray-800:hover { color: var(--gray-800) !important; } .hover\:text-gray-900:hover { color: var(--gray-900) !important; } .active\:text-gray-50:active { color: var(--gray-50) !important; } .active\:text-gray-100:active { color: var(--gray-100) !important; } .active\:text-gray-200:active { color: var(--gray-200) !important; } .active\:text-gray-300:active { color: var(--gray-300) !important; } .active\:text-gray-400:active { color: var(--gray-400) !important; } .active\:text-gray-500:active { color: var(--gray-500) !important; } .active\:text-gray-600:active { color: var(--gray-600) !important; } .active\:text-gray-700:active { color: var(--gray-700) !important; } .active\:text-gray-800:active { color: var(--gray-800) !important; } .active\:text-gray-900:active { color: var(--gray-900) !important; } .text-red-50 { color: var(--red-50) !important; } .text-red-100 { color: var(--red-100) !important; } .text-red-200 { color: var(--red-200) !important; } .text-red-300 { color: var(--red-300) !important; } .text-red-400 { color: var(--red-400) !important; } .text-red-500 { color: var(--red-500) !important; } .text-red-600 { color: var(--red-600) !important; } .text-red-700 { color: var(--red-700) !important; } .text-red-800 { color: var(--red-800) !important; } .text-red-900 { color: var(--red-900) !important; } .focus\:text-red-50:focus { color: var(--red-50) !important; } .focus\:text-red-100:focus { color: var(--red-100) !important; } .focus\:text-red-200:focus { color: var(--red-200) !important; } .focus\:text-red-300:focus { color: var(--red-300) !important; } .focus\:text-red-400:focus { color: var(--red-400) !important; } .focus\:text-red-500:focus { color: var(--red-500) !important; } .focus\:text-red-600:focus { color: var(--red-600) !important; } .focus\:text-red-700:focus { color: var(--red-700) !important; } .focus\:text-red-800:focus { color: var(--red-800) !important; } .focus\:text-red-900:focus { color: var(--red-900) !important; } .hover\:text-red-50:hover { color: var(--red-50) !important; } .hover\:text-red-100:hover { color: var(--red-100) !important; } .hover\:text-red-200:hover { color: var(--red-200) !important; } .hover\:text-red-300:hover { color: var(--red-300) !important; } .hover\:text-red-400:hover { color: var(--red-400) !important; } .hover\:text-red-500:hover { color: var(--red-500) !important; } .hover\:text-red-600:hover { color: var(--red-600) !important; } .hover\:text-red-700:hover { color: var(--red-700) !important; } .hover\:text-red-800:hover { color: var(--red-800) !important; } .hover\:text-red-900:hover { color: var(--red-900) !important; } .active\:text-red-50:active { color: var(--red-50) !important; } .active\:text-red-100:active { color: var(--red-100) !important; } .active\:text-red-200:active { color: var(--red-200) !important; } .active\:text-red-300:active { color: var(--red-300) !important; } .active\:text-red-400:active { color: var(--red-400) !important; } .active\:text-red-500:active { color: var(--red-500) !important; } .active\:text-red-600:active { color: var(--red-600) !important; } .active\:text-red-700:active { color: var(--red-700) !important; } .active\:text-red-800:active { color: var(--red-800) !important; } .active\:text-red-900:active { color: var(--red-900) !important; } .text-primary-50 { color: var(--primary-50) !important; } .text-primary-100 { color: var(--primary-100) !important; } .text-primary-200 { color: var(--primary-200) !important; } .text-primary-300 { color: var(--primary-300) !important; } .text-primary-400 { color: var(--primary-400) !important; } .text-primary-500 { color: var(--primary-500) !important; } .text-primary-600 { color: var(--primary-600) !important; } .text-primary-700 { color: var(--primary-700) !important; } .text-primary-800 { color: var(--primary-800) !important; } .text-primary-900 { color: var(--primary-900) !important; } .focus\:text-primary-50:focus { color: var(--primary-50) !important; } .focus\:text-primary-100:focus { color: var(--primary-100) !important; } .focus\:text-primary-200:focus { color: var(--primary-200) !important; } .focus\:text-primary-300:focus { color: var(--primary-300) !important; } .focus\:text-primary-400:focus { color: var(--primary-400) !important; } .focus\:text-primary-500:focus { color: var(--primary-500) !important; } .focus\:text-primary-600:focus { color: var(--primary-600) !important; } .focus\:text-primary-700:focus { color: var(--primary-700) !important; } .focus\:text-primary-800:focus { color: var(--primary-800) !important; } .focus\:text-primary-900:focus { color: var(--primary-900) !important; } .hover\:text-primary-50:hover { color: var(--primary-50) !important; } .hover\:text-primary-100:hover { color: var(--primary-100) !important; } .hover\:text-primary-200:hover { color: var(--primary-200) !important; } .hover\:text-primary-300:hover { color: var(--primary-300) !important; } .hover\:text-primary-400:hover { color: var(--primary-400) !important; } .hover\:text-primary-500:hover { color: var(--primary-500) !important; } .hover\:text-primary-600:hover { color: var(--primary-600) !important; } .hover\:text-primary-700:hover { color: var(--primary-700) !important; } .hover\:text-primary-800:hover { color: var(--primary-800) !important; } .hover\:text-primary-900:hover { color: var(--primary-900) !important; } .active\:text-primary-50:active { color: var(--primary-50) !important; } .active\:text-primary-100:active { color: var(--primary-100) !important; } .active\:text-primary-200:active { color: var(--primary-200) !important; } .active\:text-primary-300:active { color: var(--primary-300) !important; } .active\:text-primary-400:active { color: var(--primary-400) !important; } .active\:text-primary-500:active { color: var(--primary-500) !important; } .active\:text-primary-600:active { color: var(--primary-600) !important; } .active\:text-primary-700:active { color: var(--primary-700) !important; } .active\:text-primary-800:active { color: var(--primary-800) !important; } .active\:text-primary-900:active { color: var(--primary-900) !important; } .bg-blue-50 { background-color: var(--blue-50) !important; } .bg-blue-100 { background-color: var(--blue-100) !important; } .bg-blue-200 { background-color: var(--blue-200) !important; } .bg-blue-300 { background-color: var(--blue-300) !important; } .bg-blue-400 { background-color: var(--blue-400) !important; } .bg-blue-500 { background-color: var(--blue-500) !important; } .bg-blue-600 { background-color: var(--blue-600) !important; } .bg-blue-700 { background-color: var(--blue-700) !important; } .bg-blue-800 { background-color: var(--blue-800) !important; } .bg-blue-900 { background-color: var(--blue-900) !important; } .focus\:bg-blue-50:focus { background-color: var(--blue-50) !important; } .focus\:bg-blue-100:focus { background-color: var(--blue-100) !important; } .focus\:bg-blue-200:focus { background-color: var(--blue-200) !important; } .focus\:bg-blue-300:focus { background-color: var(--blue-300) !important; } .focus\:bg-blue-400:focus { background-color: var(--blue-400) !important; } .focus\:bg-blue-500:focus { background-color: var(--blue-500) !important; } .focus\:bg-blue-600:focus { background-color: var(--blue-600) !important; } .focus\:bg-blue-700:focus { background-color: var(--blue-700) !important; } .focus\:bg-blue-800:focus { background-color: var(--blue-800) !important; } .focus\:bg-blue-900:focus { background-color: var(--blue-900) !important; } .hover\:bg-blue-50:hover { background-color: var(--blue-50) !important; } .hover\:bg-blue-100:hover { background-color: var(--blue-100) !important; } .hover\:bg-blue-200:hover { background-color: var(--blue-200) !important; } .hover\:bg-blue-300:hover { background-color: var(--blue-300) !important; } .hover\:bg-blue-400:hover { background-color: var(--blue-400) !important; } .hover\:bg-blue-500:hover { background-color: var(--blue-500) !important; } .hover\:bg-blue-600:hover { background-color: var(--blue-600) !important; } .hover\:bg-blue-700:hover { background-color: var(--blue-700) !important; } .hover\:bg-blue-800:hover { background-color: var(--blue-800) !important; } .hover\:bg-blue-900:hover { background-color: var(--blue-900) !important; } .active\:bg-blue-50:active { background-color: var(--blue-50) !important; } .active\:bg-blue-100:active { background-color: var(--blue-100) !important; } .active\:bg-blue-200:active { background-color: var(--blue-200) !important; } .active\:bg-blue-300:active { background-color: var(--blue-300) !important; } .active\:bg-blue-400:active { background-color: var(--blue-400) !important; } .active\:bg-blue-500:active { background-color: var(--blue-500) !important; } .active\:bg-blue-600:active { background-color: var(--blue-600) !important; } .active\:bg-blue-700:active { background-color: var(--blue-700) !important; } .active\:bg-blue-800:active { background-color: var(--blue-800) !important; } .active\:bg-blue-900:active { background-color: var(--blue-900) !important; } .bg-green-50 { background-color: var(--green-50) !important; } .bg-green-100 { background-color: var(--green-100) !important; } .bg-green-200 { background-color: var(--green-200) !important; } .bg-green-300 { background-color: var(--green-300) !important; } .bg-green-400 { background-color: var(--green-400) !important; } .bg-green-500 { background-color: var(--green-500) !important; } .bg-green-600 { background-color: var(--green-600) !important; } .bg-green-700 { background-color: var(--green-700) !important; } .bg-green-800 { background-color: var(--green-800) !important; } .bg-green-900 { background-color: var(--green-900) !important; } .focus\:bg-green-50:focus { background-color: var(--green-50) !important; } .focus\:bg-green-100:focus { background-color: var(--green-100) !important; } .focus\:bg-green-200:focus { background-color: var(--green-200) !important; } .focus\:bg-green-300:focus { background-color: var(--green-300) !important; } .focus\:bg-green-400:focus { background-color: var(--green-400) !important; } .focus\:bg-green-500:focus { background-color: var(--green-500) !important; } .focus\:bg-green-600:focus { background-color: var(--green-600) !important; } .focus\:bg-green-700:focus { background-color: var(--green-700) !important; } .focus\:bg-green-800:focus { background-color: var(--green-800) !important; } .focus\:bg-green-900:focus { background-color: var(--green-900) !important; } .hover\:bg-green-50:hover { background-color: var(--green-50) !important; } .hover\:bg-green-100:hover { background-color: var(--green-100) !important; } .hover\:bg-green-200:hover { background-color: var(--green-200) !important; } .hover\:bg-green-300:hover { background-color: var(--green-300) !important; } .hover\:bg-green-400:hover { background-color: var(--green-400) !important; } .hover\:bg-green-500:hover { background-color: var(--green-500) !important; } .hover\:bg-green-600:hover { background-color: var(--green-600) !important; } .hover\:bg-green-700:hover { background-color: var(--green-700) !important; } .hover\:bg-green-800:hover { background-color: var(--green-800) !important; } .hover\:bg-green-900:hover { background-color: var(--green-900) !important; } .active\:bg-green-50:active { background-color: var(--green-50) !important; } .active\:bg-green-100:active { background-color: var(--green-100) !important; } .active\:bg-green-200:active { background-color: var(--green-200) !important; } .active\:bg-green-300:active { background-color: var(--green-300) !important; } .active\:bg-green-400:active { background-color: var(--green-400) !important; } .active\:bg-green-500:active { background-color: var(--green-500) !important; } .active\:bg-green-600:active { background-color: var(--green-600) !important; } .active\:bg-green-700:active { background-color: var(--green-700) !important; } .active\:bg-green-800:active { background-color: var(--green-800) !important; } .active\:bg-green-900:active { background-color: var(--green-900) !important; } .bg-yellow-50 { background-color: var(--yellow-50) !important; } .bg-yellow-100 { background-color: var(--yellow-100) !important; } .bg-yellow-200 { background-color: var(--yellow-200) !important; } .bg-yellow-300 { background-color: var(--yellow-300) !important; } .bg-yellow-400 { background-color: var(--yellow-400) !important; } .bg-yellow-500 { background-color: var(--yellow-500) !important; } .bg-yellow-600 { background-color: var(--yellow-600) !important; } .bg-yellow-700 { background-color: var(--yellow-700) !important; } .bg-yellow-800 { background-color: var(--yellow-800) !important; } .bg-yellow-900 { background-color: var(--yellow-900) !important; } .focus\:bg-yellow-50:focus { background-color: var(--yellow-50) !important; } .focus\:bg-yellow-100:focus { background-color: var(--yellow-100) !important; } .focus\:bg-yellow-200:focus { background-color: var(--yellow-200) !important; } .focus\:bg-yellow-300:focus { background-color: var(--yellow-300) !important; } .focus\:bg-yellow-400:focus { background-color: var(--yellow-400) !important; } .focus\:bg-yellow-500:focus { background-color: var(--yellow-500) !important; } .focus\:bg-yellow-600:focus { background-color: var(--yellow-600) !important; } .focus\:bg-yellow-700:focus { background-color: var(--yellow-700) !important; } .focus\:bg-yellow-800:focus { background-color: var(--yellow-800) !important; } .focus\:bg-yellow-900:focus { background-color: var(--yellow-900) !important; } .hover\:bg-yellow-50:hover { background-color: var(--yellow-50) !important; } .hover\:bg-yellow-100:hover { background-color: var(--yellow-100) !important; } .hover\:bg-yellow-200:hover { background-color: var(--yellow-200) !important; } .hover\:bg-yellow-300:hover { background-color: var(--yellow-300) !important; } .hover\:bg-yellow-400:hover { background-color: var(--yellow-400) !important; } .hover\:bg-yellow-500:hover { background-color: var(--yellow-500) !important; } .hover\:bg-yellow-600:hover { background-color: var(--yellow-600) !important; } .hover\:bg-yellow-700:hover { background-color: var(--yellow-700) !important; } .hover\:bg-yellow-800:hover { background-color: var(--yellow-800) !important; } .hover\:bg-yellow-900:hover { background-color: var(--yellow-900) !important; } .active\:bg-yellow-50:active { background-color: var(--yellow-50) !important; } .active\:bg-yellow-100:active { background-color: var(--yellow-100) !important; } .active\:bg-yellow-200:active { background-color: var(--yellow-200) !important; } .active\:bg-yellow-300:active { background-color: var(--yellow-300) !important; } .active\:bg-yellow-400:active { background-color: var(--yellow-400) !important; } .active\:bg-yellow-500:active { background-color: var(--yellow-500) !important; } .active\:bg-yellow-600:active { background-color: var(--yellow-600) !important; } .active\:bg-yellow-700:active { background-color: var(--yellow-700) !important; } .active\:bg-yellow-800:active { background-color: var(--yellow-800) !important; } .active\:bg-yellow-900:active { background-color: var(--yellow-900) !important; } .bg-cyan-50 { background-color: var(--cyan-50) !important; } .bg-cyan-100 { background-color: var(--cyan-100) !important; } .bg-cyan-200 { background-color: var(--cyan-200) !important; } .bg-cyan-300 { background-color: var(--cyan-300) !important; } .bg-cyan-400 { background-color: var(--cyan-400) !important; } .bg-cyan-500 { background-color: var(--cyan-500) !important; } .bg-cyan-600 { background-color: var(--cyan-600) !important; } .bg-cyan-700 { background-color: var(--cyan-700) !important; } .bg-cyan-800 { background-color: var(--cyan-800) !important; } .bg-cyan-900 { background-color: var(--cyan-900) !important; } .focus\:bg-cyan-50:focus { background-color: var(--cyan-50) !important; } .focus\:bg-cyan-100:focus { background-color: var(--cyan-100) !important; } .focus\:bg-cyan-200:focus { background-color: var(--cyan-200) !important; } .focus\:bg-cyan-300:focus { background-color: var(--cyan-300) !important; } .focus\:bg-cyan-400:focus { background-color: var(--cyan-400) !important; } .focus\:bg-cyan-500:focus { background-color: var(--cyan-500) !important; } .focus\:bg-cyan-600:focus { background-color: var(--cyan-600) !important; } .focus\:bg-cyan-700:focus { background-color: var(--cyan-700) !important; } .focus\:bg-cyan-800:focus { background-color: var(--cyan-800) !important; } .focus\:bg-cyan-900:focus { background-color: var(--cyan-900) !important; } .hover\:bg-cyan-50:hover { background-color: var(--cyan-50) !important; } .hover\:bg-cyan-100:hover { background-color: var(--cyan-100) !important; } .hover\:bg-cyan-200:hover { background-color: var(--cyan-200) !important; } .hover\:bg-cyan-300:hover { background-color: var(--cyan-300) !important; } .hover\:bg-cyan-400:hover { background-color: var(--cyan-400) !important; } .hover\:bg-cyan-500:hover { background-color: var(--cyan-500) !important; } .hover\:bg-cyan-600:hover { background-color: var(--cyan-600) !important; } .hover\:bg-cyan-700:hover { background-color: var(--cyan-700) !important; } .hover\:bg-cyan-800:hover { background-color: var(--cyan-800) !important; } .hover\:bg-cyan-900:hover { background-color: var(--cyan-900) !important; } .active\:bg-cyan-50:active { background-color: var(--cyan-50) !important; } .active\:bg-cyan-100:active { background-color: var(--cyan-100) !important; } .active\:bg-cyan-200:active { background-color: var(--cyan-200) !important; } .active\:bg-cyan-300:active { background-color: var(--cyan-300) !important; } .active\:bg-cyan-400:active { background-color: var(--cyan-400) !important; } .active\:bg-cyan-500:active { background-color: var(--cyan-500) !important; } .active\:bg-cyan-600:active { background-color: var(--cyan-600) !important; } .active\:bg-cyan-700:active { background-color: var(--cyan-700) !important; } .active\:bg-cyan-800:active { background-color: var(--cyan-800) !important; } .active\:bg-cyan-900:active { background-color: var(--cyan-900) !important; } .bg-pink-50 { background-color: var(--pink-50) !important; } .bg-pink-100 { background-color: var(--pink-100) !important; } .bg-pink-200 { background-color: var(--pink-200) !important; } .bg-pink-300 { background-color: var(--pink-300) !important; } .bg-pink-400 { background-color: var(--pink-400) !important; } .bg-pink-500 { background-color: var(--pink-500) !important; } .bg-pink-600 { background-color: var(--pink-600) !important; } .bg-pink-700 { background-color: var(--pink-700) !important; } .bg-pink-800 { background-color: var(--pink-800) !important; } .bg-pink-900 { background-color: var(--pink-900) !important; } .focus\:bg-pink-50:focus { background-color: var(--pink-50) !important; } .focus\:bg-pink-100:focus { background-color: var(--pink-100) !important; } .focus\:bg-pink-200:focus { background-color: var(--pink-200) !important; } .focus\:bg-pink-300:focus { background-color: var(--pink-300) !important; } .focus\:bg-pink-400:focus { background-color: var(--pink-400) !important; } .focus\:bg-pink-500:focus { background-color: var(--pink-500) !important; } .focus\:bg-pink-600:focus { background-color: var(--pink-600) !important; } .focus\:bg-pink-700:focus { background-color: var(--pink-700) !important; } .focus\:bg-pink-800:focus { background-color: var(--pink-800) !important; } .focus\:bg-pink-900:focus { background-color: var(--pink-900) !important; } .hover\:bg-pink-50:hover { background-color: var(--pink-50) !important; } .hover\:bg-pink-100:hover { background-color: var(--pink-100) !important; } .hover\:bg-pink-200:hover { background-color: var(--pink-200) !important; } .hover\:bg-pink-300:hover { background-color: var(--pink-300) !important; } .hover\:bg-pink-400:hover { background-color: var(--pink-400) !important; } .hover\:bg-pink-500:hover { background-color: var(--pink-500) !important; } .hover\:bg-pink-600:hover { background-color: var(--pink-600) !important; } .hover\:bg-pink-700:hover { background-color: var(--pink-700) !important; } .hover\:bg-pink-800:hover { background-color: var(--pink-800) !important; } .hover\:bg-pink-900:hover { background-color: var(--pink-900) !important; } .active\:bg-pink-50:active { background-color: var(--pink-50) !important; } .active\:bg-pink-100:active { background-color: var(--pink-100) !important; } .active\:bg-pink-200:active { background-color: var(--pink-200) !important; } .active\:bg-pink-300:active { background-color: var(--pink-300) !important; } .active\:bg-pink-400:active { background-color: var(--pink-400) !important; } .active\:bg-pink-500:active { background-color: var(--pink-500) !important; } .active\:bg-pink-600:active { background-color: var(--pink-600) !important; } .active\:bg-pink-700:active { background-color: var(--pink-700) !important; } .active\:bg-pink-800:active { background-color: var(--pink-800) !important; } .active\:bg-pink-900:active { background-color: var(--pink-900) !important; } .bg-indigo-50 { background-color: var(--indigo-50) !important; } .bg-indigo-100 { background-color: var(--indigo-100) !important; } .bg-indigo-200 { background-color: var(--indigo-200) !important; } .bg-indigo-300 { background-color: var(--indigo-300) !important; } .bg-indigo-400 { background-color: var(--indigo-400) !important; } .bg-indigo-500 { background-color: var(--indigo-500) !important; } .bg-indigo-600 { background-color: var(--indigo-600) !important; } .bg-indigo-700 { background-color: var(--indigo-700) !important; } .bg-indigo-800 { background-color: var(--indigo-800) !important; } .bg-indigo-900 { background-color: var(--indigo-900) !important; } .focus\:bg-indigo-50:focus { background-color: var(--indigo-50) !important; } .focus\:bg-indigo-100:focus { background-color: var(--indigo-100) !important; } .focus\:bg-indigo-200:focus { background-color: var(--indigo-200) !important; } .focus\:bg-indigo-300:focus { background-color: var(--indigo-300) !important; } .focus\:bg-indigo-400:focus { background-color: var(--indigo-400) !important; } .focus\:bg-indigo-500:focus { background-color: var(--indigo-500) !important; } .focus\:bg-indigo-600:focus { background-color: var(--indigo-600) !important; } .focus\:bg-indigo-700:focus { background-color: var(--indigo-700) !important; } .focus\:bg-indigo-800:focus { background-color: var(--indigo-800) !important; } .focus\:bg-indigo-900:focus { background-color: var(--indigo-900) !important; } .hover\:bg-indigo-50:hover { background-color: var(--indigo-50) !important; } .hover\:bg-indigo-100:hover { background-color: var(--indigo-100) !important; } .hover\:bg-indigo-200:hover { background-color: var(--indigo-200) !important; } .hover\:bg-indigo-300:hover { background-color: var(--indigo-300) !important; } .hover\:bg-indigo-400:hover { background-color: var(--indigo-400) !important; } .hover\:bg-indigo-500:hover { background-color: var(--indigo-500) !important; } .hover\:bg-indigo-600:hover { background-color: var(--indigo-600) !important; } .hover\:bg-indigo-700:hover { background-color: var(--indigo-700) !important; } .hover\:bg-indigo-800:hover { background-color: var(--indigo-800) !important; } .hover\:bg-indigo-900:hover { background-color: var(--indigo-900) !important; } .active\:bg-indigo-50:active { background-color: var(--indigo-50) !important; } .active\:bg-indigo-100:active { background-color: var(--indigo-100) !important; } .active\:bg-indigo-200:active { background-color: var(--indigo-200) !important; } .active\:bg-indigo-300:active { background-color: var(--indigo-300) !important; } .active\:bg-indigo-400:active { background-color: var(--indigo-400) !important; } .active\:bg-indigo-500:active { background-color: var(--indigo-500) !important; } .active\:bg-indigo-600:active { background-color: var(--indigo-600) !important; } .active\:bg-indigo-700:active { background-color: var(--indigo-700) !important; } .active\:bg-indigo-800:active { background-color: var(--indigo-800) !important; } .active\:bg-indigo-900:active { background-color: var(--indigo-900) !important; } .bg-teal-50 { background-color: var(--teal-50) !important; } .bg-teal-100 { background-color: var(--teal-100) !important; } .bg-teal-200 { background-color: var(--teal-200) !important; } .bg-teal-300 { background-color: var(--teal-300) !important; } .bg-teal-400 { background-color: var(--teal-400) !important; } .bg-teal-500 { background-color: var(--teal-500) !important; } .bg-teal-600 { background-color: var(--teal-600) !important; } .bg-teal-700 { background-color: var(--teal-700) !important; } .bg-teal-800 { background-color: var(--teal-800) !important; } .bg-teal-900 { background-color: var(--teal-900) !important; } .focus\:bg-teal-50:focus { background-color: var(--teal-50) !important; } .focus\:bg-teal-100:focus { background-color: var(--teal-100) !important; } .focus\:bg-teal-200:focus { background-color: var(--teal-200) !important; } .focus\:bg-teal-300:focus { background-color: var(--teal-300) !important; } .focus\:bg-teal-400:focus { background-color: var(--teal-400) !important; } .focus\:bg-teal-500:focus { background-color: var(--teal-500) !important; } .focus\:bg-teal-600:focus { background-color: var(--teal-600) !important; } .focus\:bg-teal-700:focus { background-color: var(--teal-700) !important; } .focus\:bg-teal-800:focus { background-color: var(--teal-800) !important; } .focus\:bg-teal-900:focus { background-color: var(--teal-900) !important; } .hover\:bg-teal-50:hover { background-color: var(--teal-50) !important; } .hover\:bg-teal-100:hover { background-color: var(--teal-100) !important; } .hover\:bg-teal-200:hover { background-color: var(--teal-200) !important; } .hover\:bg-teal-300:hover { background-color: var(--teal-300) !important; } .hover\:bg-teal-400:hover { background-color: var(--teal-400) !important; } .hover\:bg-teal-500:hover { background-color: var(--teal-500) !important; } .hover\:bg-teal-600:hover { background-color: var(--teal-600) !important; } .hover\:bg-teal-700:hover { background-color: var(--teal-700) !important; } .hover\:bg-teal-800:hover { background-color: var(--teal-800) !important; } .hover\:bg-teal-900:hover { background-color: var(--teal-900) !important; } .active\:bg-teal-50:active { background-color: var(--teal-50) !important; } .active\:bg-teal-100:active { background-color: var(--teal-100) !important; } .active\:bg-teal-200:active { background-color: var(--teal-200) !important; } .active\:bg-teal-300:active { background-color: var(--teal-300) !important; } .active\:bg-teal-400:active { background-color: var(--teal-400) !important; } .active\:bg-teal-500:active { background-color: var(--teal-500) !important; } .active\:bg-teal-600:active { background-color: var(--teal-600) !important; } .active\:bg-teal-700:active { background-color: var(--teal-700) !important; } .active\:bg-teal-800:active { background-color: var(--teal-800) !important; } .active\:bg-teal-900:active { background-color: var(--teal-900) !important; } .bg-orange-50 { background-color: var(--orange-50) !important; } .bg-orange-100 { background-color: var(--orange-100) !important; } .bg-orange-200 { background-color: var(--orange-200) !important; } .bg-orange-300 { background-color: var(--orange-300) !important; } .bg-orange-400 { background-color: var(--orange-400) !important; } .bg-orange-500 { background-color: var(--orange-500) !important; } .bg-orange-600 { background-color: var(--orange-600) !important; } .bg-orange-700 { background-color: var(--orange-700) !important; } .bg-orange-800 { background-color: var(--orange-800) !important; } .bg-orange-900 { background-color: var(--orange-900) !important; } .focus\:bg-orange-50:focus { background-color: var(--orange-50) !important; } .focus\:bg-orange-100:focus { background-color: var(--orange-100) !important; } .focus\:bg-orange-200:focus { background-color: var(--orange-200) !important; } .focus\:bg-orange-300:focus { background-color: var(--orange-300) !important; } .focus\:bg-orange-400:focus { background-color: var(--orange-400) !important; } .focus\:bg-orange-500:focus { background-color: var(--orange-500) !important; } .focus\:bg-orange-600:focus { background-color: var(--orange-600) !important; } .focus\:bg-orange-700:focus { background-color: var(--orange-700) !important; } .focus\:bg-orange-800:focus { background-color: var(--orange-800) !important; } .focus\:bg-orange-900:focus { background-color: var(--orange-900) !important; } .hover\:bg-orange-50:hover { background-color: var(--orange-50) !important; } .hover\:bg-orange-100:hover { background-color: var(--orange-100) !important; } .hover\:bg-orange-200:hover { background-color: var(--orange-200) !important; } .hover\:bg-orange-300:hover { background-color: var(--orange-300) !important; } .hover\:bg-orange-400:hover { background-color: var(--orange-400) !important; } .hover\:bg-orange-500:hover { background-color: var(--orange-500) !important; } .hover\:bg-orange-600:hover { background-color: var(--orange-600) !important; } .hover\:bg-orange-700:hover { background-color: var(--orange-700) !important; } .hover\:bg-orange-800:hover { background-color: var(--orange-800) !important; } .hover\:bg-orange-900:hover { background-color: var(--orange-900) !important; } .active\:bg-orange-50:active { background-color: var(--orange-50) !important; } .active\:bg-orange-100:active { background-color: var(--orange-100) !important; } .active\:bg-orange-200:active { background-color: var(--orange-200) !important; } .active\:bg-orange-300:active { background-color: var(--orange-300) !important; } .active\:bg-orange-400:active { background-color: var(--orange-400) !important; } .active\:bg-orange-500:active { background-color: var(--orange-500) !important; } .active\:bg-orange-600:active { background-color: var(--orange-600) !important; } .active\:bg-orange-700:active { background-color: var(--orange-700) !important; } .active\:bg-orange-800:active { background-color: var(--orange-800) !important; } .active\:bg-orange-900:active { background-color: var(--orange-900) !important; } .bg-bluegray-50 { background-color: var(--bluegray-50) !important; } .bg-bluegray-100 { background-color: var(--bluegray-100) !important; } .bg-bluegray-200 { background-color: var(--bluegray-200) !important; } .bg-bluegray-300 { background-color: var(--bluegray-300) !important; } .bg-bluegray-400 { background-color: var(--bluegray-400) !important; } .bg-bluegray-500 { background-color: var(--bluegray-500) !important; } .bg-bluegray-600 { background-color: var(--bluegray-600) !important; } .bg-bluegray-700 { background-color: var(--bluegray-700) !important; } .bg-bluegray-800 { background-color: var(--bluegray-800) !important; } .bg-bluegray-900 { background-color: var(--bluegray-900) !important; } .focus\:bg-bluegray-50:focus { background-color: var(--bluegray-50) !important; } .focus\:bg-bluegray-100:focus { background-color: var(--bluegray-100) !important; } .focus\:bg-bluegray-200:focus { background-color: var(--bluegray-200) !important; } .focus\:bg-bluegray-300:focus { background-color: var(--bluegray-300) !important; } .focus\:bg-bluegray-400:focus { background-color: var(--bluegray-400) !important; } .focus\:bg-bluegray-500:focus { background-color: var(--bluegray-500) !important; } .focus\:bg-bluegray-600:focus { background-color: var(--bluegray-600) !important; } .focus\:bg-bluegray-700:focus { background-color: var(--bluegray-700) !important; } .focus\:bg-bluegray-800:focus { background-color: var(--bluegray-800) !important; } .focus\:bg-bluegray-900:focus { background-color: var(--bluegray-900) !important; } .hover\:bg-bluegray-50:hover { background-color: var(--bluegray-50) !important; } .hover\:bg-bluegray-100:hover { background-color: var(--bluegray-100) !important; } .hover\:bg-bluegray-200:hover { background-color: var(--bluegray-200) !important; } .hover\:bg-bluegray-300:hover { background-color: var(--bluegray-300) !important; } .hover\:bg-bluegray-400:hover { background-color: var(--bluegray-400) !important; } .hover\:bg-bluegray-500:hover { background-color: var(--bluegray-500) !important; } .hover\:bg-bluegray-600:hover { background-color: var(--bluegray-600) !important; } .hover\:bg-bluegray-700:hover { background-color: var(--bluegray-700) !important; } .hover\:bg-bluegray-800:hover { background-color: var(--bluegray-800) !important; } .hover\:bg-bluegray-900:hover { background-color: var(--bluegray-900) !important; } .active\:bg-bluegray-50:active { background-color: var(--bluegray-50) !important; } .active\:bg-bluegray-100:active { background-color: var(--bluegray-100) !important; } .active\:bg-bluegray-200:active { background-color: var(--bluegray-200) !important; } .active\:bg-bluegray-300:active { background-color: var(--bluegray-300) !important; } .active\:bg-bluegray-400:active { background-color: var(--bluegray-400) !important; } .active\:bg-bluegray-500:active { background-color: var(--bluegray-500) !important; } .active\:bg-bluegray-600:active { background-color: var(--bluegray-600) !important; } .active\:bg-bluegray-700:active { background-color: var(--bluegray-700) !important; } .active\:bg-bluegray-800:active { background-color: var(--bluegray-800) !important; } .active\:bg-bluegray-900:active { background-color: var(--bluegray-900) !important; } .bg-purple-50 { background-color: var(--purple-50) !important; } .bg-purple-100 { background-color: var(--purple-100) !important; } .bg-purple-200 { background-color: var(--purple-200) !important; } .bg-purple-300 { background-color: var(--purple-300) !important; } .bg-purple-400 { background-color: var(--purple-400) !important; } .bg-purple-500 { background-color: var(--purple-500) !important; } .bg-purple-600 { background-color: var(--purple-600) !important; } .bg-purple-700 { background-color: var(--purple-700) !important; } .bg-purple-800 { background-color: var(--purple-800) !important; } .bg-purple-900 { background-color: var(--purple-900) !important; } .focus\:bg-purple-50:focus { background-color: var(--purple-50) !important; } .focus\:bg-purple-100:focus { background-color: var(--purple-100) !important; } .focus\:bg-purple-200:focus { background-color: var(--purple-200) !important; } .focus\:bg-purple-300:focus { background-color: var(--purple-300) !important; } .focus\:bg-purple-400:focus { background-color: var(--purple-400) !important; } .focus\:bg-purple-500:focus { background-color: var(--purple-500) !important; } .focus\:bg-purple-600:focus { background-color: var(--purple-600) !important; } .focus\:bg-purple-700:focus { background-color: var(--purple-700) !important; } .focus\:bg-purple-800:focus { background-color: var(--purple-800) !important; } .focus\:bg-purple-900:focus { background-color: var(--purple-900) !important; } .hover\:bg-purple-50:hover { background-color: var(--purple-50) !important; } .hover\:bg-purple-100:hover { background-color: var(--purple-100) !important; } .hover\:bg-purple-200:hover { background-color: var(--purple-200) !important; } .hover\:bg-purple-300:hover { background-color: var(--purple-300) !important; } .hover\:bg-purple-400:hover { background-color: var(--purple-400) !important; } .hover\:bg-purple-500:hover { background-color: var(--purple-500) !important; } .hover\:bg-purple-600:hover { background-color: var(--purple-600) !important; } .hover\:bg-purple-700:hover { background-color: var(--purple-700) !important; } .hover\:bg-purple-800:hover { background-color: var(--purple-800) !important; } .hover\:bg-purple-900:hover { background-color: var(--purple-900) !important; } .active\:bg-purple-50:active { background-color: var(--purple-50) !important; } .active\:bg-purple-100:active { background-color: var(--purple-100) !important; } .active\:bg-purple-200:active { background-color: var(--purple-200) !important; } .active\:bg-purple-300:active { background-color: var(--purple-300) !important; } .active\:bg-purple-400:active { background-color: var(--purple-400) !important; } .active\:bg-purple-500:active { background-color: var(--purple-500) !important; } .active\:bg-purple-600:active { background-color: var(--purple-600) !important; } .active\:bg-purple-700:active { background-color: var(--purple-700) !important; } .active\:bg-purple-800:active { background-color: var(--purple-800) !important; } .active\:bg-purple-900:active { background-color: var(--purple-900) !important; } .bg-gray-50 { background-color: var(--gray-50) !important; } .bg-gray-100 { background-color: var(--gray-100) !important; } .bg-gray-200 { background-color: var(--gray-200) !important; } .bg-gray-300 { background-color: var(--gray-300) !important; } .bg-gray-400 { background-color: var(--gray-400) !important; } .bg-gray-500 { background-color: var(--gray-500) !important; } .bg-gray-600 { background-color: var(--gray-600) !important; } .bg-gray-700 { background-color: var(--gray-700) !important; } .bg-gray-800 { background-color: var(--gray-800) !important; } .bg-gray-900 { background-color: var(--gray-900) !important; } .focus\:bg-gray-50:focus { background-color: var(--gray-50) !important; } .focus\:bg-gray-100:focus { background-color: var(--gray-100) !important; } .focus\:bg-gray-200:focus { background-color: var(--gray-200) !important; } .focus\:bg-gray-300:focus { background-color: var(--gray-300) !important; } .focus\:bg-gray-400:focus { background-color: var(--gray-400) !important; } .focus\:bg-gray-500:focus { background-color: var(--gray-500) !important; } .focus\:bg-gray-600:focus { background-color: var(--gray-600) !important; } .focus\:bg-gray-700:focus { background-color: var(--gray-700) !important; } .focus\:bg-gray-800:focus { background-color: var(--gray-800) !important; } .focus\:bg-gray-900:focus { background-color: var(--gray-900) !important; } .hover\:bg-gray-50:hover { background-color: var(--gray-50) !important; } .hover\:bg-gray-100:hover { background-color: var(--gray-100) !important; } .hover\:bg-gray-200:hover { background-color: var(--gray-200) !important; } .hover\:bg-gray-300:hover { background-color: var(--gray-300) !important; } .hover\:bg-gray-400:hover { background-color: var(--gray-400) !important; } .hover\:bg-gray-500:hover { background-color: var(--gray-500) !important; } .hover\:bg-gray-600:hover { background-color: var(--gray-600) !important; } .hover\:bg-gray-700:hover { background-color: var(--gray-700) !important; } .hover\:bg-gray-800:hover { background-color: var(--gray-800) !important; } .hover\:bg-gray-900:hover { background-color: var(--gray-900) !important; } .active\:bg-gray-50:active { background-color: var(--gray-50) !important; } .active\:bg-gray-100:active { background-color: var(--gray-100) !important; } .active\:bg-gray-200:active { background-color: var(--gray-200) !important; } .active\:bg-gray-300:active { background-color: var(--gray-300) !important; } .active\:bg-gray-400:active { background-color: var(--gray-400) !important; } .active\:bg-gray-500:active { background-color: var(--gray-500) !important; } .active\:bg-gray-600:active { background-color: var(--gray-600) !important; } .active\:bg-gray-700:active { background-color: var(--gray-700) !important; } .active\:bg-gray-800:active { background-color: var(--gray-800) !important; } .active\:bg-gray-900:active { background-color: var(--gray-900) !important; } .bg-red-50 { background-color: var(--red-50) !important; } .bg-red-100 { background-color: var(--red-100) !important; } .bg-red-200 { background-color: var(--red-200) !important; } .bg-red-300 { background-color: var(--red-300) !important; } .bg-red-400 { background-color: var(--red-400) !important; } .bg-red-500 { background-color: var(--red-500) !important; } .bg-red-600 { background-color: var(--red-600) !important; } .bg-red-700 { background-color: var(--red-700) !important; } .bg-red-800 { background-color: var(--red-800) !important; } .bg-red-900 { background-color: var(--red-900) !important; } .focus\:bg-red-50:focus { background-color: var(--red-50) !important; } .focus\:bg-red-100:focus { background-color: var(--red-100) !important; } .focus\:bg-red-200:focus { background-color: var(--red-200) !important; } .focus\:bg-red-300:focus { background-color: var(--red-300) !important; } .focus\:bg-red-400:focus { background-color: var(--red-400) !important; } .focus\:bg-red-500:focus { background-color: var(--red-500) !important; } .focus\:bg-red-600:focus { background-color: var(--red-600) !important; } .focus\:bg-red-700:focus { background-color: var(--red-700) !important; } .focus\:bg-red-800:focus { background-color: var(--red-800) !important; } .focus\:bg-red-900:focus { background-color: var(--red-900) !important; } .hover\:bg-red-50:hover { background-color: var(--red-50) !important; } .hover\:bg-red-100:hover { background-color: var(--red-100) !important; } .hover\:bg-red-200:hover { background-color: var(--red-200) !important; } .hover\:bg-red-300:hover { background-color: var(--red-300) !important; } .hover\:bg-red-400:hover { background-color: var(--red-400) !important; } .hover\:bg-red-500:hover { background-color: var(--red-500) !important; } .hover\:bg-red-600:hover { background-color: var(--red-600) !important; } .hover\:bg-red-700:hover { background-color: var(--red-700) !important; } .hover\:bg-red-800:hover { background-color: var(--red-800) !important; } .hover\:bg-red-900:hover { background-color: var(--red-900) !important; } .active\:bg-red-50:active { background-color: var(--red-50) !important; } .active\:bg-red-100:active { background-color: var(--red-100) !important; } .active\:bg-red-200:active { background-color: var(--red-200) !important; } .active\:bg-red-300:active { background-color: var(--red-300) !important; } .active\:bg-red-400:active { background-color: var(--red-400) !important; } .active\:bg-red-500:active { background-color: var(--red-500) !important; } .active\:bg-red-600:active { background-color: var(--red-600) !important; } .active\:bg-red-700:active { background-color: var(--red-700) !important; } .active\:bg-red-800:active { background-color: var(--red-800) !important; } .active\:bg-red-900:active { background-color: var(--red-900) !important; } .bg-primary-50 { background-color: var(--primary-50) !important; } .bg-primary-100 { background-color: var(--primary-100) !important; } .bg-primary-200 { background-color: var(--primary-200) !important; } .bg-primary-300 { background-color: var(--primary-300) !important; } .bg-primary-400 { background-color: var(--primary-400) !important; } .bg-primary-500 { background-color: var(--primary-500) !important; } .bg-primary-600 { background-color: var(--primary-600) !important; } .bg-primary-700 { background-color: var(--primary-700) !important; } .bg-primary-800 { background-color: var(--primary-800) !important; } .bg-primary-900 { background-color: var(--primary-900) !important; } .focus\:bg-primary-50:focus { background-color: var(--primary-50) !important; } .focus\:bg-primary-100:focus { background-color: var(--primary-100) !important; } .focus\:bg-primary-200:focus { background-color: var(--primary-200) !important; } .focus\:bg-primary-300:focus { background-color: var(--primary-300) !important; } .focus\:bg-primary-400:focus { background-color: var(--primary-400) !important; } .focus\:bg-primary-500:focus { background-color: var(--primary-500) !important; } .focus\:bg-primary-600:focus { background-color: var(--primary-600) !important; } .focus\:bg-primary-700:focus { background-color: var(--primary-700) !important; } .focus\:bg-primary-800:focus { background-color: var(--primary-800) !important; } .focus\:bg-primary-900:focus { background-color: var(--primary-900) !important; } .hover\:bg-primary-50:hover { background-color: var(--primary-50) !important; } .hover\:bg-primary-100:hover { background-color: var(--primary-100) !important; } .hover\:bg-primary-200:hover { background-color: var(--primary-200) !important; } .hover\:bg-primary-300:hover { background-color: var(--primary-300) !important; } .hover\:bg-primary-400:hover { background-color: var(--primary-400) !important; } .hover\:bg-primary-500:hover { background-color: var(--primary-500) !important; } .hover\:bg-primary-600:hover { background-color: var(--primary-600) !important; } .hover\:bg-primary-700:hover { background-color: var(--primary-700) !important; } .hover\:bg-primary-800:hover { background-color: var(--primary-800) !important; } .hover\:bg-primary-900:hover { background-color: var(--primary-900) !important; } .active\:bg-primary-50:active { background-color: var(--primary-50) !important; } .active\:bg-primary-100:active { background-color: var(--primary-100) !important; } .active\:bg-primary-200:active { background-color: var(--primary-200) !important; } .active\:bg-primary-300:active { background-color: var(--primary-300) !important; } .active\:bg-primary-400:active { background-color: var(--primary-400) !important; } .active\:bg-primary-500:active { background-color: var(--primary-500) !important; } .active\:bg-primary-600:active { background-color: var(--primary-600) !important; } .active\:bg-primary-700:active { background-color: var(--primary-700) !important; } .active\:bg-primary-800:active { background-color: var(--primary-800) !important; } .active\:bg-primary-900:active { background-color: var(--primary-900) !important; } .border-blue-50 { border-color: var(--blue-50) !important; } .border-blue-100 { border-color: var(--blue-100) !important; } .border-blue-200 { border-color: var(--blue-200) !important; } .border-blue-300 { border-color: var(--blue-300) !important; } .border-blue-400 { border-color: var(--blue-400) !important; } .border-blue-500 { border-color: var(--blue-500) !important; } .border-blue-600 { border-color: var(--blue-600) !important; } .border-blue-700 { border-color: var(--blue-700) !important; } .border-blue-800 { border-color: var(--blue-800) !important; } .border-blue-900 { border-color: var(--blue-900) !important; } .focus\:border-blue-50:focus { border-color: var(--blue-50) !important; } .focus\:border-blue-100:focus { border-color: var(--blue-100) !important; } .focus\:border-blue-200:focus { border-color: var(--blue-200) !important; } .focus\:border-blue-300:focus { border-color: var(--blue-300) !important; } .focus\:border-blue-400:focus { border-color: var(--blue-400) !important; } .focus\:border-blue-500:focus { border-color: var(--blue-500) !important; } .focus\:border-blue-600:focus { border-color: var(--blue-600) !important; } .focus\:border-blue-700:focus { border-color: var(--blue-700) !important; } .focus\:border-blue-800:focus { border-color: var(--blue-800) !important; } .focus\:border-blue-900:focus { border-color: var(--blue-900) !important; } .hover\:border-blue-50:hover { border-color: var(--blue-50) !important; } .hover\:border-blue-100:hover { border-color: var(--blue-100) !important; } .hover\:border-blue-200:hover { border-color: var(--blue-200) !important; } .hover\:border-blue-300:hover { border-color: var(--blue-300) !important; } .hover\:border-blue-400:hover { border-color: var(--blue-400) !important; } .hover\:border-blue-500:hover { border-color: var(--blue-500) !important; } .hover\:border-blue-600:hover { border-color: var(--blue-600) !important; } .hover\:border-blue-700:hover { border-color: var(--blue-700) !important; } .hover\:border-blue-800:hover { border-color: var(--blue-800) !important; } .hover\:border-blue-900:hover { border-color: var(--blue-900) !important; } .active\:border-blue-50:active { border-color: var(--blue-50) !important; } .active\:border-blue-100:active { border-color: var(--blue-100) !important; } .active\:border-blue-200:active { border-color: var(--blue-200) !important; } .active\:border-blue-300:active { border-color: var(--blue-300) !important; } .active\:border-blue-400:active { border-color: var(--blue-400) !important; } .active\:border-blue-500:active { border-color: var(--blue-500) !important; } .active\:border-blue-600:active { border-color: var(--blue-600) !important; } .active\:border-blue-700:active { border-color: var(--blue-700) !important; } .active\:border-blue-800:active { border-color: var(--blue-800) !important; } .active\:border-blue-900:active { border-color: var(--blue-900) !important; } .border-green-50 { border-color: var(--green-50) !important; } .border-green-100 { border-color: var(--green-100) !important; } .border-green-200 { border-color: var(--green-200) !important; } .border-green-300 { border-color: var(--green-300) !important; } .border-green-400 { border-color: var(--green-400) !important; } .border-green-500 { border-color: var(--green-500) !important; } .border-green-600 { border-color: var(--green-600) !important; } .border-green-700 { border-color: var(--green-700) !important; } .border-green-800 { border-color: var(--green-800) !important; } .border-green-900 { border-color: var(--green-900) !important; } .focus\:border-green-50:focus { border-color: var(--green-50) !important; } .focus\:border-green-100:focus { border-color: var(--green-100) !important; } .focus\:border-green-200:focus { border-color: var(--green-200) !important; } .focus\:border-green-300:focus { border-color: var(--green-300) !important; } .focus\:border-green-400:focus { border-color: var(--green-400) !important; } .focus\:border-green-500:focus { border-color: var(--green-500) !important; } .focus\:border-green-600:focus { border-color: var(--green-600) !important; } .focus\:border-green-700:focus { border-color: var(--green-700) !important; } .focus\:border-green-800:focus { border-color: var(--green-800) !important; } .focus\:border-green-900:focus { border-color: var(--green-900) !important; } .hover\:border-green-50:hover { border-color: var(--green-50) !important; } .hover\:border-green-100:hover { border-color: var(--green-100) !important; } .hover\:border-green-200:hover { border-color: var(--green-200) !important; } .hover\:border-green-300:hover { border-color: var(--green-300) !important; } .hover\:border-green-400:hover { border-color: var(--green-400) !important; } .hover\:border-green-500:hover { border-color: var(--green-500) !important; } .hover\:border-green-600:hover { border-color: var(--green-600) !important; } .hover\:border-green-700:hover { border-color: var(--green-700) !important; } .hover\:border-green-800:hover { border-color: var(--green-800) !important; } .hover\:border-green-900:hover { border-color: var(--green-900) !important; } .active\:border-green-50:active { border-color: var(--green-50) !important; } .active\:border-green-100:active { border-color: var(--green-100) !important; } .active\:border-green-200:active { border-color: var(--green-200) !important; } .active\:border-green-300:active { border-color: var(--green-300) !important; } .active\:border-green-400:active { border-color: var(--green-400) !important; } .active\:border-green-500:active { border-color: var(--green-500) !important; } .active\:border-green-600:active { border-color: var(--green-600) !important; } .active\:border-green-700:active { border-color: var(--green-700) !important; } .active\:border-green-800:active { border-color: var(--green-800) !important; } .active\:border-green-900:active { border-color: var(--green-900) !important; } .border-yellow-50 { border-color: var(--yellow-50) !important; } .border-yellow-100 { border-color: var(--yellow-100) !important; } .border-yellow-200 { border-color: var(--yellow-200) !important; } .border-yellow-300 { border-color: var(--yellow-300) !important; } .border-yellow-400 { border-color: var(--yellow-400) !important; } .border-yellow-500 { border-color: var(--yellow-500) !important; } .border-yellow-600 { border-color: var(--yellow-600) !important; } .border-yellow-700 { border-color: var(--yellow-700) !important; } .border-yellow-800 { border-color: var(--yellow-800) !important; } .border-yellow-900 { border-color: var(--yellow-900) !important; } .focus\:border-yellow-50:focus { border-color: var(--yellow-50) !important; } .focus\:border-yellow-100:focus { border-color: var(--yellow-100) !important; } .focus\:border-yellow-200:focus { border-color: var(--yellow-200) !important; } .focus\:border-yellow-300:focus { border-color: var(--yellow-300) !important; } .focus\:border-yellow-400:focus { border-color: var(--yellow-400) !important; } .focus\:border-yellow-500:focus { border-color: var(--yellow-500) !important; } .focus\:border-yellow-600:focus { border-color: var(--yellow-600) !important; } .focus\:border-yellow-700:focus { border-color: var(--yellow-700) !important; } .focus\:border-yellow-800:focus { border-color: var(--yellow-800) !important; } .focus\:border-yellow-900:focus { border-color: var(--yellow-900) !important; } .hover\:border-yellow-50:hover { border-color: var(--yellow-50) !important; } .hover\:border-yellow-100:hover { border-color: var(--yellow-100) !important; } .hover\:border-yellow-200:hover { border-color: var(--yellow-200) !important; } .hover\:border-yellow-300:hover { border-color: var(--yellow-300) !important; } .hover\:border-yellow-400:hover { border-color: var(--yellow-400) !important; } .hover\:border-yellow-500:hover { border-color: var(--yellow-500) !important; } .hover\:border-yellow-600:hover { border-color: var(--yellow-600) !important; } .hover\:border-yellow-700:hover { border-color: var(--yellow-700) !important; } .hover\:border-yellow-800:hover { border-color: var(--yellow-800) !important; } .hover\:border-yellow-900:hover { border-color: var(--yellow-900) !important; } .active\:border-yellow-50:active { border-color: var(--yellow-50) !important; } .active\:border-yellow-100:active { border-color: var(--yellow-100) !important; } .active\:border-yellow-200:active { border-color: var(--yellow-200) !important; } .active\:border-yellow-300:active { border-color: var(--yellow-300) !important; } .active\:border-yellow-400:active { border-color: var(--yellow-400) !important; } .active\:border-yellow-500:active { border-color: var(--yellow-500) !important; } .active\:border-yellow-600:active { border-color: var(--yellow-600) !important; } .active\:border-yellow-700:active { border-color: var(--yellow-700) !important; } .active\:border-yellow-800:active { border-color: var(--yellow-800) !important; } .active\:border-yellow-900:active { border-color: var(--yellow-900) !important; } .border-cyan-50 { border-color: var(--cyan-50) !important; } .border-cyan-100 { border-color: var(--cyan-100) !important; } .border-cyan-200 { border-color: var(--cyan-200) !important; } .border-cyan-300 { border-color: var(--cyan-300) !important; } .border-cyan-400 { border-color: var(--cyan-400) !important; } .border-cyan-500 { border-color: var(--cyan-500) !important; } .border-cyan-600 { border-color: var(--cyan-600) !important; } .border-cyan-700 { border-color: var(--cyan-700) !important; } .border-cyan-800 { border-color: var(--cyan-800) !important; } .border-cyan-900 { border-color: var(--cyan-900) !important; } .focus\:border-cyan-50:focus { border-color: var(--cyan-50) !important; } .focus\:border-cyan-100:focus { border-color: var(--cyan-100) !important; } .focus\:border-cyan-200:focus { border-color: var(--cyan-200) !important; } .focus\:border-cyan-300:focus { border-color: var(--cyan-300) !important; } .focus\:border-cyan-400:focus { border-color: var(--cyan-400) !important; } .focus\:border-cyan-500:focus { border-color: var(--cyan-500) !important; } .focus\:border-cyan-600:focus { border-color: var(--cyan-600) !important; } .focus\:border-cyan-700:focus { border-color: var(--cyan-700) !important; } .focus\:border-cyan-800:focus { border-color: var(--cyan-800) !important; } .focus\:border-cyan-900:focus { border-color: var(--cyan-900) !important; } .hover\:border-cyan-50:hover { border-color: var(--cyan-50) !important; } .hover\:border-cyan-100:hover { border-color: var(--cyan-100) !important; } .hover\:border-cyan-200:hover { border-color: var(--cyan-200) !important; } .hover\:border-cyan-300:hover { border-color: var(--cyan-300) !important; } .hover\:border-cyan-400:hover { border-color: var(--cyan-400) !important; } .hover\:border-cyan-500:hover { border-color: var(--cyan-500) !important; } .hover\:border-cyan-600:hover { border-color: var(--cyan-600) !important; } .hover\:border-cyan-700:hover { border-color: var(--cyan-700) !important; } .hover\:border-cyan-800:hover { border-color: var(--cyan-800) !important; } .hover\:border-cyan-900:hover { border-color: var(--cyan-900) !important; } .active\:border-cyan-50:active { border-color: var(--cyan-50) !important; } .active\:border-cyan-100:active { border-color: var(--cyan-100) !important; } .active\:border-cyan-200:active { border-color: var(--cyan-200) !important; } .active\:border-cyan-300:active { border-color: var(--cyan-300) !important; } .active\:border-cyan-400:active { border-color: var(--cyan-400) !important; } .active\:border-cyan-500:active { border-color: var(--cyan-500) !important; } .active\:border-cyan-600:active { border-color: var(--cyan-600) !important; } .active\:border-cyan-700:active { border-color: var(--cyan-700) !important; } .active\:border-cyan-800:active { border-color: var(--cyan-800) !important; } .active\:border-cyan-900:active { border-color: var(--cyan-900) !important; } .border-pink-50 { border-color: var(--pink-50) !important; } .border-pink-100 { border-color: var(--pink-100) !important; } .border-pink-200 { border-color: var(--pink-200) !important; } .border-pink-300 { border-color: var(--pink-300) !important; } .border-pink-400 { border-color: var(--pink-400) !important; } .border-pink-500 { border-color: var(--pink-500) !important; } .border-pink-600 { border-color: var(--pink-600) !important; } .border-pink-700 { border-color: var(--pink-700) !important; } .border-pink-800 { border-color: var(--pink-800) !important; } .border-pink-900 { border-color: var(--pink-900) !important; } .focus\:border-pink-50:focus { border-color: var(--pink-50) !important; } .focus\:border-pink-100:focus { border-color: var(--pink-100) !important; } .focus\:border-pink-200:focus { border-color: var(--pink-200) !important; } .focus\:border-pink-300:focus { border-color: var(--pink-300) !important; } .focus\:border-pink-400:focus { border-color: var(--pink-400) !important; } .focus\:border-pink-500:focus { border-color: var(--pink-500) !important; } .focus\:border-pink-600:focus { border-color: var(--pink-600) !important; } .focus\:border-pink-700:focus { border-color: var(--pink-700) !important; } .focus\:border-pink-800:focus { border-color: var(--pink-800) !important; } .focus\:border-pink-900:focus { border-color: var(--pink-900) !important; } .hover\:border-pink-50:hover { border-color: var(--pink-50) !important; } .hover\:border-pink-100:hover { border-color: var(--pink-100) !important; } .hover\:border-pink-200:hover { border-color: var(--pink-200) !important; } .hover\:border-pink-300:hover { border-color: var(--pink-300) !important; } .hover\:border-pink-400:hover { border-color: var(--pink-400) !important; } .hover\:border-pink-500:hover { border-color: var(--pink-500) !important; } .hover\:border-pink-600:hover { border-color: var(--pink-600) !important; } .hover\:border-pink-700:hover { border-color: var(--pink-700) !important; } .hover\:border-pink-800:hover { border-color: var(--pink-800) !important; } .hover\:border-pink-900:hover { border-color: var(--pink-900) !important; } .active\:border-pink-50:active { border-color: var(--pink-50) !important; } .active\:border-pink-100:active { border-color: var(--pink-100) !important; } .active\:border-pink-200:active { border-color: var(--pink-200) !important; } .active\:border-pink-300:active { border-color: var(--pink-300) !important; } .active\:border-pink-400:active { border-color: var(--pink-400) !important; } .active\:border-pink-500:active { border-color: var(--pink-500) !important; } .active\:border-pink-600:active { border-color: var(--pink-600) !important; } .active\:border-pink-700:active { border-color: var(--pink-700) !important; } .active\:border-pink-800:active { border-color: var(--pink-800) !important; } .active\:border-pink-900:active { border-color: var(--pink-900) !important; } .border-indigo-50 { border-color: var(--indigo-50) !important; } .border-indigo-100 { border-color: var(--indigo-100) !important; } .border-indigo-200 { border-color: var(--indigo-200) !important; } .border-indigo-300 { border-color: var(--indigo-300) !important; } .border-indigo-400 { border-color: var(--indigo-400) !important; } .border-indigo-500 { border-color: var(--indigo-500) !important; } .border-indigo-600 { border-color: var(--indigo-600) !important; } .border-indigo-700 { border-color: var(--indigo-700) !important; } .border-indigo-800 { border-color: var(--indigo-800) !important; } .border-indigo-900 { border-color: var(--indigo-900) !important; } .focus\:border-indigo-50:focus { border-color: var(--indigo-50) !important; } .focus\:border-indigo-100:focus { border-color: var(--indigo-100) !important; } .focus\:border-indigo-200:focus { border-color: var(--indigo-200) !important; } .focus\:border-indigo-300:focus { border-color: var(--indigo-300) !important; } .focus\:border-indigo-400:focus { border-color: var(--indigo-400) !important; } .focus\:border-indigo-500:focus { border-color: var(--indigo-500) !important; } .focus\:border-indigo-600:focus { border-color: var(--indigo-600) !important; } .focus\:border-indigo-700:focus { border-color: var(--indigo-700) !important; } .focus\:border-indigo-800:focus { border-color: var(--indigo-800) !important; } .focus\:border-indigo-900:focus { border-color: var(--indigo-900) !important; } .hover\:border-indigo-50:hover { border-color: var(--indigo-50) !important; } .hover\:border-indigo-100:hover { border-color: var(--indigo-100) !important; } .hover\:border-indigo-200:hover { border-color: var(--indigo-200) !important; } .hover\:border-indigo-300:hover { border-color: var(--indigo-300) !important; } .hover\:border-indigo-400:hover { border-color: var(--indigo-400) !important; } .hover\:border-indigo-500:hover { border-color: var(--indigo-500) !important; } .hover\:border-indigo-600:hover { border-color: var(--indigo-600) !important; } .hover\:border-indigo-700:hover { border-color: var(--indigo-700) !important; } .hover\:border-indigo-800:hover { border-color: var(--indigo-800) !important; } .hover\:border-indigo-900:hover { border-color: var(--indigo-900) !important; } .active\:border-indigo-50:active { border-color: var(--indigo-50) !important; } .active\:border-indigo-100:active { border-color: var(--indigo-100) !important; } .active\:border-indigo-200:active { border-color: var(--indigo-200) !important; } .active\:border-indigo-300:active { border-color: var(--indigo-300) !important; } .active\:border-indigo-400:active { border-color: var(--indigo-400) !important; } .active\:border-indigo-500:active { border-color: var(--indigo-500) !important; } .active\:border-indigo-600:active { border-color: var(--indigo-600) !important; } .active\:border-indigo-700:active { border-color: var(--indigo-700) !important; } .active\:border-indigo-800:active { border-color: var(--indigo-800) !important; } .active\:border-indigo-900:active { border-color: var(--indigo-900) !important; } .border-teal-50 { border-color: var(--teal-50) !important; } .border-teal-100 { border-color: var(--teal-100) !important; } .border-teal-200 { border-color: var(--teal-200) !important; } .border-teal-300 { border-color: var(--teal-300) !important; } .border-teal-400 { border-color: var(--teal-400) !important; } .border-teal-500 { border-color: var(--teal-500) !important; } .border-teal-600 { border-color: var(--teal-600) !important; } .border-teal-700 { border-color: var(--teal-700) !important; } .border-teal-800 { border-color: var(--teal-800) !important; } .border-teal-900 { border-color: var(--teal-900) !important; } .focus\:border-teal-50:focus { border-color: var(--teal-50) !important; } .focus\:border-teal-100:focus { border-color: var(--teal-100) !important; } .focus\:border-teal-200:focus { border-color: var(--teal-200) !important; } .focus\:border-teal-300:focus { border-color: var(--teal-300) !important; } .focus\:border-teal-400:focus { border-color: var(--teal-400) !important; } .focus\:border-teal-500:focus { border-color: var(--teal-500) !important; } .focus\:border-teal-600:focus { border-color: var(--teal-600) !important; } .focus\:border-teal-700:focus { border-color: var(--teal-700) !important; } .focus\:border-teal-800:focus { border-color: var(--teal-800) !important; } .focus\:border-teal-900:focus { border-color: var(--teal-900) !important; } .hover\:border-teal-50:hover { border-color: var(--teal-50) !important; } .hover\:border-teal-100:hover { border-color: var(--teal-100) !important; } .hover\:border-teal-200:hover { border-color: var(--teal-200) !important; } .hover\:border-teal-300:hover { border-color: var(--teal-300) !important; } .hover\:border-teal-400:hover { border-color: var(--teal-400) !important; } .hover\:border-teal-500:hover { border-color: var(--teal-500) !important; } .hover\:border-teal-600:hover { border-color: var(--teal-600) !important; } .hover\:border-teal-700:hover { border-color: var(--teal-700) !important; } .hover\:border-teal-800:hover { border-color: var(--teal-800) !important; } .hover\:border-teal-900:hover { border-color: var(--teal-900) !important; } .active\:border-teal-50:active { border-color: var(--teal-50) !important; } .active\:border-teal-100:active { border-color: var(--teal-100) !important; } .active\:border-teal-200:active { border-color: var(--teal-200) !important; } .active\:border-teal-300:active { border-color: var(--teal-300) !important; } .active\:border-teal-400:active { border-color: var(--teal-400) !important; } .active\:border-teal-500:active { border-color: var(--teal-500) !important; } .active\:border-teal-600:active { border-color: var(--teal-600) !important; } .active\:border-teal-700:active { border-color: var(--teal-700) !important; } .active\:border-teal-800:active { border-color: var(--teal-800) !important; } .active\:border-teal-900:active { border-color: var(--teal-900) !important; } .border-orange-50 { border-color: var(--orange-50) !important; } .border-orange-100 { border-color: var(--orange-100) !important; } .border-orange-200 { border-color: var(--orange-200) !important; } .border-orange-300 { border-color: var(--orange-300) !important; } .border-orange-400 { border-color: var(--orange-400) !important; } .border-orange-500 { border-color: var(--orange-500) !important; } .border-orange-600 { border-color: var(--orange-600) !important; } .border-orange-700 { border-color: var(--orange-700) !important; } .border-orange-800 { border-color: var(--orange-800) !important; } .border-orange-900 { border-color: var(--orange-900) !important; } .focus\:border-orange-50:focus { border-color: var(--orange-50) !important; } .focus\:border-orange-100:focus { border-color: var(--orange-100) !important; } .focus\:border-orange-200:focus { border-color: var(--orange-200) !important; } .focus\:border-orange-300:focus { border-color: var(--orange-300) !important; } .focus\:border-orange-400:focus { border-color: var(--orange-400) !important; } .focus\:border-orange-500:focus { border-color: var(--orange-500) !important; } .focus\:border-orange-600:focus { border-color: var(--orange-600) !important; } .focus\:border-orange-700:focus { border-color: var(--orange-700) !important; } .focus\:border-orange-800:focus { border-color: var(--orange-800) !important; } .focus\:border-orange-900:focus { border-color: var(--orange-900) !important; } .hover\:border-orange-50:hover { border-color: var(--orange-50) !important; } .hover\:border-orange-100:hover { border-color: var(--orange-100) !important; } .hover\:border-orange-200:hover { border-color: var(--orange-200) !important; } .hover\:border-orange-300:hover { border-color: var(--orange-300) !important; } .hover\:border-orange-400:hover { border-color: var(--orange-400) !important; } .hover\:border-orange-500:hover { border-color: var(--orange-500) !important; } .hover\:border-orange-600:hover { border-color: var(--orange-600) !important; } .hover\:border-orange-700:hover { border-color: var(--orange-700) !important; } .hover\:border-orange-800:hover { border-color: var(--orange-800) !important; } .hover\:border-orange-900:hover { border-color: var(--orange-900) !important; } .active\:border-orange-50:active { border-color: var(--orange-50) !important; } .active\:border-orange-100:active { border-color: var(--orange-100) !important; } .active\:border-orange-200:active { border-color: var(--orange-200) !important; } .active\:border-orange-300:active { border-color: var(--orange-300) !important; } .active\:border-orange-400:active { border-color: var(--orange-400) !important; } .active\:border-orange-500:active { border-color: var(--orange-500) !important; } .active\:border-orange-600:active { border-color: var(--orange-600) !important; } .active\:border-orange-700:active { border-color: var(--orange-700) !important; } .active\:border-orange-800:active { border-color: var(--orange-800) !important; } .active\:border-orange-900:active { border-color: var(--orange-900) !important; } .border-bluegray-50 { border-color: var(--bluegray-50) !important; } .border-bluegray-100 { border-color: var(--bluegray-100) !important; } .border-bluegray-200 { border-color: var(--bluegray-200) !important; } .border-bluegray-300 { border-color: var(--bluegray-300) !important; } .border-bluegray-400 { border-color: var(--bluegray-400) !important; } .border-bluegray-500 { border-color: var(--bluegray-500) !important; } .border-bluegray-600 { border-color: var(--bluegray-600) !important; } .border-bluegray-700 { border-color: var(--bluegray-700) !important; } .border-bluegray-800 { border-color: var(--bluegray-800) !important; } .border-bluegray-900 { border-color: var(--bluegray-900) !important; } .focus\:border-bluegray-50:focus { border-color: var(--bluegray-50) !important; } .focus\:border-bluegray-100:focus { border-color: var(--bluegray-100) !important; } .focus\:border-bluegray-200:focus { border-color: var(--bluegray-200) !important; } .focus\:border-bluegray-300:focus { border-color: var(--bluegray-300) !important; } .focus\:border-bluegray-400:focus { border-color: var(--bluegray-400) !important; } .focus\:border-bluegray-500:focus { border-color: var(--bluegray-500) !important; } .focus\:border-bluegray-600:focus { border-color: var(--bluegray-600) !important; } .focus\:border-bluegray-700:focus { border-color: var(--bluegray-700) !important; } .focus\:border-bluegray-800:focus { border-color: var(--bluegray-800) !important; } .focus\:border-bluegray-900:focus { border-color: var(--bluegray-900) !important; } .hover\:border-bluegray-50:hover { border-color: var(--bluegray-50) !important; } .hover\:border-bluegray-100:hover { border-color: var(--bluegray-100) !important; } .hover\:border-bluegray-200:hover { border-color: var(--bluegray-200) !important; } .hover\:border-bluegray-300:hover { border-color: var(--bluegray-300) !important; } .hover\:border-bluegray-400:hover { border-color: var(--bluegray-400) !important; } .hover\:border-bluegray-500:hover { border-color: var(--bluegray-500) !important; } .hover\:border-bluegray-600:hover { border-color: var(--bluegray-600) !important; } .hover\:border-bluegray-700:hover { border-color: var(--bluegray-700) !important; } .hover\:border-bluegray-800:hover { border-color: var(--bluegray-800) !important; } .hover\:border-bluegray-900:hover { border-color: var(--bluegray-900) !important; } .active\:border-bluegray-50:active { border-color: var(--bluegray-50) !important; } .active\:border-bluegray-100:active { border-color: var(--bluegray-100) !important; } .active\:border-bluegray-200:active { border-color: var(--bluegray-200) !important; } .active\:border-bluegray-300:active { border-color: var(--bluegray-300) !important; } .active\:border-bluegray-400:active { border-color: var(--bluegray-400) !important; } .active\:border-bluegray-500:active { border-color: var(--bluegray-500) !important; } .active\:border-bluegray-600:active { border-color: var(--bluegray-600) !important; } .active\:border-bluegray-700:active { border-color: var(--bluegray-700) !important; } .active\:border-bluegray-800:active { border-color: var(--bluegray-800) !important; } .active\:border-bluegray-900:active { border-color: var(--bluegray-900) !important; } .border-purple-50 { border-color: var(--purple-50) !important; } .border-purple-100 { border-color: var(--purple-100) !important; } .border-purple-200 { border-color: var(--purple-200) !important; } .border-purple-300 { border-color: var(--purple-300) !important; } .border-purple-400 { border-color: var(--purple-400) !important; } .border-purple-500 { border-color: var(--purple-500) !important; } .border-purple-600 { border-color: var(--purple-600) !important; } .border-purple-700 { border-color: var(--purple-700) !important; } .border-purple-800 { border-color: var(--purple-800) !important; } .border-purple-900 { border-color: var(--purple-900) !important; } .focus\:border-purple-50:focus { border-color: var(--purple-50) !important; } .focus\:border-purple-100:focus { border-color: var(--purple-100) !important; } .focus\:border-purple-200:focus { border-color: var(--purple-200) !important; } .focus\:border-purple-300:focus { border-color: var(--purple-300) !important; } .focus\:border-purple-400:focus { border-color: var(--purple-400) !important; } .focus\:border-purple-500:focus { border-color: var(--purple-500) !important; } .focus\:border-purple-600:focus { border-color: var(--purple-600) !important; } .focus\:border-purple-700:focus { border-color: var(--purple-700) !important; } .focus\:border-purple-800:focus { border-color: var(--purple-800) !important; } .focus\:border-purple-900:focus { border-color: var(--purple-900) !important; } .hover\:border-purple-50:hover { border-color: var(--purple-50) !important; } .hover\:border-purple-100:hover { border-color: var(--purple-100) !important; } .hover\:border-purple-200:hover { border-color: var(--purple-200) !important; } .hover\:border-purple-300:hover { border-color: var(--purple-300) !important; } .hover\:border-purple-400:hover { border-color: var(--purple-400) !important; } .hover\:border-purple-500:hover { border-color: var(--purple-500) !important; } .hover\:border-purple-600:hover { border-color: var(--purple-600) !important; } .hover\:border-purple-700:hover { border-color: var(--purple-700) !important; } .hover\:border-purple-800:hover { border-color: var(--purple-800) !important; } .hover\:border-purple-900:hover { border-color: var(--purple-900) !important; } .active\:border-purple-50:active { border-color: var(--purple-50) !important; } .active\:border-purple-100:active { border-color: var(--purple-100) !important; } .active\:border-purple-200:active { border-color: var(--purple-200) !important; } .active\:border-purple-300:active { border-color: var(--purple-300) !important; } .active\:border-purple-400:active { border-color: var(--purple-400) !important; } .active\:border-purple-500:active { border-color: var(--purple-500) !important; } .active\:border-purple-600:active { border-color: var(--purple-600) !important; } .active\:border-purple-700:active { border-color: var(--purple-700) !important; } .active\:border-purple-800:active { border-color: var(--purple-800) !important; } .active\:border-purple-900:active { border-color: var(--purple-900) !important; } .border-gray-50 { border-color: var(--gray-50) !important; } .border-gray-100 { border-color: var(--gray-100) !important; } .border-gray-200 { border-color: var(--gray-200) !important; } .border-gray-300 { border-color: var(--gray-300) !important; } .border-gray-400 { border-color: var(--gray-400) !important; } .border-gray-500 { border-color: var(--gray-500) !important; } .border-gray-600 { border-color: var(--gray-600) !important; } .border-gray-700 { border-color: var(--gray-700) !important; } .border-gray-800 { border-color: var(--gray-800) !important; } .border-gray-900 { border-color: var(--gray-900) !important; } .focus\:border-gray-50:focus { border-color: var(--gray-50) !important; } .focus\:border-gray-100:focus { border-color: var(--gray-100) !important; } .focus\:border-gray-200:focus { border-color: var(--gray-200) !important; } .focus\:border-gray-300:focus { border-color: var(--gray-300) !important; } .focus\:border-gray-400:focus { border-color: var(--gray-400) !important; } .focus\:border-gray-500:focus { border-color: var(--gray-500) !important; } .focus\:border-gray-600:focus { border-color: var(--gray-600) !important; } .focus\:border-gray-700:focus { border-color: var(--gray-700) !important; } .focus\:border-gray-800:focus { border-color: var(--gray-800) !important; } .focus\:border-gray-900:focus { border-color: var(--gray-900) !important; } .hover\:border-gray-50:hover { border-color: var(--gray-50) !important; } .hover\:border-gray-100:hover { border-color: var(--gray-100) !important; } .hover\:border-gray-200:hover { border-color: var(--gray-200) !important; } .hover\:border-gray-300:hover { border-color: var(--gray-300) !important; } .hover\:border-gray-400:hover { border-color: var(--gray-400) !important; } .hover\:border-gray-500:hover { border-color: var(--gray-500) !important; } .hover\:border-gray-600:hover { border-color: var(--gray-600) !important; } .hover\:border-gray-700:hover { border-color: var(--gray-700) !important; } .hover\:border-gray-800:hover { border-color: var(--gray-800) !important; } .hover\:border-gray-900:hover { border-color: var(--gray-900) !important; } .active\:border-gray-50:active { border-color: var(--gray-50) !important; } .active\:border-gray-100:active { border-color: var(--gray-100) !important; } .active\:border-gray-200:active { border-color: var(--gray-200) !important; } .active\:border-gray-300:active { border-color: var(--gray-300) !important; } .active\:border-gray-400:active { border-color: var(--gray-400) !important; } .active\:border-gray-500:active { border-color: var(--gray-500) !important; } .active\:border-gray-600:active { border-color: var(--gray-600) !important; } .active\:border-gray-700:active { border-color: var(--gray-700) !important; } .active\:border-gray-800:active { border-color: var(--gray-800) !important; } .active\:border-gray-900:active { border-color: var(--gray-900) !important; } .border-red-50 { border-color: var(--red-50) !important; } .border-red-100 { border-color: var(--red-100) !important; } .border-red-200 { border-color: var(--red-200) !important; } .border-red-300 { border-color: var(--red-300) !important; } .border-red-400 { border-color: var(--red-400) !important; } .border-red-500 { border-color: var(--red-500) !important; } .border-red-600 { border-color: var(--red-600) !important; } .border-red-700 { border-color: var(--red-700) !important; } .border-red-800 { border-color: var(--red-800) !important; } .border-red-900 { border-color: var(--red-900) !important; } .focus\:border-red-50:focus { border-color: var(--red-50) !important; } .focus\:border-red-100:focus { border-color: var(--red-100) !important; } .focus\:border-red-200:focus { border-color: var(--red-200) !important; } .focus\:border-red-300:focus { border-color: var(--red-300) !important; } .focus\:border-red-400:focus { border-color: var(--red-400) !important; } .focus\:border-red-500:focus { border-color: var(--red-500) !important; } .focus\:border-red-600:focus { border-color: var(--red-600) !important; } .focus\:border-red-700:focus { border-color: var(--red-700) !important; } .focus\:border-red-800:focus { border-color: var(--red-800) !important; } .focus\:border-red-900:focus { border-color: var(--red-900) !important; } .hover\:border-red-50:hover { border-color: var(--red-50) !important; } .hover\:border-red-100:hover { border-color: var(--red-100) !important; } .hover\:border-red-200:hover { border-color: var(--red-200) !important; } .hover\:border-red-300:hover { border-color: var(--red-300) !important; } .hover\:border-red-400:hover { border-color: var(--red-400) !important; } .hover\:border-red-500:hover { border-color: var(--red-500) !important; } .hover\:border-red-600:hover { border-color: var(--red-600) !important; } .hover\:border-red-700:hover { border-color: var(--red-700) !important; } .hover\:border-red-800:hover { border-color: var(--red-800) !important; } .hover\:border-red-900:hover { border-color: var(--red-900) !important; } .active\:border-red-50:active { border-color: var(--red-50) !important; } .active\:border-red-100:active { border-color: var(--red-100) !important; } .active\:border-red-200:active { border-color: var(--red-200) !important; } .active\:border-red-300:active { border-color: var(--red-300) !important; } .active\:border-red-400:active { border-color: var(--red-400) !important; } .active\:border-red-500:active { border-color: var(--red-500) !important; } .active\:border-red-600:active { border-color: var(--red-600) !important; } .active\:border-red-700:active { border-color: var(--red-700) !important; } .active\:border-red-800:active { border-color: var(--red-800) !important; } .active\:border-red-900:active { border-color: var(--red-900) !important; } .border-primary-50 { border-color: var(--primary-50) !important; } .border-primary-100 { border-color: var(--primary-100) !important; } .border-primary-200 { border-color: var(--primary-200) !important; } .border-primary-300 { border-color: var(--primary-300) !important; } .border-primary-400 { border-color: var(--primary-400) !important; } .border-primary-500 { border-color: var(--primary-500) !important; } .border-primary-600 { border-color: var(--primary-600) !important; } .border-primary-700 { border-color: var(--primary-700) !important; } .border-primary-800 { border-color: var(--primary-800) !important; } .border-primary-900 { border-color: var(--primary-900) !important; } .focus\:border-primary-50:focus { border-color: var(--primary-50) !important; } .focus\:border-primary-100:focus { border-color: var(--primary-100) !important; } .focus\:border-primary-200:focus { border-color: var(--primary-200) !important; } .focus\:border-primary-300:focus { border-color: var(--primary-300) !important; } .focus\:border-primary-400:focus { border-color: var(--primary-400) !important; } .focus\:border-primary-500:focus { border-color: var(--primary-500) !important; } .focus\:border-primary-600:focus { border-color: var(--primary-600) !important; } .focus\:border-primary-700:focus { border-color: var(--primary-700) !important; } .focus\:border-primary-800:focus { border-color: var(--primary-800) !important; } .focus\:border-primary-900:focus { border-color: var(--primary-900) !important; } .hover\:border-primary-50:hover { border-color: var(--primary-50) !important; } .hover\:border-primary-100:hover { border-color: var(--primary-100) !important; } .hover\:border-primary-200:hover { border-color: var(--primary-200) !important; } .hover\:border-primary-300:hover { border-color: var(--primary-300) !important; } .hover\:border-primary-400:hover { border-color: var(--primary-400) !important; } .hover\:border-primary-500:hover { border-color: var(--primary-500) !important; } .hover\:border-primary-600:hover { border-color: var(--primary-600) !important; } .hover\:border-primary-700:hover { border-color: var(--primary-700) !important; } .hover\:border-primary-800:hover { border-color: var(--primary-800) !important; } .hover\:border-primary-900:hover { border-color: var(--primary-900) !important; } .active\:border-primary-50:active { border-color: var(--primary-50) !important; } .active\:border-primary-100:active { border-color: var(--primary-100) !important; } .active\:border-primary-200:active { border-color: var(--primary-200) !important; } .active\:border-primary-300:active { border-color: var(--primary-300) !important; } .active\:border-primary-400:active { border-color: var(--primary-400) !important; } .active\:border-primary-500:active { border-color: var(--primary-500) !important; } .active\:border-primary-600:active { border-color: var(--primary-600) !important; } .active\:border-primary-700:active { border-color: var(--primary-700) !important; } .active\:border-primary-800:active { border-color: var(--primary-800) !important; } .active\:border-primary-900:active { border-color: var(--primary-900) !important; } .bg-white-alpha-10 { background-color: rgba(255,255,255,0.1) !important; } .bg-white-alpha-20 { background-color: rgba(255,255,255,0.2) !important; } .bg-white-alpha-30 { background-color: rgba(255,255,255,0.3) !important; } .bg-white-alpha-40 { background-color: rgba(255,255,255,0.4) !important; } .bg-white-alpha-50 { background-color: rgba(255,255,255,0.5) !important; } .bg-white-alpha-60 { background-color: rgba(255,255,255,0.6) !important; } .bg-white-alpha-70 { background-color: rgba(255,255,255,0.7) !important; } .bg-white-alpha-80 { background-color: rgba(255,255,255,0.8) !important; } .bg-white-alpha-90 { background-color: rgba(255,255,255,0.9) !important; } .hover\:bg-white-alpha-10:hover { background-color: rgba(255,255,255,0.1) !important; } .hover\:bg-white-alpha-20:hover { background-color: rgba(255,255,255,0.2) !important; } .hover\:bg-white-alpha-30:hover { background-color: rgba(255,255,255,0.3) !important; } .hover\:bg-white-alpha-40:hover { background-color: rgba(255,255,255,0.4) !important; } .hover\:bg-white-alpha-50:hover { background-color: rgba(255,255,255,0.5) !important; } .hover\:bg-white-alpha-60:hover { background-color: rgba(255,255,255,0.6) !important; } .hover\:bg-white-alpha-70:hover { background-color: rgba(255,255,255,0.7) !important; } .hover\:bg-white-alpha-80:hover { background-color: rgba(255,255,255,0.8) !important; } .hover\:bg-white-alpha-90:hover { background-color: rgba(255,255,255,0.9) !important; } .focus\:bg-white-alpha-10:focus { background-color: rgba(255,255,255,0.1) !important; } .focus\:bg-white-alpha-20:focus { background-color: rgba(255,255,255,0.2) !important; } .focus\:bg-white-alpha-30:focus { background-color: rgba(255,255,255,0.3) !important; } .focus\:bg-white-alpha-40:focus { background-color: rgba(255,255,255,0.4) !important; } .focus\:bg-white-alpha-50:focus { background-color: rgba(255,255,255,0.5) !important; } .focus\:bg-white-alpha-60:focus { background-color: rgba(255,255,255,0.6) !important; } .focus\:bg-white-alpha-70:focus { background-color: rgba(255,255,255,0.7) !important; } .focus\:bg-white-alpha-80:focus { background-color: rgba(255,255,255,0.8) !important; } .focus\:bg-white-alpha-90:focus { background-color: rgba(255,255,255,0.9) !important; } .active\:bg-white-alpha-10:active { background-color: rgba(255,255,255,0.1) !important; } .active\:bg-white-alpha-20:active { background-color: rgba(255,255,255,0.2) !important; } .active\:bg-white-alpha-30:active { background-color: rgba(255,255,255,0.3) !important; } .active\:bg-white-alpha-40:active { background-color: rgba(255,255,255,0.4) !important; } .active\:bg-white-alpha-50:active { background-color: rgba(255,255,255,0.5) !important; } .active\:bg-white-alpha-60:active { background-color: rgba(255,255,255,0.6) !important; } .active\:bg-white-alpha-70:active { background-color: rgba(255,255,255,0.7) !important; } .active\:bg-white-alpha-80:active { background-color: rgba(255,255,255,0.8) !important; } .active\:bg-white-alpha-90:active { background-color: rgba(255,255,255,0.9) !important; } .bg-black-alpha-10 { background-color: rgba(0,0,0,0.1) !important; } .bg-black-alpha-20 { background-color: rgba(0,0,0,0.2) !important; } .bg-black-alpha-30 { background-color: rgba(0,0,0,0.3) !important; } .bg-black-alpha-40 { background-color: rgba(0,0,0,0.4) !important; } .bg-black-alpha-50 { background-color: rgba(0,0,0,0.5) !important; } .bg-black-alpha-60 { background-color: rgba(0,0,0,0.6) !important; } .bg-black-alpha-70 { background-color: rgba(0,0,0,0.7) !important; } .bg-black-alpha-80 { background-color: rgba(0,0,0,0.8) !important; } .bg-black-alpha-90 { background-color: rgba(0,0,0,0.9) !important; } .hover\:bg-black-alpha-10:hover { background-color: rgba(0,0,0,0.1) !important; } .hover\:bg-black-alpha-20:hover { background-color: rgba(0,0,0,0.2) !important; } .hover\:bg-black-alpha-30:hover { background-color: rgba(0,0,0,0.3) !important; } .hover\:bg-black-alpha-40:hover { background-color: rgba(0,0,0,0.4) !important; } .hover\:bg-black-alpha-50:hover { background-color: rgba(0,0,0,0.5) !important; } .hover\:bg-black-alpha-60:hover { background-color: rgba(0,0,0,0.6) !important; } .hover\:bg-black-alpha-70:hover { background-color: rgba(0,0,0,0.7) !important; } .hover\:bg-black-alpha-80:hover { background-color: rgba(0,0,0,0.8) !important; } .hover\:bg-black-alpha-90:hover { background-color: rgba(0,0,0,0.9) !important; } .focus\:bg-black-alpha-10:focus { background-color: rgba(0,0,0,0.1) !important; } .focus\:bg-black-alpha-20:focus { background-color: rgba(0,0,0,0.2) !important; } .focus\:bg-black-alpha-30:focus { background-color: rgba(0,0,0,0.3) !important; } .focus\:bg-black-alpha-40:focus { background-color: rgba(0,0,0,0.4) !important; } .focus\:bg-black-alpha-50:focus { background-color: rgba(0,0,0,0.5) !important; } .focus\:bg-black-alpha-60:focus { background-color: rgba(0,0,0,0.6) !important; } .focus\:bg-black-alpha-70:focus { background-color: rgba(0,0,0,0.7) !important; } .focus\:bg-black-alpha-80:focus { background-color: rgba(0,0,0,0.8) !important; } .focus\:bg-black-alpha-90:focus { background-color: rgba(0,0,0,0.9) !important; } .active\:bg-black-alpha-10:active { background-color: rgba(0,0,0,0.1) !important; } .active\:bg-black-alpha-20:active { background-color: rgba(0,0,0,0.2) !important; } .active\:bg-black-alpha-30:active { background-color: rgba(0,0,0,0.3) !important; } .active\:bg-black-alpha-40:active { background-color: rgba(0,0,0,0.4) !important; } .active\:bg-black-alpha-50:active { background-color: rgba(0,0,0,0.5) !important; } .active\:bg-black-alpha-60:active { background-color: rgba(0,0,0,0.6) !important; } .active\:bg-black-alpha-70:active { background-color: rgba(0,0,0,0.7) !important; } .active\:bg-black-alpha-80:active { background-color: rgba(0,0,0,0.8) !important; } .active\:bg-black-alpha-90:active { background-color: rgba(0,0,0,0.9) !important; } .border-white-alpha-10 { border-color: rgba(255,255,255,0.1) !important; } .border-white-alpha-20 { border-color: rgba(255,255,255,0.2) !important; } .border-white-alpha-30 { border-color: rgba(255,255,255,0.3) !important; } .border-white-alpha-40 { border-color: rgba(255,255,255,0.4) !important; } .border-white-alpha-50 { border-color: rgba(255,255,255,0.5) !important; } .border-white-alpha-60 { border-color: rgba(255,255,255,0.6) !important; } .border-white-alpha-70 { border-color: rgba(255,255,255,0.7) !important; } .border-white-alpha-80 { border-color: rgba(255,255,255,0.8) !important; } .border-white-alpha-90 { border-color: rgba(255,255,255,0.9) !important; } .hover\:border-white-alpha-10:hover { border-color: rgba(255,255,255,0.1) !important; } .hover\:border-white-alpha-20:hover { border-color: rgba(255,255,255,0.2) !important; } .hover\:border-white-alpha-30:hover { border-color: rgba(255,255,255,0.3) !important; } .hover\:border-white-alpha-40:hover { border-color: rgba(255,255,255,0.4) !important; } .hover\:border-white-alpha-50:hover { border-color: rgba(255,255,255,0.5) !important; } .hover\:border-white-alpha-60:hover { border-color: rgba(255,255,255,0.6) !important; } .hover\:border-white-alpha-70:hover { border-color: rgba(255,255,255,0.7) !important; } .hover\:border-white-alpha-80:hover { border-color: rgba(255,255,255,0.8) !important; } .hover\:border-white-alpha-90:hover { border-color: rgba(255,255,255,0.9) !important; } .focus\:border-white-alpha-10:focus { border-color: rgba(255,255,255,0.1) !important; } .focus\:border-white-alpha-20:focus { border-color: rgba(255,255,255,0.2) !important; } .focus\:border-white-alpha-30:focus { border-color: rgba(255,255,255,0.3) !important; } .focus\:border-white-alpha-40:focus { border-color: rgba(255,255,255,0.4) !important; } .focus\:border-white-alpha-50:focus { border-color: rgba(255,255,255,0.5) !important; } .focus\:border-white-alpha-60:focus { border-color: rgba(255,255,255,0.6) !important; } .focus\:border-white-alpha-70:focus { border-color: rgba(255,255,255,0.7) !important; } .focus\:border-white-alpha-80:focus { border-color: rgba(255,255,255,0.8) !important; } .focus\:border-white-alpha-90:focus { border-color: rgba(255,255,255,0.9) !important; } .active\:border-white-alpha-10:active { border-color: rgba(255,255,255,0.1) !important; } .active\:border-white-alpha-20:active { border-color: rgba(255,255,255,0.2) !important; } .active\:border-white-alpha-30:active { border-color: rgba(255,255,255,0.3) !important; } .active\:border-white-alpha-40:active { border-color: rgba(255,255,255,0.4) !important; } .active\:border-white-alpha-50:active { border-color: rgba(255,255,255,0.5) !important; } .active\:border-white-alpha-60:active { border-color: rgba(255,255,255,0.6) !important; } .active\:border-white-alpha-70:active { border-color: rgba(255,255,255,0.7) !important; } .active\:border-white-alpha-80:active { border-color: rgba(255,255,255,0.8) !important; } .active\:border-white-alpha-90:active { border-color: rgba(255,255,255,0.9) !important; } .border-black-alpha-10 { border-color: rgba(0,0,0,0.1) !important; } .border-black-alpha-20 { border-color: rgba(0,0,0,0.2) !important; } .border-black-alpha-30 { border-color: rgba(0,0,0,0.3) !important; } .border-black-alpha-40 { border-color: rgba(0,0,0,0.4) !important; } .border-black-alpha-50 { border-color: rgba(0,0,0,0.5) !important; } .border-black-alpha-60 { border-color: rgba(0,0,0,0.6) !important; } .border-black-alpha-70 { border-color: rgba(0,0,0,0.7) !important; } .border-black-alpha-80 { border-color: rgba(0,0,0,0.8) !important; } .border-black-alpha-90 { border-color: rgba(0,0,0,0.9) !important; } .hover\:border-black-alpha-10:hover { border-color: rgba(0,0,0,0.1) !important; } .hover\:border-black-alpha-20:hover { border-color: rgba(0,0,0,0.2) !important; } .hover\:border-black-alpha-30:hover { border-color: rgba(0,0,0,0.3) !important; } .hover\:border-black-alpha-40:hover { border-color: rgba(0,0,0,0.4) !important; } .hover\:border-black-alpha-50:hover { border-color: rgba(0,0,0,0.5) !important; } .hover\:border-black-alpha-60:hover { border-color: rgba(0,0,0,0.6) !important; } .hover\:border-black-alpha-70:hover { border-color: rgba(0,0,0,0.7) !important; } .hover\:border-black-alpha-80:hover { border-color: rgba(0,0,0,0.8) !important; } .hover\:border-black-alpha-90:hover { border-color: rgba(0,0,0,0.9) !important; } .focus\:border-black-alpha-10:focus { border-color: rgba(0,0,0,0.1) !important; } .focus\:border-black-alpha-20:focus { border-color: rgba(0,0,0,0.2) !important; } .focus\:border-black-alpha-30:focus { border-color: rgba(0,0,0,0.3) !important; } .focus\:border-black-alpha-40:focus { border-color: rgba(0,0,0,0.4) !important; } .focus\:border-black-alpha-50:focus { border-color: rgba(0,0,0,0.5) !important; } .focus\:border-black-alpha-60:focus { border-color: rgba(0,0,0,0.6) !important; } .focus\:border-black-alpha-70:focus { border-color: rgba(0,0,0,0.7) !important; } .focus\:border-black-alpha-80:focus { border-color: rgba(0,0,0,0.8) !important; } .focus\:border-black-alpha-90:focus { border-color: rgba(0,0,0,0.9) !important; } .active\:border-black-alpha-10:active { border-color: rgba(0,0,0,0.1) !important; } .active\:border-black-alpha-20:active { border-color: rgba(0,0,0,0.2) !important; } .active\:border-black-alpha-30:active { border-color: rgba(0,0,0,0.3) !important; } .active\:border-black-alpha-40:active { border-color: rgba(0,0,0,0.4) !important; } .active\:border-black-alpha-50:active { border-color: rgba(0,0,0,0.5) !important; } .active\:border-black-alpha-60:active { border-color: rgba(0,0,0,0.6) !important; } .active\:border-black-alpha-70:active { border-color: rgba(0,0,0,0.7) !important; } .active\:border-black-alpha-80:active { border-color: rgba(0,0,0,0.8) !important; } .active\:border-black-alpha-90:active { border-color: rgba(0,0,0,0.9) !important; } .text-white-alpha-10 { color: rgba(255,255,255,0.1) !important; } .text-white-alpha-20 { color: rgba(255,255,255,0.2) !important; } .text-white-alpha-30 { color: rgba(255,255,255,0.3) !important; } .text-white-alpha-40 { color: rgba(255,255,255,0.4) !important; } .text-white-alpha-50 { color: rgba(255,255,255,0.5) !important; } .text-white-alpha-60 { color: rgba(255,255,255,0.6) !important; } .text-white-alpha-70 { color: rgba(255,255,255,0.7) !important; } .text-white-alpha-80 { color: rgba(255,255,255,0.8) !important; } .text-white-alpha-90 { color: rgba(255,255,255,0.9) !important; } .hover\:text-white-alpha-10:hover { color: rgba(255,255,255,0.1) !important; } .hover\:text-white-alpha-20:hover { color: rgba(255,255,255,0.2) !important; } .hover\:text-white-alpha-30:hover { color: rgba(255,255,255,0.3) !important; } .hover\:text-white-alpha-40:hover { color: rgba(255,255,255,0.4) !important; } .hover\:text-white-alpha-50:hover { color: rgba(255,255,255,0.5) !important; } .hover\:text-white-alpha-60:hover { color: rgba(255,255,255,0.6) !important; } .hover\:text-white-alpha-70:hover { color: rgba(255,255,255,0.7) !important; } .hover\:text-white-alpha-80:hover { color: rgba(255,255,255,0.8) !important; } .hover\:text-white-alpha-90:hover { color: rgba(255,255,255,0.9) !important; } .focus\:text-white-alpha-10:focus { color: rgba(255,255,255,0.1) !important; } .focus\:text-white-alpha-20:focus { color: rgba(255,255,255,0.2) !important; } .focus\:text-white-alpha-30:focus { color: rgba(255,255,255,0.3) !important; } .focus\:text-white-alpha-40:focus { color: rgba(255,255,255,0.4) !important; } .focus\:text-white-alpha-50:focus { color: rgba(255,255,255,0.5) !important; } .focus\:text-white-alpha-60:focus { color: rgba(255,255,255,0.6) !important; } .focus\:text-white-alpha-70:focus { color: rgba(255,255,255,0.7) !important; } .focus\:text-white-alpha-80:focus { color: rgba(255,255,255,0.8) !important; } .focus\:text-white-alpha-90:focus { color: rgba(255,255,255,0.9) !important; } .active\:text-white-alpha-10:active { color: rgba(255,255,255,0.1) !important; } .active\:text-white-alpha-20:active { color: rgba(255,255,255,0.2) !important; } .active\:text-white-alpha-30:active { color: rgba(255,255,255,0.3) !important; } .active\:text-white-alpha-40:active { color: rgba(255,255,255,0.4) !important; } .active\:text-white-alpha-50:active { color: rgba(255,255,255,0.5) !important; } .active\:text-white-alpha-60:active { color: rgba(255,255,255,0.6) !important; } .active\:text-white-alpha-70:active { color: rgba(255,255,255,0.7) !important; } .active\:text-white-alpha-80:active { color: rgba(255,255,255,0.8) !important; } .active\:text-white-alpha-90:active { color: rgba(255,255,255,0.9) !important; } .text-black-alpha-10 { color: rgba(0,0,0,0.1) !important; } .text-black-alpha-20 { color: rgba(0,0,0,0.2) !important; } .text-black-alpha-30 { color: rgba(0,0,0,0.3) !important; } .text-black-alpha-40 { color: rgba(0,0,0,0.4) !important; } .text-black-alpha-50 { color: rgba(0,0,0,0.5) !important; } .text-black-alpha-60 { color: rgba(0,0,0,0.6) !important; } .text-black-alpha-70 { color: rgba(0,0,0,0.7) !important; } .text-black-alpha-80 { color: rgba(0,0,0,0.8) !important; } .text-black-alpha-90 { color: rgba(0,0,0,0.9) !important; } .hover\:text-black-alpha-10:hover { color: rgba(0,0,0,0.1) !important; } .hover\:text-black-alpha-20:hover { color: rgba(0,0,0,0.2) !important; } .hover\:text-black-alpha-30:hover { color: rgba(0,0,0,0.3) !important; } .hover\:text-black-alpha-40:hover { color: rgba(0,0,0,0.4) !important; } .hover\:text-black-alpha-50:hover { color: rgba(0,0,0,0.5) !important; } .hover\:text-black-alpha-60:hover { color: rgba(0,0,0,0.6) !important; } .hover\:text-black-alpha-70:hover { color: rgba(0,0,0,0.7) !important; } .hover\:text-black-alpha-80:hover { color: rgba(0,0,0,0.8) !important; } .hover\:text-black-alpha-90:hover { color: rgba(0,0,0,0.9) !important; } .focus\:text-black-alpha-10:focus { color: rgba(0,0,0,0.1) !important; } .focus\:text-black-alpha-20:focus { color: rgba(0,0,0,0.2) !important; } .focus\:text-black-alpha-30:focus { color: rgba(0,0,0,0.3) !important; } .focus\:text-black-alpha-40:focus { color: rgba(0,0,0,0.4) !important; } .focus\:text-black-alpha-50:focus { color: rgba(0,0,0,0.5) !important; } .focus\:text-black-alpha-60:focus { color: rgba(0,0,0,0.6) !important; } .focus\:text-black-alpha-70:focus { color: rgba(0,0,0,0.7) !important; } .focus\:text-black-alpha-80:focus { color: rgba(0,0,0,0.8) !important; } .focus\:text-black-alpha-90:focus { color: rgba(0,0,0,0.9) !important; } .active\:text-black-alpha-10:active { color: rgba(0,0,0,0.1) !important; } .active\:text-black-alpha-20:active { color: rgba(0,0,0,0.2) !important; } .active\:text-black-alpha-30:active { color: rgba(0,0,0,0.3) !important; } .active\:text-black-alpha-40:active { color: rgba(0,0,0,0.4) !important; } .active\:text-black-alpha-50:active { color: rgba(0,0,0,0.5) !important; } .active\:text-black-alpha-60:active { color: rgba(0,0,0,0.6) !important; } .active\:text-black-alpha-70:active { color: rgba(0,0,0,0.7) !important; } .active\:text-black-alpha-80:active { color: rgba(0,0,0,0.8) !important; } .active\:text-black-alpha-90:active { color: rgba(0,0,0,0.9) !important; } .text-primary { color: var(--primary-color) !important; } .bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .bg-white { background-color: #ffffff !important; } .border-primary { border-color: var(--primary-color) !important; } .text-white { color: #ffffff !important; } .border-white { border-color: #ffffff !important; } .text-color { color: var(--text-color) !important; } .text-color-secondary { color: var(--text-color-secondary) !important; } .surface-ground { background-color: var(--surface-ground) !important; } .surface-section { background-color: var(--surface-section) !important; } .surface-card { background-color: var(--surface-card) !important; } .surface-overlay { background-color: var(--surface-overlay) !important; } .surface-hover { background-color: var(--surface-hover) !important; } .surface-border { border-color: var(--surface-border) !important; } .focus\:text-primary:focus { color: var(--primary-color) !important; } .hover\:text-primary:hover { color: var(--primary-color) !important; } .active\:text-primary:active { color: var(--primary-color) !important; } .focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .focus\:bg-white:focus { background-color: #ffffff !important; } .hover\:bg-white:hover { background-color: #ffffff !important; } .active\:bg-white:active { background-color: #ffffff !important; } .focus\:border-primary:focus { border-color: var(--primary-color) !important; } .hover\:border-primary:hover { border-color: var(--primary-color) !important; } .active\:border-primary:active { border-color: var(--primary-color) !important; } .focus\:text-white:focus { color: #ffffff !important; } .hover\:text-white:hover { color: #ffffff !important; } .active\:text-white:active { color: #ffffff !important; } .focus\:border-white:focus { border-color: #ffffff !important; } .hover\:border-white:hover { border-color: #ffffff !important; } .active\:border-white:active { border-color: #ffffff !important; } .focus\:text-color:focus { color: var(--text-color) !important; } .hover\:text-color:hover { color: var(--text-color) !important; } .active\:text-color:active { color: var(--text-color) !important; } .focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .active\:surface-ground:active { background-color: var(--surface-ground) !important; } .focus\:surface-section:focus { background-color: var(--surface-section) !important; } .hover\:surface-section:hover { background-color: var(--surface-section) !important; } .active\:surface-section:active { background-color: var(--surface-section) !important; } .focus\:surface-card:focus { background-color: var(--surface-card) !important; } .hover\:surface-card:hover { background-color: var(--surface-card) !important; } .active\:surface-card:active { background-color: var(--surface-card) !important; } .focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .active\:surface-hover:active { background-color: var(--surface-hover) !important; } .focus\:surface-border:focus { border-color: var(--surface-border) !important; } .hover\:surface-border:hover { border-color: var(--surface-border) !important; } .active\:surface-border:active { border-color: var(--surface-border) !important; } @media screen and (min-width: 576px) { .sm\:text-primary { color: var(--primary-color) !important; } .sm\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:bg-white { background-color: #ffffff !important; } .sm\:border-primary { border-color: var(--primary-color) !important; } .sm\:text-white { color: #ffffff !important; } .sm\:border-white { border-color: #ffffff !important; } .sm\:text-color { color: var(--text-color) !important; } .sm\:text-color-secondary { color: var(--text-color-secondary) !important; } .sm\:surface-ground { background-color: var(--surface-ground) !important; } .sm\:surface-section { background-color: var(--surface-section) !important; } .sm\:surface-card { background-color: var(--surface-card) !important; } .sm\:surface-overlay { background-color: var(--surface-overlay) !important; } .sm\:surface-hover { background-color: var(--surface-hover) !important; } .sm\:surface-border { border-color: var(--surface-border) !important; } .sm\:focus\:text-primary:focus { color: var(--primary-color) !important; } .sm\:hover\:text-primary:hover { color: var(--primary-color) !important; } .sm\:active\:text-primary:active { color: var(--primary-color) !important; } .sm\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:focus\:bg-white:focus { background-color: #ffffff !important; } .sm\:hover\:bg-white:hover { background-color: #ffffff !important; } .sm\:active\:bg-white:active { background-color: #ffffff !important; } .sm\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .sm\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .sm\:active\:border-primary:active { border-color: var(--primary-color) !important; } .sm\:focus\:text-white:focus { color: #ffffff !important; } .sm\:hover\:text-white:hover { color: #ffffff !important; } .sm\:active\:text-white:active { color: #ffffff !important; } .sm\:focus\:border-white:focus { border-color: #ffffff !important; } .sm\:hover\:border-white:hover { border-color: #ffffff !important; } .sm\:active\:border-white:active { border-color: #ffffff !important; } .sm\:focus\:text-color:focus { color: var(--text-color) !important; } .sm\:hover\:text-color:hover { color: var(--text-color) !important; } .sm\:active\:text-color:active { color: var(--text-color) !important; } .sm\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .sm\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .sm\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .sm\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .sm\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .sm\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .sm\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .sm\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .sm\:active\:surface-section:active { background-color: var(--surface-section) !important; } .sm\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .sm\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .sm\:active\:surface-card:active { background-color: var(--surface-card) !important; } .sm\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .sm\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .sm\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .sm\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .sm\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .sm\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .sm\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .sm\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .sm\:active\:surface-border:active { border-color: var(--surface-border) !important; } } @media screen and (min-width: 768px) { .md\:text-primary { color: var(--primary-color) !important; } .md\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:bg-white { background-color: #ffffff !important; } .md\:border-primary { border-color: var(--primary-color) !important; } .md\:text-white { color: #ffffff !important; } .md\:border-white { border-color: #ffffff !important; } .md\:text-color { color: var(--text-color) !important; } .md\:text-color-secondary { color: var(--text-color-secondary) !important; } .md\:surface-ground { background-color: var(--surface-ground) !important; } .md\:surface-section { background-color: var(--surface-section) !important; } .md\:surface-card { background-color: var(--surface-card) !important; } .md\:surface-overlay { background-color: var(--surface-overlay) !important; } .md\:surface-hover { background-color: var(--surface-hover) !important; } .md\:surface-border { border-color: var(--surface-border) !important; } .md\:focus\:text-primary:focus { color: var(--primary-color) !important; } .md\:hover\:text-primary:hover { color: var(--primary-color) !important; } .md\:active\:text-primary:active { color: var(--primary-color) !important; } .md\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:focus\:bg-white:focus { background-color: #ffffff !important; } .md\:hover\:bg-white:hover { background-color: #ffffff !important; } .md\:active\:bg-white:active { background-color: #ffffff !important; } .md\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .md\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .md\:active\:border-primary:active { border-color: var(--primary-color) !important; } .md\:focus\:text-white:focus { color: #ffffff !important; } .md\:hover\:text-white:hover { color: #ffffff !important; } .md\:active\:text-white:active { color: #ffffff !important; } .md\:focus\:border-white:focus { border-color: #ffffff !important; } .md\:hover\:border-white:hover { border-color: #ffffff !important; } .md\:active\:border-white:active { border-color: #ffffff !important; } .md\:focus\:text-color:focus { color: var(--text-color) !important; } .md\:hover\:text-color:hover { color: var(--text-color) !important; } .md\:active\:text-color:active { color: var(--text-color) !important; } .md\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .md\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .md\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .md\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .md\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .md\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .md\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .md\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .md\:active\:surface-section:active { background-color: var(--surface-section) !important; } .md\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .md\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .md\:active\:surface-card:active { background-color: var(--surface-card) !important; } .md\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .md\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .md\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .md\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .md\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .md\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .md\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .md\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .md\:active\:surface-border:active { border-color: var(--surface-border) !important; } } @media screen and (min-width: 992px) { .lg\:text-primary { color: var(--primary-color) !important; } .lg\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:bg-white { background-color: #ffffff !important; } .lg\:border-primary { border-color: var(--primary-color) !important; } .lg\:text-white { color: #ffffff !important; } .lg\:border-white { border-color: #ffffff !important; } .lg\:text-color { color: var(--text-color) !important; } .lg\:text-color-secondary { color: var(--text-color-secondary) !important; } .lg\:surface-ground { background-color: var(--surface-ground) !important; } .lg\:surface-section { background-color: var(--surface-section) !important; } .lg\:surface-card { background-color: var(--surface-card) !important; } .lg\:surface-overlay { background-color: var(--surface-overlay) !important; } .lg\:surface-hover { background-color: var(--surface-hover) !important; } .lg\:surface-border { border-color: var(--surface-border) !important; } .lg\:focus\:text-primary:focus { color: var(--primary-color) !important; } .lg\:hover\:text-primary:hover { color: var(--primary-color) !important; } .lg\:active\:text-primary:active { color: var(--primary-color) !important; } .lg\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:focus\:bg-white:focus { background-color: #ffffff !important; } .lg\:hover\:bg-white:hover { background-color: #ffffff !important; } .lg\:active\:bg-white:active { background-color: #ffffff !important; } .lg\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .lg\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .lg\:active\:border-primary:active { border-color: var(--primary-color) !important; } .lg\:focus\:text-white:focus { color: #ffffff !important; } .lg\:hover\:text-white:hover { color: #ffffff !important; } .lg\:active\:text-white:active { color: #ffffff !important; } .lg\:focus\:border-white:focus { border-color: #ffffff !important; } .lg\:hover\:border-white:hover { border-color: #ffffff !important; } .lg\:active\:border-white:active { border-color: #ffffff !important; } .lg\:focus\:text-color:focus { color: var(--text-color) !important; } .lg\:hover\:text-color:hover { color: var(--text-color) !important; } .lg\:active\:text-color:active { color: var(--text-color) !important; } .lg\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .lg\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .lg\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .lg\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .lg\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .lg\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .lg\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .lg\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .lg\:active\:surface-section:active { background-color: var(--surface-section) !important; } .lg\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .lg\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .lg\:active\:surface-card:active { background-color: var(--surface-card) !important; } .lg\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .lg\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .lg\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .lg\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .lg\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .lg\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .lg\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .lg\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .lg\:active\:surface-border:active { border-color: var(--surface-border) !important; } } @media screen and (min-width: 1200px) { .xl\:text-primary { color: var(--primary-color) !important; } .xl\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:bg-white { background-color: #ffffff !important; } .xl\:border-primary { border-color: var(--primary-color) !important; } .xl\:text-white { color: #ffffff !important; } .xl\:border-white { border-color: #ffffff !important; } .xl\:text-color { color: var(--text-color) !important; } .xl\:text-color-secondary { color: var(--text-color-secondary) !important; } .xl\:surface-ground { background-color: var(--surface-ground) !important; } .xl\:surface-section { background-color: var(--surface-section) !important; } .xl\:surface-card { background-color: var(--surface-card) !important; } .xl\:surface-overlay { background-color: var(--surface-overlay) !important; } .xl\:surface-hover { background-color: var(--surface-hover) !important; } .xl\:surface-border { border-color: var(--surface-border) !important; } .xl\:focus\:text-primary:focus { color: var(--primary-color) !important; } .xl\:hover\:text-primary:hover { color: var(--primary-color) !important; } .xl\:active\:text-primary:active { color: var(--primary-color) !important; } .xl\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:focus\:bg-white:focus { background-color: #ffffff !important; } .xl\:hover\:bg-white:hover { background-color: #ffffff !important; } .xl\:active\:bg-white:active { background-color: #ffffff !important; } .xl\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .xl\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .xl\:active\:border-primary:active { border-color: var(--primary-color) !important; } .xl\:focus\:text-white:focus { color: #ffffff !important; } .xl\:hover\:text-white:hover { color: #ffffff !important; } .xl\:active\:text-white:active { color: #ffffff !important; } .xl\:focus\:border-white:focus { border-color: #ffffff !important; } .xl\:hover\:border-white:hover { border-color: #ffffff !important; } .xl\:active\:border-white:active { border-color: #ffffff !important; } .xl\:focus\:text-color:focus { color: var(--text-color) !important; } .xl\:hover\:text-color:hover { color: var(--text-color) !important; } .xl\:active\:text-color:active { color: var(--text-color) !important; } .xl\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .xl\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .xl\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .xl\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .xl\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .xl\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .xl\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .xl\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .xl\:active\:surface-section:active { background-color: var(--surface-section) !important; } .xl\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .xl\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .xl\:active\:surface-card:active { background-color: var(--surface-card) !important; } .xl\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .xl\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .xl\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .xl\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .xl\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .xl\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .xl\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .xl\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .xl\:active\:surface-border:active { border-color: var(--surface-border) !important; } } .field { margin-bottom: 1rem; } .field > label { display: inline-block; margin-bottom: 0.5rem; } .field.grid > label { display: flex; align-items: center; } .field > small { margin-top: 0.25rem; } .field.grid, .formgrid.grid { margin-top: 0; } .field.grid .col-fixed, .formgrid.grid .col-fixed, .field.grid .col, .formgrid.grid .col, .field.grid .col-1, .formgrid.grid .col-1, .field.grid .col-2, .formgrid.grid .col-2, .field.grid .col-3, .formgrid.grid .col-3, .field.grid .col-4, .formgrid.grid .col-4, .field.grid .col-5, .formgrid.grid .col-5, .field.grid .col-6, .formgrid.grid .col-6, .field.grid .col-7, .formgrid.grid .col-7, .field.grid .col-8, .formgrid.grid .col-8, .field.grid .col-9, .formgrid.grid .col-9, .field.grid .col-10, .formgrid.grid .col-10, .field.grid .col-11, .formgrid.grid .col-11, .field.grid .col-12, .formgrid.grid .col-12 { padding-top: 0; padding-bottom: 0; } .formgroup-inline { display: flex; flex-wrap: wrap; align-items: flex-start; } .formgroup-inline .field, .formgroup-inline .field-checkbox, .formgroup-inline .field-radiobutton { margin-right: 1rem; } .formgroup-inline .field > label, .formgroup-inline .field-checkbox > label, .formgroup-inline .field-radiobutton > label { margin-right: 0.5rem; margin-bottom: 0; } .field-checkbox, .field-radiobutton { margin-bottom: 1rem; display: flex; align-items: center; } .field-checkbox > label, .field-radiobutton > label { margin-left: 0.5rem; line-height: 1; } .hidden { display: none !important; } .block { display: block !important; } .inline { display: inline !important; } .inline-block { display: inline-block !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } @media screen and (min-width: 576px) { .sm\:hidden { display: none !important; } .sm\:block { display: block !important; } .sm\:inline { display: inline !important; } .sm\:inline-block { display: inline-block !important; } .sm\:flex { display: flex !important; } .sm\:inline-flex { display: inline-flex !important; } } @media screen and (min-width: 768px) { .md\:hidden { display: none !important; } .md\:block { display: block !important; } .md\:inline { display: inline !important; } .md\:inline-block { display: inline-block !important; } .md\:flex { display: flex !important; } .md\:inline-flex { display: inline-flex !important; } } @media screen and (min-width: 992px) { .lg\:hidden { display: none !important; } .lg\:block { display: block !important; } .lg\:inline { display: inline !important; } .lg\:inline-block { display: inline-block !important; } .lg\:flex { display: flex !important; } .lg\:inline-flex { display: inline-flex !important; } } @media screen and (min-width: 1200px) { .xl\:hidden { display: none !important; } .xl\:block { display: block !important; } .xl\:inline { display: inline !important; } .xl\:inline-block { display: inline-block !important; } .xl\:flex { display: flex !important; } .xl\:inline-flex { display: inline-flex !important; } } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } @media screen and (min-width: 576px) { .sm\:text-center { text-align: center !important; } .sm\:text-justify { text-align: justify !important; } .sm\:text-left { text-align: left !important; } .sm\:text-right { text-align: right !important; } } @media screen and (min-width: 768px) { .md\:text-center { text-align: center !important; } .md\:text-justify { text-align: justify !important; } .md\:text-left { text-align: left !important; } .md\:text-right { text-align: right !important; } } @media screen and (min-width: 992px) { .lg\:text-center { text-align: center !important; } .lg\:text-justify { text-align: justify !important; } .lg\:text-left { text-align: left !important; } .lg\:text-right { text-align: right !important; } } @media screen and (min-width: 1200px) { .xl\:text-center { text-align: center !important; } .xl\:text-justify { text-align: justify !important; } .xl\:text-left { text-align: left !important; } .xl\:text-right { text-align: right !important; } } .underline { text-decoration: underline !important; } .line-through { text-decoration: line-through !important; } .no-underline { text-decoration: none !important; } .focus\:underline:focus { text-decoration: underline !important; } .hover\:underline:hover { text-decoration: underline !important; } .active\:underline:active { text-decoration: underline !important; } .focus\:line-through:focus { text-decoration: line-through !important; } .hover\:line-through:hover { text-decoration: line-through !important; } .active\:line-through:active { text-decoration: line-through !important; } .focus\:no-underline:focus { text-decoration: none !important; } .hover\:no-underline:hover { text-decoration: none !important; } .active\:no-underline:active { text-decoration: none !important; } .lowercase { text-transform: lowercase !important; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .text-overflow-clip { text-overflow: clip !important; } .text-overflow-ellipsis { text-overflow: ellipsis !important; } @media screen and (min-width: 576px) { .sm\:text-overflow-clip { text-overflow: clip !important; } .sm\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } @media screen and (min-width: 768px) { .md\:text-overflow-clip { text-overflow: clip !important; } .md\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } @media screen and (min-width: 992px) { .lg\:text-overflow-clip { text-overflow: clip !important; } .lg\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } @media screen and (min-width: 1200px) { .xl\:text-overflow-clip { text-overflow: clip !important; } .xl\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } @media screen and (min-width: 576px) { .sm\:font-light { font-weight: 300 !important; } .sm\:font-normal { font-weight: 400 !important; } .sm\:font-medium { font-weight: 500 !important; } .sm\:font-semibold { font-weight: 600 !important; } .sm\:font-bold { font-weight: 700 !important; } } @media screen and (min-width: 768px) { .md\:font-light { font-weight: 300 !important; } .md\:font-normal { font-weight: 400 !important; } .md\:font-medium { font-weight: 500 !important; } .md\:font-semibold { font-weight: 600 !important; } .md\:font-bold { font-weight: 700 !important; } } @media screen and (min-width: 992px) { .lg\:font-light { font-weight: 300 !important; } .lg\:font-normal { font-weight: 400 !important; } .lg\:font-medium { font-weight: 500 !important; } .lg\:font-semibold { font-weight: 600 !important; } .lg\:font-bold { font-weight: 700 !important; } } @media screen and (min-width: 1200px) { .xl\:font-light { font-weight: 300 !important; } .xl\:font-normal { font-weight: 400 !important; } .xl\:font-medium { font-weight: 500 !important; } .xl\:font-semibold { font-weight: 600 !important; } .xl\:font-bold { font-weight: 700 !important; } } .font-italic { font-style: italic !important; } .text-xs { font-size: 0.75rem !important; } .text-sm { font-size: 0.875rem !important; } .text-base { font-size: 1rem !important; } .text-lg { font-size: 1.125rem !important; } .text-xl { font-size: 1.25rem !important; } .text-2xl { font-size: 1.5rem !important; } .text-3xl { font-size: 1.75rem !important; } .text-4xl { font-size: 2rem !important; } .text-5xl { font-size: 2.5rem !important; } .text-6xl { font-size: 3rem !important; } .text-7xl { font-size: 4rem !important; } .text-8xl { font-size: 6rem !important; } @media screen and (min-width: 576px) { .sm\:text-xs { font-size: 0.75rem !important; } .sm\:text-sm { font-size: 0.875rem !important; } .sm\:text-base { font-size: 1rem !important; } .sm\:text-lg { font-size: 1.125rem !important; } .sm\:text-xl { font-size: 1.25rem !important; } .sm\:text-2xl { font-size: 1.5rem !important; } .sm\:text-3xl { font-size: 1.75rem !important; } .sm\:text-4xl { font-size: 2rem !important; } .sm\:text-5xl { font-size: 2.5rem !important; } .sm\:text-6xl { font-size: 3rem !important; } .sm\:text-7xl { font-size: 4rem !important; } .sm\:text-8xl { font-size: 6rem !important; } } @media screen and (min-width: 768px) { .md\:text-xs { font-size: 0.75rem !important; } .md\:text-sm { font-size: 0.875rem !important; } .md\:text-base { font-size: 1rem !important; } .md\:text-lg { font-size: 1.125rem !important; } .md\:text-xl { font-size: 1.25rem !important; } .md\:text-2xl { font-size: 1.5rem !important; } .md\:text-3xl { font-size: 1.75rem !important; } .md\:text-4xl { font-size: 2rem !important; } .md\:text-5xl { font-size: 2.5rem !important; } .md\:text-6xl { font-size: 3rem !important; } .md\:text-7xl { font-size: 4rem !important; } .md\:text-8xl { font-size: 6rem !important; } } @media screen and (min-width: 992px) { .lg\:text-xs { font-size: 0.75rem !important; } .lg\:text-sm { font-size: 0.875rem !important; } .lg\:text-base { font-size: 1rem !important; } .lg\:text-lg { font-size: 1.125rem !important; } .lg\:text-xl { font-size: 1.25rem !important; } .lg\:text-2xl { font-size: 1.5rem !important; } .lg\:text-3xl { font-size: 1.75rem !important; } .lg\:text-4xl { font-size: 2rem !important; } .lg\:text-5xl { font-size: 2.5rem !important; } .lg\:text-6xl { font-size: 3rem !important; } .lg\:text-7xl { font-size: 4rem !important; } .lg\:text-8xl { font-size: 6rem !important; } } @media screen and (min-width: 1200px) { .xl\:text-xs { font-size: 0.75rem !important; } .xl\:text-sm { font-size: 0.875rem !important; } .xl\:text-base { font-size: 1rem !important; } .xl\:text-lg { font-size: 1.125rem !important; } .xl\:text-xl { font-size: 1.25rem !important; } .xl\:text-2xl { font-size: 1.5rem !important; } .xl\:text-3xl { font-size: 1.75rem !important; } .xl\:text-4xl { font-size: 2rem !important; } .xl\:text-5xl { font-size: 2.5rem !important; } .xl\:text-6xl { font-size: 3rem !important; } .xl\:text-7xl { font-size: 4rem !important; } .xl\:text-8xl { font-size: 6rem !important; } } .line-height-1 { line-height: 1 !important; } .line-height-2 { line-height: 1.25 !important; } .line-height-3 { line-height: 1.5 !important; } .line-height-4 { line-height: 2 !important; } .white-space-normal { white-space: normal !important; } .white-space-nowrap { white-space: nowrap !important; } .vertical-align-baseline { vertical-align: baseline !important; } .vertical-align-top { vertical-align: top !important; } .vertical-align-middle { vertical-align: middle !important; } .vertical-align-bottom { vertical-align: bottom !important; } .vertical-align-text-top { vertical-align: text-top !important; } .vertical-align-text-bottom { vertical-align: text-bottom !important; } .vertical-align-sub { vertical-align: sub !important; } .vertical-align-super { vertical-align: super !important; } @media screen and (min-width: 576px) { .sm\:vertical-align-baseline { vertical-align: baseline !important; } .sm\:vertical-align-top { vertical-align: top !important; } .sm\:vertical-align-middle { vertical-align: middle !important; } .sm\:vertical-align-bottom { vertical-align: bottom !important; } .sm\:vertical-align-text-top { vertical-align: text-top !important; } .sm\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .sm\:vertical-align-sub { vertical-align: sub !important; } .sm\:vertical-align-super { vertical-align: super !important; } } @media screen and (min-width: 768px) { .md\:vertical-align-baseline { vertical-align: baseline !important; } .md\:vertical-align-top { vertical-align: top !important; } .md\:vertical-align-middle { vertical-align: middle !important; } .md\:vertical-align-bottom { vertical-align: bottom !important; } .md\:vertical-align-text-top { vertical-align: text-top !important; } .md\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .md\:vertical-align-sub { vertical-align: sub !important; } .md\:vertical-align-super { vertical-align: super !important; } } @media screen and (min-width: 992px) { .lg\:vertical-align-baseline { vertical-align: baseline !important; } .lg\:vertical-align-top { vertical-align: top !important; } .lg\:vertical-align-middle { vertical-align: middle !important; } .lg\:vertical-align-bottom { vertical-align: bottom !important; } .lg\:vertical-align-text-top { vertical-align: text-top !important; } .lg\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .lg\:vertical-align-sub { vertical-align: sub !important; } .lg\:vertical-align-super { vertical-align: super !important; } } @media screen and (min-width: 1200px) { .xl\:vertical-align-baseline { vertical-align: baseline !important; } .xl\:vertical-align-top { vertical-align: top !important; } .xl\:vertical-align-middle { vertical-align: middle !important; } .xl\:vertical-align-bottom { vertical-align: bottom !important; } .xl\:vertical-align-text-top { vertical-align: text-top !important; } .xl\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .xl\:vertical-align-sub { vertical-align: sub !important; } .xl\:vertical-align-super { vertical-align: super !important; } } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } @media screen and (min-width: 576px) { .sm\:flex-row { flex-direction: row !important; } .sm\:flex-row-reverse { flex-direction: row-reverse !important; } .sm\:flex-column { flex-direction: column !important; } .sm\:flex-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 768px) { .md\:flex-row { flex-direction: row !important; } .md\:flex-row-reverse { flex-direction: row-reverse !important; } .md\:flex-column { flex-direction: column !important; } .md\:flex-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 992px) { .lg\:flex-row { flex-direction: row !important; } .lg\:flex-row-reverse { flex-direction: row-reverse !important; } .lg\:flex-column { flex-direction: column !important; } .lg\:flex-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 1200px) { .xl\:flex-row { flex-direction: row !important; } .xl\:flex-row-reverse { flex-direction: row-reverse !important; } .xl\:flex-column { flex-direction: column !important; } .xl\:flex-column-reverse { flex-direction: column-reverse !important; } } .flex-wrap { flex-wrap: wrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-nowrap { flex-wrap: nowrap !important; } @media screen and (min-width: 576px) { .sm\:flex-wrap { flex-wrap: wrap !important; } .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .sm\:flex-nowrap { flex-wrap: nowrap !important; } } @media screen and (min-width: 768px) { .md\:flex-wrap { flex-wrap: wrap !important; } .md\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .md\:flex-nowrap { flex-wrap: nowrap !important; } } @media screen and (min-width: 992px) { .lg\:flex-wrap { flex-wrap: wrap !important; } .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .lg\:flex-nowrap { flex-wrap: nowrap !important; } } @media screen and (min-width: 1200px) { .xl\:flex-wrap { flex-wrap: wrap !important; } .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .xl\:flex-nowrap { flex-wrap: nowrap !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; } @media screen and (min-width: 576px) { .sm\:justify-content-start { justify-content: flex-start !important; } .sm\:justify-content-end { justify-content: flex-end !important; } .sm\:justify-content-center { justify-content: center !important; } .sm\:justify-content-between { justify-content: space-between !important; } .sm\:justify-content-around { justify-content: space-around !important; } .sm\:justify-content-evenly { justify-content: space-evenly !important; } } @media screen and (min-width: 768px) { .md\:justify-content-start { justify-content: flex-start !important; } .md\:justify-content-end { justify-content: flex-end !important; } .md\:justify-content-center { justify-content: center !important; } .md\:justify-content-between { justify-content: space-between !important; } .md\:justify-content-around { justify-content: space-around !important; } .md\:justify-content-evenly { justify-content: space-evenly !important; } } @media screen and (min-width: 992px) { .lg\:justify-content-start { justify-content: flex-start !important; } .lg\:justify-content-end { justify-content: flex-end !important; } .lg\:justify-content-center { justify-content: center !important; } .lg\:justify-content-between { justify-content: space-between !important; } .lg\:justify-content-around { justify-content: space-around !important; } .lg\:justify-content-evenly { justify-content: space-evenly !important; } } @media screen and (min-width: 1200px) { .xl\:justify-content-start { justify-content: flex-start !important; } .xl\:justify-content-end { justify-content: flex-end !important; } .xl\:justify-content-center { justify-content: center !important; } .xl\:justify-content-between { justify-content: space-between !important; } .xl\:justify-content-around { justify-content: space-around !important; } .xl\:justify-content-evenly { justify-content: space-evenly !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-evenly { align-content: space-evenly !important; } @media screen and (min-width: 576px) { .sm\:align-content-start { align-content: flex-start !important; } .sm\:align-content-end { align-content: flex-end !important; } .sm\:align-content-center { align-content: center !important; } .sm\:align-content-between { align-content: space-between !important; } .sm\:align-content-around { align-content: space-around !important; } .sm\:align-content-evenly { align-content: space-evenly !important; } } @media screen and (min-width: 768px) { .md\:align-content-start { align-content: flex-start !important; } .md\:align-content-end { align-content: flex-end !important; } .md\:align-content-center { align-content: center !important; } .md\:align-content-between { align-content: space-between !important; } .md\:align-content-around { align-content: space-around !important; } .md\:align-content-evenly { align-content: space-evenly !important; } } @media screen and (min-width: 992px) { .lg\:align-content-start { align-content: flex-start !important; } .lg\:align-content-end { align-content: flex-end !important; } .lg\:align-content-center { align-content: center !important; } .lg\:align-content-between { align-content: space-between !important; } .lg\:align-content-around { align-content: space-around !important; } .lg\:align-content-evenly { align-content: space-evenly !important; } } @media screen and (min-width: 1200px) { .xl\:align-content-start { align-content: flex-start !important; } .xl\:align-content-end { align-content: flex-end !important; } .xl\:align-content-center { align-content: center !important; } .xl\:align-content-between { align-content: space-between !important; } .xl\:align-content-around { align-content: space-around !important; } .xl\:align-content-evenly { align-content: space-evenly !important; } } .align-items-stretch { align-items: stretch !important; } .align-items-start { align-items: flex-start !important; } .align-items-center { align-items: center !important; } .align-items-end { align-items: flex-end !important; } .align-items-baseline { align-items: baseline !important; } @media screen and (min-width: 576px) { .sm\:align-items-stretch { align-items: stretch !important; } .sm\:align-items-start { align-items: flex-start !important; } .sm\:align-items-center { align-items: center !important; } .sm\:align-items-end { align-items: flex-end !important; } .sm\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 768px) { .md\:align-items-stretch { align-items: stretch !important; } .md\:align-items-start { align-items: flex-start !important; } .md\:align-items-center { align-items: center !important; } .md\:align-items-end { align-items: flex-end !important; } .md\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 992px) { .lg\:align-items-stretch { align-items: stretch !important; } .lg\:align-items-start { align-items: flex-start !important; } .lg\:align-items-center { align-items: center !important; } .lg\:align-items-end { align-items: flex-end !important; } .lg\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 1200px) { .xl\:align-items-stretch { align-items: stretch !important; } .xl\:align-items-start { align-items: flex-start !important; } .xl\:align-items-center { align-items: center !important; } .xl\:align-items-end { align-items: flex-end !important; } .xl\:align-items-baseline { align-items: baseline !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-stretch { align-self: stretch !important; } .align-self-baseline { align-self: baseline !important; } @media screen and (min-width: 576px) { .sm\:align-self-auto { align-self: auto !important; } .sm\:align-self-start { align-self: flex-start !important; } .sm\:align-self-end { align-self: flex-end !important; } .sm\:align-self-center { align-self: center !important; } .sm\:align-self-stretch { align-self: stretch !important; } .sm\:align-self-baseline { align-self: baseline !important; } } @media screen and (min-width: 768px) { .md\:align-self-auto { align-self: auto !important; } .md\:align-self-start { align-self: flex-start !important; } .md\:align-self-end { align-self: flex-end !important; } .md\:align-self-center { align-self: center !important; } .md\:align-self-stretch { align-self: stretch !important; } .md\:align-self-baseline { align-self: baseline !important; } } @media screen and (min-width: 992px) { .lg\:align-self-auto { align-self: auto !important; } .lg\:align-self-start { align-self: flex-start !important; } .lg\:align-self-end { align-self: flex-end !important; } .lg\:align-self-center { align-self: center !important; } .lg\:align-self-stretch { align-self: stretch !important; } .lg\:align-self-baseline { align-self: baseline !important; } } @media screen and (min-width: 1200px) { .xl\:align-self-auto { align-self: auto !important; } .xl\:align-self-start { align-self: flex-start !important; } .xl\:align-self-end { align-self: flex-end !important; } .xl\:align-self-center { align-self: center !important; } .xl\:align-self-stretch { align-self: stretch !important; } .xl\:align-self-baseline { align-self: baseline !important; } } .flex-order-0 { order: 0 !important; } .flex-order-1 { order: 1 !important; } .flex-order-2 { order: 2 !important; } .flex-order-3 { order: 3 !important; } .flex-order-4 { order: 4 !important; } .flex-order-5 { order: 5 !important; } .flex-order-6 { order: 6 !important; } @media screen and (min-width: 576px) { .sm\:flex-order-0 { order: 0 !important; } .sm\:flex-order-1 { order: 1 !important; } .sm\:flex-order-2 { order: 2 !important; } .sm\:flex-order-3 { order: 3 !important; } .sm\:flex-order-4 { order: 4 !important; } .sm\:flex-order-5 { order: 5 !important; } .sm\:flex-order-6 { order: 6 !important; } } @media screen and (min-width: 768px) { .md\:flex-order-0 { order: 0 !important; } .md\:flex-order-1 { order: 1 !important; } .md\:flex-order-2 { order: 2 !important; } .md\:flex-order-3 { order: 3 !important; } .md\:flex-order-4 { order: 4 !important; } .md\:flex-order-5 { order: 5 !important; } .md\:flex-order-6 { order: 6 !important; } } @media screen and (min-width: 992px) { .lg\:flex-order-0 { order: 0 !important; } .lg\:flex-order-1 { order: 1 !important; } .lg\:flex-order-2 { order: 2 !important; } .lg\:flex-order-3 { order: 3 !important; } .lg\:flex-order-4 { order: 4 !important; } .lg\:flex-order-5 { order: 5 !important; } .lg\:flex-order-6 { order: 6 !important; } } @media screen and (min-width: 1200px) { .xl\:flex-order-0 { order: 0 !important; } .xl\:flex-order-1 { order: 1 !important; } .xl\:flex-order-2 { order: 2 !important; } .xl\:flex-order-3 { order: 3 !important; } .xl\:flex-order-4 { order: 4 !important; } .xl\:flex-order-5 { order: 5 !important; } .xl\:flex-order-6 { order: 6 !important; } } .flex-1 { flex: 1 1 0% !important; } .flex-auto { flex: 1 1 auto !important; } .flex-initial { flex: 0 1 auto !important; } .flex-none { flex: none !important; } @media screen and (min-width: 576px) { .sm\:flex-1 { flex: 1 1 0% !important; } .sm\:flex-auto { flex: 1 1 auto !important; } .sm\:flex-initial { flex: 0 1 auto !important; } .sm\:flex-none { flex: none !important; } } @media screen and (min-width: 768px) { .md\:flex-1 { flex: 1 1 0% !important; } .md\:flex-auto { flex: 1 1 auto !important; } .md\:flex-initial { flex: 0 1 auto !important; } .md\:flex-none { flex: none !important; } } @media screen and (min-width: 992px) { .lg\:flex-1 { flex: 1 1 0% !important; } .lg\:flex-auto { flex: 1 1 auto !important; } .lg\:flex-initial { flex: 0 1 auto !important; } .lg\:flex-none { flex: none !important; } } @media screen and (min-width: 1200px) { .xl\:flex-1 { flex: 1 1 0% !important; } .xl\:flex-auto { flex: 1 1 auto !important; } .xl\:flex-initial { flex: 0 1 auto !important; } .xl\:flex-none { flex: none !important; } } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } @media screen and (min-width: 576px) { .sm\:flex-grow-0 { flex-grow: 0 !important; } .sm\:flex-grow-1 { flex-grow: 1 !important; } } @media screen and (min-width: 768px) { .md\:flex-grow-0 { flex-grow: 0 !important; } .md\:flex-grow-1 { flex-grow: 1 !important; } } @media screen and (min-width: 992px) { .lg\:flex-grow-0 { flex-grow: 0 !important; } .lg\:flex-grow-1 { flex-grow: 1 !important; } } @media screen and (min-width: 1200px) { .xl\:flex-grow-0 { flex-grow: 0 !important; } .xl\:flex-grow-1 { flex-grow: 1 !important; } } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } @media screen and (min-width: 576px) { .sm\:flex-shrink-0 { flex-shrink: 0 !important; } .sm\:flex-shrink-1 { flex-shrink: 1 !important; } } @media screen and (min-width: 768px) { .md\:flex-shrink-0 { flex-shrink: 0 !important; } .md\:flex-shrink-1 { flex-shrink: 1 !important; } } @media screen and (min-width: 992px) { .lg\:flex-shrink-0 { flex-shrink: 0 !important; } .lg\:flex-shrink-1 { flex-shrink: 1 !important; } } @media screen and (min-width: 1200px) { .xl\:flex-shrink-0 { flex-shrink: 0 !important; } .xl\:flex-shrink-1 { flex-shrink: 1 !important; } } .gap-0 { gap: 0rem !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 2rem !important; } .gap-6 { gap: 3rem !important; } .gap-7 { gap: 4rem !important; } .gap-8 { gap: 5rem !important; } .row-gap-0 { row-gap: 0rem !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 2rem !important; } .row-gap-6 { row-gap: 3rem !important; } .row-gap-7 { row-gap: 4rem !important; } .row-gap-8 { row-gap: 5rem !important; } .column-gap-0 { column-gap: 0rem !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 2rem !important; } .column-gap-6 { column-gap: 3rem !important; } .column-gap-7 { column-gap: 4rem !important; } .column-gap-8 { column-gap: 5rem !important; } @media screen and (min-width: 576px) { .sm\:gap-0 { gap: 0rem !important; } .sm\:gap-1 { gap: 0.25rem !important; } .sm\:gap-2 { gap: 0.5rem !important; } .sm\:gap-3 { gap: 1rem !important; } .sm\:gap-4 { gap: 1.5rem !important; } .sm\:gap-5 { gap: 2rem !important; } .sm\:gap-6 { gap: 3rem !important; } .sm\:gap-7 { gap: 4rem !important; } .sm\:gap-8 { gap: 5rem !important; } .sm\:row-gap-0 { row-gap: 0rem !important; } .sm\:row-gap-1 { row-gap: 0.25rem !important; } .sm\:row-gap-2 { row-gap: 0.5rem !important; } .sm\:row-gap-3 { row-gap: 1rem !important; } .sm\:row-gap-4 { row-gap: 1.5rem !important; } .sm\:row-gap-5 { row-gap: 2rem !important; } .sm\:row-gap-6 { row-gap: 3rem !important; } .sm\:row-gap-7 { row-gap: 4rem !important; } .sm\:row-gap-8 { row-gap: 5rem !important; } .sm\:column-gap-0 { column-gap: 0rem !important; } .sm\:column-gap-1 { column-gap: 0.25rem !important; } .sm\:column-gap-2 { column-gap: 0.5rem !important; } .sm\:column-gap-3 { column-gap: 1rem !important; } .sm\:column-gap-4 { column-gap: 1.5rem !important; } .sm\:column-gap-5 { column-gap: 2rem !important; } .sm\:column-gap-6 { column-gap: 3rem !important; } .sm\:column-gap-7 { column-gap: 4rem !important; } .sm\:column-gap-8 { column-gap: 5rem !important; } } @media screen and (min-width: 768px) { .md\:gap-0 { gap: 0rem !important; } .md\:gap-1 { gap: 0.25rem !important; } .md\:gap-2 { gap: 0.5rem !important; } .md\:gap-3 { gap: 1rem !important; } .md\:gap-4 { gap: 1.5rem !important; } .md\:gap-5 { gap: 2rem !important; } .md\:gap-6 { gap: 3rem !important; } .md\:gap-7 { gap: 4rem !important; } .md\:gap-8 { gap: 5rem !important; } .md\:row-gap-0 { row-gap: 0rem !important; } .md\:row-gap-1 { row-gap: 0.25rem !important; } .md\:row-gap-2 { row-gap: 0.5rem !important; } .md\:row-gap-3 { row-gap: 1rem !important; } .md\:row-gap-4 { row-gap: 1.5rem !important; } .md\:row-gap-5 { row-gap: 2rem !important; } .md\:row-gap-6 { row-gap: 3rem !important; } .md\:row-gap-7 { row-gap: 4rem !important; } .md\:row-gap-8 { row-gap: 5rem !important; } .md\:column-gap-0 { column-gap: 0rem !important; } .md\:column-gap-1 { column-gap: 0.25rem !important; } .md\:column-gap-2 { column-gap: 0.5rem !important; } .md\:column-gap-3 { column-gap: 1rem !important; } .md\:column-gap-4 { column-gap: 1.5rem !important; } .md\:column-gap-5 { column-gap: 2rem !important; } .md\:column-gap-6 { column-gap: 3rem !important; } .md\:column-gap-7 { column-gap: 4rem !important; } .md\:column-gap-8 { column-gap: 5rem !important; } } @media screen and (min-width: 992px) { .lg\:gap-0 { gap: 0rem !important; } .lg\:gap-1 { gap: 0.25rem !important; } .lg\:gap-2 { gap: 0.5rem !important; } .lg\:gap-3 { gap: 1rem !important; } .lg\:gap-4 { gap: 1.5rem !important; } .lg\:gap-5 { gap: 2rem !important; } .lg\:gap-6 { gap: 3rem !important; } .lg\:gap-7 { gap: 4rem !important; } .lg\:gap-8 { gap: 5rem !important; } .lg\:row-gap-0 { row-gap: 0rem !important; } .lg\:row-gap-1 { row-gap: 0.25rem !important; } .lg\:row-gap-2 { row-gap: 0.5rem !important; } .lg\:row-gap-3 { row-gap: 1rem !important; } .lg\:row-gap-4 { row-gap: 1.5rem !important; } .lg\:row-gap-5 { row-gap: 2rem !important; } .lg\:row-gap-6 { row-gap: 3rem !important; } .lg\:row-gap-7 { row-gap: 4rem !important; } .lg\:row-gap-8 { row-gap: 5rem !important; } .lg\:column-gap-0 { column-gap: 0rem !important; } .lg\:column-gap-1 { column-gap: 0.25rem !important; } .lg\:column-gap-2 { column-gap: 0.5rem !important; } .lg\:column-gap-3 { column-gap: 1rem !important; } .lg\:column-gap-4 { column-gap: 1.5rem !important; } .lg\:column-gap-5 { column-gap: 2rem !important; } .lg\:column-gap-6 { column-gap: 3rem !important; } .lg\:column-gap-7 { column-gap: 4rem !important; } .lg\:column-gap-8 { column-gap: 5rem !important; } } @media screen and (min-width: 1200px) { .xl\:gap-0 { gap: 0rem !important; } .xl\:gap-1 { gap: 0.25rem !important; } .xl\:gap-2 { gap: 0.5rem !important; } .xl\:gap-3 { gap: 1rem !important; } .xl\:gap-4 { gap: 1.5rem !important; } .xl\:gap-5 { gap: 2rem !important; } .xl\:gap-6 { gap: 3rem !important; } .xl\:gap-7 { gap: 4rem !important; } .xl\:gap-8 { gap: 5rem !important; } .xl\:row-gap-0 { row-gap: 0rem !important; } .xl\:row-gap-1 { row-gap: 0.25rem !important; } .xl\:row-gap-2 { row-gap: 0.5rem !important; } .xl\:row-gap-3 { row-gap: 1rem !important; } .xl\:row-gap-4 { row-gap: 1.5rem !important; } .xl\:row-gap-5 { row-gap: 2rem !important; } .xl\:row-gap-6 { row-gap: 3rem !important; } .xl\:row-gap-7 { row-gap: 4rem !important; } .xl\:row-gap-8 { row-gap: 5rem !important; } .xl\:column-gap-0 { column-gap: 0rem !important; } .xl\:column-gap-1 { column-gap: 0.25rem !important; } .xl\:column-gap-2 { column-gap: 0.5rem !important; } .xl\:column-gap-3 { column-gap: 1rem !important; } .xl\:column-gap-4 { column-gap: 1.5rem !important; } .xl\:column-gap-5 { column-gap: 2rem !important; } .xl\:column-gap-6 { column-gap: 3rem !important; } .xl\:column-gap-7 { column-gap: 4rem !important; } .xl\:column-gap-8 { column-gap: 5rem !important; } } .p-0 { padding: 0rem !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 2rem !important; } .p-6 { padding: 3rem !important; } .p-7 { padding: 4rem !important; } .p-8 { padding: 5rem !important; } .pt-0 { padding-top: 0rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 2rem !important; } .pt-6 { padding-top: 3rem !important; } .pt-7 { padding-top: 4rem !important; } .pt-8 { padding-top: 5rem !important; } .pr-0 { padding-right: 0rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pr-3 { padding-right: 1rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pr-5 { padding-right: 2rem !important; } .pr-6 { padding-right: 3rem !important; } .pr-7 { padding-right: 4rem !important; } .pr-8 { padding-right: 5rem !important; } .pl-0 { padding-left: 0rem !important; } .pl-1 { padding-left: 0.25rem !important; } .pl-2 { padding-left: 0.5rem !important; } .pl-3 { padding-left: 1rem !important; } .pl-4 { padding-left: 1.5rem !important; } .pl-5 { padding-left: 2rem !important; } .pl-6 { padding-left: 3rem !important; } .pl-7 { padding-left: 4rem !important; } .pl-8 { padding-left: 5rem !important; } .pb-0 { padding-bottom: 0rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 2rem !important; } .pb-6 { padding-bottom: 3rem !important; } .pb-7 { padding-bottom: 4rem !important; } .pb-8 { padding-bottom: 5rem !important; } .px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.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: 2rem !important; padding-right: 2rem !important; } .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } @media screen and (min-width: 576px) { .sm\:p-0 { padding: 0rem !important; } .sm\:p-1 { padding: 0.25rem !important; } .sm\:p-2 { padding: 0.5rem !important; } .sm\:p-3 { padding: 1rem !important; } .sm\:p-4 { padding: 1.5rem !important; } .sm\:p-5 { padding: 2rem !important; } .sm\:p-6 { padding: 3rem !important; } .sm\:p-7 { padding: 4rem !important; } .sm\:p-8 { padding: 5rem !important; } .sm\:pt-0 { padding-top: 0rem !important; } .sm\:pt-1 { padding-top: 0.25rem !important; } .sm\:pt-2 { padding-top: 0.5rem !important; } .sm\:pt-3 { padding-top: 1rem !important; } .sm\:pt-4 { padding-top: 1.5rem !important; } .sm\:pt-5 { padding-top: 2rem !important; } .sm\:pt-6 { padding-top: 3rem !important; } .sm\:pt-7 { padding-top: 4rem !important; } .sm\:pt-8 { padding-top: 5rem !important; } .sm\:pr-0 { padding-right: 0rem !important; } .sm\:pr-1 { padding-right: 0.25rem !important; } .sm\:pr-2 { padding-right: 0.5rem !important; } .sm\:pr-3 { padding-right: 1rem !important; } .sm\:pr-4 { padding-right: 1.5rem !important; } .sm\:pr-5 { padding-right: 2rem !important; } .sm\:pr-6 { padding-right: 3rem !important; } .sm\:pr-7 { padding-right: 4rem !important; } .sm\:pr-8 { padding-right: 5rem !important; } .sm\:pl-0 { padding-left: 0rem !important; } .sm\:pl-1 { padding-left: 0.25rem !important; } .sm\:pl-2 { padding-left: 0.5rem !important; } .sm\:pl-3 { padding-left: 1rem !important; } .sm\:pl-4 { padding-left: 1.5rem !important; } .sm\:pl-5 { padding-left: 2rem !important; } .sm\:pl-6 { padding-left: 3rem !important; } .sm\:pl-7 { padding-left: 4rem !important; } .sm\:pl-8 { padding-left: 5rem !important; } .sm\:pb-0 { padding-bottom: 0rem !important; } .sm\:pb-1 { padding-bottom: 0.25rem !important; } .sm\:pb-2 { padding-bottom: 0.5rem !important; } .sm\:pb-3 { padding-bottom: 1rem !important; } .sm\:pb-4 { padding-bottom: 1.5rem !important; } .sm\:pb-5 { padding-bottom: 2rem !important; } .sm\:pb-6 { padding-bottom: 3rem !important; } .sm\:pb-7 { padding-bottom: 4rem !important; } .sm\:pb-8 { padding-bottom: 5rem !important; } .sm\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .sm\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .sm\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .sm\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .sm\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .sm\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .sm\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .sm\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .sm\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .sm\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .sm\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .sm\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .sm\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .sm\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .sm\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .sm\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .sm\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .sm\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } @media screen and (min-width: 768px) { .md\:p-0 { padding: 0rem !important; } .md\:p-1 { padding: 0.25rem !important; } .md\:p-2 { padding: 0.5rem !important; } .md\:p-3 { padding: 1rem !important; } .md\:p-4 { padding: 1.5rem !important; } .md\:p-5 { padding: 2rem !important; } .md\:p-6 { padding: 3rem !important; } .md\:p-7 { padding: 4rem !important; } .md\:p-8 { padding: 5rem !important; } .md\:pt-0 { padding-top: 0rem !important; } .md\:pt-1 { padding-top: 0.25rem !important; } .md\:pt-2 { padding-top: 0.5rem !important; } .md\:pt-3 { padding-top: 1rem !important; } .md\:pt-4 { padding-top: 1.5rem !important; } .md\:pt-5 { padding-top: 2rem !important; } .md\:pt-6 { padding-top: 3rem !important; } .md\:pt-7 { padding-top: 4rem !important; } .md\:pt-8 { padding-top: 5rem !important; } .md\:pr-0 { padding-right: 0rem !important; } .md\:pr-1 { padding-right: 0.25rem !important; } .md\:pr-2 { padding-right: 0.5rem !important; } .md\:pr-3 { padding-right: 1rem !important; } .md\:pr-4 { padding-right: 1.5rem !important; } .md\:pr-5 { padding-right: 2rem !important; } .md\:pr-6 { padding-right: 3rem !important; } .md\:pr-7 { padding-right: 4rem !important; } .md\:pr-8 { padding-right: 5rem !important; } .md\:pl-0 { padding-left: 0rem !important; } .md\:pl-1 { padding-left: 0.25rem !important; } .md\:pl-2 { padding-left: 0.5rem !important; } .md\:pl-3 { padding-left: 1rem !important; } .md\:pl-4 { padding-left: 1.5rem !important; } .md\:pl-5 { padding-left: 2rem !important; } .md\:pl-6 { padding-left: 3rem !important; } .md\:pl-7 { padding-left: 4rem !important; } .md\:pl-8 { padding-left: 5rem !important; } .md\:pb-0 { padding-bottom: 0rem !important; } .md\:pb-1 { padding-bottom: 0.25rem !important; } .md\:pb-2 { padding-bottom: 0.5rem !important; } .md\:pb-3 { padding-bottom: 1rem !important; } .md\:pb-4 { padding-bottom: 1.5rem !important; } .md\:pb-5 { padding-bottom: 2rem !important; } .md\:pb-6 { padding-bottom: 3rem !important; } .md\:pb-7 { padding-bottom: 4rem !important; } .md\:pb-8 { padding-bottom: 5rem !important; } .md\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .md\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .md\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .md\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .md\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .md\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .md\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .md\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .md\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .md\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .md\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .md\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .md\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .md\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .md\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .md\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .md\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .md\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } @media screen and (min-width: 992px) { .lg\:p-0 { padding: 0rem !important; } .lg\:p-1 { padding: 0.25rem !important; } .lg\:p-2 { padding: 0.5rem !important; } .lg\:p-3 { padding: 1rem !important; } .lg\:p-4 { padding: 1.5rem !important; } .lg\:p-5 { padding: 2rem !important; } .lg\:p-6 { padding: 3rem !important; } .lg\:p-7 { padding: 4rem !important; } .lg\:p-8 { padding: 5rem !important; } .lg\:pt-0 { padding-top: 0rem !important; } .lg\:pt-1 { padding-top: 0.25rem !important; } .lg\:pt-2 { padding-top: 0.5rem !important; } .lg\:pt-3 { padding-top: 1rem !important; } .lg\:pt-4 { padding-top: 1.5rem !important; } .lg\:pt-5 { padding-top: 2rem !important; } .lg\:pt-6 { padding-top: 3rem !important; } .lg\:pt-7 { padding-top: 4rem !important; } .lg\:pt-8 { padding-top: 5rem !important; } .lg\:pr-0 { padding-right: 0rem !important; } .lg\:pr-1 { padding-right: 0.25rem !important; } .lg\:pr-2 { padding-right: 0.5rem !important; } .lg\:pr-3 { padding-right: 1rem !important; } .lg\:pr-4 { padding-right: 1.5rem !important; } .lg\:pr-5 { padding-right: 2rem !important; } .lg\:pr-6 { padding-right: 3rem !important; } .lg\:pr-7 { padding-right: 4rem !important; } .lg\:pr-8 { padding-right: 5rem !important; } .lg\:pl-0 { padding-left: 0rem !important; } .lg\:pl-1 { padding-left: 0.25rem !important; } .lg\:pl-2 { padding-left: 0.5rem !important; } .lg\:pl-3 { padding-left: 1rem !important; } .lg\:pl-4 { padding-left: 1.5rem !important; } .lg\:pl-5 { padding-left: 2rem !important; } .lg\:pl-6 { padding-left: 3rem !important; } .lg\:pl-7 { padding-left: 4rem !important; } .lg\:pl-8 { padding-left: 5rem !important; } .lg\:pb-0 { padding-bottom: 0rem !important; } .lg\:pb-1 { padding-bottom: 0.25rem !important; } .lg\:pb-2 { padding-bottom: 0.5rem !important; } .lg\:pb-3 { padding-bottom: 1rem !important; } .lg\:pb-4 { padding-bottom: 1.5rem !important; } .lg\:pb-5 { padding-bottom: 2rem !important; } .lg\:pb-6 { padding-bottom: 3rem !important; } .lg\:pb-7 { padding-bottom: 4rem !important; } .lg\:pb-8 { padding-bottom: 5rem !important; } .lg\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .lg\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .lg\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .lg\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .lg\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .lg\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .lg\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .lg\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .lg\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .lg\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .lg\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .lg\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .lg\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .lg\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .lg\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .lg\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .lg\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .lg\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } @media screen and (min-width: 1200px) { .xl\:p-0 { padding: 0rem !important; } .xl\:p-1 { padding: 0.25rem !important; } .xl\:p-2 { padding: 0.5rem !important; } .xl\:p-3 { padding: 1rem !important; } .xl\:p-4 { padding: 1.5rem !important; } .xl\:p-5 { padding: 2rem !important; } .xl\:p-6 { padding: 3rem !important; } .xl\:p-7 { padding: 4rem !important; } .xl\:p-8 { padding: 5rem !important; } .xl\:pt-0 { padding-top: 0rem !important; } .xl\:pt-1 { padding-top: 0.25rem !important; } .xl\:pt-2 { padding-top: 0.5rem !important; } .xl\:pt-3 { padding-top: 1rem !important; } .xl\:pt-4 { padding-top: 1.5rem !important; } .xl\:pt-5 { padding-top: 2rem !important; } .xl\:pt-6 { padding-top: 3rem !important; } .xl\:pt-7 { padding-top: 4rem !important; } .xl\:pt-8 { padding-top: 5rem !important; } .xl\:pr-0 { padding-right: 0rem !important; } .xl\:pr-1 { padding-right: 0.25rem !important; } .xl\:pr-2 { padding-right: 0.5rem !important; } .xl\:pr-3 { padding-right: 1rem !important; } .xl\:pr-4 { padding-right: 1.5rem !important; } .xl\:pr-5 { padding-right: 2rem !important; } .xl\:pr-6 { padding-right: 3rem !important; } .xl\:pr-7 { padding-right: 4rem !important; } .xl\:pr-8 { padding-right: 5rem !important; } .xl\:pl-0 { padding-left: 0rem !important; } .xl\:pl-1 { padding-left: 0.25rem !important; } .xl\:pl-2 { padding-left: 0.5rem !important; } .xl\:pl-3 { padding-left: 1rem !important; } .xl\:pl-4 { padding-left: 1.5rem !important; } .xl\:pl-5 { padding-left: 2rem !important; } .xl\:pl-6 { padding-left: 3rem !important; } .xl\:pl-7 { padding-left: 4rem !important; } .xl\:pl-8 { padding-left: 5rem !important; } .xl\:pb-0 { padding-bottom: 0rem !important; } .xl\:pb-1 { padding-bottom: 0.25rem !important; } .xl\:pb-2 { padding-bottom: 0.5rem !important; } .xl\:pb-3 { padding-bottom: 1rem !important; } .xl\:pb-4 { padding-bottom: 1.5rem !important; } .xl\:pb-5 { padding-bottom: 2rem !important; } .xl\:pb-6 { padding-bottom: 3rem !important; } .xl\:pb-7 { padding-bottom: 4rem !important; } .xl\:pb-8 { padding-bottom: 5rem !important; } .xl\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .xl\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .xl\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .xl\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .xl\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .xl\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .xl\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .xl\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .xl\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .xl\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .xl\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .xl\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .xl\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .xl\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .xl\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .xl\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .xl\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .xl\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } .m-0 { margin: 0rem !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 2rem !important; } .m-6 { margin: 3rem !important; } .m-7 { margin: 4rem !important; } .m-8 { margin: 5rem !important; } .-m-1 { margin: -0.25rem !important; } .-m-2 { margin: -0.5rem !important; } .-m-3 { margin: -1rem !important; } .-m-4 { margin: -1.5rem !important; } .-m-5 { margin: -2rem !important; } .-m-6 { margin: -3rem !important; } .-m-7 { margin: -4rem !important; } .-m-8 { margin: -5rem !important; } .m-auto { margin: auto !important; } .mt-0 { margin-top: 0rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 2rem !important; } .mt-6 { margin-top: 3rem !important; } .mt-7 { margin-top: 4rem !important; } .mt-8 { margin-top: 5rem !important; } .-mt-1 { margin-top: -0.25rem !important; } .-mt-2 { margin-top: -0.5rem !important; } .-mt-3 { margin-top: -1rem !important; } .-mt-4 { margin-top: -1.5rem !important; } .-mt-5 { margin-top: -2rem !important; } .-mt-6 { margin-top: -3rem !important; } .-mt-7 { margin-top: -4rem !important; } .-mt-8 { margin-top: -5rem !important; } .mt-auto { margin-top: auto !important; } .mr-0 { margin-right: 0rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 1rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mr-5 { margin-right: 2rem !important; } .mr-6 { margin-right: 3rem !important; } .mr-7 { margin-right: 4rem !important; } .mr-8 { margin-right: 5rem !important; } .-mr-1 { margin-right: -0.25rem !important; } .-mr-2 { margin-right: -0.5rem !important; } .-mr-3 { margin-right: -1rem !important; } .-mr-4 { margin-right: -1.5rem !important; } .-mr-5 { margin-right: -2rem !important; } .-mr-6 { margin-right: -3rem !important; } .-mr-7 { margin-right: -4rem !important; } .-mr-8 { margin-right: -5rem !important; } .mr-auto { margin-right: auto !important; } .ml-0 { margin-left: 0rem !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-3 { margin-left: 1rem !important; } .ml-4 { margin-left: 1.5rem !important; } .ml-5 { margin-left: 2rem !important; } .ml-6 { margin-left: 3rem !important; } .ml-7 { margin-left: 4rem !important; } .ml-8 { margin-left: 5rem !important; } .-ml-1 { margin-left: -0.25rem !important; } .-ml-2 { margin-left: -0.5rem !important; } .-ml-3 { margin-left: -1rem !important; } .-ml-4 { margin-left: -1.5rem !important; } .-ml-5 { margin-left: -2rem !important; } .-ml-6 { margin-left: -3rem !important; } .-ml-7 { margin-left: -4rem !important; } .-ml-8 { margin-left: -5rem !important; } .ml-auto { margin-left: auto !important; } .mb-0 { margin-bottom: 0rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 2rem !important; } .mb-6 { margin-bottom: 3rem !important; } .mb-7 { margin-bottom: 4rem !important; } .mb-8 { margin-bottom: 5rem !important; } .-mb-1 { margin-bottom: -0.25rem !important; } .-mb-2 { margin-bottom: -0.5rem !important; } .-mb-3 { margin-bottom: -1rem !important; } .-mb-4 { margin-bottom: -1.5rem !important; } .-mb-5 { margin-bottom: -2rem !important; } .-mb-6 { margin-bottom: -3rem !important; } .-mb-7 { margin-bottom: -4rem !important; } .-mb-8 { margin-bottom: -5rem !important; } .mb-auto { margin-bottom: auto !important; } .mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.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: 2rem !important; margin-right: 2rem !important; } .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .-mx-2 { margin-left: -0.5rem !important; margin-right: -0.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: -2rem !important; margin-right: -2rem !important; } .-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media screen and (min-width: 576px) { .sm\:m-0 { margin: 0rem !important; } .sm\:m-1 { margin: 0.25rem !important; } .sm\:m-2 { margin: 0.5rem !important; } .sm\:m-3 { margin: 1rem !important; } .sm\:m-4 { margin: 1.5rem !important; } .sm\:m-5 { margin: 2rem !important; } .sm\:m-6 { margin: 3rem !important; } .sm\:m-7 { margin: 4rem !important; } .sm\:m-8 { margin: 5rem !important; } .sm\:-m-1 { margin: -0.25rem !important; } .sm\:-m-2 { margin: -0.5rem !important; } .sm\:-m-3 { margin: -1rem !important; } .sm\:-m-4 { margin: -1.5rem !important; } .sm\:-m-5 { margin: -2rem !important; } .sm\:-m-6 { margin: -3rem !important; } .sm\:-m-7 { margin: -4rem !important; } .sm\:-m-8 { margin: -5rem !important; } .sm\:m-auto { margin: auto !important; } .sm\:mt-0 { margin-top: 0rem !important; } .sm\:mt-1 { margin-top: 0.25rem !important; } .sm\:mt-2 { margin-top: 0.5rem !important; } .sm\:mt-3 { margin-top: 1rem !important; } .sm\:mt-4 { margin-top: 1.5rem !important; } .sm\:mt-5 { margin-top: 2rem !important; } .sm\:mt-6 { margin-top: 3rem !important; } .sm\:mt-7 { margin-top: 4rem !important; } .sm\:mt-8 { margin-top: 5rem !important; } .sm\:-mt-1 { margin-top: -0.25rem !important; } .sm\:-mt-2 { margin-top: -0.5rem !important; } .sm\:-mt-3 { margin-top: -1rem !important; } .sm\:-mt-4 { margin-top: -1.5rem !important; } .sm\:-mt-5 { margin-top: -2rem !important; } .sm\:-mt-6 { margin-top: -3rem !important; } .sm\:-mt-7 { margin-top: -4rem !important; } .sm\:-mt-8 { margin-top: -5rem !important; } .sm\:mt-auto { margin-top: auto !important; } .sm\:mr-0 { margin-right: 0rem !important; } .sm\:mr-1 { margin-right: 0.25rem !important; } .sm\:mr-2 { margin-right: 0.5rem !important; } .sm\:mr-3 { margin-right: 1rem !important; } .sm\:mr-4 { margin-right: 1.5rem !important; } .sm\:mr-5 { margin-right: 2rem !important; } .sm\:mr-6 { margin-right: 3rem !important; } .sm\:mr-7 { margin-right: 4rem !important; } .sm\:mr-8 { margin-right: 5rem !important; } .sm\:-mr-1 { margin-right: -0.25rem !important; } .sm\:-mr-2 { margin-right: -0.5rem !important; } .sm\:-mr-3 { margin-right: -1rem !important; } .sm\:-mr-4 { margin-right: -1.5rem !important; } .sm\:-mr-5 { margin-right: -2rem !important; } .sm\:-mr-6 { margin-right: -3rem !important; } .sm\:-mr-7 { margin-right: -4rem !important; } .sm\:-mr-8 { margin-right: -5rem !important; } .sm\:mr-auto { margin-right: auto !important; } .sm\:ml-0 { margin-left: 0rem !important; } .sm\:ml-1 { margin-left: 0.25rem !important; } .sm\:ml-2 { margin-left: 0.5rem !important; } .sm\:ml-3 { margin-left: 1rem !important; } .sm\:ml-4 { margin-left: 1.5rem !important; } .sm\:ml-5 { margin-left: 2rem !important; } .sm\:ml-6 { margin-left: 3rem !important; } .sm\:ml-7 { margin-left: 4rem !important; } .sm\:ml-8 { margin-left: 5rem !important; } .sm\:-ml-1 { margin-left: -0.25rem !important; } .sm\:-ml-2 { margin-left: -0.5rem !important; } .sm\:-ml-3 { margin-left: -1rem !important; } .sm\:-ml-4 { margin-left: -1.5rem !important; } .sm\:-ml-5 { margin-left: -2rem !important; } .sm\:-ml-6 { margin-left: -3rem !important; } .sm\:-ml-7 { margin-left: -4rem !important; } .sm\:-ml-8 { margin-left: -5rem !important; } .sm\:ml-auto { margin-left: auto !important; } .sm\:mb-0 { margin-bottom: 0rem !important; } .sm\:mb-1 { margin-bottom: 0.25rem !important; } .sm\:mb-2 { margin-bottom: 0.5rem !important; } .sm\:mb-3 { margin-bottom: 1rem !important; } .sm\:mb-4 { margin-bottom: 1.5rem !important; } .sm\:mb-5 { margin-bottom: 2rem !important; } .sm\:mb-6 { margin-bottom: 3rem !important; } .sm\:mb-7 { margin-bottom: 4rem !important; } .sm\:mb-8 { margin-bottom: 5rem !important; } .sm\:-mb-1 { margin-bottom: -0.25rem !important; } .sm\:-mb-2 { margin-bottom: -0.5rem !important; } .sm\:-mb-3 { margin-bottom: -1rem !important; } .sm\:-mb-4 { margin-bottom: -1.5rem !important; } .sm\:-mb-5 { margin-bottom: -2rem !important; } .sm\:-mb-6 { margin-bottom: -3rem !important; } .sm\:-mb-7 { margin-bottom: -4rem !important; } .sm\:-mb-8 { margin-bottom: -5rem !important; } .sm\:mb-auto { margin-bottom: auto !important; } .sm\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .sm\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .sm\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .sm\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .sm\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .sm\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .sm\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .sm\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .sm\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .sm\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .sm\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .sm\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .sm\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .sm\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .sm\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .sm\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .sm\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .sm\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .sm\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .sm\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .sm\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .sm\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .sm\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .sm\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .sm\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .sm\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .sm\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .sm\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .sm\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .sm\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .sm\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .sm\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .sm\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .sm\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .sm\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .sm\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 768px) { .md\:m-0 { margin: 0rem !important; } .md\:m-1 { margin: 0.25rem !important; } .md\:m-2 { margin: 0.5rem !important; } .md\:m-3 { margin: 1rem !important; } .md\:m-4 { margin: 1.5rem !important; } .md\:m-5 { margin: 2rem !important; } .md\:m-6 { margin: 3rem !important; } .md\:m-7 { margin: 4rem !important; } .md\:m-8 { margin: 5rem !important; } .md\:-m-1 { margin: -0.25rem !important; } .md\:-m-2 { margin: -0.5rem !important; } .md\:-m-3 { margin: -1rem !important; } .md\:-m-4 { margin: -1.5rem !important; } .md\:-m-5 { margin: -2rem !important; } .md\:-m-6 { margin: -3rem !important; } .md\:-m-7 { margin: -4rem !important; } .md\:-m-8 { margin: -5rem !important; } .md\:m-auto { margin: auto !important; } .md\:mt-0 { margin-top: 0rem !important; } .md\:mt-1 { margin-top: 0.25rem !important; } .md\:mt-2 { margin-top: 0.5rem !important; } .md\:mt-3 { margin-top: 1rem !important; } .md\:mt-4 { margin-top: 1.5rem !important; } .md\:mt-5 { margin-top: 2rem !important; } .md\:mt-6 { margin-top: 3rem !important; } .md\:mt-7 { margin-top: 4rem !important; } .md\:mt-8 { margin-top: 5rem !important; } .md\:-mt-1 { margin-top: -0.25rem !important; } .md\:-mt-2 { margin-top: -0.5rem !important; } .md\:-mt-3 { margin-top: -1rem !important; } .md\:-mt-4 { margin-top: -1.5rem !important; } .md\:-mt-5 { margin-top: -2rem !important; } .md\:-mt-6 { margin-top: -3rem !important; } .md\:-mt-7 { margin-top: -4rem !important; } .md\:-mt-8 { margin-top: -5rem !important; } .md\:mt-auto { margin-top: auto !important; } .md\:mr-0 { margin-right: 0rem !important; } .md\:mr-1 { margin-right: 0.25rem !important; } .md\:mr-2 { margin-right: 0.5rem !important; } .md\:mr-3 { margin-right: 1rem !important; } .md\:mr-4 { margin-right: 1.5rem !important; } .md\:mr-5 { margin-right: 2rem !important; } .md\:mr-6 { margin-right: 3rem !important; } .md\:mr-7 { margin-right: 4rem !important; } .md\:mr-8 { margin-right: 5rem !important; } .md\:-mr-1 { margin-right: -0.25rem !important; } .md\:-mr-2 { margin-right: -0.5rem !important; } .md\:-mr-3 { margin-right: -1rem !important; } .md\:-mr-4 { margin-right: -1.5rem !important; } .md\:-mr-5 { margin-right: -2rem !important; } .md\:-mr-6 { margin-right: -3rem !important; } .md\:-mr-7 { margin-right: -4rem !important; } .md\:-mr-8 { margin-right: -5rem !important; } .md\:mr-auto { margin-right: auto !important; } .md\:ml-0 { margin-left: 0rem !important; } .md\:ml-1 { margin-left: 0.25rem !important; } .md\:ml-2 { margin-left: 0.5rem !important; } .md\:ml-3 { margin-left: 1rem !important; } .md\:ml-4 { margin-left: 1.5rem !important; } .md\:ml-5 { margin-left: 2rem !important; } .md\:ml-6 { margin-left: 3rem !important; } .md\:ml-7 { margin-left: 4rem !important; } .md\:ml-8 { margin-left: 5rem !important; } .md\:-ml-1 { margin-left: -0.25rem !important; } .md\:-ml-2 { margin-left: -0.5rem !important; } .md\:-ml-3 { margin-left: -1rem !important; } .md\:-ml-4 { margin-left: -1.5rem !important; } .md\:-ml-5 { margin-left: -2rem !important; } .md\:-ml-6 { margin-left: -3rem !important; } .md\:-ml-7 { margin-left: -4rem !important; } .md\:-ml-8 { margin-left: -5rem !important; } .md\:ml-auto { margin-left: auto !important; } .md\:mb-0 { margin-bottom: 0rem !important; } .md\:mb-1 { margin-bottom: 0.25rem !important; } .md\:mb-2 { margin-bottom: 0.5rem !important; } .md\:mb-3 { margin-bottom: 1rem !important; } .md\:mb-4 { margin-bottom: 1.5rem !important; } .md\:mb-5 { margin-bottom: 2rem !important; } .md\:mb-6 { margin-bottom: 3rem !important; } .md\:mb-7 { margin-bottom: 4rem !important; } .md\:mb-8 { margin-bottom: 5rem !important; } .md\:-mb-1 { margin-bottom: -0.25rem !important; } .md\:-mb-2 { margin-bottom: -0.5rem !important; } .md\:-mb-3 { margin-bottom: -1rem !important; } .md\:-mb-4 { margin-bottom: -1.5rem !important; } .md\:-mb-5 { margin-bottom: -2rem !important; } .md\:-mb-6 { margin-bottom: -3rem !important; } .md\:-mb-7 { margin-bottom: -4rem !important; } .md\:-mb-8 { margin-bottom: -5rem !important; } .md\:mb-auto { margin-bottom: auto !important; } .md\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .md\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .md\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .md\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .md\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .md\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .md\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .md\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .md\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .md\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .md\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .md\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .md\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .md\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .md\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .md\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .md\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .md\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .md\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .md\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .md\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .md\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .md\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .md\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .md\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .md\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .md\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .md\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .md\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .md\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .md\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .md\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .md\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .md\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .md\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .md\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 992px) { .lg\:m-0 { margin: 0rem !important; } .lg\:m-1 { margin: 0.25rem !important; } .lg\:m-2 { margin: 0.5rem !important; } .lg\:m-3 { margin: 1rem !important; } .lg\:m-4 { margin: 1.5rem !important; } .lg\:m-5 { margin: 2rem !important; } .lg\:m-6 { margin: 3rem !important; } .lg\:m-7 { margin: 4rem !important; } .lg\:m-8 { margin: 5rem !important; } .lg\:-m-1 { margin: -0.25rem !important; } .lg\:-m-2 { margin: -0.5rem !important; } .lg\:-m-3 { margin: -1rem !important; } .lg\:-m-4 { margin: -1.5rem !important; } .lg\:-m-5 { margin: -2rem !important; } .lg\:-m-6 { margin: -3rem !important; } .lg\:-m-7 { margin: -4rem !important; } .lg\:-m-8 { margin: -5rem !important; } .lg\:m-auto { margin: auto !important; } .lg\:mt-0 { margin-top: 0rem !important; } .lg\:mt-1 { margin-top: 0.25rem !important; } .lg\:mt-2 { margin-top: 0.5rem !important; } .lg\:mt-3 { margin-top: 1rem !important; } .lg\:mt-4 { margin-top: 1.5rem !important; } .lg\:mt-5 { margin-top: 2rem !important; } .lg\:mt-6 { margin-top: 3rem !important; } .lg\:mt-7 { margin-top: 4rem !important; } .lg\:mt-8 { margin-top: 5rem !important; } .lg\:-mt-1 { margin-top: -0.25rem !important; } .lg\:-mt-2 { margin-top: -0.5rem !important; } .lg\:-mt-3 { margin-top: -1rem !important; } .lg\:-mt-4 { margin-top: -1.5rem !important; } .lg\:-mt-5 { margin-top: -2rem !important; } .lg\:-mt-6 { margin-top: -3rem !important; } .lg\:-mt-7 { margin-top: -4rem !important; } .lg\:-mt-8 { margin-top: -5rem !important; } .lg\:mt-auto { margin-top: auto !important; } .lg\:mr-0 { margin-right: 0rem !important; } .lg\:mr-1 { margin-right: 0.25rem !important; } .lg\:mr-2 { margin-right: 0.5rem !important; } .lg\:mr-3 { margin-right: 1rem !important; } .lg\:mr-4 { margin-right: 1.5rem !important; } .lg\:mr-5 { margin-right: 2rem !important; } .lg\:mr-6 { margin-right: 3rem !important; } .lg\:mr-7 { margin-right: 4rem !important; } .lg\:mr-8 { margin-right: 5rem !important; } .lg\:-mr-1 { margin-right: -0.25rem !important; } .lg\:-mr-2 { margin-right: -0.5rem !important; } .lg\:-mr-3 { margin-right: -1rem !important; } .lg\:-mr-4 { margin-right: -1.5rem !important; } .lg\:-mr-5 { margin-right: -2rem !important; } .lg\:-mr-6 { margin-right: -3rem !important; } .lg\:-mr-7 { margin-right: -4rem !important; } .lg\:-mr-8 { margin-right: -5rem !important; } .lg\:mr-auto { margin-right: auto !important; } .lg\:ml-0 { margin-left: 0rem !important; } .lg\:ml-1 { margin-left: 0.25rem !important; } .lg\:ml-2 { margin-left: 0.5rem !important; } .lg\:ml-3 { margin-left: 1rem !important; } .lg\:ml-4 { margin-left: 1.5rem !important; } .lg\:ml-5 { margin-left: 2rem !important; } .lg\:ml-6 { margin-left: 3rem !important; } .lg\:ml-7 { margin-left: 4rem !important; } .lg\:ml-8 { margin-left: 5rem !important; } .lg\:-ml-1 { margin-left: -0.25rem !important; } .lg\:-ml-2 { margin-left: -0.5rem !important; } .lg\:-ml-3 { margin-left: -1rem !important; } .lg\:-ml-4 { margin-left: -1.5rem !important; } .lg\:-ml-5 { margin-left: -2rem !important; } .lg\:-ml-6 { margin-left: -3rem !important; } .lg\:-ml-7 { margin-left: -4rem !important; } .lg\:-ml-8 { margin-left: -5rem !important; } .lg\:ml-auto { margin-left: auto !important; } .lg\:mb-0 { margin-bottom: 0rem !important; } .lg\:mb-1 { margin-bottom: 0.25rem !important; } .lg\:mb-2 { margin-bottom: 0.5rem !important; } .lg\:mb-3 { margin-bottom: 1rem !important; } .lg\:mb-4 { margin-bottom: 1.5rem !important; } .lg\:mb-5 { margin-bottom: 2rem !important; } .lg\:mb-6 { margin-bottom: 3rem !important; } .lg\:mb-7 { margin-bottom: 4rem !important; } .lg\:mb-8 { margin-bottom: 5rem !important; } .lg\:-mb-1 { margin-bottom: -0.25rem !important; } .lg\:-mb-2 { margin-bottom: -0.5rem !important; } .lg\:-mb-3 { margin-bottom: -1rem !important; } .lg\:-mb-4 { margin-bottom: -1.5rem !important; } .lg\:-mb-5 { margin-bottom: -2rem !important; } .lg\:-mb-6 { margin-bottom: -3rem !important; } .lg\:-mb-7 { margin-bottom: -4rem !important; } .lg\:-mb-8 { margin-bottom: -5rem !important; } .lg\:mb-auto { margin-bottom: auto !important; } .lg\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .lg\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .lg\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .lg\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .lg\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .lg\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .lg\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .lg\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .lg\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .lg\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .lg\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .lg\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .lg\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .lg\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .lg\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .lg\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .lg\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .lg\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .lg\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .lg\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .lg\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .lg\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .lg\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .lg\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .lg\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .lg\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .lg\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .lg\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .lg\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .lg\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .lg\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .lg\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .lg\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .lg\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .lg\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .lg\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 1200px) { .xl\:m-0 { margin: 0rem !important; } .xl\:m-1 { margin: 0.25rem !important; } .xl\:m-2 { margin: 0.5rem !important; } .xl\:m-3 { margin: 1rem !important; } .xl\:m-4 { margin: 1.5rem !important; } .xl\:m-5 { margin: 2rem !important; } .xl\:m-6 { margin: 3rem !important; } .xl\:m-7 { margin: 4rem !important; } .xl\:m-8 { margin: 5rem !important; } .xl\:-m-1 { margin: -0.25rem !important; } .xl\:-m-2 { margin: -0.5rem !important; } .xl\:-m-3 { margin: -1rem !important; } .xl\:-m-4 { margin: -1.5rem !important; } .xl\:-m-5 { margin: -2rem !important; } .xl\:-m-6 { margin: -3rem !important; } .xl\:-m-7 { margin: -4rem !important; } .xl\:-m-8 { margin: -5rem !important; } .xl\:m-auto { margin: auto !important; } .xl\:mt-0 { margin-top: 0rem !important; } .xl\:mt-1 { margin-top: 0.25rem !important; } .xl\:mt-2 { margin-top: 0.5rem !important; } .xl\:mt-3 { margin-top: 1rem !important; } .xl\:mt-4 { margin-top: 1.5rem !important; } .xl\:mt-5 { margin-top: 2rem !important; } .xl\:mt-6 { margin-top: 3rem !important; } .xl\:mt-7 { margin-top: 4rem !important; } .xl\:mt-8 { margin-top: 5rem !important; } .xl\:-mt-1 { margin-top: -0.25rem !important; } .xl\:-mt-2 { margin-top: -0.5rem !important; } .xl\:-mt-3 { margin-top: -1rem !important; } .xl\:-mt-4 { margin-top: -1.5rem !important; } .xl\:-mt-5 { margin-top: -2rem !important; } .xl\:-mt-6 { margin-top: -3rem !important; } .xl\:-mt-7 { margin-top: -4rem !important; } .xl\:-mt-8 { margin-top: -5rem !important; } .xl\:mt-auto { margin-top: auto !important; } .xl\:mr-0 { margin-right: 0rem !important; } .xl\:mr-1 { margin-right: 0.25rem !important; } .xl\:mr-2 { margin-right: 0.5rem !important; } .xl\:mr-3 { margin-right: 1rem !important; } .xl\:mr-4 { margin-right: 1.5rem !important; } .xl\:mr-5 { margin-right: 2rem !important; } .xl\:mr-6 { margin-right: 3rem !important; } .xl\:mr-7 { margin-right: 4rem !important; } .xl\:mr-8 { margin-right: 5rem !important; } .xl\:-mr-1 { margin-right: -0.25rem !important; } .xl\:-mr-2 { margin-right: -0.5rem !important; } .xl\:-mr-3 { margin-right: -1rem !important; } .xl\:-mr-4 { margin-right: -1.5rem !important; } .xl\:-mr-5 { margin-right: -2rem !important; } .xl\:-mr-6 { margin-right: -3rem !important; } .xl\:-mr-7 { margin-right: -4rem !important; } .xl\:-mr-8 { margin-right: -5rem !important; } .xl\:mr-auto { margin-right: auto !important; } .xl\:ml-0 { margin-left: 0rem !important; } .xl\:ml-1 { margin-left: 0.25rem !important; } .xl\:ml-2 { margin-left: 0.5rem !important; } .xl\:ml-3 { margin-left: 1rem !important; } .xl\:ml-4 { margin-left: 1.5rem !important; } .xl\:ml-5 { margin-left: 2rem !important; } .xl\:ml-6 { margin-left: 3rem !important; } .xl\:ml-7 { margin-left: 4rem !important; } .xl\:ml-8 { margin-left: 5rem !important; } .xl\:-ml-1 { margin-left: -0.25rem !important; } .xl\:-ml-2 { margin-left: -0.5rem !important; } .xl\:-ml-3 { margin-left: -1rem !important; } .xl\:-ml-4 { margin-left: -1.5rem !important; } .xl\:-ml-5 { margin-left: -2rem !important; } .xl\:-ml-6 { margin-left: -3rem !important; } .xl\:-ml-7 { margin-left: -4rem !important; } .xl\:-ml-8 { margin-left: -5rem !important; } .xl\:ml-auto { margin-left: auto !important; } .xl\:mb-0 { margin-bottom: 0rem !important; } .xl\:mb-1 { margin-bottom: 0.25rem !important; } .xl\:mb-2 { margin-bottom: 0.5rem !important; } .xl\:mb-3 { margin-bottom: 1rem !important; } .xl\:mb-4 { margin-bottom: 1.5rem !important; } .xl\:mb-5 { margin-bottom: 2rem !important; } .xl\:mb-6 { margin-bottom: 3rem !important; } .xl\:mb-7 { margin-bottom: 4rem !important; } .xl\:mb-8 { margin-bottom: 5rem !important; } .xl\:-mb-1 { margin-bottom: -0.25rem !important; } .xl\:-mb-2 { margin-bottom: -0.5rem !important; } .xl\:-mb-3 { margin-bottom: -1rem !important; } .xl\:-mb-4 { margin-bottom: -1.5rem !important; } .xl\:-mb-5 { margin-bottom: -2rem !important; } .xl\:-mb-6 { margin-bottom: -3rem !important; } .xl\:-mb-7 { margin-bottom: -4rem !important; } .xl\:-mb-8 { margin-bottom: -5rem !important; } .xl\:mb-auto { margin-bottom: auto !important; } .xl\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .xl\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .xl\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .xl\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .xl\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .xl\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .xl\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .xl\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .xl\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .xl\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .xl\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .xl\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .xl\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .xl\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .xl\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .xl\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .xl\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .xl\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .xl\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .xl\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .xl\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .xl\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .xl\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .xl\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .xl\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .xl\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .xl\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .xl\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .xl\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .xl\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .xl\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .xl\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .xl\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .xl\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .xl\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .xl\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } .shadow-none { box-shadow: none !important; } .shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .focus\:shadow-none:focus { box-shadow: none !important; } .hover\:shadow-none:hover { box-shadow: none !important; } .active\:shadow-none:active { box-shadow: none !important; } .focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } @media screen and (min-width: 576px) { .sm\:shadow-none { box-shadow: none !important; } .sm\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .sm\:focus\:shadow-none:focus { box-shadow: none !important; } .sm\:hover\:shadow-none:hover { box-shadow: none !important; } .sm\:active\:shadow-none:active { box-shadow: none !important; } .sm\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .sm\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .sm\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } @media screen and (min-width: 768px) { .md\:shadow-none { box-shadow: none !important; } .md\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .md\:focus\:shadow-none:focus { box-shadow: none !important; } .md\:hover\:shadow-none:hover { box-shadow: none !important; } .md\:active\:shadow-none:active { box-shadow: none !important; } .md\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .md\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .md\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } @media screen and (min-width: 992px) { .lg\:shadow-none { box-shadow: none !important; } .lg\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .lg\:focus\:shadow-none:focus { box-shadow: none !important; } .lg\:hover\:shadow-none:hover { box-shadow: none !important; } .lg\:active\:shadow-none:active { box-shadow: none !important; } .lg\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .lg\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .lg\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } @media screen and (min-width: 1200px) { .xl\:shadow-none { box-shadow: none !important; } .xl\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .xl\:focus\:shadow-none:focus { box-shadow: none !important; } .xl\:hover\:shadow-none:hover { box-shadow: none !important; } .xl\:active\:shadow-none:active { box-shadow: none !important; } .xl\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .xl\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .xl\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } .border-none { border-width: 0px !important; border-style: none; } .border-1 { border-width: 1px !important; border-style: solid; } .border-2 { border-width: 2px !important; border-style: solid; } .border-3 { border-width: 3px !important; border-style: solid; } .border-top-none { border-top-width: 0px !important; border-top-style: none; } .border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .border-right-none { border-right-width: 0px !important; border-right-style: none; } .border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .border-left-none { border-left-width: 0px !important; border-left-style: none; } .border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } @media screen and (min-width: 576px) { .sm\:border-none { border-width: 0px !important; border-style: none; } .sm\:border-1 { border-width: 1px !important; border-style: solid; } .sm\:border-2 { border-width: 2px !important; border-style: solid; } .sm\:border-3 { border-width: 3px !important; border-style: solid; } .sm\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .sm\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .sm\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .sm\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .sm\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .sm\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .sm\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .sm\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .sm\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .sm\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .sm\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .sm\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .sm\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .sm\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .sm\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .sm\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .sm\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .sm\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .sm\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .sm\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .sm\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .sm\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .sm\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .sm\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } @media screen and (min-width: 768px) { .md\:border-none { border-width: 0px !important; border-style: none; } .md\:border-1 { border-width: 1px !important; border-style: solid; } .md\:border-2 { border-width: 2px !important; border-style: solid; } .md\:border-3 { border-width: 3px !important; border-style: solid; } .md\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .md\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .md\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .md\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .md\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .md\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .md\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .md\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .md\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .md\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .md\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .md\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .md\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .md\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .md\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .md\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .md\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .md\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .md\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .md\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .md\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .md\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .md\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .md\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } @media screen and (min-width: 992px) { .lg\:border-none { border-width: 0px !important; border-style: none; } .lg\:border-1 { border-width: 1px !important; border-style: solid; } .lg\:border-2 { border-width: 2px !important; border-style: solid; } .lg\:border-3 { border-width: 3px !important; border-style: solid; } .lg\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .lg\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .lg\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .lg\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .lg\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .lg\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .lg\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .lg\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .lg\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .lg\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .lg\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .lg\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .lg\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .lg\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .lg\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .lg\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .lg\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .lg\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .lg\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .lg\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .lg\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .lg\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .lg\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .lg\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } @media screen and (min-width: 1200px) { .xl\:border-none { border-width: 0px !important; border-style: none; } .xl\:border-1 { border-width: 1px !important; border-style: solid; } .xl\:border-2 { border-width: 2px !important; border-style: solid; } .xl\:border-3 { border-width: 3px !important; border-style: solid; } .xl\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .xl\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .xl\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .xl\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .xl\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .xl\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .xl\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .xl\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .xl\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .xl\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .xl\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .xl\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .xl\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .xl\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .xl\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .xl\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .xl\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .xl\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .xl\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .xl\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .xl\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .xl\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .xl\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .xl\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } .border-solid { border-style: solid !important; } .border-dashed { border-style: dashed !important; } .border-dotted { border-style: dotted !important; } .border-double { border-style: double !important; } @media screen and (min-width: 576px) { .sm\:border-solid { border-style: solid !important; } .sm\:border-dashed { border-style: dashed !important; } .sm\:border-dotted { border-style: dotted !important; } .sm\:border-double { border-style: double !important; } } @media screen and (min-width: 768px) { .md\:border-solid { border-style: solid !important; } .md\:border-dashed { border-style: dashed !important; } .md\:border-dotted { border-style: dotted !important; } .md\:border-double { border-style: double !important; } } @media screen and (min-width: 992px) { .lg\:border-solid { border-style: solid !important; } .lg\:border-dashed { border-style: dashed !important; } .lg\:border-dotted { border-style: dotted !important; } .lg\:border-double { border-style: double !important; } } @media screen and (min-width: 1200px) { .xl\:border-solid { border-style: solid !important; } .xl\:border-dashed { border-style: dashed !important; } .xl\:border-dotted { border-style: dotted !important; } .xl\:border-double { border-style: double !important; } } .border-noround { border-radius: 0 !important; } .border-round { border-radius: var(--border-radius) !important; } .border-round-xs { border-radius: 0.125rem !important; } .border-round-sm { border-radius: 0.25rem !important; } .border-round-md { border-radius: 0.375rem !important; } .border-round-lg { border-radius: 0.5rem !important; } .border-round-xl { border-radius: 0.75rem !important; } .border-round-2xl { border-radius: 1rem !important; } .border-round-3xl { border-radius: 1.5rem !important; } .border-circle { border-radius: 50% !important; } @media screen and (min-width: 576px) { .sm\:border-noround { border-radius: 0 !important; } .sm\:border-round { border-radius: var(--border-radius) !important; } .sm\:border-round-xs { border-radius: 0.125rem !important; } .sm\:border-round-sm { border-radius: 0.25rem !important; } .sm\:border-round-md { border-radius: 0.375rem !important; } .sm\:border-round-lg { border-radius: 0.5rem !important; } .sm\:border-round-xl { border-radius: 0.75rem !important; } .sm\:border-round-2xl { border-radius: 1rem !important; } .sm\:border-round-3xl { border-radius: 1.5rem !important; } .sm\:border-circle { border-radius: 50% !important; } } @media screen and (min-width: 768px) { .md\:border-noround { border-radius: 0 !important; } .md\:border-round { border-radius: var(--border-radius) !important; } .md\:border-round-xs { border-radius: 0.125rem !important; } .md\:border-round-sm { border-radius: 0.25rem !important; } .md\:border-round-md { border-radius: 0.375rem !important; } .md\:border-round-lg { border-radius: 0.5rem !important; } .md\:border-round-xl { border-radius: 0.75rem !important; } .md\:border-round-2xl { border-radius: 1rem !important; } .md\:border-round-3xl { border-radius: 1.5rem !important; } .md\:border-circle { border-radius: 50% !important; } } @media screen and (min-width: 992px) { .lg\:border-noround { border-radius: 0 !important; } .lg\:border-round { border-radius: var(--border-radius) !important; } .lg\:border-round-xs { border-radius: 0.125rem !important; } .lg\:border-round-sm { border-radius: 0.25rem !important; } .lg\:border-round-md { border-radius: 0.375rem !important; } .lg\:border-round-lg { border-radius: 0.5rem !important; } .lg\:border-round-xl { border-radius: 0.75rem !important; } .lg\:border-round-2xl { border-radius: 1rem !important; } .lg\:border-round-3xl { border-radius: 1.5rem !important; } .lg\:border-circle { border-radius: 50% !important; } } @media screen and (min-width: 1200px) { .xl\:border-noround { border-radius: 0 !important; } .xl\:border-round { border-radius: var(--border-radius) !important; } .xl\:border-round-xs { border-radius: 0.125rem !important; } .xl\:border-round-sm { border-radius: 0.25rem !important; } .xl\:border-round-md { border-radius: 0.375rem !important; } .xl\:border-round-lg { border-radius: 0.5rem !important; } .xl\:border-round-xl { border-radius: 0.75rem !important; } .xl\:border-round-2xl { border-radius: 1rem !important; } .xl\:border-round-3xl { border-radius: 1.5rem !important; } .xl\:border-circle { border-radius: 50% !important; } } .border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } @media screen and (min-width: 576px) { .sm\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .sm\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .sm\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .sm\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .sm\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .sm\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .sm\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .sm\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .sm\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .sm\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .sm\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .sm\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .sm\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .sm\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .sm\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .sm\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .sm\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .sm\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .sm\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .sm\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .sm\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .sm\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .sm\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .sm\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .sm\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .sm\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .sm\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .sm\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .sm\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .sm\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .sm\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .sm\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .sm\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .sm\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .sm\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .sm\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .sm\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .sm\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .sm\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .sm\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } @media screen and (min-width: 768px) { .md\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .md\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .md\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .md\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .md\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .md\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .md\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .md\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .md\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .md\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .md\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .md\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .md\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .md\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .md\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .md\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .md\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .md\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .md\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .md\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .md\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .md\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .md\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .md\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .md\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .md\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .md\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .md\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .md\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .md\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .md\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .md\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .md\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .md\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .md\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .md\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .md\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .md\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .md\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .md\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } @media screen and (min-width: 992px) { .lg\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .lg\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .lg\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .lg\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .lg\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .lg\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .lg\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .lg\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .lg\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .lg\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .lg\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .lg\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .lg\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .lg\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .lg\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .lg\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .lg\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .lg\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .lg\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .lg\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .lg\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .lg\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .lg\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .lg\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .lg\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .lg\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .lg\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .lg\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .lg\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .lg\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .lg\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .lg\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .lg\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .lg\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .lg\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .lg\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .lg\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .lg\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .lg\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .lg\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } @media screen and (min-width: 1200px) { .xl\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .xl\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .xl\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .xl\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .xl\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .xl\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .xl\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .xl\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .xl\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .xl\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .xl\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .xl\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .xl\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .xl\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .xl\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .xl\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .xl\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .xl\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .xl\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .xl\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .xl\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .xl\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .xl\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .xl\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .xl\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .xl\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .xl\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .xl\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .xl\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .xl\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .xl\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .xl\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .xl\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .xl\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .xl\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .xl\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .xl\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .xl\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .xl\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .xl\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } .w-full { width: 100% !important; } .w-screen { width: 100vw !important; } .w-auto { width: auto !important; } .w-1 { width: 8.3333% !important; } .w-2 { width: 16.6667% !important; } .w-3 { width: 25% !important; } .w-4 { width: 33.3333% !important; } .w-5 { width: 41.6667% !important; } .w-6 { width: 50% !important; } .w-7 { width: 58.3333% !important; } .w-8 { width: 66.6667% !important; } .w-9 { width: 75% !important; } .w-10 { width: 83.3333% !important; } .w-11 { width: 91.6667% !important; } .w-12 { width: 100% !important; } .w-min { width: min-content !important; } .w-max { width: max-content !important; } .w-fit { width: -moz-fit-content !important; width: fit-content !important; } .w-1rem { width: 1rem !important; } .w-2rem { width: 2rem !important; } .w-3rem { width: 3rem !important; } .w-4rem { width: 4rem !important; } .w-5rem { width: 5rem !important; } .w-6rem { width: 6rem !important; } .w-7rem { width: 7rem !important; } .w-8rem { width: 8rem !important; } .w-9rem { width: 9rem !important; } .w-10rem { width: 10rem !important; } .w-11rem { width: 11rem !important; } .w-12rem { width: 12rem !important; } .w-13rem { width: 13rem !important; } .w-14rem { width: 14rem !important; } .w-15rem { width: 15rem !important; } .w-16rem { width: 16rem !important; } .w-17rem { width: 17rem !important; } .w-18rem { width: 18rem !important; } .w-19rem { width: 19rem !important; } .w-20rem { width: 20rem !important; } .w-21rem { width: 21rem !important; } .w-22rem { width: 22rem !important; } .w-23rem { width: 23rem !important; } .w-24rem { width: 24rem !important; } .w-25rem { width: 25rem !important; } .w-26rem { width: 26rem !important; } .w-27rem { width: 27rem !important; } .w-28rem { width: 28rem !important; } .w-29rem { width: 29rem !important; } .w-30rem { width: 30rem !important; } @media screen and (min-width: 576px) { .sm\:w-full { width: 100% !important; } .sm\:w-screen { width: 100vw !important; } .sm\:w-auto { width: auto !important; } .sm\:w-1 { width: 8.3333% !important; } .sm\:w-2 { width: 16.6667% !important; } .sm\:w-3 { width: 25% !important; } .sm\:w-4 { width: 33.3333% !important; } .sm\:w-5 { width: 41.6667% !important; } .sm\:w-6 { width: 50% !important; } .sm\:w-7 { width: 58.3333% !important; } .sm\:w-8 { width: 66.6667% !important; } .sm\:w-9 { width: 75% !important; } .sm\:w-10 { width: 83.3333% !important; } .sm\:w-11 { width: 91.6667% !important; } .sm\:w-12 { width: 100% !important; } .sm\:w-min { width: min-content !important; } .sm\:w-max { width: max-content !important; } .sm\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .sm\:w-1rem { width: 1rem !important; } .sm\:w-2rem { width: 2rem !important; } .sm\:w-3rem { width: 3rem !important; } .sm\:w-4rem { width: 4rem !important; } .sm\:w-5rem { width: 5rem !important; } .sm\:w-6rem { width: 6rem !important; } .sm\:w-7rem { width: 7rem !important; } .sm\:w-8rem { width: 8rem !important; } .sm\:w-9rem { width: 9rem !important; } .sm\:w-10rem { width: 10rem !important; } .sm\:w-11rem { width: 11rem !important; } .sm\:w-12rem { width: 12rem !important; } .sm\:w-13rem { width: 13rem !important; } .sm\:w-14rem { width: 14rem !important; } .sm\:w-15rem { width: 15rem !important; } .sm\:w-16rem { width: 16rem !important; } .sm\:w-17rem { width: 17rem !important; } .sm\:w-18rem { width: 18rem !important; } .sm\:w-19rem { width: 19rem !important; } .sm\:w-20rem { width: 20rem !important; } .sm\:w-21rem { width: 21rem !important; } .sm\:w-22rem { width: 22rem !important; } .sm\:w-23rem { width: 23rem !important; } .sm\:w-24rem { width: 24rem !important; } .sm\:w-25rem { width: 25rem !important; } .sm\:w-26rem { width: 26rem !important; } .sm\:w-27rem { width: 27rem !important; } .sm\:w-28rem { width: 28rem !important; } .sm\:w-29rem { width: 29rem !important; } .sm\:w-30rem { width: 30rem !important; } } @media screen and (min-width: 768px) { .md\:w-full { width: 100% !important; } .md\:w-screen { width: 100vw !important; } .md\:w-auto { width: auto !important; } .md\:w-1 { width: 8.3333% !important; } .md\:w-2 { width: 16.6667% !important; } .md\:w-3 { width: 25% !important; } .md\:w-4 { width: 33.3333% !important; } .md\:w-5 { width: 41.6667% !important; } .md\:w-6 { width: 50% !important; } .md\:w-7 { width: 58.3333% !important; } .md\:w-8 { width: 66.6667% !important; } .md\:w-9 { width: 75% !important; } .md\:w-10 { width: 83.3333% !important; } .md\:w-11 { width: 91.6667% !important; } .md\:w-12 { width: 100% !important; } .md\:w-min { width: min-content !important; } .md\:w-max { width: max-content !important; } .md\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .md\:w-1rem { width: 1rem !important; } .md\:w-2rem { width: 2rem !important; } .md\:w-3rem { width: 3rem !important; } .md\:w-4rem { width: 4rem !important; } .md\:w-5rem { width: 5rem !important; } .md\:w-6rem { width: 6rem !important; } .md\:w-7rem { width: 7rem !important; } .md\:w-8rem { width: 8rem !important; } .md\:w-9rem { width: 9rem !important; } .md\:w-10rem { width: 10rem !important; } .md\:w-11rem { width: 11rem !important; } .md\:w-12rem { width: 12rem !important; } .md\:w-13rem { width: 13rem !important; } .md\:w-14rem { width: 14rem !important; } .md\:w-15rem { width: 15rem !important; } .md\:w-16rem { width: 16rem !important; } .md\:w-17rem { width: 17rem !important; } .md\:w-18rem { width: 18rem !important; } .md\:w-19rem { width: 19rem !important; } .md\:w-20rem { width: 20rem !important; } .md\:w-21rem { width: 21rem !important; } .md\:w-22rem { width: 22rem !important; } .md\:w-23rem { width: 23rem !important; } .md\:w-24rem { width: 24rem !important; } .md\:w-25rem { width: 25rem !important; } .md\:w-26rem { width: 26rem !important; } .md\:w-27rem { width: 27rem !important; } .md\:w-28rem { width: 28rem !important; } .md\:w-29rem { width: 29rem !important; } .md\:w-30rem { width: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:w-full { width: 100% !important; } .lg\:w-screen { width: 100vw !important; } .lg\:w-auto { width: auto !important; } .lg\:w-1 { width: 8.3333% !important; } .lg\:w-2 { width: 16.6667% !important; } .lg\:w-3 { width: 25% !important; } .lg\:w-4 { width: 33.3333% !important; } .lg\:w-5 { width: 41.6667% !important; } .lg\:w-6 { width: 50% !important; } .lg\:w-7 { width: 58.3333% !important; } .lg\:w-8 { width: 66.6667% !important; } .lg\:w-9 { width: 75% !important; } .lg\:w-10 { width: 83.3333% !important; } .lg\:w-11 { width: 91.6667% !important; } .lg\:w-12 { width: 100% !important; } .lg\:w-min { width: min-content !important; } .lg\:w-max { width: max-content !important; } .lg\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .lg\:w-1rem { width: 1rem !important; } .lg\:w-2rem { width: 2rem !important; } .lg\:w-3rem { width: 3rem !important; } .lg\:w-4rem { width: 4rem !important; } .lg\:w-5rem { width: 5rem !important; } .lg\:w-6rem { width: 6rem !important; } .lg\:w-7rem { width: 7rem !important; } .lg\:w-8rem { width: 8rem !important; } .lg\:w-9rem { width: 9rem !important; } .lg\:w-10rem { width: 10rem !important; } .lg\:w-11rem { width: 11rem !important; } .lg\:w-12rem { width: 12rem !important; } .lg\:w-13rem { width: 13rem !important; } .lg\:w-14rem { width: 14rem !important; } .lg\:w-15rem { width: 15rem !important; } .lg\:w-16rem { width: 16rem !important; } .lg\:w-17rem { width: 17rem !important; } .lg\:w-18rem { width: 18rem !important; } .lg\:w-19rem { width: 19rem !important; } .lg\:w-20rem { width: 20rem !important; } .lg\:w-21rem { width: 21rem !important; } .lg\:w-22rem { width: 22rem !important; } .lg\:w-23rem { width: 23rem !important; } .lg\:w-24rem { width: 24rem !important; } .lg\:w-25rem { width: 25rem !important; } .lg\:w-26rem { width: 26rem !important; } .lg\:w-27rem { width: 27rem !important; } .lg\:w-28rem { width: 28rem !important; } .lg\:w-29rem { width: 29rem !important; } .lg\:w-30rem { width: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:w-full { width: 100% !important; } .xl\:w-screen { width: 100vw !important; } .xl\:w-auto { width: auto !important; } .xl\:w-1 { width: 8.3333% !important; } .xl\:w-2 { width: 16.6667% !important; } .xl\:w-3 { width: 25% !important; } .xl\:w-4 { width: 33.3333% !important; } .xl\:w-5 { width: 41.6667% !important; } .xl\:w-6 { width: 50% !important; } .xl\:w-7 { width: 58.3333% !important; } .xl\:w-8 { width: 66.6667% !important; } .xl\:w-9 { width: 75% !important; } .xl\:w-10 { width: 83.3333% !important; } .xl\:w-11 { width: 91.6667% !important; } .xl\:w-12 { width: 100% !important; } .xl\:w-min { width: min-content !important; } .xl\:w-max { width: max-content !important; } .xl\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .xl\:w-1rem { width: 1rem !important; } .xl\:w-2rem { width: 2rem !important; } .xl\:w-3rem { width: 3rem !important; } .xl\:w-4rem { width: 4rem !important; } .xl\:w-5rem { width: 5rem !important; } .xl\:w-6rem { width: 6rem !important; } .xl\:w-7rem { width: 7rem !important; } .xl\:w-8rem { width: 8rem !important; } .xl\:w-9rem { width: 9rem !important; } .xl\:w-10rem { width: 10rem !important; } .xl\:w-11rem { width: 11rem !important; } .xl\:w-12rem { width: 12rem !important; } .xl\:w-13rem { width: 13rem !important; } .xl\:w-14rem { width: 14rem !important; } .xl\:w-15rem { width: 15rem !important; } .xl\:w-16rem { width: 16rem !important; } .xl\:w-17rem { width: 17rem !important; } .xl\:w-18rem { width: 18rem !important; } .xl\:w-19rem { width: 19rem !important; } .xl\:w-20rem { width: 20rem !important; } .xl\:w-21rem { width: 21rem !important; } .xl\:w-22rem { width: 22rem !important; } .xl\:w-23rem { width: 23rem !important; } .xl\:w-24rem { width: 24rem !important; } .xl\:w-25rem { width: 25rem !important; } .xl\:w-26rem { width: 26rem !important; } .xl\:w-27rem { width: 27rem !important; } .xl\:w-28rem { width: 28rem !important; } .xl\:w-29rem { width: 29rem !important; } .xl\:w-30rem { width: 30rem !important; } } .h-full { height: 100% !important; } .h-screen { height: 100vh !important; } .h-auto { height: auto !important; } .h-min { height: min-content !important; } .h-max { height: max-content !important; } .h-fit { height: -moz-fit-content !important; height: fit-content !important; } .h-1rem { height: 1rem !important; } .h-2rem { height: 2rem !important; } .h-3rem { height: 3rem !important; } .h-4rem { height: 4rem !important; } .h-5rem { height: 5rem !important; } .h-6rem { height: 6rem !important; } .h-7rem { height: 7rem !important; } .h-8rem { height: 8rem !important; } .h-9rem { height: 9rem !important; } .h-10rem { height: 10rem !important; } .h-11rem { height: 11rem !important; } .h-12rem { height: 12rem !important; } .h-13rem { height: 13rem !important; } .h-14rem { height: 14rem !important; } .h-15rem { height: 15rem !important; } .h-16rem { height: 16rem !important; } .h-17rem { height: 17rem !important; } .h-18rem { height: 18rem !important; } .h-19rem { height: 19rem !important; } .h-20rem { height: 20rem !important; } .h-21rem { height: 21rem !important; } .h-22rem { height: 22rem !important; } .h-23rem { height: 23rem !important; } .h-24rem { height: 24rem !important; } .h-25rem { height: 25rem !important; } .h-26rem { height: 26rem !important; } .h-27rem { height: 27rem !important; } .h-28rem { height: 28rem !important; } .h-29rem { height: 29rem !important; } .h-30rem { height: 30rem !important; } @media screen and (min-width: 576px) { .sm\:h-full { height: 100% !important; } .sm\:h-screen { height: 100vh !important; } .sm\:h-auto { height: auto !important; } .sm\:h-min { height: min-content !important; } .sm\:h-max { height: max-content !important; } .sm\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .sm\:h-1rem { height: 1rem !important; } .sm\:h-2rem { height: 2rem !important; } .sm\:h-3rem { height: 3rem !important; } .sm\:h-4rem { height: 4rem !important; } .sm\:h-5rem { height: 5rem !important; } .sm\:h-6rem { height: 6rem !important; } .sm\:h-7rem { height: 7rem !important; } .sm\:h-8rem { height: 8rem !important; } .sm\:h-9rem { height: 9rem !important; } .sm\:h-10rem { height: 10rem !important; } .sm\:h-11rem { height: 11rem !important; } .sm\:h-12rem { height: 12rem !important; } .sm\:h-13rem { height: 13rem !important; } .sm\:h-14rem { height: 14rem !important; } .sm\:h-15rem { height: 15rem !important; } .sm\:h-16rem { height: 16rem !important; } .sm\:h-17rem { height: 17rem !important; } .sm\:h-18rem { height: 18rem !important; } .sm\:h-19rem { height: 19rem !important; } .sm\:h-20rem { height: 20rem !important; } .sm\:h-21rem { height: 21rem !important; } .sm\:h-22rem { height: 22rem !important; } .sm\:h-23rem { height: 23rem !important; } .sm\:h-24rem { height: 24rem !important; } .sm\:h-25rem { height: 25rem !important; } .sm\:h-26rem { height: 26rem !important; } .sm\:h-27rem { height: 27rem !important; } .sm\:h-28rem { height: 28rem !important; } .sm\:h-29rem { height: 29rem !important; } .sm\:h-30rem { height: 30rem !important; } } @media screen and (min-width: 768px) { .md\:h-full { height: 100% !important; } .md\:h-screen { height: 100vh !important; } .md\:h-auto { height: auto !important; } .md\:h-min { height: min-content !important; } .md\:h-max { height: max-content !important; } .md\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .md\:h-1rem { height: 1rem !important; } .md\:h-2rem { height: 2rem !important; } .md\:h-3rem { height: 3rem !important; } .md\:h-4rem { height: 4rem !important; } .md\:h-5rem { height: 5rem !important; } .md\:h-6rem { height: 6rem !important; } .md\:h-7rem { height: 7rem !important; } .md\:h-8rem { height: 8rem !important; } .md\:h-9rem { height: 9rem !important; } .md\:h-10rem { height: 10rem !important; } .md\:h-11rem { height: 11rem !important; } .md\:h-12rem { height: 12rem !important; } .md\:h-13rem { height: 13rem !important; } .md\:h-14rem { height: 14rem !important; } .md\:h-15rem { height: 15rem !important; } .md\:h-16rem { height: 16rem !important; } .md\:h-17rem { height: 17rem !important; } .md\:h-18rem { height: 18rem !important; } .md\:h-19rem { height: 19rem !important; } .md\:h-20rem { height: 20rem !important; } .md\:h-21rem { height: 21rem !important; } .md\:h-22rem { height: 22rem !important; } .md\:h-23rem { height: 23rem !important; } .md\:h-24rem { height: 24rem !important; } .md\:h-25rem { height: 25rem !important; } .md\:h-26rem { height: 26rem !important; } .md\:h-27rem { height: 27rem !important; } .md\:h-28rem { height: 28rem !important; } .md\:h-29rem { height: 29rem !important; } .md\:h-30rem { height: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:h-full { height: 100% !important; } .lg\:h-screen { height: 100vh !important; } .lg\:h-auto { height: auto !important; } .lg\:h-min { height: min-content !important; } .lg\:h-max { height: max-content !important; } .lg\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .lg\:h-1rem { height: 1rem !important; } .lg\:h-2rem { height: 2rem !important; } .lg\:h-3rem { height: 3rem !important; } .lg\:h-4rem { height: 4rem !important; } .lg\:h-5rem { height: 5rem !important; } .lg\:h-6rem { height: 6rem !important; } .lg\:h-7rem { height: 7rem !important; } .lg\:h-8rem { height: 8rem !important; } .lg\:h-9rem { height: 9rem !important; } .lg\:h-10rem { height: 10rem !important; } .lg\:h-11rem { height: 11rem !important; } .lg\:h-12rem { height: 12rem !important; } .lg\:h-13rem { height: 13rem !important; } .lg\:h-14rem { height: 14rem !important; } .lg\:h-15rem { height: 15rem !important; } .lg\:h-16rem { height: 16rem !important; } .lg\:h-17rem { height: 17rem !important; } .lg\:h-18rem { height: 18rem !important; } .lg\:h-19rem { height: 19rem !important; } .lg\:h-20rem { height: 20rem !important; } .lg\:h-21rem { height: 21rem !important; } .lg\:h-22rem { height: 22rem !important; } .lg\:h-23rem { height: 23rem !important; } .lg\:h-24rem { height: 24rem !important; } .lg\:h-25rem { height: 25rem !important; } .lg\:h-26rem { height: 26rem !important; } .lg\:h-27rem { height: 27rem !important; } .lg\:h-28rem { height: 28rem !important; } .lg\:h-29rem { height: 29rem !important; } .lg\:h-30rem { height: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:h-full { height: 100% !important; } .xl\:h-screen { height: 100vh !important; } .xl\:h-auto { height: auto !important; } .xl\:h-min { height: min-content !important; } .xl\:h-max { height: max-content !important; } .xl\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .xl\:h-1rem { height: 1rem !important; } .xl\:h-2rem { height: 2rem !important; } .xl\:h-3rem { height: 3rem !important; } .xl\:h-4rem { height: 4rem !important; } .xl\:h-5rem { height: 5rem !important; } .xl\:h-6rem { height: 6rem !important; } .xl\:h-7rem { height: 7rem !important; } .xl\:h-8rem { height: 8rem !important; } .xl\:h-9rem { height: 9rem !important; } .xl\:h-10rem { height: 10rem !important; } .xl\:h-11rem { height: 11rem !important; } .xl\:h-12rem { height: 12rem !important; } .xl\:h-13rem { height: 13rem !important; } .xl\:h-14rem { height: 14rem !important; } .xl\:h-15rem { height: 15rem !important; } .xl\:h-16rem { height: 16rem !important; } .xl\:h-17rem { height: 17rem !important; } .xl\:h-18rem { height: 18rem !important; } .xl\:h-19rem { height: 19rem !important; } .xl\:h-20rem { height: 20rem !important; } .xl\:h-21rem { height: 21rem !important; } .xl\:h-22rem { height: 22rem !important; } .xl\:h-23rem { height: 23rem !important; } .xl\:h-24rem { height: 24rem !important; } .xl\:h-25rem { height: 25rem !important; } .xl\:h-26rem { height: 26rem !important; } .xl\:h-27rem { height: 27rem !important; } .xl\:h-28rem { height: 28rem !important; } .xl\:h-29rem { height: 29rem !important; } .xl\:h-30rem { height: 30rem !important; } } .min-w-0 { min-width: 0px !important; } .min-w-full { min-width: 100% !important; } .min-w-screen { min-width: 100vw !important; } .min-w-min { min-width: min-content !important; } .min-w-max { min-width: max-content !important; } @media screen and (min-width: 576px) { .sm\:min-w-0 { min-width: 0px !important; } .sm\:min-w-full { min-width: 100% !important; } .sm\:min-w-screen { min-width: 100vw !important; } .sm\:min-w-min { min-width: min-content !important; } .sm\:min-w-max { min-width: max-content !important; } } @media screen and (min-width: 768px) { .md\:min-w-0 { min-width: 0px !important; } .md\:min-w-full { min-width: 100% !important; } .md\:min-w-screen { min-width: 100vw !important; } .md\:min-w-min { min-width: min-content !important; } .md\:min-w-max { min-width: max-content !important; } } @media screen and (min-width: 992px) { .lg\:min-w-0 { min-width: 0px !important; } .lg\:min-w-full { min-width: 100% !important; } .lg\:min-w-screen { min-width: 100vw !important; } .lg\:min-w-min { min-width: min-content !important; } .lg\:min-w-max { min-width: max-content !important; } } @media screen and (min-width: 1200px) { .xl\:min-w-0 { min-width: 0px !important; } .xl\:min-w-full { min-width: 100% !important; } .xl\:min-w-screen { min-width: 100vw !important; } .xl\:min-w-min { min-width: min-content !important; } .xl\:min-w-max { min-width: max-content !important; } } .max-w-0 { max-width: 0px !important; } .max-w-full { max-width: 100% !important; } .max-w-screen { max-width: 100vw !important; } .max-w-min { max-width: min-content !important; } .max-w-max { max-width: max-content !important; } .max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .max-w-1rem { max-width: 1rem !important; } .max-w-2rem { max-width: 2rem !important; } .max-w-3rem { max-width: 3rem !important; } .max-w-4rem { max-width: 4rem !important; } .max-w-5rem { max-width: 5rem !important; } .max-w-6rem { max-width: 6rem !important; } .max-w-7rem { max-width: 7rem !important; } .max-w-8rem { max-width: 8rem !important; } .max-w-9rem { max-width: 9rem !important; } .max-w-10rem { max-width: 10rem !important; } .max-w-11rem { max-width: 11rem !important; } .max-w-12rem { max-width: 12rem !important; } .max-w-13rem { max-width: 13rem !important; } .max-w-14rem { max-width: 14rem !important; } .max-w-15rem { max-width: 15rem !important; } .max-w-16rem { max-width: 16rem !important; } .max-w-17rem { max-width: 17rem !important; } .max-w-18rem { max-width: 18rem !important; } .max-w-19rem { max-width: 19rem !important; } .max-w-20rem { max-width: 20rem !important; } .max-w-21rem { max-width: 21rem !important; } .max-w-22rem { max-width: 22rem !important; } .max-w-23rem { max-width: 23rem !important; } .max-w-24rem { max-width: 24rem !important; } .max-w-25rem { max-width: 25rem !important; } .max-w-26rem { max-width: 26rem !important; } .max-w-27rem { max-width: 27rem !important; } .max-w-28rem { max-width: 28rem !important; } .max-w-29rem { max-width: 29rem !important; } .max-w-30rem { max-width: 30rem !important; } @media screen and (min-width: 576px) { .sm\:max-w-0 { max-width: 0px !important; } .sm\:max-w-full { max-width: 100% !important; } .sm\:max-w-screen { max-width: 100vw !important; } .sm\:max-w-min { max-width: min-content !important; } .sm\:max-w-max { max-width: max-content !important; } .sm\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .sm\:max-w-1rem { max-width: 1rem !important; } .sm\:max-w-2rem { max-width: 2rem !important; } .sm\:max-w-3rem { max-width: 3rem !important; } .sm\:max-w-4rem { max-width: 4rem !important; } .sm\:max-w-5rem { max-width: 5rem !important; } .sm\:max-w-6rem { max-width: 6rem !important; } .sm\:max-w-7rem { max-width: 7rem !important; } .sm\:max-w-8rem { max-width: 8rem !important; } .sm\:max-w-9rem { max-width: 9rem !important; } .sm\:max-w-10rem { max-width: 10rem !important; } .sm\:max-w-11rem { max-width: 11rem !important; } .sm\:max-w-12rem { max-width: 12rem !important; } .sm\:max-w-13rem { max-width: 13rem !important; } .sm\:max-w-14rem { max-width: 14rem !important; } .sm\:max-w-15rem { max-width: 15rem !important; } .sm\:max-w-16rem { max-width: 16rem !important; } .sm\:max-w-17rem { max-width: 17rem !important; } .sm\:max-w-18rem { max-width: 18rem !important; } .sm\:max-w-19rem { max-width: 19rem !important; } .sm\:max-w-20rem { max-width: 20rem !important; } .sm\:max-w-21rem { max-width: 21rem !important; } .sm\:max-w-22rem { max-width: 22rem !important; } .sm\:max-w-23rem { max-width: 23rem !important; } .sm\:max-w-24rem { max-width: 24rem !important; } .sm\:max-w-25rem { max-width: 25rem !important; } .sm\:max-w-26rem { max-width: 26rem !important; } .sm\:max-w-27rem { max-width: 27rem !important; } .sm\:max-w-28rem { max-width: 28rem !important; } .sm\:max-w-29rem { max-width: 29rem !important; } .sm\:max-w-30rem { max-width: 30rem !important; } } @media screen and (min-width: 768px) { .md\:max-w-0 { max-width: 0px !important; } .md\:max-w-full { max-width: 100% !important; } .md\:max-w-screen { max-width: 100vw !important; } .md\:max-w-min { max-width: min-content !important; } .md\:max-w-max { max-width: max-content !important; } .md\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .md\:max-w-1rem { max-width: 1rem !important; } .md\:max-w-2rem { max-width: 2rem !important; } .md\:max-w-3rem { max-width: 3rem !important; } .md\:max-w-4rem { max-width: 4rem !important; } .md\:max-w-5rem { max-width: 5rem !important; } .md\:max-w-6rem { max-width: 6rem !important; } .md\:max-w-7rem { max-width: 7rem !important; } .md\:max-w-8rem { max-width: 8rem !important; } .md\:max-w-9rem { max-width: 9rem !important; } .md\:max-w-10rem { max-width: 10rem !important; } .md\:max-w-11rem { max-width: 11rem !important; } .md\:max-w-12rem { max-width: 12rem !important; } .md\:max-w-13rem { max-width: 13rem !important; } .md\:max-w-14rem { max-width: 14rem !important; } .md\:max-w-15rem { max-width: 15rem !important; } .md\:max-w-16rem { max-width: 16rem !important; } .md\:max-w-17rem { max-width: 17rem !important; } .md\:max-w-18rem { max-width: 18rem !important; } .md\:max-w-19rem { max-width: 19rem !important; } .md\:max-w-20rem { max-width: 20rem !important; } .md\:max-w-21rem { max-width: 21rem !important; } .md\:max-w-22rem { max-width: 22rem !important; } .md\:max-w-23rem { max-width: 23rem !important; } .md\:max-w-24rem { max-width: 24rem !important; } .md\:max-w-25rem { max-width: 25rem !important; } .md\:max-w-26rem { max-width: 26rem !important; } .md\:max-w-27rem { max-width: 27rem !important; } .md\:max-w-28rem { max-width: 28rem !important; } .md\:max-w-29rem { max-width: 29rem !important; } .md\:max-w-30rem { max-width: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:max-w-0 { max-width: 0px !important; } .lg\:max-w-full { max-width: 100% !important; } .lg\:max-w-screen { max-width: 100vw !important; } .lg\:max-w-min { max-width: min-content !important; } .lg\:max-w-max { max-width: max-content !important; } .lg\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .lg\:max-w-1rem { max-width: 1rem !important; } .lg\:max-w-2rem { max-width: 2rem !important; } .lg\:max-w-3rem { max-width: 3rem !important; } .lg\:max-w-4rem { max-width: 4rem !important; } .lg\:max-w-5rem { max-width: 5rem !important; } .lg\:max-w-6rem { max-width: 6rem !important; } .lg\:max-w-7rem { max-width: 7rem !important; } .lg\:max-w-8rem { max-width: 8rem !important; } .lg\:max-w-9rem { max-width: 9rem !important; } .lg\:max-w-10rem { max-width: 10rem !important; } .lg\:max-w-11rem { max-width: 11rem !important; } .lg\:max-w-12rem { max-width: 12rem !important; } .lg\:max-w-13rem { max-width: 13rem !important; } .lg\:max-w-14rem { max-width: 14rem !important; } .lg\:max-w-15rem { max-width: 15rem !important; } .lg\:max-w-16rem { max-width: 16rem !important; } .lg\:max-w-17rem { max-width: 17rem !important; } .lg\:max-w-18rem { max-width: 18rem !important; } .lg\:max-w-19rem { max-width: 19rem !important; } .lg\:max-w-20rem { max-width: 20rem !important; } .lg\:max-w-21rem { max-width: 21rem !important; } .lg\:max-w-22rem { max-width: 22rem !important; } .lg\:max-w-23rem { max-width: 23rem !important; } .lg\:max-w-24rem { max-width: 24rem !important; } .lg\:max-w-25rem { max-width: 25rem !important; } .lg\:max-w-26rem { max-width: 26rem !important; } .lg\:max-w-27rem { max-width: 27rem !important; } .lg\:max-w-28rem { max-width: 28rem !important; } .lg\:max-w-29rem { max-width: 29rem !important; } .lg\:max-w-30rem { max-width: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:max-w-0 { max-width: 0px !important; } .xl\:max-w-full { max-width: 100% !important; } .xl\:max-w-screen { max-width: 100vw !important; } .xl\:max-w-min { max-width: min-content !important; } .xl\:max-w-max { max-width: max-content !important; } .xl\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .xl\:max-w-1rem { max-width: 1rem !important; } .xl\:max-w-2rem { max-width: 2rem !important; } .xl\:max-w-3rem { max-width: 3rem !important; } .xl\:max-w-4rem { max-width: 4rem !important; } .xl\:max-w-5rem { max-width: 5rem !important; } .xl\:max-w-6rem { max-width: 6rem !important; } .xl\:max-w-7rem { max-width: 7rem !important; } .xl\:max-w-8rem { max-width: 8rem !important; } .xl\:max-w-9rem { max-width: 9rem !important; } .xl\:max-w-10rem { max-width: 10rem !important; } .xl\:max-w-11rem { max-width: 11rem !important; } .xl\:max-w-12rem { max-width: 12rem !important; } .xl\:max-w-13rem { max-width: 13rem !important; } .xl\:max-w-14rem { max-width: 14rem !important; } .xl\:max-w-15rem { max-width: 15rem !important; } .xl\:max-w-16rem { max-width: 16rem !important; } .xl\:max-w-17rem { max-width: 17rem !important; } .xl\:max-w-18rem { max-width: 18rem !important; } .xl\:max-w-19rem { max-width: 19rem !important; } .xl\:max-w-20rem { max-width: 20rem !important; } .xl\:max-w-21rem { max-width: 21rem !important; } .xl\:max-w-22rem { max-width: 22rem !important; } .xl\:max-w-23rem { max-width: 23rem !important; } .xl\:max-w-24rem { max-width: 24rem !important; } .xl\:max-w-25rem { max-width: 25rem !important; } .xl\:max-w-26rem { max-width: 26rem !important; } .xl\:max-w-27rem { max-width: 27rem !important; } .xl\:max-w-28rem { max-width: 28rem !important; } .xl\:max-w-29rem { max-width: 29rem !important; } .xl\:max-w-30rem { max-width: 30rem !important; } } .min-h-0 { min-height: 0px !important; } .min-h-full { min-height: 100% !important; } .min-h-screen { min-height: 100vh !important; } @media screen and (min-width: 576px) { .sm\:min-h-0 { min-height: 0px !important; } .sm\:min-h-full { min-height: 100% !important; } .sm\:min-h-screen { min-height: 100vh !important; } } @media screen and (min-width: 768px) { .md\:min-h-0 { min-height: 0px !important; } .md\:min-h-full { min-height: 100% !important; } .md\:min-h-screen { min-height: 100vh !important; } } @media screen and (min-width: 992px) { .lg\:min-h-0 { min-height: 0px !important; } .lg\:min-h-full { min-height: 100% !important; } .lg\:min-h-screen { min-height: 100vh !important; } } @media screen and (min-width: 1200px) { .xl\:min-h-0 { min-height: 0px !important; } .xl\:min-h-full { min-height: 100% !important; } .xl\:min-h-screen { min-height: 100vh !important; } } .max-h-0 { max-height: 0px !important; } .max-h-full { max-height: 100% !important; } .max-h-screen { max-height: 100vh !important; } .max-h-min { max-height: min-content !important; } .max-h-max { max-height: max-content !important; } .max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .max-h-1rem { max-height: 1rem !important; } .max-h-2rem { max-height: 2rem !important; } .max-h-3rem { max-height: 3rem !important; } .max-h-4rem { max-height: 4rem !important; } .max-h-5rem { max-height: 5rem !important; } .max-h-6rem { max-height: 6rem !important; } .max-h-7rem { max-height: 7rem !important; } .max-h-8rem { max-height: 8rem !important; } .max-h-9rem { max-height: 9rem !important; } .max-h-10rem { max-height: 10rem !important; } .max-h-11rem { max-height: 11rem !important; } .max-h-12rem { max-height: 12rem !important; } .max-h-13rem { max-height: 13rem !important; } .max-h-14rem { max-height: 14rem !important; } .max-h-15rem { max-height: 15rem !important; } .max-h-16rem { max-height: 16rem !important; } .max-h-17rem { max-height: 17rem !important; } .max-h-18rem { max-height: 18rem !important; } .max-h-19rem { max-height: 19rem !important; } .max-h-20rem { max-height: 20rem !important; } .max-h-21rem { max-height: 21rem !important; } .max-h-22rem { max-height: 22rem !important; } .max-h-23rem { max-height: 23rem !important; } .max-h-24rem { max-height: 24rem !important; } .max-h-25rem { max-height: 25rem !important; } .max-h-26rem { max-height: 26rem !important; } .max-h-27rem { max-height: 27rem !important; } .max-h-28rem { max-height: 28rem !important; } .max-h-29rem { max-height: 29rem !important; } .max-h-30rem { max-height: 30rem !important; } @media screen and (min-width: 576px) { .sm\:max-h-0 { max-height: 0px !important; } .sm\:max-h-full { max-height: 100% !important; } .sm\:max-h-screen { max-height: 100vh !important; } .sm\:max-h-min { max-height: min-content !important; } .sm\:max-h-max { max-height: max-content !important; } .sm\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .sm\:max-h-1rem { max-height: 1rem !important; } .sm\:max-h-2rem { max-height: 2rem !important; } .sm\:max-h-3rem { max-height: 3rem !important; } .sm\:max-h-4rem { max-height: 4rem !important; } .sm\:max-h-5rem { max-height: 5rem !important; } .sm\:max-h-6rem { max-height: 6rem !important; } .sm\:max-h-7rem { max-height: 7rem !important; } .sm\:max-h-8rem { max-height: 8rem !important; } .sm\:max-h-9rem { max-height: 9rem !important; } .sm\:max-h-10rem { max-height: 10rem !important; } .sm\:max-h-11rem { max-height: 11rem !important; } .sm\:max-h-12rem { max-height: 12rem !important; } .sm\:max-h-13rem { max-height: 13rem !important; } .sm\:max-h-14rem { max-height: 14rem !important; } .sm\:max-h-15rem { max-height: 15rem !important; } .sm\:max-h-16rem { max-height: 16rem !important; } .sm\:max-h-17rem { max-height: 17rem !important; } .sm\:max-h-18rem { max-height: 18rem !important; } .sm\:max-h-19rem { max-height: 19rem !important; } .sm\:max-h-20rem { max-height: 20rem !important; } .sm\:max-h-21rem { max-height: 21rem !important; } .sm\:max-h-22rem { max-height: 22rem !important; } .sm\:max-h-23rem { max-height: 23rem !important; } .sm\:max-h-24rem { max-height: 24rem !important; } .sm\:max-h-25rem { max-height: 25rem !important; } .sm\:max-h-26rem { max-height: 26rem !important; } .sm\:max-h-27rem { max-height: 27rem !important; } .sm\:max-h-28rem { max-height: 28rem !important; } .sm\:max-h-29rem { max-height: 29rem !important; } .sm\:max-h-30rem { max-height: 30rem !important; } } @media screen and (min-width: 768px) { .md\:max-h-0 { max-height: 0px !important; } .md\:max-h-full { max-height: 100% !important; } .md\:max-h-screen { max-height: 100vh !important; } .md\:max-h-min { max-height: min-content !important; } .md\:max-h-max { max-height: max-content !important; } .md\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .md\:max-h-1rem { max-height: 1rem !important; } .md\:max-h-2rem { max-height: 2rem !important; } .md\:max-h-3rem { max-height: 3rem !important; } .md\:max-h-4rem { max-height: 4rem !important; } .md\:max-h-5rem { max-height: 5rem !important; } .md\:max-h-6rem { max-height: 6rem !important; } .md\:max-h-7rem { max-height: 7rem !important; } .md\:max-h-8rem { max-height: 8rem !important; } .md\:max-h-9rem { max-height: 9rem !important; } .md\:max-h-10rem { max-height: 10rem !important; } .md\:max-h-11rem { max-height: 11rem !important; } .md\:max-h-12rem { max-height: 12rem !important; } .md\:max-h-13rem { max-height: 13rem !important; } .md\:max-h-14rem { max-height: 14rem !important; } .md\:max-h-15rem { max-height: 15rem !important; } .md\:max-h-16rem { max-height: 16rem !important; } .md\:max-h-17rem { max-height: 17rem !important; } .md\:max-h-18rem { max-height: 18rem !important; } .md\:max-h-19rem { max-height: 19rem !important; } .md\:max-h-20rem { max-height: 20rem !important; } .md\:max-h-21rem { max-height: 21rem !important; } .md\:max-h-22rem { max-height: 22rem !important; } .md\:max-h-23rem { max-height: 23rem !important; } .md\:max-h-24rem { max-height: 24rem !important; } .md\:max-h-25rem { max-height: 25rem !important; } .md\:max-h-26rem { max-height: 26rem !important; } .md\:max-h-27rem { max-height: 27rem !important; } .md\:max-h-28rem { max-height: 28rem !important; } .md\:max-h-29rem { max-height: 29rem !important; } .md\:max-h-30rem { max-height: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:max-h-0 { max-height: 0px !important; } .lg\:max-h-full { max-height: 100% !important; } .lg\:max-h-screen { max-height: 100vh !important; } .lg\:max-h-min { max-height: min-content !important; } .lg\:max-h-max { max-height: max-content !important; } .lg\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .lg\:max-h-1rem { max-height: 1rem !important; } .lg\:max-h-2rem { max-height: 2rem !important; } .lg\:max-h-3rem { max-height: 3rem !important; } .lg\:max-h-4rem { max-height: 4rem !important; } .lg\:max-h-5rem { max-height: 5rem !important; } .lg\:max-h-6rem { max-height: 6rem !important; } .lg\:max-h-7rem { max-height: 7rem !important; } .lg\:max-h-8rem { max-height: 8rem !important; } .lg\:max-h-9rem { max-height: 9rem !important; } .lg\:max-h-10rem { max-height: 10rem !important; } .lg\:max-h-11rem { max-height: 11rem !important; } .lg\:max-h-12rem { max-height: 12rem !important; } .lg\:max-h-13rem { max-height: 13rem !important; } .lg\:max-h-14rem { max-height: 14rem !important; } .lg\:max-h-15rem { max-height: 15rem !important; } .lg\:max-h-16rem { max-height: 16rem !important; } .lg\:max-h-17rem { max-height: 17rem !important; } .lg\:max-h-18rem { max-height: 18rem !important; } .lg\:max-h-19rem { max-height: 19rem !important; } .lg\:max-h-20rem { max-height: 20rem !important; } .lg\:max-h-21rem { max-height: 21rem !important; } .lg\:max-h-22rem { max-height: 22rem !important; } .lg\:max-h-23rem { max-height: 23rem !important; } .lg\:max-h-24rem { max-height: 24rem !important; } .lg\:max-h-25rem { max-height: 25rem !important; } .lg\:max-h-26rem { max-height: 26rem !important; } .lg\:max-h-27rem { max-height: 27rem !important; } .lg\:max-h-28rem { max-height: 28rem !important; } .lg\:max-h-29rem { max-height: 29rem !important; } .lg\:max-h-30rem { max-height: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:max-h-0 { max-height: 0px !important; } .xl\:max-h-full { max-height: 100% !important; } .xl\:max-h-screen { max-height: 100vh !important; } .xl\:max-h-min { max-height: min-content !important; } .xl\:max-h-max { max-height: max-content !important; } .xl\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .xl\:max-h-1rem { max-height: 1rem !important; } .xl\:max-h-2rem { max-height: 2rem !important; } .xl\:max-h-3rem { max-height: 3rem !important; } .xl\:max-h-4rem { max-height: 4rem !important; } .xl\:max-h-5rem { max-height: 5rem !important; } .xl\:max-h-6rem { max-height: 6rem !important; } .xl\:max-h-7rem { max-height: 7rem !important; } .xl\:max-h-8rem { max-height: 8rem !important; } .xl\:max-h-9rem { max-height: 9rem !important; } .xl\:max-h-10rem { max-height: 10rem !important; } .xl\:max-h-11rem { max-height: 11rem !important; } .xl\:max-h-12rem { max-height: 12rem !important; } .xl\:max-h-13rem { max-height: 13rem !important; } .xl\:max-h-14rem { max-height: 14rem !important; } .xl\:max-h-15rem { max-height: 15rem !important; } .xl\:max-h-16rem { max-height: 16rem !important; } .xl\:max-h-17rem { max-height: 17rem !important; } .xl\:max-h-18rem { max-height: 18rem !important; } .xl\:max-h-19rem { max-height: 19rem !important; } .xl\:max-h-20rem { max-height: 20rem !important; } .xl\:max-h-21rem { max-height: 21rem !important; } .xl\:max-h-22rem { max-height: 22rem !important; } .xl\:max-h-23rem { max-height: 23rem !important; } .xl\:max-h-24rem { max-height: 24rem !important; } .xl\:max-h-25rem { max-height: 25rem !important; } .xl\:max-h-26rem { max-height: 26rem !important; } .xl\:max-h-27rem { max-height: 27rem !important; } .xl\:max-h-28rem { max-height: 28rem !important; } .xl\:max-h-29rem { max-height: 29rem !important; } .xl\:max-h-30rem { max-height: 30rem !important; } } .static { position: static !important; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: sticky !important; } @media screen and (min-width: 576px) { .sm\:static { position: static !important; } .sm\:fixed { position: fixed !important; } .sm\:absolute { position: absolute !important; } .sm\:relative { position: relative !important; } .sm\:sticky { position: sticky !important; } } @media screen and (min-width: 768px) { .md\:static { position: static !important; } .md\:fixed { position: fixed !important; } .md\:absolute { position: absolute !important; } .md\:relative { position: relative !important; } .md\:sticky { position: sticky !important; } } @media screen and (min-width: 992px) { .lg\:static { position: static !important; } .lg\:fixed { position: fixed !important; } .lg\:absolute { position: absolute !important; } .lg\:relative { position: relative !important; } .lg\:sticky { position: sticky !important; } } @media screen and (min-width: 1200px) { .xl\:static { position: static !important; } .xl\:fixed { position: fixed !important; } .xl\:absolute { position: absolute !important; } .xl\:relative { position: relative !important; } .xl\:sticky { position: sticky !important; } } .top-auto { top: auto !important; } .top-0 { top: 0px !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } @media screen and (min-width: 576px) { .sm\:top-auto { top: auto !important; } .sm\:top-0 { top: 0px !important; } .sm\:top-50 { top: 50% !important; } .sm\:top-100 { top: 100% !important; } } @media screen and (min-width: 768px) { .md\:top-auto { top: auto !important; } .md\:top-0 { top: 0px !important; } .md\:top-50 { top: 50% !important; } .md\:top-100 { top: 100% !important; } } @media screen and (min-width: 992px) { .lg\:top-auto { top: auto !important; } .lg\:top-0 { top: 0px !important; } .lg\:top-50 { top: 50% !important; } .lg\:top-100 { top: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:top-auto { top: auto !important; } .xl\:top-0 { top: 0px !important; } .xl\:top-50 { top: 50% !important; } .xl\:top-100 { top: 100% !important; } } .left-auto { left: auto !important; } .left-0 { left: 0px !important; } .left-50 { left: 50% !important; } .left-100 { left: 100% !important; } @media screen and (min-width: 576px) { .sm\:left-auto { left: auto !important; } .sm\:left-0 { left: 0px !important; } .sm\:left-50 { left: 50% !important; } .sm\:left-100 { left: 100% !important; } } @media screen and (min-width: 768px) { .md\:left-auto { left: auto !important; } .md\:left-0 { left: 0px !important; } .md\:left-50 { left: 50% !important; } .md\:left-100 { left: 100% !important; } } @media screen and (min-width: 992px) { .lg\:left-auto { left: auto !important; } .lg\:left-0 { left: 0px !important; } .lg\:left-50 { left: 50% !important; } .lg\:left-100 { left: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:left-auto { left: auto !important; } .xl\:left-0 { left: 0px !important; } .xl\:left-50 { left: 50% !important; } .xl\:left-100 { left: 100% !important; } } .right-auto { right: auto !important; } .right-0 { right: 0px !important; } .right-50 { right: 50% !important; } .right-100 { right: 100% !important; } @media screen and (min-width: 576px) { .sm\:right-auto { right: auto !important; } .sm\:right-0 { right: 0px !important; } .sm\:right-50 { right: 50% !important; } .sm\:right-100 { right: 100% !important; } } @media screen and (min-width: 768px) { .md\:right-auto { right: auto !important; } .md\:right-0 { right: 0px !important; } .md\:right-50 { right: 50% !important; } .md\:right-100 { right: 100% !important; } } @media screen and (min-width: 992px) { .lg\:right-auto { right: auto !important; } .lg\:right-0 { right: 0px !important; } .lg\:right-50 { right: 50% !important; } .lg\:right-100 { right: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:right-auto { right: auto !important; } .xl\:right-0 { right: 0px !important; } .xl\:right-50 { right: 50% !important; } .xl\:right-100 { right: 100% !important; } } .bottom-auto { bottom: auto !important; } .bottom-0 { bottom: 0px !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } @media screen and (min-width: 576px) { .sm\:bottom-auto { bottom: auto !important; } .sm\:bottom-0 { bottom: 0px !important; } .sm\:bottom-50 { bottom: 50% !important; } .sm\:bottom-100 { bottom: 100% !important; } } @media screen and (min-width: 768px) { .md\:bottom-auto { bottom: auto !important; } .md\:bottom-0 { bottom: 0px !important; } .md\:bottom-50 { bottom: 50% !important; } .md\:bottom-100 { bottom: 100% !important; } } @media screen and (min-width: 992px) { .lg\:bottom-auto { bottom: auto !important; } .lg\:bottom-0 { bottom: 0px !important; } .lg\:bottom-50 { bottom: 50% !important; } .lg\:bottom-100 { bottom: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:bottom-auto { bottom: auto !important; } .xl\:bottom-0 { bottom: 0px !important; } .xl\:bottom-50 { bottom: 50% !important; } .xl\:bottom-100 { bottom: 100% !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } @media screen and (min-width: 576px) { .sm\:overflow-auto { overflow: auto !important; } .sm\:overflow-hidden { overflow: hidden !important; } .sm\:overflow-visible { overflow: visible !important; } .sm\:overflow-scroll { overflow: scroll !important; } } @media screen and (min-width: 768px) { .md\:overflow-auto { overflow: auto !important; } .md\:overflow-hidden { overflow: hidden !important; } .md\:overflow-visible { overflow: visible !important; } .md\:overflow-scroll { overflow: scroll !important; } } @media screen and (min-width: 992px) { .lg\:overflow-auto { overflow: auto !important; } .lg\:overflow-hidden { overflow: hidden !important; } .lg\:overflow-visible { overflow: visible !important; } .lg\:overflow-scroll { overflow: scroll !important; } } @media screen and (min-width: 1200px) { .xl\:overflow-auto { overflow: auto !important; } .xl\:overflow-hidden { overflow: hidden !important; } .xl\:overflow-visible { overflow: visible !important; } .xl\:overflow-scroll { overflow: scroll !important; } } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } @media screen and (min-width: 576px) { .sm\:overflow-x-auto { overflow-x: auto !important; } .sm\:overflow-x-hidden { overflow-x: hidden !important; } .sm\:overflow-x-visible { overflow-x: visible !important; } .sm\:overflow-x-scroll { overflow-x: scroll !important; } } @media screen and (min-width: 768px) { .md\:overflow-x-auto { overflow-x: auto !important; } .md\:overflow-x-hidden { overflow-x: hidden !important; } .md\:overflow-x-visible { overflow-x: visible !important; } .md\:overflow-x-scroll { overflow-x: scroll !important; } } @media screen and (min-width: 992px) { .lg\:overflow-x-auto { overflow-x: auto !important; } .lg\:overflow-x-hidden { overflow-x: hidden !important; } .lg\:overflow-x-visible { overflow-x: visible !important; } .lg\:overflow-x-scroll { overflow-x: scroll !important; } } @media screen and (min-width: 1200px) { .xl\:overflow-x-auto { overflow-x: auto !important; } .xl\:overflow-x-hidden { overflow-x: hidden !important; } .xl\:overflow-x-visible { overflow-x: visible !important; } .xl\:overflow-x-scroll { overflow-x: scroll !important; } } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } @media screen and (min-width: 576px) { .sm\:overflow-y-auto { overflow-y: auto !important; } .sm\:overflow-y-hidden { overflow-y: hidden !important; } .sm\:overflow-y-visible { overflow-y: visible !important; } .sm\:overflow-y-scroll { overflow-y: scroll !important; } } @media screen and (min-width: 768px) { .md\:overflow-y-auto { overflow-y: auto !important; } .md\:overflow-y-hidden { overflow-y: hidden !important; } .md\:overflow-y-visible { overflow-y: visible !important; } .md\:overflow-y-scroll { overflow-y: scroll !important; } } @media screen and (min-width: 992px) { .lg\:overflow-y-auto { overflow-y: auto !important; } .lg\:overflow-y-hidden { overflow-y: hidden !important; } .lg\:overflow-y-visible { overflow-y: visible !important; } .lg\:overflow-y-scroll { overflow-y: scroll !important; } } @media screen and (min-width: 1200px) { .xl\:overflow-y-auto { overflow-y: auto !important; } .xl\:overflow-y-hidden { overflow-y: hidden !important; } .xl\:overflow-y-visible { overflow-y: visible !important; } .xl\:overflow-y-scroll { overflow-y: scroll !important; } } .z-auto { z-index: auto !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } .z-4 { z-index: 4 !important; } .z-5 { z-index: 5 !important; } @media screen and (min-width: 576px) { .sm\:z-auto { z-index: auto !important; } .sm\:z-0 { z-index: 0 !important; } .sm\:z-1 { z-index: 1 !important; } .sm\:z-2 { z-index: 2 !important; } .sm\:z-3 { z-index: 3 !important; } .sm\:z-4 { z-index: 4 !important; } .sm\:z-5 { z-index: 5 !important; } } @media screen and (min-width: 768px) { .md\:z-auto { z-index: auto !important; } .md\:z-0 { z-index: 0 !important; } .md\:z-1 { z-index: 1 !important; } .md\:z-2 { z-index: 2 !important; } .md\:z-3 { z-index: 3 !important; } .md\:z-4 { z-index: 4 !important; } .md\:z-5 { z-index: 5 !important; } } @media screen and (min-width: 992px) { .lg\:z-auto { z-index: auto !important; } .lg\:z-0 { z-index: 0 !important; } .lg\:z-1 { z-index: 1 !important; } .lg\:z-2 { z-index: 2 !important; } .lg\:z-3 { z-index: 3 !important; } .lg\:z-4 { z-index: 4 !important; } .lg\:z-5 { z-index: 5 !important; } } @media screen and (min-width: 1200px) { .xl\:z-auto { z-index: auto !important; } .xl\:z-0 { z-index: 0 !important; } .xl\:z-1 { z-index: 1 !important; } .xl\:z-2 { z-index: 2 !important; } .xl\:z-3 { z-index: 3 !important; } .xl\:z-4 { z-index: 4 !important; } .xl\:z-5 { z-index: 5 !important; } } .bg-repeat { background-repeat: repeat !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-repeat-x { background-repeat: repeat-x !important; } .bg-repeat-y { background-repeat: repeat-y !important; } .bg-repeat-round { background-repeat: round !important; } .bg-repeat-space { background-repeat: space !important; } @media screen and (min-width: 576px) { .sm\:bg-repeat { background-repeat: repeat !important; } .sm\:bg-no-repeat { background-repeat: no-repeat !important; } .sm\:bg-repeat-x { background-repeat: repeat-x !important; } .sm\:bg-repeat-y { background-repeat: repeat-y !important; } .sm\:bg-repeat-round { background-repeat: round !important; } .sm\:bg-repeat-space { background-repeat: space !important; } } @media screen and (min-width: 768px) { .md\:bg-repeat { background-repeat: repeat !important; } .md\:bg-no-repeat { background-repeat: no-repeat !important; } .md\:bg-repeat-x { background-repeat: repeat-x !important; } .md\:bg-repeat-y { background-repeat: repeat-y !important; } .md\:bg-repeat-round { background-repeat: round !important; } .md\:bg-repeat-space { background-repeat: space !important; } } @media screen and (min-width: 992px) { .lg\:bg-repeat { background-repeat: repeat !important; } .lg\:bg-no-repeat { background-repeat: no-repeat !important; } .lg\:bg-repeat-x { background-repeat: repeat-x !important; } .lg\:bg-repeat-y { background-repeat: repeat-y !important; } .lg\:bg-repeat-round { background-repeat: round !important; } .lg\:bg-repeat-space { background-repeat: space !important; } } @media screen and (min-width: 1200px) { .xl\:bg-repeat { background-repeat: repeat !important; } .xl\:bg-no-repeat { background-repeat: no-repeat !important; } .xl\:bg-repeat-x { background-repeat: repeat-x !important; } .xl\:bg-repeat-y { background-repeat: repeat-y !important; } .xl\:bg-repeat-round { background-repeat: round !important; } .xl\:bg-repeat-space { background-repeat: space !important; } } .bg-auto { background-size: auto !important; } .bg-cover { background-size: cover !important; } .bg-contain { background-size: contain !important; } @media screen and (min-width: 576px) { .sm\:bg-auto { background-size: auto !important; } .sm\:bg-cover { background-size: cover !important; } .sm\:bg-contain { background-size: contain !important; } } @media screen and (min-width: 768px) { .md\:bg-auto { background-size: auto !important; } .md\:bg-cover { background-size: cover !important; } .md\:bg-contain { background-size: contain !important; } } @media screen and (min-width: 992px) { .lg\:bg-auto { background-size: auto !important; } .lg\:bg-cover { background-size: cover !important; } .lg\:bg-contain { background-size: contain !important; } } @media screen and (min-width: 1200px) { .xl\:bg-auto { background-size: auto !important; } .xl\:bg-cover { background-size: cover !important; } .xl\:bg-contain { background-size: contain !important; } } .bg-bottom { background-position: bottom !important; } .bg-center { background-position: center !important; } .bg-left { background-position: left !important; } .bg-left-bottom { background-position: left bottom !important; } .bg-left-top { background-position: left top !important; } .bg-right { background-position: right !important; } .bg-right-bottom { background-position: right bottom !important; } .bg-right-top { background-position: right top !important; } .bg-top { background-position: top !important; } @media screen and (min-width: 576px) { .sm\:bg-bottom { background-position: bottom !important; } .sm\:bg-center { background-position: center !important; } .sm\:bg-left { background-position: left !important; } .sm\:bg-left-bottom { background-position: left bottom !important; } .sm\:bg-left-top { background-position: left top !important; } .sm\:bg-right { background-position: right !important; } .sm\:bg-right-bottom { background-position: right bottom !important; } .sm\:bg-right-top { background-position: right top !important; } .sm\:bg-top { background-position: top !important; } } @media screen and (min-width: 768px) { .md\:bg-bottom { background-position: bottom !important; } .md\:bg-center { background-position: center !important; } .md\:bg-left { background-position: left !important; } .md\:bg-left-bottom { background-position: left bottom !important; } .md\:bg-left-top { background-position: left top !important; } .md\:bg-right { background-position: right !important; } .md\:bg-right-bottom { background-position: right bottom !important; } .md\:bg-right-top { background-position: right top !important; } .md\:bg-top { background-position: top !important; } } @media screen and (min-width: 992px) { .lg\:bg-bottom { background-position: bottom !important; } .lg\:bg-center { background-position: center !important; } .lg\:bg-left { background-position: left !important; } .lg\:bg-left-bottom { background-position: left bottom !important; } .lg\:bg-left-top { background-position: left top !important; } .lg\:bg-right { background-position: right !important; } .lg\:bg-right-bottom { background-position: right bottom !important; } .lg\:bg-right-top { background-position: right top !important; } .lg\:bg-top { background-position: top !important; } } @media screen and (min-width: 1200px) { .xl\:bg-bottom { background-position: bottom !important; } .xl\:bg-center { background-position: center !important; } .xl\:bg-left { background-position: left !important; } .xl\:bg-left-bottom { background-position: left bottom !important; } .xl\:bg-left-top { background-position: left top !important; } .xl\:bg-right { background-position: right !important; } .xl\:bg-right-bottom { background-position: right bottom !important; } .xl\:bg-right-top { background-position: right top !important; } .xl\:bg-top { background-position: top !important; } } .select-none { -webkit-user-select: none !important; user-select: none !important; } .select-text { -webkit-user-select: text !important; user-select: text !important; } .select-all { -webkit-user-select: all !important; user-select: all !important; } .select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .list-none { list-style: none !important; } .list-disc { list-style: disc !important; } .list-decimal { list-style: decimal !important; } .appearance-none { -webkit-appearance: none !important; appearance: none !important; } .outline-none { outline: none !important; } .pointer-events-none { pointer-events: none !important; } .pointer-events-auto { pointer-events: auto !important; } .cursor-auto { cursor: auto !important; } .cursor-pointer { cursor: pointer !important; } .cursor-wait { cursor: wait !important; } .cursor-move { cursor: move !important; } .select-none { -webkit-user-select: none !important; user-select: none !important; } .select-text { -webkit-user-select: text !important; user-select: text !important; } .select-all { -webkit-user-select: all !important; user-select: all !important; } .select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .opacity-0 { opacity: 0 !important; } .opacity-10 { opacity: .1 !important; } .opacity-20 { opacity: .2 !important; } .opacity-30 { opacity: .3 !important; } .opacity-40 { opacity: .4 !important; } .opacity-50 { opacity: .5 !important; } .opacity-60 { opacity: .6 !important; } .opacity-70 { opacity: .7 !important; } .opacity-80 { opacity: .8 !important; } .opacity-90 { opacity: .9 !important; } .opacity-100 { opacity: 1 !important; } .reset { all: unset; } .transition-none { transition-property: none !important; } .transition-all { transition-property: all !important; } .transition-colors { transition-property: background-color,border-color,color !important; } .transition-transform { transition-property: transform !important; } .transition-duration-100 { transition-duration: 100ms !important; } .transition-duration-150 { transition-duration: 150ms !important; } .transition-duration-200 { transition-duration: 200ms !important; } .transition-duration-300 { transition-duration: 300ms !important; } .transition-duration-400 { transition-duration: 400ms !important; } .transition-duration-500 { transition-duration: 500ms !important; } .transition-duration-1000 { transition-duration: 1000ms !important; } .transition-duration-2000 { transition-duration: 2000ms !important; } .transition-duration-3000 { transition-duration: 3000ms !important; } .transition-linear { transition-timing-function: linear !important; } .transition-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .transition-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .transition-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .transition-delay-100 { transition-delay: 100ms !important; } .transition-delay-150 { transition-delay: 150ms !important; } .transition-delay-200 { transition-delay: 200ms !important; } .transition-delay-300 { transition-delay: 300ms !important; } .transition-delay-400 { transition-delay: 400ms !important; } .transition-delay-500 { transition-delay: 500ms !important; } .transition-delay-1000 { transition-delay: 1000ms !important; } .translate-x-0 { transform: translateX(0%) !important; } .translate-x-100 { transform: translateX(100%) !important; } .-translate-x-100 { transform: translateX(-100%) !important; } .translate-y-0 { transform: translateY(0%) !important; } .translate-y-100 { transform: translateY(100%) !important; } .-translate-y-100 { transform: translateY(-100%) !important; } @media screen and (min-width: 576px) { .sm\:translate-x-0 { transform: translateX(0%) !important; } .sm\:translate-x-100 { transform: translateX(100%) !important; } .sm\:-translate-x-100 { transform: translateX(-100%) !important; } .sm\:translate-y-0 { transform: translateY(0%) !important; } .sm\:translate-y-100 { transform: translateY(100%) !important; } .sm\:-translate-y-100 { transform: translateY(-100%) !important; } } @media screen and (min-width: 768px) { .md\:translate-x-0 { transform: translateX(0%) !important; } .md\:translate-x-100 { transform: translateX(100%) !important; } .md\:-translate-x-100 { transform: translateX(-100%) !important; } .md\:translate-y-0 { transform: translateY(0%) !important; } .md\:translate-y-100 { transform: translateY(100%) !important; } .md\:-translate-y-100 { transform: translateY(-100%) !important; } } @media screen and (min-width: 992px) { .lg\:translate-x-0 { transform: translateX(0%) !important; } .lg\:translate-x-100 { transform: translateX(100%) !important; } .lg\:-translate-x-100 { transform: translateX(-100%) !important; } .lg\:translate-y-0 { transform: translateY(0%) !important; } .lg\:translate-y-100 { transform: translateY(100%) !important; } .lg\:-translate-y-100 { transform: translateY(-100%) !important; } } @media screen and (min-width: 1200px) { .xl\:translate-x-0 { transform: translateX(0%) !important; } .xl\:translate-x-100 { transform: translateX(100%) !important; } .xl\:-translate-x-100 { transform: translateX(-100%) !important; } .xl\:translate-y-0 { transform: translateY(0%) !important; } .xl\:translate-y-100 { transform: translateY(100%) !important; } .xl\:-translate-y-100 { transform: translateY(-100%) !important; } } .rotate-45 { transform: rotate(45deg) !important; } .-rotate-45 { transform: rotate(-45deg) !important; } .rotate-90 { transform: rotate(90deg) !important; } .-rotate-90 { transform: rotate(-90deg) !important; } .rotate-180 { transform: rotate(180deg) !important; } .-rotate-180 { transform: rotate(-180deg) !important; } @media screen and (min-width: 576px) { .sm\:rotate-45 { transform: rotate(45deg) !important; } .sm\:-rotate-45 { transform: rotate(-45deg) !important; } .sm\:rotate-90 { transform: rotate(90deg) !important; } .sm\:-rotate-90 { transform: rotate(-90deg) !important; } .sm\:rotate-180 { transform: rotate(180deg) !important; } .sm\:-rotate-180 { transform: rotate(-180deg) !important; } } @media screen and (min-width: 768px) { .md\:rotate-45 { transform: rotate(45deg) !important; } .md\:-rotate-45 { transform: rotate(-45deg) !important; } .md\:rotate-90 { transform: rotate(90deg) !important; } .md\:-rotate-90 { transform: rotate(-90deg) !important; } .md\:rotate-180 { transform: rotate(180deg) !important; } .md\:-rotate-180 { transform: rotate(-180deg) !important; } } @media screen and (min-width: 992px) { .lg\:rotate-45 { transform: rotate(45deg) !important; } .lg\:-rotate-45 { transform: rotate(-45deg) !important; } .lg\:rotate-90 { transform: rotate(90deg) !important; } .lg\:-rotate-90 { transform: rotate(-90deg) !important; } .lg\:rotate-180 { transform: rotate(180deg) !important; } .lg\:-rotate-180 { transform: rotate(-180deg) !important; } } @media screen and (min-width: 1200px) { .xl\:rotate-45 { transform: rotate(45deg) !important; } .xl\:-rotate-45 { transform: rotate(-45deg) !important; } .xl\:rotate-90 { transform: rotate(90deg) !important; } .xl\:-rotate-90 { transform: rotate(-90deg) !important; } .xl\:rotate-180 { transform: rotate(180deg) !important; } .xl\:-rotate-180 { transform: rotate(-180deg) !important; } } .origin-center { transform-origin: center !important; } .origin-top { transform-origin: top !important; } .origin-top-right { transform-origin: top right !important; } .origin-right { transform-origin: right !important; } .origin-bottom-right { transform-origin: bottom right !important; } .origin-bottom { transform-origin: bottom !important; } .origin-bottom-left { transform-origin: bottom left !important; } .origin-left { transform-origin: left !important; } .origin-top-left { transform-origin: top-left !important; } @media screen and (min-width: 576px) { .sm\:origin-center { transform-origin: center !important; } .sm\:origin-top { transform-origin: top !important; } .sm\:origin-top-right { transform-origin: top right !important; } .sm\:origin-right { transform-origin: right !important; } .sm\:origin-bottom-right { transform-origin: bottom right !important; } .sm\:origin-bottom { transform-origin: bottom !important; } .sm\:origin-bottom-left { transform-origin: bottom left !important; } .sm\:origin-left { transform-origin: left !important; } .sm\:origin-top-left { transform-origin: top-left !important; } } @media screen and (min-width: 768px) { .md\:origin-center { transform-origin: center !important; } .md\:origin-top { transform-origin: top !important; } .md\:origin-top-right { transform-origin: top right !important; } .md\:origin-right { transform-origin: right !important; } .md\:origin-bottom-right { transform-origin: bottom right !important; } .md\:origin-bottom { transform-origin: bottom !important; } .md\:origin-bottom-left { transform-origin: bottom left !important; } .md\:origin-left { transform-origin: left !important; } .md\:origin-top-left { transform-origin: top-left !important; } } @media screen and (min-width: 992px) { .lg\:origin-center { transform-origin: center !important; } .lg\:origin-top { transform-origin: top !important; } .lg\:origin-top-right { transform-origin: top right !important; } .lg\:origin-right { transform-origin: right !important; } .lg\:origin-bottom-right { transform-origin: bottom right !important; } .lg\:origin-bottom { transform-origin: bottom !important; } .lg\:origin-bottom-left { transform-origin: bottom left !important; } .lg\:origin-left { transform-origin: left !important; } .lg\:origin-top-left { transform-origin: top-left !important; } } @media screen and (min-width: 1200px) { .xl\:origin-center { transform-origin: center !important; } .xl\:origin-top { transform-origin: top !important; } .xl\:origin-top-right { transform-origin: top right !important; } .xl\:origin-right { transform-origin: right !important; } .xl\:origin-bottom-right { transform-origin: bottom right !important; } .xl\:origin-bottom { transform-origin: bottom !important; } .xl\:origin-bottom-left { transform-origin: bottom left !important; } .xl\:origin-left { transform-origin: left !important; } .xl\:origin-top-left { transform-origin: top-left !important; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes scalein { 0% { opacity: 0; transform: scaleY(0.8); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: scaleY(1); } } @keyframes slidedown { 0% { max-height: 0; } 100% { max-height: auto; } } @keyframes slideup { 0% { max-height: 1000px; } 100% { max-height: 0; } } @keyframes fadeinleft { 0% { opacity: 0; transform: translateX(-100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes fadeoutleft { 0% { opacity: 1; transform: translateX(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateX(-100%); } } @keyframes fadeinright { 0% { opacity: 0; transform: translateX(100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes fadeoutright { 0% { opacity: 1; transform: translateX(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateX(100%); } } @keyframes fadeinup { 0% { opacity: 0; transform: translateY(-100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes fadeoutup { 0% { opacity: 1; transform: translateY(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateY(-100%); } } @keyframes fadeindown { 0% { opacity: 0; transform: translateY(100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes fadeoutdown { 0% { opacity: 1; transform: translateY(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateY(100%); } } @keyframes animate-width { 0% { width: 0; } 100% { width: 100%; } } @keyframes flip { from { transform: perspective(2000px) rotateX(-100deg); } to { transform: perspective(2000px) rotateX(0); } } @keyframes flipleft { from { transform: perspective(2000px) rotateY(-100deg); opacity: 0; } to { transform: perspective(2000px) rotateY(0); opacity: 1; } } @keyframes flipright { from { transform: perspective(2000px) rotateY(100deg); opacity: 0; } to { transform: perspective(2000px) rotateY(0); opacity: 1; } } @keyframes flipup { from { transform: perspective(2000px) rotateX(-100deg); opacity: 0; } to { transform: perspective(2000px) rotateX(0); opacity: 1; } } @keyframes zoomin { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomindown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoominleft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoominright { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoominup { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .fadein { animation: fadein 0.15s linear; } .fadeout { animation: fadeout 0.15s linear; } .slidedown { animation: slidedown 0.45s ease-in-out; } .slideup { animation: slideup 0.45s cubic-bezier(0, 1, 0, 1); } .scalein { animation: scalein 0.15s linear; } .fadeinleft { animation: fadeinleft 0.15s linear; } .fadeoutleft { animation: fadeoutleft 0.15s linear; } .fadeinright { animation: fadeinright 0.15s linear; } .fadeoutright { animation: fadeoutright 0.15s linear; } .fadeinup { animation: fadeinup 0.15s linear; } .fadeoutup { animation: fadeoutup 0.15s linear; } .fadeindown { animation: fadeindown 0.15s linear; } .fadeoutdown { animation: fadeoutdown 0.15s linear; } .animate-width { animation: animate-width 1000ms linear; } .flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flip 0.15s linear; } .flipup { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flipup 0.15s linear; } .flipleft { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flipleft 0.15s linear; } .flipright { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flipright 0.15s linear; } .zoomin { animation: zoomin 0.15s linear; } .zoomindown { animation: zoomindown 0.15s linear; } .zoominleft { animation: zoominleft 0.15s linear; } .zoominright { animation: zoominright 0.15s linear; } .zoominup { animation: zoominup 0.15s linear; } .animation-duration-100 { animation-duration: 100ms !important; } .animation-duration-150 { animation-duration: 150ms !important; } .animation-duration-200 { animation-duration: 200ms !important; } .animation-duration-300 { animation-duration: 300ms !important; } .animation-duration-400 { animation-duration: 400ms !important; } .animation-duration-500 { animation-duration: 500ms !important; } .animation-duration-1000 { animation-duration: 1000ms !important; } .animation-duration-2000 { animation-duration: 2000ms !important; } .animation-duration-3000 { animation-duration: 3000ms !important; } .animation-delay-100 { animation-delay: 100ms !important; } .animation-delay-150 { animation-delay: 150ms !important; } .animation-delay-200 { animation-delay: 200ms !important; } .animation-delay-300 { animation-delay: 300ms !important; } .animation-delay-400 { animation-delay: 400ms !important; } .animation-delay-500 { animation-delay: 500ms !important; } .animation-delay-1000 { animation-delay: 1000ms !important; } .animation-iteration-1 { animation-iteration-count: 1 !important; } .animation-iteration-2 { animation-iteration-count: 2 !important; } .animation-iteration-infinite { animation-iteration-count: infinite !important; } .animation-linear { animation-timing-function: linear !important; } .animation-ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .animation-ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .animation-ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .animation-fill-none { animation-fill-mode: none !important; } .animation-fill-forwards { animation-fill-mode: forwards !important; } .animation-fill-backwards { animation-fill-mode: backwards !important; } .animation-fill-both { animation-fill-mode: both !important; } /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/lara-light-blue/theme.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************/ :root { --surface-a:#ffffff; --surface-b:#f8f9fa; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#495057; --text-color-secondary:#6c757d; --primary-color:#3B82F6; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; --surface-50: #FAFAFA; --surface-100: #F5F5F5; --surface-200: #EEEEEE; --surface-300: #E0E0E0; --surface-400: #BDBDBD; --surface-500: #9E9E9E; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #EEEEEE; --gray-300: #E0E0E0; --gray-400: #BDBDBD; --gray-500: #9E9E9E; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; --surface-ground:#eff3f8; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dfe7ef; --surface-hover:#f6f9fc; --focus-ring: 0 0 0 0.2rem #BFDBFE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #EFF6FF; --highlight-text-color: #1D4ED8; color-scheme: light; } * { box-sizing: border-box; } .p-component { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #e24c4c; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 6px; } .p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f5f9ff; --primary-100:#d0e1fd; --primary-200:#abc9fb; --primary-300:#85b2f9; --primary-400:#609af8; --primary-500:#3b82f6; --primary-600:#326fd1; --primary-700:#295bac; --primary-800:#204887; --primary-900:#183462; } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; background: #EFF6FF; color: #1D4ED8; border-radius: 6px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #495057; background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6c757d; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 3.75rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #495057; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #dee2e6; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3B82F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; color: #495057; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6c757d; right: 0.75rem; } p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 3.75rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6c757d; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { width: 0.875rem; height: 0.875rem; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } .p-input-filled .p-cascadeselect { background: #e9ecef; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6c757d; right: 3rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 22px; height: 22px; } .p-checkbox .p-checkbox-box { border: 2px solid #ced4da; background: #ffffff; width: 22px; height: 22px; color: #495057; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { width: 14px; height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #e9ecef; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #e9ecef; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { border-color: #3B82F6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; background: #EFF6FF; color: #1D4ED8; border-radius: 6px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6c757d; right: 0.75rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { border-color: #3B82F6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 3rem; } .p-dropdown-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } .p-input-filled .p-dropdown { background: #e9ecef; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #495057; background: #e9ecef; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #3B82F6; } .p-inputgroup-addon { background: #e9ecef; color: #6c757d; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } .p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6c757d; right: 0.75rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6c757d; right: 0.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #3B82F6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #2563eb; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #e24c4c; } .p-inputtext { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { border-color: #3B82F6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e24c4c; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #6c757d; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } .p-input-icon-left > .p-icon-wrapper:first-of-type, .p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } .p-input-icon-left.p-float-label > label { left: 2.5rem; } .p-input-icon-right > .p-icon-wrapper:last-of-type, .p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #6c757d; } :-moz-placeholder { color: #6c757d; } ::-moz-placeholder { color: #6c757d; } :-ms-input-placeholder { color: #6c757d; } .p-input-filled .p-inputtext { background-color: #e9ecef; } .p-input-filled .p-inputtext:enabled:hover { background-color: #e9ecef; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-listbox { background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 6px; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } .p-multiselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; background: #EFF6FF; color: #1D4ED8; border-radius: 6px; margin-right: 0.5rem; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } .p-multiselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } .p-input-filled .p-multiselect { background: #e9ecef; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-multiselect.p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { color: #6c757d; right: 3rem; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } .p-password-panel { padding: 1.25rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ff9f42; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6c757d; right: 0.75rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6c757d; right: 2.5rem; } .p-radiobutton { width: 22px; height: 22px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #ced4da; background: #ffffff; width: 22px; height: 22px; color: #495057; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #3B82F6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1D4ED8; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } .p-rating .p-rating-icon.p-rating-cancel { color: #ea5455; } .p-rating .p-rating-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-rating .p-rating-icon:first-child { margin-left: 0; } .p-rating .p-rating-icon.p-rating-icon-active { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #343a40; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 6px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #3B82F6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-slider .p-slider-range { background: #3B82F6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #3B82F6; border-color: #3B82F6; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #343a40; } .p-togglebutton.p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.75rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; color: #6c757d; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-input-filled .p-treeselect { background: #e9ecef; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6c757d; right: 3rem; } .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #3B82F6; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 3rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 3rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748B; border: 1px solid #64748B; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E2E8F0; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(100, 116, 139, 0.04); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(100, 116, 139, 0.16); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #2563EB; color: #ffffff; border-color: #2563EB; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3B82F6; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3B82F6; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22C55E; border: 1px solid #22C55E; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #16A34A; color: #ffffff; border-color: #16A34A; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BBF7D0; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #15803D; color: #ffffff; border-color: #15803D; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(34, 197, 94, 0.16); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22C55E; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #F59E0B; border: 1px solid #F59E0B; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #D97706; color: #ffffff; border-color: #D97706; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDE68A; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #B45309; color: #ffffff; border-color: #B45309; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(245, 158, 11, 0.04); color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(245, 158, 11, 0.16); color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #F59E0B; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #F59E0B; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #F59E0B; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #A855F7; border: 1px solid #A855F7; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #9333EA; color: #ffffff; border-color: #9333EA; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E9D5FF; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7E22CE; color: #ffffff; border-color: #7E22CE; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(168, 85, 247, 0.16); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #A855F7; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #EF4444; border: 1px solid #EF4444; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #DC2626; color: #ffffff; border-color: #DC2626; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FECACA; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B91C1C; color: #ffffff; border-color: #B91C1C; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 68, 68, 0.16); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #EF4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-button.p-button-link { color: #1D4ED8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #1D4ED8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #1D4ED8; border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-button.p-button.p-button-icon-only .p-icon { width: 1.3rem; height: 1.3rem; } .p-speeddial-action { width: 3rem; height: 3rem; background: #495057; color: #fff; } .p-speeddial-action:hover { background: #022354; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 6px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748B; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748B; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #64748B; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3B82F6; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3B82F6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22C55E; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); color: #22C55E; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #22C55E; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #F59E0B; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #F59E0B; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #F59E0B; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #A855F7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); color: #A855F7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #A855F7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #EF4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); color: #EF4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #EF4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #ced4da; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #adb5bd; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #343a40; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #343a40; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column:focus { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus { outline: 0.15rem solid #BFDBFE; outline-offset: 0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #EFF6FF; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: #3B82F6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #1D4ED8; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: solid #dee2e6; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #343a40; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; color: #1D4ED8; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-overlay { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.75rem 1.25rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } .fc { /* FullCalendar 4 */ /* FullCalendar 5 */ } .fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #343a40; } .fc.fc-unthemed .fc-view-container td.fc-widget-content { background: #ffffff; border: 1px solid #dee2e6; color: #495057; } .fc.fc-unthemed .fc-view-container td.fc-head-container { border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-event { background: #2563eb; border: 1px solid #2563eb; color: #ffffff; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; display: flex; align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness th { background: #f8f9fa; border-color: #dee2e6; color: #343a40; } .fc.fc-theme-standard .fc-view-harness td { color: #495057; border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness .fc-view { background: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-popover { background: none; border: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { border: 1px solid #dee2e6; padding: 1.25rem; background: #f8f9fa; color: #343a40; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { opacity: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; font-family: "PrimeIcons" !important; font-size: 1rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { content: "\e90b"; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { color: #ffffff; background: #2563eb; border-color: #2563eb; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { background: #2563eb; border-color: #2563eb; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: #e9ecef; color: #495057; } .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { background: #f8f9fa; } .fc.fc-theme-standard .fc-toolbar .fc-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.6; color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .fc.fc-theme-standard a { color: #495057; } .fc.fc-theme-standard .fc-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-controls { padding: 1.25rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.75rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; color: #6c757d; } .p-orderlist .p-orderlist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; color: #495057; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-paginator { background: #ffffff; color: #6c757d; border: solid #e9ecef; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #343a40; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 3rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 3rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #EFF6FF; border-color: #EFF6FF; color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #343a40; } .p-picklist .p-picklist-buttons { padding: 1.25rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; } .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.75rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; color: #6c757d; } .p-picklist .p-picklist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; color: #495057; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #e9ecef; color: #495057; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #8cbeff; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #EFF6FF; color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #343a40; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #343a40; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; height: 2rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #dee2e6; color: #6c757d; background: #f8f9fa; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #343a40; } .p-accordion .p-accordion-content { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { padding: 1.25rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6c757d; } .p-card .p-card-content { padding: 1.25rem 0; } .p-card .p-card-footer { padding: 1.25rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1.25rem; padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; border: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; font-weight: 700; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; color: #343a40; border-radius: 6px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1.25rem; background: #f8f9fa; color: #343a40; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 700; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 6px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.75rem 1.25rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #343a40; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 700; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { width: 2rem; height: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { background: #3B82F6; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #2563eb; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-sidebar .p-sidebar-header { padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1.25rem; } .p-sidebar .p-sidebar-footer { padding: 1.25rem; } .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #495057; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #495057; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #495057; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1.25rem; border: 1px solid #dee2e6; color: #343a40; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-fileupload-choose:not(.p-disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 6px; } .p-breadcrumb ul li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { color: #495057; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { color: #6c757d; } .p-breadcrumb ul li.p-breadcrumb-chevron { margin: 0 0.5rem 0 0.5rem; color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-text { color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-icon { color: #6c757d; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; width: 12.5rem; } .p-contextmenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:last-child { margin: 0; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-icon { width: 0.875rem; height: 0.875rem; } .p-contextmenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-dock .p-dock-list { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-item { padding: 0.5rem; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 6px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #EFF6FF; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #1D4ED8; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-megamenu-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-megamenu-submenu { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu .p-megamenu-submenu .p-menuitem { margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-vertical .p-menuitem { margin: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:last-child { margin: 0; } .p-menu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; } .p-menubar .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 6px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #EFF6FF; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #1D4ED8; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-submenu-list .p-icon { width: 0.875rem; height: 0.875rem; } .p-menubar .p-submenu-list .p-menuitem { margin: 0; } .p-menubar .p-submenu-list .p-menuitem:last-child { margin: 0; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list > .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list ul li a { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list ul li ul li a { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li a { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header > a { padding: 1.25rem; border: 1px solid #dee2e6; color: #6c757d; background: #f8f9fa; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-panelmenu .p-panelmenu-header.p-highlight { margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { border-color: #dee2e6; background: #e9ecef; color: #343a40; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #495057; margin-bottom: 4px; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } .p-panelmenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-slidemenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-slidemenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { background: #EFF6FF; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #1D4ED8; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { color: #1D4ED8; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-icon { width: 0.875rem; height: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; color: #495057; } .p-slidemenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #EFF6FF; color: #1D4ED8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; color: #495057; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:last-child { margin: 0; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-icon { width: 0.875rem; height: 0.875rem; } .p-tieredmenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0px; color: #696cff; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #696cff; } .p-inline-message.p-inline-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0px; color: #1ea97c; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #1ea97c; } .p-inline-message.p-inline-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0px; color: #cc8925; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #cc8925; } .p-inline-message.p-inline-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0px; color: #ff5757; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #ff5757; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-icon { width: 1rem; height: 1rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 6px; } .p-message .p-message-wrapper { padding: 1.25rem 1.75rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-message.p-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; } .p-message.p-message-info .p-message-icon { color: #696cff; } .p-message.p-message-info .p-message-close { color: #696cff; } .p-message.p-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-message.p-message-success .p-message-icon { color: #1ea97c; } .p-message.p-message-success .p-message-close { color: #1ea97c; } .p-message.p-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-message.p-message-warn .p-message-icon { color: #cc8925; } .p-message.p-message-warn .p-message-close { color: #cc8925; } .p-message.p-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-message.p-message-error .p-message-icon { color: #ff5757; } .p-message.p-message-error .p-message-close { color: #ff5757; } .p-message .p-message-text { font-size: 1rem; font-weight: 400; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-icon { width: 1.5rem; height: 1.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { width: 2rem; height: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #696cff; } .p-toast .p-toast-message.p-toast-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #ced4da; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #adb5bd; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { background-color: #dee2e6; border-radius: 6px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #64748B; color: #ffffff; } .p-badge.p-badge-success { background-color: #22C55E; color: #ffffff; } .p-badge.p-badge-info { background-color: #3B82F6; color: #ffffff; } .p-badge.p-badge-warning { background-color: #F59E0B; color: #ffffff; } .p-badge.p-badge-danger { background-color: #EF4444; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #dee2e6; color: #495057; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.375rem; margin-bottom: 0.375rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2.25rem; height: 2.25rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-progressbar { border: 0 none; height: 1.5rem; background: #dee2e6; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #3B82F6; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-scrolltop .p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { background-color: #dee2e6; border-radius: 6px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22C55E; color: #ffffff; } .p-tag.p-tag-info { background-color: #3B82F6; color: #ffffff; } .p-tag.p-tag-warning { background-color: #F59E0B; color: #ffffff; } .p-tag.p-tag-danger { background-color: #EF4444; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-tag .p-icon { width: 0.75rem; height: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1.25rem; } .p-terminal .p-terminal-input { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .p-button-label { font-weight: 700; } .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav .p-tabview-ink-bar { z-index: 1; display: block; position: absolute; bottom: 0; height: 2px; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #3B82F6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-success:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-info:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-warning:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3B82F6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ .p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem} /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.bubble.css ***! \**********************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover { outline: none; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #fff; } @media (pointer: coarse) { .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) { color: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #ccc; } } .ql-bubble { box-sizing: border-box; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ''; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #ccc; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code, .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "\D7"; font-size: 16px; font-weight: bold; } .ql-container.ql-bubble:not(.ql-disabled) a { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a::before { background-color: #444; border-radius: 15px; top: -5px; font-size: 12px; color: #fff; content: attr(href); font-weight: normal; overflow: hidden; padding: 5px 15px; text-decoration: none; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a::after { border-top: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 0; content: " "; height: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 200ms; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { visibility: visible; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***! \********************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css ***! \********************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/@theme/styles/styles.scss?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ .visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } /** * In case when Nebular Layout custom scroll `withScroll` mode is enabled * we need to disable default CDK scroll blocker (@link NbBlockScrollStrategyAdapter) on HTML element * so that it won't add additional positioning. */ .nb-global-scrollblock { position: static; width: auto; overflow: hidden; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * Normalization of HTML elements, manually forked from Normalize.css to remove * styles targeting irrelevant browsers while applying new styles. * * Normalize is licensed MIT. https://github.com/necolas/normalize.css */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html, body { margin: 0; padding: 0; } /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * Sass map contains a list of all Theme variables and also their mappings into Component variables * A theme consists of a list of colors, backgrounds, borders, text styles and supporting variables. */ nb-layout .scrollable-container { scrollbar-face-color: var(--layout-scrollbar-color); scrollbar-track-color: var(--layout-scrollbar-background-color); } nb-layout .scrollable-container::-webkit-scrollbar { width: var(--layout-scrollbar-width); height: var(--layout-scrollbar-width); } nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: var(--layout-scrollbar-color); cursor: pointer; border-radius: calc(var(--layout-scrollbar-width) * 0.5); } nb-layout .scrollable-container::-webkit-scrollbar-track { background: var(--layout-scrollbar-background-color); } nb-layout .scrollable-container::-webkit-scrollbar-corner { background: var(--layout-scrollbar-background-color); } nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .layout { min-width: var(--layout-window-mode-min-width); } nb-layout.window-mode { background: var(--layout-window-mode-background-color); display: block; } nb-layout.window-mode .scrollable-container { max-width: 1920px; margin: 0 auto; } nb-layout.window-mode .layout nb-layout-header { max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; } nb-layout.window-mode .layout nb-layout-header nav { max-width: 1920px; margin: 0 auto; } @media screen and (min-width: 1940px) { nb-layout.window-mode { padding-top: calc(var(--layout-window-mode-padding-top) * 0.25); } nb-layout.window-mode nb-layout-header.fixed { top: calc(var(--layout-window-mode-padding-top) * 0.25); } nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25) - var(--header-height)); top: calc(calc(var(--layout-window-mode-padding-top) * 0.25) + var(--header-height)); } nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(var(--header-height) + calc(var(--layout-window-mode-padding-top) * 0.25)); } nb-layout.window-mode .scrollable-container { height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25)); box-shadow: var(--layout-window-shadow); } nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.25)); } } @media screen and (min-width: 2070px) { nb-layout.window-mode { padding-top: calc(var(--layout-window-mode-padding-top) * 0.5); } nb-layout.window-mode nb-layout-header.fixed { top: calc(var(--layout-window-mode-padding-top) * 0.5); } nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5) - var(--header-height)); top: calc(calc(var(--layout-window-mode-padding-top) * 0.5) + var(--header-height)); } nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(var(--header-height) + calc(var(--layout-window-mode-padding-top) * 0.5)); } nb-layout.window-mode .scrollable-container { height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5)); box-shadow: var(--layout-window-shadow); } nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - calc(var(--layout-window-mode-padding-top) * 0.5)); } } @media screen and (min-width: 2220px) { nb-layout.window-mode { padding-top: var(--layout-window-mode-padding-top); } nb-layout.window-mode nb-layout-header.fixed { top: var(--layout-window-mode-padding-top); } nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - var(--layout-window-mode-padding-top) - var(--header-height)); top: calc(var(--layout-window-mode-padding-top) + var(--header-height)); } nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(var(--header-height) + var(--layout-window-mode-padding-top)); } nb-layout.window-mode .scrollable-container { height: calc(100vh - var(--layout-window-mode-padding-top)); box-shadow: var(--layout-window-shadow); } nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - var(--layout-window-mode-padding-top)); } } nb-layout .layout { background-color: var(--layout-background-color); color: var(--layout-text-color); font-family: var(--layout-text-font-family); font-size: var(--layout-text-font-size); font-weight: var(--layout-text-font-weight); line-height: var(--layout-text-line-height); min-height: var(--layout-min-height); } nb-layout .layout .layout-container nb-sidebar.fixed, nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: var(--header-height); } nb-layout .layout .layout-container .content nb-layout-footer { box-shadow: var(--footer-shadow); } nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: var(--footer-background-color); border-top: var(--footer-divider-width) var(--footer-divider-style) var(--footer-divider-color); color: var(--footer-text-color); font-family: var(--footer-text-font-family); font-size: var(--footer-text-font-size); font-weight: var(--footer-text-font-weight); line-height: var(--footer-text-line-height); padding: var(--footer-padding); } nb-layout .layout .layout-container .content nb-layout-footer nav a { color: var(--footer-text-highlight-color); } nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, nb-layout .layout .layout-container .content nb-layout-footer nav a:active, nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: var(--footer-text-highlight-color); } nb-layout .layout .layout-container .content.center { width: var(--layout-content-width); flex: 0 100 var(--layout-content-width) !important; } nb-layout .layout .layout-container .content .columns nb-layout-column { padding: var(--layout-padding); } @media (max-width: 991.98px) { nb-layout .layout .layout-container .content .columns nb-layout-column { padding: var(--layout-medium-padding); } } @media (max-width: 767.98px) { nb-layout .layout .layout-container .content .columns nb-layout-column { padding: var(--layout-small-padding); } } nb-layout-header { background-color: var(--header-background-color); color: var(--header-text-color); font-family: var(--header-text-font-family); font-size: var(--header-text-font-size); font-weight: var(--header-text-font-weight); line-height: var(--header-text-line-height); } nb-layout-header nav { color: var(--header-text-color); box-shadow: var(--header-shadow); height: var(--header-height); padding: var(--header-padding); } nb-layout-header nav a { color: var(--header-text-color); } nb-layout-header nav a:focus, nb-layout-header nav a:active, nb-layout-header nav a:hover { color: var(--header-text-color); } nb-layout-header ~ .layout-container { min-height: calc(var(--layout-min-height) - var(--header-height)); } nb-layout-header.fixed ~ .layout-container { padding-top: var(--header-height); min-height: var(--layout-min-height); } nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(var(--sidebar-height) - var(--header-height)); } nb-layout.with-subheader nb-sidebar .main-container { box-shadow: none; } nb-sidebar { background-color: var(--sidebar-background-color); box-shadow: var(--sidebar-shadow); color: var(--sidebar-text-color); font-family: var(--sidebar-text-font-family); font-size: var(--sidebar-text-font-size); font-weight: var(--sidebar-text-font-weight); line-height: var(--sidebar-text-line-height); width: var(--sidebar-width); } nb-sidebar .main-container { height: var(--sidebar-height); width: var(--sidebar-width); } nb-sidebar .scrollable { padding: var(--sidebar-padding); position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: var(--sidebar-scrollbar-color); scrollbar-track-color: var(--sidebar-scrollbar-background-color); } @media (max-width: 767.98px) { nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } nb-sidebar .scrollable::-webkit-scrollbar { width: var(--sidebar-scrollbar-width); height: var(--sidebar-scrollbar-width); } nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: var(--sidebar-scrollbar-color); cursor: pointer; border-radius: calc(var(--sidebar-scrollbar-width) * 0.5); } nb-sidebar .scrollable::-webkit-scrollbar-track { background: var(--sidebar-scrollbar-background-color); } nb-sidebar .scrollable::-webkit-scrollbar-corner { background: var(--sidebar-scrollbar-background-color); } nb-sidebar.collapsed { width: 0; padding: 0; } nb-sidebar.collapsed .main-container { width: 0; padding: 0; } nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } nb-sidebar.collapsed nb-sidebar-header, nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } nb-sidebar.compacted { width: var(--sidebar-width-compact); } nb-sidebar.compacted .main-container { width: var(--sidebar-width-compact); } nb-sidebar.compacted nb-menu { width: var(--sidebar-width-compact); } nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ""; top: 0; height: 100%; width: 4px; background: var(--sidebar-menu-item-highlight-color); } [dir=ltr] nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } nb-sidebar.compacted nb-menu .menu-items > .menu-item { transition: border-color 1s ease; } nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } nb-sidebar.compacted nb-menu .menu-items > .menu-item a { justify-content: center; } nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } nb-sidebar.compacted.left.fixed ~ .content { margin-left: var(--sidebar-width-compact); } nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: var(--sidebar-width-compact); } nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: var(--sidebar-width-compact); } nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: var(--sidebar-width-compact); } [dir=ltr] nb-sidebar.compacted.start.fixed ~ .content { margin-left: var(--sidebar-width-compact); } [dir=rtl] nb-sidebar.compacted.start.fixed ~ .content { margin-right: var(--sidebar-width-compact); } [dir=ltr] nb-sidebar.compacted.fixed.end ~ .content { margin-right: var(--sidebar-width-compact); } [dir=rtl] nb-sidebar.compacted.fixed.end ~ .content { margin-left: var(--sidebar-width-compact); } [dir=ltr] nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: var(--sidebar-width-compact); } [dir=rtl] nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: var(--sidebar-width-compact); } [dir=ltr] nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: var(--sidebar-width-compact); } [dir=rtl] nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: var(--sidebar-width-compact); } nb-sidebar.fixed.left.collapsed + .content, nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } nb-sidebar.fixed.right.collapsed + .content, nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } nb-sidebar.expanded { width: var(--sidebar-width); } nb-sidebar.expanded > .scrollable { width: var(--sidebar-width); } nb-sidebar nb-sidebar-header { padding: var(--sidebar-padding); height: var(--sidebar-header-height); } nb-sidebar nb-sidebar-footer { padding: var(--sidebar-padding); height: var(--sidebar-footer-height); } nb-sidebar nb-menu { margin: 0 calc(var(--sidebar-padding) * -1) calc(var(--sidebar-padding) * -1); } nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active { color: var(--calendar-navigation-text-color); font-family: var(--calendar-navigation-text-font-family); font-size: var(--calendar-navigation-title-text-font-size); font-weight: var(--calendar-navigation-title-text-font-weight); line-height: var(--calendar-navigation-title-text-line-height); } nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle]:focus, nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle]:focus, nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active) { box-shadow: none; } [dir=ltr] nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] nb-calendar-pageable-navigation { margin-right: auto; } nb-calendar-picker { display: block; padding-top: var(--calendar-picker-padding-top); padding-bottom: var(--calendar-picker-padding-bottom); } [dir=ltr] nb-calendar-picker { padding-right: var(--calendar-picker-padding-end); padding-left: var(--calendar-picker-padding-start); } [dir=rtl] nb-calendar-picker { padding-right: var(--calendar-picker-padding-start); padding-left: var(--calendar-picker-padding-end); } nb-calendar-days-names { background: var(--calendar-weekday-background); border-top: var(--calendar-weekday-divider-width) solid var(--calendar-weekday-divider-color); border-bottom: var(--calendar-weekday-divider-width) solid var(--calendar-weekday-divider-color); } [dir=ltr] nb-calendar-days-names { padding-left: var(--calendar-picker-padding-start); padding-right: var(--calendar-picker-padding-end); } [dir=rtl] nb-calendar-days-names { padding-left: var(--calendar-picker-padding-end); padding-right: var(--calendar-picker-padding-start); } nb-calendar-days-names .day { width: var(--calendar-weekday-width); height: var(--calendar-weekday-height); color: var(--calendar-weekday-text-color); font-size: var(--calendar-weekday-text-font-size); font-weight: var(--calendar-weekday-text-font-weight); line-height: var(--calendar-weekday-text-line-height); } nb-calendar-days-names .day.holiday { color: var(--calendar-weekday-holiday-text-color); } nb-calendar-days-names.size-large .day { width: var(--calendar-weekday-large-width); height: var(--calendar-weekday-large-height); } nb-calendar-week-numbers { background: var(--calendar-weeknumber-background); font-size: var(--calendar-weeknumber-text-font-size); font-weight: var(--calendar-weeknumber-text-font-weight); line-height: var(--calendar-weeknumber-text-line-height); color: var(--calendar-weeknumber-text-color); padding-bottom: var(--calendar-picker-padding-bottom); } nb-calendar-week-numbers .sign-container { display: flex; flex-direction: column; border-top: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color); border-bottom: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color); margin-bottom: var(--calendar-picker-padding-top); } nb-calendar-week-numbers .sign, nb-calendar-week-numbers .week-number { display: flex; align-items: center; justify-content: center; height: var(--calendar-weeknumber-height); width: var(--calendar-weeknumber-width); } nb-calendar-week-numbers.size-large .sign, nb-calendar-week-numbers.size-large .week-number { height: var(--calendar-weeknumber-large-height); width: var(--calendar-weeknumber-large-width); } [dir=ltr] nb-calendar-day-picker nb-calendar-week-numbers { border-right: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color); } [dir=rtl] nb-calendar-day-picker nb-calendar-week-numbers { border-left: var(--calendar-weeknumber-divider-width) solid var(--calendar-weeknumber-divider-color); } nb-calendar-picker .day-cell { width: var(--calendar-day-cell-width); height: var(--calendar-day-cell-height); } nb-calendar-picker .day-cell.size-large { width: var(--calendar-day-cell-large-width); height: var(--calendar-day-cell-large-height); } nb-calendar-picker .month-cell { width: var(--calendar-month-cell-width); height: var(--calendar-month-cell-height); } nb-calendar-picker .month-cell.size-large { width: var(--calendar-month-cell-large-width); height: var(--calendar-month-cell-large-height); } nb-calendar-picker .year-cell { width: var(--calendar-year-cell-width); height: var(--calendar-year-cell-height); } nb-calendar-picker .year-cell.size-large { width: var(--calendar-year-cell-large-width); height: var(--calendar-year-cell-large-height); } nb-calendar-picker .cell-content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: var(--calendar-border-radius); } nb-calendar-picker .day-cell, nb-calendar-picker .month-cell, nb-calendar-picker .year-cell { display: flex; align-items: center; justify-content: center; font-family: var(--calendar-text-font-family); font-size: var(--calendar-text-font-size); font-weight: var(--calendar-text-font-weight); line-height: var(--calendar-text-line-height); color: var(--calendar-text-color); text-transform: uppercase; cursor: pointer; } nb-calendar-picker .day-cell, nb-calendar-picker .day-cell .cell-content, nb-calendar-picker .month-cell, nb-calendar-picker .month-cell .cell-content, nb-calendar-picker .year-cell, nb-calendar-picker .year-cell .cell-content { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } nb-calendar-picker .day-cell.empty, nb-calendar-picker .day-cell.disabled, nb-calendar-picker .month-cell.empty, nb-calendar-picker .month-cell.disabled, nb-calendar-picker .year-cell.empty, nb-calendar-picker .year-cell.disabled { cursor: default; } nb-calendar-picker .day-cell.bounding-month, nb-calendar-picker .month-cell.bounding-month, nb-calendar-picker .year-cell.bounding-month { color: var(--calendar-cell-inactive-text-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: var(--calendar-cell-hover-background-color); border-color: var(--calendar-cell-hover-border-color); color: var(--calendar-cell-hover-text-color); font-size: var(--calendar-cell-hover-text-font-size); font-weight: var(--calendar-cell-hover-text-font-weight); line-height: var(--calendar-cell-hover-text-line-height); } nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: var(--calendar-cell-active-background-color); border-color: var(--calendar-cell-active-border-color); color: var(--calendar-cell-active-text-color); font-size: var(--calendar-cell-active-text-font-size); font-weight: var(--calendar-cell-active-text-font-weight); line-height: var(--calendar-cell-active-text-line-height); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: var(--calendar-cell-today-background-color); border: 1px solid var(--calendar-cell-today-border-color); color: var(--calendar-cell-today-text-color); font-size: var(--calendar-cell-today-text-font-size); font-weight: var(--calendar-cell-today-text-font-weight); line-height: var(--calendar-cell-today-text-line-height); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: var(--calendar-cell-today-hover-background-color); border-color: var(--calendar-cell-today-hover-border-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: var(--calendar-cell-today-active-background-color); border-color: var(--calendar-cell-today-active-border-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: var(--calendar-cell-selected-background-color); border-color: var(--calendar-cell-selected-border-color); color: var(--calendar-cell-selected-text-color); font-size: var(--calendar-cell-selected-text-font-size); font-weight: var(--calendar-cell-selected-text-font-weight); line-height: var(--calendar-cell-selected-text-line-height); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: var(--calendar-cell-selected-hover-background-color); border-color: var(--calendar-cell-selected-hover-border-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: var(--calendar-cell-selected-active-background-color); border-color: var(--calendar-cell-selected-active-border-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: var(--calendar-cell-selected-background-color); border-radius: var(--calendar-border-radius); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: var(--calendar-cell-today-selected-background-color); border-color: var(--calendar-cell-today-selected-border-color); color: var(--calendar-cell-today-selected-text-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: var(--calendar-cell-today-selected-hover-background-color); border-color: var(--calendar-cell-today-selected-hover-border-color); } nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: var(--calendar-cell-today-selected-active-background-color); border-color: var(--calendar-cell-today-selected-active-border-color); } nb-calendar-picker .day-cell.disabled, nb-calendar-picker .month-cell.disabled, nb-calendar-picker .year-cell.disabled { color: var(--calendar-cell-disabled-text-color); } nb-calendar-picker .day-cell.disabled.today .cell-content, nb-calendar-picker .month-cell.disabled.today .cell-content, nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid var(--calendar-cell-today-disabled-border-color); } nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: var(--calendar-cell-selected-background-color); border-radius: 0; } [dir=ltr] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: var(--calendar-border-radius); border-bottom-left-radius: var(--calendar-border-radius); } [dir=rtl] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: var(--calendar-border-radius); border-bottom-right-radius: var(--calendar-border-radius); } [dir=ltr] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: var(--calendar-border-radius); border-bottom-right-radius: var(--calendar-border-radius); } [dir=rtl] nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: var(--calendar-border-radius); border-bottom-left-radius: var(--calendar-border-radius); } nb-base-calendar nb-card { background-color: var(--calendar-background-color); border: var(--calendar-border-width) var(--calendar-border-style) var(--calendar-border-color); box-shadow: none; margin: 0; width: var(--calendar-width); overflow: hidden; } nb-base-calendar nb-card-body { padding: 0; } nb-base-calendar .calendar-navigation { border: none; display: flex; padding: var(--calendar-navigation-padding); color: var(--calendar-navigation-text-color); font-family: var(--calendar-navigation-text-font-family); font-size: var(--calendar-navigation-title-text-font-size); font-weight: var(--calendar-navigation-title-text-font-weight); line-height: var(--calendar-navigation-title-text-line-height); } nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } nb-base-calendar.has-week-number nb-card { width: calc(var(--calendar-width) + var(--calendar-weeknumber-width) + var(--calendar-weeknumber-divider-width)); } nb-base-calendar.has-week-number .month-cell, nb-base-calendar.has-week-number .year-cell { flex: 1 0 auto; } nb-base-calendar.size-large nb-card { width: var(--calendar-large-width); } nb-base-calendar.size-large.has-week-number nb-card { width: calc(var(--calendar-large-width) + var(--calendar-weeknumber-large-width) + var(--calendar-weeknumber-divider-width)); } nb-card { background-color: var(--card-background-color); border: var(--card-border-width) var(--card-border-style) var(--card-border-color); border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); color: var(--card-text-color); font-family: var(--card-text-font-family); font-size: var(--card-text-font-size); font-weight: var(--card-text-font-weight); line-height: var(--card-text-line-height); margin-bottom: var(--card-margin-bottom); scrollbar-face-color: var(--card-scrollbar-color); scrollbar-track-color: var(--card-scrollbar-background-color); } nb-card::-webkit-scrollbar { width: var(--card-scrollbar-width); height: var(--card-scrollbar-width); } nb-card::-webkit-scrollbar-thumb { background: var(--card-scrollbar-color); cursor: pointer; border-radius: calc(var(--card-scrollbar-width) * 0.5); } nb-card::-webkit-scrollbar-track { background: var(--card-scrollbar-background-color); } nb-card::-webkit-scrollbar-corner { background: var(--card-scrollbar-background-color); } nb-card.size-tiny { height: var(--card-height-tiny); } nb-card.size-small { height: var(--card-height-small); } nb-card.size-medium { height: var(--card-height-medium); } nb-card.size-large { height: var(--card-height-large); } nb-card.size-giant { height: var(--card-height-giant); } nb-card.status-basic nb-card-header { background-color: var(--card-header-basic-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-basic-background-color); color: var(--card-header-basic-text-color); } nb-card.status-basic nb-card-header a, nb-card.status-basic nb-card-header a:hover { color: var(--card-header-basic-text-color); } nb-card.status-primary nb-card-header { background-color: var(--card-header-primary-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-primary-background-color); color: var(--card-header-primary-text-color); } nb-card.status-primary nb-card-header a, nb-card.status-primary nb-card-header a:hover { color: var(--card-header-primary-text-color); } nb-card.status-success nb-card-header { background-color: var(--card-header-success-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-success-background-color); color: var(--card-header-success-text-color); } nb-card.status-success nb-card-header a, nb-card.status-success nb-card-header a:hover { color: var(--card-header-success-text-color); } nb-card.status-warning nb-card-header { background-color: var(--card-header-warning-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-warning-background-color); color: var(--card-header-warning-text-color); } nb-card.status-warning nb-card-header a, nb-card.status-warning nb-card-header a:hover { color: var(--card-header-warning-text-color); } nb-card.status-danger nb-card-header { background-color: var(--card-header-danger-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-danger-background-color); color: var(--card-header-danger-text-color); } nb-card.status-danger nb-card-header a, nb-card.status-danger nb-card-header a:hover { color: var(--card-header-danger-text-color); } nb-card.status-info nb-card-header { background-color: var(--card-header-info-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-info-background-color); color: var(--card-header-info-text-color); } nb-card.status-info nb-card-header a, nb-card.status-info nb-card-header a:hover { color: var(--card-header-info-text-color); } nb-card.status-control nb-card-header { background-color: var(--card-header-control-background-color); border-bottom-width: 0; border-bottom-color: var(--card-header-control-background-color); color: var(--card-header-control-text-color); } nb-card.status-control nb-card-header a, nb-card.status-control nb-card-header a:hover { color: var(--card-header-control-text-color); } nb-card.accent-basic { border-top-color: var(--card-header-basic-background-color); } nb-card.accent-primary { border-top-color: var(--card-header-primary-background-color); } nb-card.accent-success { border-top-color: var(--card-header-success-background-color); } nb-card.accent-warning { border-top-color: var(--card-header-warning-background-color); } nb-card.accent-danger { border-top-color: var(--card-header-danger-background-color); } nb-card.accent-info { border-top-color: var(--card-header-info-background-color); } nb-card.accent-control { border-top-color: var(--card-header-control-background-color); } nb-card.accent { border-top-style: var(--card-border-style); border-top-width: var(--card-border-radius); } nb-card.accent nb-card-header { border-radius: 0; } nb-card-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: var(--card-padding); position: relative; scrollbar-face-color: var(--card-scrollbar-color); scrollbar-track-color: var(--card-scrollbar-background-color); } nb-card-body::-webkit-scrollbar { width: var(--card-scrollbar-width); height: var(--card-scrollbar-width); } nb-card-body::-webkit-scrollbar-thumb { background: var(--card-scrollbar-color); cursor: pointer; border-radius: calc(var(--card-scrollbar-width) * 0.5); } nb-card-body::-webkit-scrollbar-track { background: var(--card-scrollbar-background-color); } nb-card-body::-webkit-scrollbar-corner { background: var(--card-scrollbar-background-color); } nb-card-footer { padding: var(--card-padding); border-top: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color); border-bottom-left-radius: var(--card-border-radius); border-bottom-right-radius: var(--card-border-radius); } nb-card-header { padding: var(--card-padding); border-bottom: var(--card-divider-width) var(--card-divider-style) var(--card-divider-color); border-top-left-radius: var(--card-border-radius); border-top-right-radius: var(--card-border-radius); color: var(--card-header-text-color); font-family: var(--card-header-text-font-family); font-size: var(--card-header-text-font-size); font-weight: var(--card-header-text-font-weight); line-height: var(--card-header-text-line-height); } nb-card-header h1 { margin: 0; } nb-card-header h2 { margin: 0; } nb-card-header h3 { margin: 0; } nb-card-header h4 { margin: 0; } nb-card-header h5 { margin: 0; } nb-card-header h6 { margin: 0; } nb-reveal-card { box-shadow: var(--card-shadow); margin-bottom: var(--card-margin-bottom); } .second-card-container { height: 100%; border-radius: var(--card-border-radius); } .reveal-button { line-height: var(--card-text-line-height); padding: var(--card-padding); } .flip-button { line-height: var(--card-text-line-height); margin-bottom: var(--card-margin-bottom); padding: var(--card-padding); } [dir=ltr] .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .flipcard-body .front-container { margin-left: -100%; } nb-tabset { background-color: var(--tabset-background-color); border-radius: var(--tabset-border-radius); box-shadow: var(--tabset-shadow); } nb-tabset .tabset { border-bottom: var(--tabset-divider-width) var(--tabset-divider-style) var(--tabset-divider-color); } nb-tabset .tab-link { background-color: var(--tabset-tab-background-color); cursor: pointer; padding: var(--tabset-tab-padding); color: var(--tabset-tab-text-color); font-family: var(--tabset-tab-text-font-family); font-size: var(--tabset-tab-text-font-size); font-weight: var(--tabset-tab-text-font-weight); line-height: var(--tabset-tab-text-line-height); text-transform: var(--tabset-tab-text-transform); } nb-tabset .tab-link::before { background-color: var(--tabset-tab-underline-color); height: var(--tabset-tab-underline-width); } nb-tabset nb-badge.dot-mode.position-left { left: var(--tabset-tab–badge-dot-mode-horizontal-offset); } nb-tabset nb-badge.dot-mode.position-right { right: var(--tabset-tab–badge-dot-mode-horizontal-offset); } [dir=ltr] nb-tabset nb-badge.dot-mode.position-start { left: var(--tabset-tab–badge-dot-mode-horizontal-offset); } [dir=rtl] nb-tabset nb-badge.dot-mode.position-start { right: var(--tabset-tab–badge-dot-mode-horizontal-offset); } [dir=ltr] nb-tabset nb-badge.dot-mode.position-end { right: var(--tabset-tab–badge-dot-mode-horizontal-offset); } [dir=rtl] nb-tabset nb-badge.dot-mode.position-end { left: var(--tabset-tab–badge-dot-mode-horizontal-offset); } nb-tabset .tab.active .tab-link { background-color: var(--tabset-tab-active-background-color); color: var(--tabset-tab-active-text-color); } nb-tabset .tab.active .tab-link::before { background-color: var(--tabset-tab-active-underline-color); } nb-tabset .tab:focus .tab-link { background-color: var(--tabset-tab-focus-background-color); color: var(--tabset-tab-focus-text-color); } nb-tabset .tab:focus .tab-link::before { background-color: var(--tabset-tab-focus-underline-color); } nb-tabset .tab:hover .tab-link { color: var(--tabset-tab-hover-text-color); background-color: var(--tabset-tab-hover-background-color); } nb-tabset .tab:hover .tab-link::before { background-color: var(--tabset-tab-hover-underline-color); } nb-tabset .tab.disabled { cursor: default; pointer-events: none; } nb-tabset .tab.disabled .tab-link { background-color: var(--tabset-tab-disabled-background-color); color: var(--tabset-tab-disabled-text-color); cursor: default; pointer-events: none; } nb-tabset .tab.disabled .tab-link::before { background-color: var(--tabset-tab-disabled-underline-color); } @media screen and (max-width: 36rem) { nb-tabset .tab.responsive .tab-text { display: none; } } nb-tabset nb-tab { background-color: var(--tabset-content-background-color); color: var(--tabset-content-text-color); font-family: var(--tabset-content-text-font-family); font-size: var(--tabset-content-text-font-size); font-weight: var(--tabset-content-text-font-weight); line-height: var(--tabset-content-text-line-height); padding: var(--tabset-content-padding); scrollbar-face-color: var(--tabset-scrollbar-color); scrollbar-track-color: var(--tabset-scrollbar-background-color); } nb-tabset nb-tab::-webkit-scrollbar { width: var(--tabset-scrollbar-width); height: var(--tabset-scrollbar-width); } nb-tabset nb-tab::-webkit-scrollbar-thumb { background: var(--tabset-scrollbar-color); cursor: pointer; border-radius: calc(var(--tabset-scrollbar-width) * 0.5); } nb-tabset nb-tab::-webkit-scrollbar-track { background: var(--tabset-scrollbar-background-color); } nb-tabset nb-tab::-webkit-scrollbar-corner { background: var(--tabset-scrollbar-background-color); } nb-route-tabset { scrollbar-face-color: var(--route-tabset-scrollbar-color); scrollbar-track-color: var(--route-tabset-scrollbar-background-color); background-color: var(--route-tabset-background-color); border-radius: var(--route-tabset-border-radius); box-shadow: var(--route-tabset-shadow); } nb-route-tabset::-webkit-scrollbar { width: var(--route-tabset-scrollbar-width); height: var(--route-tabset-scrollbar-width); } nb-route-tabset::-webkit-scrollbar-thumb { background: var(--route-tabset-scrollbar-color); cursor: pointer; border-radius: calc(var(--route-tabset-scrollbar-width) * 0.5); } nb-route-tabset::-webkit-scrollbar-track { background: var(--route-tabset-scrollbar-background-color); } nb-route-tabset::-webkit-scrollbar-corner { background: var(--route-tabset-scrollbar-background-color); } nb-route-tabset .route-tabset { border-bottom: var(--route-tabset-divider-width) var(--route-tabset-divider-style) var(--route-tabset-divider-color); } nb-route-tabset .tab-link { background-color: var(--route-tabset-tab-background-color); cursor: pointer; padding: var(--route-tabset-tab-padding); color: var(--route-tabset-tab-text-color); font-family: var(--route-tabset-tab-text-font-family); font-size: var(--route-tabset-tab-text-font-size); font-weight: var(--route-tabset-tab-text-font-weight); line-height: var(--route-tabset-tab-text-line-height); text-transform: var(--route-tabset-tab-text-transform); } nb-route-tabset .tab-link::before { background-color: var(--route-tabset-tab-underline-color); height: var(--route-tabset-tab-underline-width); } nb-route-tabset .route-tab.active .tab-link { background-color: var(--tabset-tab-active-background-color); color: var(--tabset-tab-active-text-color); } nb-route-tabset .route-tab.active .tab-link::before { background-color: var(--tabset-tab-active-underline-color); } nb-route-tabset .tab-link:focus { background-color: var(--route-tabset-tab-focus-background-color); color: var(--route-tabset-tab-focus-text-color); } nb-route-tabset .tab-link:focus::before { background-color: var(--route-tabset-tab-focus-underline-color); } nb-route-tabset .tab-link:hover { background-color: var(--route-tabset-tab-hover-background-color); color: var(--route-tabset-tab-hover-text-color); } nb-route-tabset .tab-link:hover::before { background-color: var(--route-tabset-tab-hover-underline-color); } nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } nb-route-tabset .route-tab.disabled .tab-link { background-color: var(--route-tabset-tab-disabled-background-color); color: var(--route-tabset-tab-disabled-text-color); cursor: default; pointer-events: none; } nb-route-tabset .route-tab.disabled .tab-link::before { background-color: var(--route-tabset-tab-disabled-underline-color); } @media screen and (max-width: 36rem) { nb-route-tabset .route-tab.responsive .tab-text { display: none; } } nb-menu { background-color: var(--menu-background-color); } nb-menu ul.menu-items { margin: 0; padding: 0; } nb-menu .menu-group, nb-menu .menu-item a { font-family: var(--menu-text-font-family); font-size: var(--menu-text-font-size); font-weight: var(--menu-text-font-weight); line-height: var(--menu-text-line-height); padding: var(--menu-item-padding); } nb-menu .menu-group, nb-menu .menu-group nb-icon.menu-icon { color: var(--menu-group-text-color); } nb-menu .menu-item a { color: var(--menu-text-color); border-radius: var(--menu-item-border-radius); } nb-menu .menu-item a.active { background-color: var(--menu-item-active-background-color); color: var(--menu-item-active-text-color); } nb-menu .menu-item a.active .menu-icon { color: var(--menu-item-icon-active-color); } nb-menu .menu-item a:hover { background-color: var(--menu-item-hover-background-color); color: var(--menu-item-hover-text-color); cursor: var(--menu-item-hover-cursor); } nb-menu .menu-item a:hover .menu-icon { color: var(--menu-item-icon-hover-color); } nb-menu .menu-item .menu-icon { color: var(--menu-item-icon-color); font-size: var(--menu-item-icon-width); margin: var(--menu-item-icon-margin); width: 1em; text-align: center; } nb-menu .menu-item .expand-state { color: var(--menu-item-icon-color); } nb-menu .menu-item { border-bottom: var(--menu-item-divider-width) var(--menu-item-divider-style) var(--menu-item-divider-color); } nb-menu .menu-item:first-child { border-top: none; } nb-menu .menu-item:last-child { border-bottom: none; } nb-menu .menu-item .menu-item:first-child { border-top: var(--menu-item-divider-width) var(--menu-item-divider-style) var(--menu-item-divider-color); } nb-menu .menu-item > .menu-items { background-color: var(--menu-submenu-background-color); margin: var(--menu-submenu-margin); padding: var(--menu-submenu-padding); } nb-menu .menu-item > .menu-items > .menu-item { background: var(--menu-submenu-background-color); color: var(--menu-submenu-text-color); } nb-menu .menu-item > .menu-items > .menu-item a { border-color: var(--menu-submenu-item-border-color); border-style: var(--menu-submenu-item-border-style); border-width: var(--menu-submenu-item-border-width); padding: var(--menu-submenu-item-padding); } nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: var(--menu-submenu-item-active-background-color); border-color: var(--menu-submenu-item-active-border-color); color: var(--menu-submenu-item-active-text-color); } nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: var(--menu-submenu-item-icon-active-color); } nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: var(--menu-submenu-item-hover-background-color); border-color: var(--menu-submenu-item-hover-border-color); color: var(--menu-submenu-item-hover-text-color); } nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: var(--menu-submenu-item-icon-hover-color); } nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: var(--menu-submenu-item-active-hover-background-color); border-color: var(--menu-submenu-item-active-hover-border-color); color: var(--menu-submenu-item-active-hover-text-color); } nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: var(--menu-submenu-item-icon-active-hover-color); } nb-menu .menu-item > .menu-items > .menu-group, nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: var(--menu-group-text-color); } nb-user .user-picture { background-color: var(--user-picture-box-background-color); border: var(--user-picture-box-border-width) solid var(--user-picture-box-border-color); } nb-user .initials { color: var(--user-initials-text-color); font-family: var(--user-initials-text-font-family); font-weight: var(--user-initials-text-font-weight); } nb-user .user-name { color: var(--user-name-text-color); font-family: var(--user-name-text-font-family); font-weight: var(--user-name-text-font-weight); } nb-user .user-title { color: var(--user-title-text-color); font-family: var(--user-title-text-font-family); font-weight: var(--user-title-text-font-weight); } nb-user.size-tiny .user-picture { height: var(--user-tiny-height); width: var(--user-tiny-width); } nb-user.size-tiny .initials { font-size: var(--user-tiny-initials-text-font-size); line-height: var(--user-tiny-initials-text-line-height); } nb-user.size-tiny .user-name { font-size: var(--user-tiny-name-text-font-size); line-height: var(--user-tiny-name-text-line-height); } nb-user.size-tiny .user-title { font-size: var(--user-tiny-title-text-font-size); line-height: var(--user-tiny-title-text-line-height); } nb-user.size-small .user-picture { height: var(--user-small-height); width: var(--user-small-width); } nb-user.size-small .initials { font-size: var(--user-small-initials-text-font-size); line-height: var(--user-small-initials-text-line-height); } nb-user.size-small .user-name { font-size: var(--user-small-name-text-font-size); line-height: var(--user-small-name-text-line-height); } nb-user.size-small .user-title { font-size: var(--user-small-title-text-font-size); line-height: var(--user-small-title-text-line-height); } nb-user.size-medium .user-picture { height: var(--user-medium-height); width: var(--user-medium-width); } nb-user.size-medium .initials { font-size: var(--user-medium-initials-text-font-size); line-height: var(--user-medium-initials-text-line-height); } nb-user.size-medium .user-name { font-size: var(--user-medium-name-text-font-size); line-height: var(--user-medium-name-text-line-height); } nb-user.size-medium .user-title { font-size: var(--user-medium-title-text-font-size); line-height: var(--user-medium-title-text-line-height); } nb-user.size-large .user-picture { height: var(--user-large-height); width: var(--user-large-width); } nb-user.size-large .initials { font-size: var(--user-large-initials-text-font-size); line-height: var(--user-large-initials-text-line-height); } nb-user.size-large .user-name { font-size: var(--user-large-name-text-font-size); line-height: var(--user-large-name-text-line-height); } nb-user.size-large .user-title { font-size: var(--user-large-title-text-font-size); line-height: var(--user-large-title-text-line-height); } nb-user.size-giant .user-picture { height: var(--user-giant-height); width: var(--user-giant-width); } nb-user.size-giant .initials { font-size: var(--user-giant-initials-text-font-size); line-height: var(--user-giant-initials-text-line-height); } nb-user.size-giant .user-name { font-size: var(--user-giant-name-text-font-size); line-height: var(--user-giant-name-text-line-height); } nb-user.size-giant .user-title { font-size: var(--user-giant-title-text-font-size); line-height: var(--user-giant-title-text-line-height); } nb-user.shape-rectangle .user-picture { border-radius: var(--user-rectangle-border-radius); } nb-user.shape-semi-round .user-picture { border-radius: var(--user-semi-round-border-radius); } nb-user.shape-round .user-picture { border-radius: var(--user-round-border-radius); } nb-actions { background-color: var(--actions-background-color); color: var(--actions-text-color); font-family: var(--actions-text-font-family); font-weight: var(--actions-text-font-weight); line-height: var(--actions-text-line-height); } nb-actions.size-tiny nb-action { font-size: var(--actions-tiny-text-font-size); height: var(--actions-tiny-height); padding: var(--actions-tiny-padding); } nb-actions.size-tiny nb-action nb-icon { font-size: var(--actions-tiny-icon-height); } nb-actions.size-small nb-action { font-size: var(--actions-small-text-font-size); height: var(--actions-small-height); padding: var(--actions-small-padding); } nb-actions.size-small nb-action nb-icon { font-size: var(--actions-small-icon-height); } nb-actions.size-medium nb-action { font-size: var(--actions-medium-text-font-size); height: var(--actions-medium-height); padding: var(--actions-medium-padding); } nb-actions.size-medium nb-action nb-icon { font-size: var(--actions-medium-icon-height); } nb-actions.size-large nb-action { font-size: var(--actions-large-text-font-size); height: var(--actions-large-height); padding: var(--actions-large-padding); } nb-actions.size-large nb-action nb-icon { font-size: var(--actions-large-icon-height); } nb-actions.size-giant nb-action { font-size: var(--actions-giant-text-font-size); height: var(--actions-giant-height); padding: var(--actions-giant-padding); } nb-actions.size-giant nb-action nb-icon { font-size: var(--actions-giant-icon-height); } [dir=ltr] nb-action { border-left: var(--actions-divider-width) var(--actions-divider-style) var(--actions-divider-color); } [dir=rtl] nb-action { border-right: var(--actions-divider-width) var(--actions-divider-style) var(--actions-divider-color); } [dir=ltr] nb-action:first-child { border-left: none !important; } [dir=rtl] nb-action:first-child { border-right: none !important; } nb-action nb-icon { color: var(--actions-icon-color); } nb-action.disabled { color: var(--actions-disabled-text-color); } nb-action.disabled nb-icon { color: var(--actions-disabled-icon-color); } nb-search-field .close-button { z-index: 1; } nb-search-field .search { background: var(--search-background-color); } nb-search-field .search span.info { color: var(--search-info-text-color); font-family: var(--search-info-text-font-family); font-size: var(--search-info-text-font-size); font-weight: var(--search-info-text-font-weight); line-height: var(--search-info-text-line-height); } nb-search-field .search input { border-bottom: var(--search-divider-width) var(--search-divider-style) var(--search-divider-color); color: var(--search-text-color); font-family: var(--search-text-font-family); font-size: var(--search-text-font-size); font-weight: var(--search-text-font-weight); line-height: var(--search-text-line-height); } nb-search-field .search input::placeholder { color: var(--search-placeholder-text-color); } nb-search-field .search input::-ms-clear { display: none; } nb-search-field.rotate-layout { opacity: 0; background: var(--search-background-color); } nb-search-field.modal-zoomin .search::before, nb-search-field.modal-zoomin .search::after { border: 1.5rem solid var(--search-extra-background-color); } nb-search-field.modal-half .form-wrapper { background: var(--search-background-color); } nb-search-field.modal-half .search::before { background: var(--search-extra-background-color); } nb-search-field.modal-drop .form-content::after { background: var(--search-divider-color); } nb-search-field.modal-drop .search::before { background: var(--search-background-color); } nb-search-field.curtain .search::after { background: var(--search-background-color); } nb-search-field.curtain .search { background: var(--search-background-color); } nb-search-field.column-curtain::before { background: var(--search-background-color); } nb-search-field.column-curtain::after { background: transparent; } nb-search-field.column-curtain.show::after { background: var(--search-extra-background-color); } .nb-spinner-container { position: relative; } nb-spinner .message { color: var(--spinner-text-color); font-family: var(--spinner-text-font-family); font-size: var(--spinner-text-font-size); font-weight: var(--spinner-text-font-weight); line-height: var(--spinner-text-line-height); } nb-spinner.status-basic { background-color: var(--spinner-basic-background-color); } nb-spinner.status-basic .spin-circle { border-top-color: var(--spinner-basic-circle-filled-color); border-right-color: var(--spinner-basic-circle-empty-color); border-bottom-color: var(--spinner-basic-circle-filled-color); border-left-color: var(--spinner-basic-circle-filled-color); } nb-spinner.status-primary { background-color: var(--spinner-primary-background-color); } nb-spinner.status-primary .spin-circle { border-top-color: var(--spinner-primary-circle-filled-color); border-right-color: var(--spinner-primary-circle-empty-color); border-bottom-color: var(--spinner-primary-circle-filled-color); border-left-color: var(--spinner-primary-circle-filled-color); } nb-spinner.status-success { background-color: var(--spinner-success-background-color); } nb-spinner.status-success .spin-circle { border-top-color: var(--spinner-success-circle-filled-color); border-right-color: var(--spinner-success-circle-empty-color); border-bottom-color: var(--spinner-success-circle-filled-color); border-left-color: var(--spinner-success-circle-filled-color); } nb-spinner.status-warning { background-color: var(--spinner-warning-background-color); } nb-spinner.status-warning .spin-circle { border-top-color: var(--spinner-warning-circle-filled-color); border-right-color: var(--spinner-warning-circle-empty-color); border-bottom-color: var(--spinner-warning-circle-filled-color); border-left-color: var(--spinner-warning-circle-filled-color); } nb-spinner.status-danger { background-color: var(--spinner-danger-background-color); } nb-spinner.status-danger .spin-circle { border-top-color: var(--spinner-danger-circle-filled-color); border-right-color: var(--spinner-danger-circle-empty-color); border-bottom-color: var(--spinner-danger-circle-filled-color); border-left-color: var(--spinner-danger-circle-filled-color); } nb-spinner.status-info { background-color: var(--spinner-info-background-color); } nb-spinner.status-info .spin-circle { border-top-color: var(--spinner-info-circle-filled-color); border-right-color: var(--spinner-info-circle-empty-color); border-bottom-color: var(--spinner-info-circle-filled-color); border-left-color: var(--spinner-info-circle-filled-color); } nb-spinner.status-control { background-color: var(--spinner-control-background-color); } nb-spinner.status-control .spin-circle { border-top-color: var(--spinner-control-circle-filled-color); border-right-color: var(--spinner-control-circle-empty-color); border-bottom-color: var(--spinner-control-circle-filled-color); border-left-color: var(--spinner-control-circle-filled-color); } nb-spinner.size-tiny { font-size: var(--spinner-height-tiny); } nb-spinner.size-small { font-size: var(--spinner-height-small); } nb-spinner.size-medium { font-size: var(--spinner-height-medium); } nb-spinner.size-large { font-size: var(--spinner-height-large); } nb-spinner.size-giant { font-size: var(--spinner-height-giant); } @keyframes spin { 0% { transform: rotate(0deg); } 40% { transform: rotate(230deg); } 100% { transform: rotate(360deg); } } .nb-timepicker-container { width: var(--timepicker-container-width); height: var(--timepicker-container-height); } .nb-timepicker-container .list-item { color: var(--timepicker-cell-text-color); font-size: var(--timepicker-cell-text-font-size); font-family: var(--timepicker-cell-text-font-family); height: var(--timepicker-cell-height); line-height: var(--timepicker-cell-text-line-height); font-weight: var(--timepicker-cell-text-font-weight); } .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-timepicker-container .list-item:hover { background-color: var(--timepicker-cell-hover-background-color); color: var(--timepicker-cell-hover-text-color); } .nb-timepicker-container .list-item:focus { background-color: var(--timepicker-cell-focus-background-color); color: var(--timepicker-cell-focus-text-color); } .nb-timepicker-container .list-item.selected { background-color: var(--timepicker-cell-active-background-color); color: var(--timepicker-cell-active-text-color); } .nb-timepicker-container .values-list { scrollbar-face-color: var(--timepicker-scrollbar-color); scrollbar-track-color: var(--timepicker-scrollbar-background-color); } [dir=ltr] .nb-timepicker-container .values-list:not(:last-of-type) { border-right: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color); } [dir=rtl] .nb-timepicker-container .values-list:not(:last-of-type) { border-left: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color); } .nb-timepicker-container .values-list::-webkit-scrollbar { width: var(--timepicker-scrollbar-width); height: var(--timepicker-scrollbar-width); } .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: var(--timepicker-scrollbar-color); cursor: pointer; border-radius: calc(var(--timepicker-scrollbar-width) * 0.5); } .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: var(--timepicker-scrollbar-background-color); } .nb-timepicker-container .values-list::-webkit-scrollbar-corner { background: var(--timepicker-scrollbar-background-color); } [dir=ltr] .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: calc(var(--timepicker-scrollbar-width) * -1); } [dir=rtl] .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: calc(var(--timepicker-scrollbar-width) * -1); } .nb-timepicker-container .header-cell { color: var(--timepicker-header-cell-text-color); font-size: var(--timepicker-header-cell-text-font-size); font-family: var(--timepicker-header-cell-text-font-family); height: var(--timepicker-header-cell-height); line-height: var(--timepicker-header-cell-text-line-height); font-weight: var(--timepicker-header-cell-text-font-weight); } [dir=ltr] .nb-timepicker-container .header-cell:not(:last-child) { border-right: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color); } [dir=rtl] .nb-timepicker-container .header-cell:not(:last-child) { border-left: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color); } .nb-timepicker-container .column-header { border-bottom: var(--timepicker-border-width) var(--timepicker-border-style) var(--timepicker-border-color); } [dir=ltr] .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } nb-checkbox .label { padding: var(--checkbox-padding); } nb-checkbox .custom-checkbox { width: var(--checkbox-width); height: var(--checkbox-height); border-style: var(--checkbox-border-style); border-width: var(--checkbox-border-width); border-radius: var(--checkbox-border-radius); position: relative; } nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { box-shadow: 0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color); } nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { box-shadow: 0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color), inset var(--checkbox-focus-inset-shadow-length) var(--checkbox-outline-color); } nb-checkbox .native-input:focus:checked + .custom-checkbox { box-shadow: 0 0 0 var(--checkbox-outline-width) var(--checkbox-outline-color); } nb-checkbox .custom-checkbox-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; } nb-checkbox .text { font-family: var(--checkbox-text-font-family); font-size: var(--checkbox-text-font-size); font-weight: var(--checkbox-text-font-weight); line-height: var(--checkbox-text-line-height); } [dir=ltr] nb-checkbox .text:not(:empty) { padding-left: var(--checkbox-text-space); } [dir=rtl] nb-checkbox .text:not(:empty) { padding-right: var(--checkbox-text-space); } nb-checkbox.status-basic .custom-checkbox { background-color: var(--checkbox-basic-background-color); border-color: var(--checkbox-basic-border-color); } nb-checkbox.status-basic .text { color: var(--checkbox-basic-text-color); } nb-checkbox.status-basic .custom-checkbox.checked { background-color: var(--checkbox-basic-checked-background-color); border-color: var(--checkbox-basic-checked-border-color); } nb-checkbox.status-basic .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-basic-checked-checkmark-color); } nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: var(--checkbox-basic-indeterminate-background-color); border-color: var(--checkbox-basic-indeterminate-border-color); } nb-checkbox.status-basic .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-basic-indeterminate-checkmark-color); } nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-basic-focus-background-color); border-color: var(--checkbox-basic-focus-border-color); } nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-basic-focus-checked-background-color); border-color: var(--checkbox-basic-focus-checked-border-color); } nb-checkbox.status-basic .custom-checkbox:hover { background-color: var(--checkbox-basic-hover-background-color); border-color: var(--checkbox-basic-hover-border-color); } nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: var(--checkbox-basic-hover-checked-background-color); border-color: var(--checkbox-basic-hover-checked-border-color); } nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-basic-active-background-color); border-color: var(--checkbox-basic-active-border-color); } nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-basic-active-checked-background-color); border-color: var(--checkbox-basic-active-checked-border-color); } nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-basic-disabled-background-color); border-color: var(--checkbox-basic-disabled-border-color); } nb-checkbox.status-basic .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-basic-disabled-checkmark-color); } nb-checkbox.status-basic .native-input:disabled ~ .text { color: var(--checkbox-basic-disabled-text-color); } nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-basic-disabled-checked-background-color); border-color: var(--checkbox-basic-disabled-checked-border-color); } nb-checkbox.status-primary .custom-checkbox { background-color: var(--checkbox-primary-background-color); border-color: var(--checkbox-primary-border-color); } nb-checkbox.status-primary .text { color: var(--checkbox-primary-text-color); } nb-checkbox.status-primary .custom-checkbox.checked { background-color: var(--checkbox-primary-checked-background-color); border-color: var(--checkbox-primary-checked-border-color); } nb-checkbox.status-primary .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-primary-checked-checkmark-color); } nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: var(--checkbox-primary-indeterminate-background-color); border-color: var(--checkbox-primary-indeterminate-border-color); } nb-checkbox.status-primary .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-primary-indeterminate-checkmark-color); } nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-primary-focus-background-color); border-color: var(--checkbox-primary-focus-border-color); } nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-primary-focus-checked-background-color); border-color: var(--checkbox-primary-focus-checked-border-color); } nb-checkbox.status-primary .custom-checkbox:hover { background-color: var(--checkbox-primary-hover-background-color); border-color: var(--checkbox-primary-hover-border-color); } nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: var(--checkbox-primary-hover-checked-background-color); border-color: var(--checkbox-primary-hover-checked-border-color); } nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-primary-active-background-color); border-color: var(--checkbox-primary-active-border-color); } nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-primary-active-checked-background-color); border-color: var(--checkbox-primary-active-checked-border-color); } nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-primary-disabled-background-color); border-color: var(--checkbox-primary-disabled-border-color); } nb-checkbox.status-primary .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-primary-disabled-checkmark-color); } nb-checkbox.status-primary .native-input:disabled ~ .text { color: var(--checkbox-primary-disabled-text-color); } nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-primary-disabled-checked-background-color); border-color: var(--checkbox-primary-disabled-checked-border-color); } nb-checkbox.status-success .custom-checkbox { background-color: var(--checkbox-success-background-color); border-color: var(--checkbox-success-border-color); } nb-checkbox.status-success .text { color: var(--checkbox-success-text-color); } nb-checkbox.status-success .custom-checkbox.checked { background-color: var(--checkbox-success-checked-background-color); border-color: var(--checkbox-success-checked-border-color); } nb-checkbox.status-success .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-success-checked-checkmark-color); } nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: var(--checkbox-success-indeterminate-background-color); border-color: var(--checkbox-success-indeterminate-border-color); } nb-checkbox.status-success .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-success-indeterminate-checkmark-color); } nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-success-focus-background-color); border-color: var(--checkbox-success-focus-border-color); } nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-success-focus-checked-background-color); border-color: var(--checkbox-success-focus-checked-border-color); } nb-checkbox.status-success .custom-checkbox:hover { background-color: var(--checkbox-success-hover-background-color); border-color: var(--checkbox-success-hover-border-color); } nb-checkbox.status-success .custom-checkbox:hover.indeterminate, nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: var(--checkbox-success-hover-checked-background-color); border-color: var(--checkbox-success-hover-checked-border-color); } nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-success-active-background-color); border-color: var(--checkbox-success-active-border-color); } nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-success-active-checked-background-color); border-color: var(--checkbox-success-active-checked-border-color); } nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-success-disabled-background-color); border-color: var(--checkbox-success-disabled-border-color); } nb-checkbox.status-success .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-success-disabled-checkmark-color); } nb-checkbox.status-success .native-input:disabled ~ .text { color: var(--checkbox-success-disabled-text-color); } nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-success-disabled-checked-background-color); border-color: var(--checkbox-success-disabled-checked-border-color); } nb-checkbox.status-warning .custom-checkbox { background-color: var(--checkbox-warning-background-color); border-color: var(--checkbox-warning-border-color); } nb-checkbox.status-warning .text { color: var(--checkbox-warning-text-color); } nb-checkbox.status-warning .custom-checkbox.checked { background-color: var(--checkbox-warning-checked-background-color); border-color: var(--checkbox-warning-checked-border-color); } nb-checkbox.status-warning .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-warning-checked-checkmark-color); } nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: var(--checkbox-warning-indeterminate-background-color); border-color: var(--checkbox-warning-indeterminate-border-color); } nb-checkbox.status-warning .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-warning-indeterminate-checkmark-color); } nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-warning-focus-background-color); border-color: var(--checkbox-warning-focus-border-color); } nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-warning-focus-checked-background-color); border-color: var(--checkbox-warning-focus-checked-border-color); } nb-checkbox.status-warning .custom-checkbox:hover { background-color: var(--checkbox-warning-hover-background-color); border-color: var(--checkbox-warning-hover-border-color); } nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: var(--checkbox-warning-hover-checked-background-color); border-color: var(--checkbox-warning-hover-checked-border-color); } nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-warning-active-background-color); border-color: var(--checkbox-warning-active-border-color); } nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-warning-active-checked-background-color); border-color: var(--checkbox-warning-active-checked-border-color); } nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-warning-disabled-background-color); border-color: var(--checkbox-warning-disabled-border-color); } nb-checkbox.status-warning .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-warning-disabled-checkmark-color); } nb-checkbox.status-warning .native-input:disabled ~ .text { color: var(--checkbox-warning-disabled-text-color); } nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-warning-disabled-checked-background-color); border-color: var(--checkbox-warning-disabled-checked-border-color); } nb-checkbox.status-danger .custom-checkbox { background-color: var(--checkbox-danger-background-color); border-color: var(--checkbox-danger-border-color); } nb-checkbox.status-danger .text { color: var(--checkbox-danger-text-color); } nb-checkbox.status-danger .custom-checkbox.checked { background-color: var(--checkbox-danger-checked-background-color); border-color: var(--checkbox-danger-checked-border-color); } nb-checkbox.status-danger .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-danger-checked-checkmark-color); } nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: var(--checkbox-danger-indeterminate-background-color); border-color: var(--checkbox-danger-indeterminate-border-color); } nb-checkbox.status-danger .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-danger-indeterminate-checkmark-color); } nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-danger-focus-background-color); border-color: var(--checkbox-danger-focus-border-color); } nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-danger-focus-checked-background-color); border-color: var(--checkbox-danger-focus-checked-border-color); } nb-checkbox.status-danger .custom-checkbox:hover { background-color: var(--checkbox-danger-hover-background-color); border-color: var(--checkbox-danger-hover-border-color); } nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: var(--checkbox-danger-hover-checked-background-color); border-color: var(--checkbox-danger-hover-checked-border-color); } nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-danger-active-background-color); border-color: var(--checkbox-danger-active-border-color); } nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-danger-active-checked-background-color); border-color: var(--checkbox-danger-active-checked-border-color); } nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-danger-disabled-background-color); border-color: var(--checkbox-danger-disabled-border-color); } nb-checkbox.status-danger .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-danger-disabled-checkmark-color); } nb-checkbox.status-danger .native-input:disabled ~ .text { color: var(--checkbox-danger-disabled-text-color); } nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-danger-disabled-checked-background-color); border-color: var(--checkbox-danger-disabled-checked-border-color); } nb-checkbox.status-info .custom-checkbox { background-color: var(--checkbox-info-background-color); border-color: var(--checkbox-info-border-color); } nb-checkbox.status-info .text { color: var(--checkbox-info-text-color); } nb-checkbox.status-info .custom-checkbox.checked { background-color: var(--checkbox-info-checked-background-color); border-color: var(--checkbox-info-checked-border-color); } nb-checkbox.status-info .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-info-checked-checkmark-color); } nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: var(--checkbox-info-indeterminate-background-color); border-color: var(--checkbox-info-indeterminate-border-color); } nb-checkbox.status-info .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-info-indeterminate-checkmark-color); } nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-info-focus-background-color); border-color: var(--checkbox-info-focus-border-color); } nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-info-focus-checked-background-color); border-color: var(--checkbox-info-focus-checked-border-color); } nb-checkbox.status-info .custom-checkbox:hover { background-color: var(--checkbox-info-hover-background-color); border-color: var(--checkbox-info-hover-border-color); } nb-checkbox.status-info .custom-checkbox:hover.indeterminate, nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: var(--checkbox-info-hover-checked-background-color); border-color: var(--checkbox-info-hover-checked-border-color); } nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-info-active-background-color); border-color: var(--checkbox-info-active-border-color); } nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-info-active-checked-background-color); border-color: var(--checkbox-info-active-checked-border-color); } nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-info-disabled-background-color); border-color: var(--checkbox-info-disabled-border-color); } nb-checkbox.status-info .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-info-disabled-checkmark-color); } nb-checkbox.status-info .native-input:disabled ~ .text { color: var(--checkbox-info-disabled-text-color); } nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-info-disabled-checked-background-color); border-color: var(--checkbox-info-disabled-checked-border-color); } nb-checkbox.status-control .custom-checkbox { background-color: var(--checkbox-control-background-color); border-color: var(--checkbox-control-border-color); } nb-checkbox.status-control .text { color: var(--checkbox-control-text-color); } nb-checkbox.status-control .custom-checkbox.checked { background-color: var(--checkbox-control-checked-background-color); border-color: var(--checkbox-control-checked-border-color); } nb-checkbox.status-control .custom-checkbox.checked .custom-checkbox-icon { color: var(--checkbox-control-checked-checkmark-color); } nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: var(--checkbox-control-indeterminate-background-color); border-color: var(--checkbox-control-indeterminate-border-color); } nb-checkbox.status-control .custom-checkbox.indeterminate .custom-checkbox-icon { color: var(--checkbox-control-indeterminate-checkmark-color); } nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: var(--checkbox-control-focus-background-color); border-color: var(--checkbox-control-focus-border-color); } nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: var(--checkbox-control-focus-checked-background-color); border-color: var(--checkbox-control-focus-checked-border-color); } nb-checkbox.status-control .custom-checkbox:hover { background-color: var(--checkbox-control-hover-background-color); border-color: var(--checkbox-control-hover-border-color); } nb-checkbox.status-control .custom-checkbox:hover.indeterminate, nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: var(--checkbox-control-hover-checked-background-color); border-color: var(--checkbox-control-hover-checked-border-color); } nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: var(--checkbox-control-active-background-color); border-color: var(--checkbox-control-active-border-color); } nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: var(--checkbox-control-active-checked-background-color); border-color: var(--checkbox-control-active-checked-border-color); } nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: var(--checkbox-control-disabled-background-color); border-color: var(--checkbox-control-disabled-border-color); } nb-checkbox.status-control .native-input:disabled + .custom-checkbox .custom-checkbox-icon { color: var(--checkbox-control-disabled-checkmark-color); } nb-checkbox.status-control .native-input:disabled ~ .text { color: var(--checkbox-control-disabled-text-color); } nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: var(--checkbox-control-disabled-checked-background-color); border-color: var(--checkbox-control-disabled-checked-border-color); } nb-toggle .toggle { height: var(--toggle-height); width: var(--toggle-width); border-width: var(--toggle-border-width); border-style: solid; border-radius: var(--toggle-border-radius); cursor: var(--toggle-cursor); /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width) - var(--toggle-border-width)); } [dir=ltr] nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width) - var(--toggle-border-width)); } [dir=rtl] nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } nb-toggle .native-input:enabled:focus + .toggle { box-shadow: 0 0 0 var(--toggle-outline-width) var(--toggle-outline-color); } nb-toggle .native-input:disabled + .toggle { cursor: var(--toggle-disabled-cursor); } nb-toggle .toggle-switcher { width: var(--toggle-switcher-size); height: var(--toggle-switcher-size); } nb-toggle .toggle-switcher nb-icon { height: var(--toggle-switcher-icon-size); width: var(--toggle-switcher-icon-size); } nb-toggle .text { font-family: var(--toggle-text-font-family); font-size: var(--toggle-text-font-size); font-weight: var(--toggle-text-font-weight); line-height: var(--toggle-text-line-height); } nb-toggle.status-basic .text { color: var(--toggle-basic-text-color); } nb-toggle.status-basic .toggle { background-color: var(--toggle-basic-background-color); border-color: var(--toggle-basic-border-color); } nb-toggle.status-basic .toggle.checked { background-color: var(--toggle-basic-checked-background-color); border-color: var(--toggle-basic-checked-border-color); } nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: var(--toggle-basic-focus-background-color); border-color: var(--toggle-basic-focus-border-color); } nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-basic-focus-checked-background-color); border-color: var(--toggle-basic-focus-checked-border-color); } nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: var(--toggle-basic-active-background-color); border-color: var(--toggle-basic-active-border-color); } nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-basic-active-checked-background-color); border-color: var(--toggle-basic-active-checked-border-color); } nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: var(--toggle-basic-hover-background-color); border-color: var(--toggle-basic-hover-border-color); } nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-basic-hover-checked-background-color); border-color: var(--toggle-basic-hover-checked-border-color); } nb-toggle.status-basic .toggle-switcher { background-color: var(--toggle-basic-checked-switcher-background-color); } nb-toggle.status-basic .toggle-switcher nb-icon { color: var(--toggle-basic-checked-switcher-checkmark-color); } nb-toggle.status-basic .native-input:disabled + .toggle { background-color: var(--toggle-basic-disabled-background-color); border-color: var(--toggle-basic-disabled-border-color); } nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-basic-disabled-switcher-background-color); } nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-basic-disabled-checked-switcher-checkmark-color); } nb-toggle.status-basic .native-input:disabled ~ .text { color: var(--toggle-basic-disabled-text-color); } nb-toggle.status-primary .text { color: var(--toggle-primary-text-color); } nb-toggle.status-primary .toggle { background-color: var(--toggle-primary-background-color); border-color: var(--toggle-primary-border-color); } nb-toggle.status-primary .toggle.checked { background-color: var(--toggle-primary-checked-background-color); border-color: var(--toggle-primary-checked-border-color); } nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: var(--toggle-primary-focus-background-color); border-color: var(--toggle-primary-focus-border-color); } nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-primary-focus-checked-background-color); border-color: var(--toggle-primary-focus-checked-border-color); } nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: var(--toggle-primary-active-background-color); border-color: var(--toggle-primary-active-border-color); } nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-primary-active-checked-background-color); border-color: var(--toggle-primary-active-checked-border-color); } nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: var(--toggle-primary-hover-background-color); border-color: var(--toggle-primary-hover-border-color); } nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-primary-hover-checked-background-color); border-color: var(--toggle-primary-hover-checked-border-color); } nb-toggle.status-primary .toggle-switcher { background-color: var(--toggle-primary-checked-switcher-background-color); } nb-toggle.status-primary .toggle-switcher nb-icon { color: var(--toggle-primary-checked-switcher-checkmark-color); } nb-toggle.status-primary .native-input:disabled + .toggle { background-color: var(--toggle-primary-disabled-background-color); border-color: var(--toggle-primary-disabled-border-color); } nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-primary-disabled-switcher-background-color); } nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-primary-disabled-checked-switcher-checkmark-color); } nb-toggle.status-primary .native-input:disabled ~ .text { color: var(--toggle-primary-disabled-text-color); } nb-toggle.status-success .text { color: var(--toggle-success-text-color); } nb-toggle.status-success .toggle { background-color: var(--toggle-success-background-color); border-color: var(--toggle-success-border-color); } nb-toggle.status-success .toggle.checked { background-color: var(--toggle-success-checked-background-color); border-color: var(--toggle-success-checked-border-color); } nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: var(--toggle-success-focus-background-color); border-color: var(--toggle-success-focus-border-color); } nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-success-focus-checked-background-color); border-color: var(--toggle-success-focus-checked-border-color); } nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: var(--toggle-success-active-background-color); border-color: var(--toggle-success-active-border-color); } nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-success-active-checked-background-color); border-color: var(--toggle-success-active-checked-border-color); } nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: var(--toggle-success-hover-background-color); border-color: var(--toggle-success-hover-border-color); } nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-success-hover-checked-background-color); border-color: var(--toggle-success-hover-checked-border-color); } nb-toggle.status-success .toggle-switcher { background-color: var(--toggle-success-checked-switcher-background-color); } nb-toggle.status-success .toggle-switcher nb-icon { color: var(--toggle-success-checked-switcher-checkmark-color); } nb-toggle.status-success .native-input:disabled + .toggle { background-color: var(--toggle-success-disabled-background-color); border-color: var(--toggle-success-disabled-border-color); } nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-success-disabled-switcher-background-color); } nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-success-disabled-checked-switcher-checkmark-color); } nb-toggle.status-success .native-input:disabled ~ .text { color: var(--toggle-success-disabled-text-color); } nb-toggle.status-warning .text { color: var(--toggle-warning-text-color); } nb-toggle.status-warning .toggle { background-color: var(--toggle-warning-background-color); border-color: var(--toggle-warning-border-color); } nb-toggle.status-warning .toggle.checked { background-color: var(--toggle-warning-checked-background-color); border-color: var(--toggle-warning-checked-border-color); } nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: var(--toggle-warning-focus-background-color); border-color: var(--toggle-warning-focus-border-color); } nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-warning-focus-checked-background-color); border-color: var(--toggle-warning-focus-checked-border-color); } nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: var(--toggle-warning-active-background-color); border-color: var(--toggle-warning-active-border-color); } nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-warning-active-checked-background-color); border-color: var(--toggle-warning-active-checked-border-color); } nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: var(--toggle-warning-hover-background-color); border-color: var(--toggle-warning-hover-border-color); } nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-warning-hover-checked-background-color); border-color: var(--toggle-warning-hover-checked-border-color); } nb-toggle.status-warning .toggle-switcher { background-color: var(--toggle-warning-checked-switcher-background-color); } nb-toggle.status-warning .toggle-switcher nb-icon { color: var(--toggle-warning-checked-switcher-checkmark-color); } nb-toggle.status-warning .native-input:disabled + .toggle { background-color: var(--toggle-warning-disabled-background-color); border-color: var(--toggle-warning-disabled-border-color); } nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-warning-disabled-switcher-background-color); } nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-warning-disabled-checked-switcher-checkmark-color); } nb-toggle.status-warning .native-input:disabled ~ .text { color: var(--toggle-warning-disabled-text-color); } nb-toggle.status-danger .text { color: var(--toggle-danger-text-color); } nb-toggle.status-danger .toggle { background-color: var(--toggle-danger-background-color); border-color: var(--toggle-danger-border-color); } nb-toggle.status-danger .toggle.checked { background-color: var(--toggle-danger-checked-background-color); border-color: var(--toggle-danger-checked-border-color); } nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: var(--toggle-danger-focus-background-color); border-color: var(--toggle-danger-focus-border-color); } nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-danger-focus-checked-background-color); border-color: var(--toggle-danger-focus-checked-border-color); } nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: var(--toggle-danger-active-background-color); border-color: var(--toggle-danger-active-border-color); } nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-danger-active-checked-background-color); border-color: var(--toggle-danger-active-checked-border-color); } nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: var(--toggle-danger-hover-background-color); border-color: var(--toggle-danger-hover-border-color); } nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-danger-hover-checked-background-color); border-color: var(--toggle-danger-hover-checked-border-color); } nb-toggle.status-danger .toggle-switcher { background-color: var(--toggle-danger-checked-switcher-background-color); } nb-toggle.status-danger .toggle-switcher nb-icon { color: var(--toggle-danger-checked-switcher-checkmark-color); } nb-toggle.status-danger .native-input:disabled + .toggle { background-color: var(--toggle-danger-disabled-background-color); border-color: var(--toggle-danger-disabled-border-color); } nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-danger-disabled-switcher-background-color); } nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-danger-disabled-checked-switcher-checkmark-color); } nb-toggle.status-danger .native-input:disabled ~ .text { color: var(--toggle-danger-disabled-text-color); } nb-toggle.status-info .text { color: var(--toggle-info-text-color); } nb-toggle.status-info .toggle { background-color: var(--toggle-info-background-color); border-color: var(--toggle-info-border-color); } nb-toggle.status-info .toggle.checked { background-color: var(--toggle-info-checked-background-color); border-color: var(--toggle-info-checked-border-color); } nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: var(--toggle-info-focus-background-color); border-color: var(--toggle-info-focus-border-color); } nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-info-focus-checked-background-color); border-color: var(--toggle-info-focus-checked-border-color); } nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: var(--toggle-info-active-background-color); border-color: var(--toggle-info-active-border-color); } nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-info-active-checked-background-color); border-color: var(--toggle-info-active-checked-border-color); } nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: var(--toggle-info-hover-background-color); border-color: var(--toggle-info-hover-border-color); } nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-info-hover-checked-background-color); border-color: var(--toggle-info-hover-checked-border-color); } nb-toggle.status-info .toggle-switcher { background-color: var(--toggle-info-checked-switcher-background-color); } nb-toggle.status-info .toggle-switcher nb-icon { color: var(--toggle-info-checked-switcher-checkmark-color); } nb-toggle.status-info .native-input:disabled + .toggle { background-color: var(--toggle-info-disabled-background-color); border-color: var(--toggle-info-disabled-border-color); } nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-info-disabled-switcher-background-color); } nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-info-disabled-checked-switcher-checkmark-color); } nb-toggle.status-info .native-input:disabled ~ .text { color: var(--toggle-info-disabled-text-color); } nb-toggle.status-control .text { color: var(--toggle-control-text-color); } nb-toggle.status-control .toggle { background-color: var(--toggle-control-background-color); border-color: var(--toggle-control-border-color); } nb-toggle.status-control .toggle.checked { background-color: var(--toggle-control-checked-background-color); border-color: var(--toggle-control-checked-border-color); } nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: var(--toggle-control-focus-background-color); border-color: var(--toggle-control-focus-border-color); } nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: var(--toggle-control-focus-checked-background-color); border-color: var(--toggle-control-focus-checked-border-color); } nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: var(--toggle-control-active-background-color); border-color: var(--toggle-control-active-border-color); } nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: var(--toggle-control-active-checked-background-color); border-color: var(--toggle-control-active-checked-border-color); } nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: var(--toggle-control-hover-background-color); border-color: var(--toggle-control-hover-border-color); } nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: var(--toggle-control-hover-checked-background-color); border-color: var(--toggle-control-hover-checked-border-color); } nb-toggle.status-control .toggle-switcher { background-color: var(--toggle-control-checked-switcher-background-color); } nb-toggle.status-control .toggle-switcher nb-icon { color: var(--toggle-control-checked-switcher-checkmark-color); } nb-toggle.status-control .native-input:disabled + .toggle { background-color: var(--toggle-control-disabled-background-color); border-color: var(--toggle-control-disabled-border-color); } nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: var(--toggle-control-disabled-switcher-background-color); } nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: var(--toggle-control-disabled-checked-switcher-checkmark-color); } nb-toggle.status-control .native-input:disabled ~ .text { color: var(--toggle-control-disabled-text-color); } nb-progress-bar .progress-container { border-radius: var(--progress-bar-border-radius); } nb-progress-bar .progress-value { display: flex; align-items: center; justify-content: center; font-family: var(--progress-bar-text-font-family); transition-duration: var(--progress-bar-animation-duration); transition-property: width, background-color; } nb-progress-bar.size-tiny .progress-container { height: var(--progress-bar-tiny-height); } nb-progress-bar.size-tiny .progress-value { font-size: var(--progress-bar-tiny-text-font-size); font-weight: var(--progress-bar-tiny-text-font-weight); line-height: var(--progress-bar-tiny-text-line-height); } nb-progress-bar.size-small .progress-container { height: var(--progress-bar-small-height); } nb-progress-bar.size-small .progress-value { font-size: var(--progress-bar-small-text-font-size); font-weight: var(--progress-bar-small-text-font-weight); line-height: var(--progress-bar-small-text-line-height); } nb-progress-bar.size-medium .progress-container { height: var(--progress-bar-medium-height); } nb-progress-bar.size-medium .progress-value { font-size: var(--progress-bar-medium-text-font-size); font-weight: var(--progress-bar-medium-text-font-weight); line-height: var(--progress-bar-medium-text-line-height); } nb-progress-bar.size-large .progress-container { height: var(--progress-bar-large-height); } nb-progress-bar.size-large .progress-value { font-size: var(--progress-bar-large-text-font-size); font-weight: var(--progress-bar-large-text-font-weight); line-height: var(--progress-bar-large-text-line-height); } nb-progress-bar.size-giant .progress-container { height: var(--progress-bar-giant-height); } nb-progress-bar.size-giant .progress-value { font-size: var(--progress-bar-giant-text-font-size); font-weight: var(--progress-bar-giant-text-font-weight); line-height: var(--progress-bar-giant-text-line-height); } nb-progress-bar.status-basic .progress-container { background-color: var(--progress-bar-basic-background-color); } nb-progress-bar.status-basic .progress-value { background-color: var(--progress-bar-basic-filled-background-color); color: var(--progress-bar-basic-text-color); } nb-progress-bar.status-primary .progress-container { background-color: var(--progress-bar-primary-background-color); } nb-progress-bar.status-primary .progress-value { background-color: var(--progress-bar-primary-filled-background-color); color: var(--progress-bar-primary-text-color); } nb-progress-bar.status-success .progress-container { background-color: var(--progress-bar-success-background-color); } nb-progress-bar.status-success .progress-value { background-color: var(--progress-bar-success-filled-background-color); color: var(--progress-bar-success-text-color); } nb-progress-bar.status-warning .progress-container { background-color: var(--progress-bar-warning-background-color); } nb-progress-bar.status-warning .progress-value { background-color: var(--progress-bar-warning-filled-background-color); color: var(--progress-bar-warning-text-color); } nb-progress-bar.status-danger .progress-container { background-color: var(--progress-bar-danger-background-color); } nb-progress-bar.status-danger .progress-value { background-color: var(--progress-bar-danger-filled-background-color); color: var(--progress-bar-danger-text-color); } nb-progress-bar.status-info .progress-container { background-color: var(--progress-bar-info-background-color); } nb-progress-bar.status-info .progress-value { background-color: var(--progress-bar-info-filled-background-color); color: var(--progress-bar-info-text-color); } nb-progress-bar.status-control .progress-container { background-color: var(--progress-bar-control-background-color); } nb-progress-bar.status-control .progress-value { background-color: var(--progress-bar-control-filled-background-color); color: var(--progress-bar-control-text-color); } nb-badge { border-radius: var(--badge-border-radius); font-family: var(--badge-text-font-family); font-size: var(--badge-text-font-size); font-weight: var(--badge-text-font-weight); line-height: var(--badge-text-line-height); padding: var(--badge-padding); } nb-badge.dot-mode { padding: var(--badge-dot-mode-padding); border-radius: var(--badge-dot-mode-border-radius); } nb-badge.status-basic { color: var(--badge-basic-text-color); background-color: var(--badge-basic-background-color); } nb-badge.status-primary { color: var(--badge-primary-text-color); background-color: var(--badge-primary-background-color); } nb-badge.status-success { color: var(--badge-success-text-color); background-color: var(--badge-success-background-color); } nb-badge.status-warning { color: var(--badge-warning-text-color); background-color: var(--badge-warning-background-color); } nb-badge.status-danger { color: var(--badge-danger-text-color); background-color: var(--badge-danger-background-color); } nb-badge.status-info { color: var(--badge-info-text-color); background-color: var(--badge-info-background-color); } nb-badge.status-control { color: var(--badge-control-text-color); background-color: var(--badge-control-background-color); } nb-stepper.horizontal .header .step { width: var(--stepper-step-index-width); margin: 0 calc(var(--stepper-step-index-width) * 0.5); } nb-stepper.horizontal .header .connector { margin: var(--stepper-horizontal-connector-margin); } nb-stepper.vertical .header .connector { margin: var(--stepper-vertical-connector-margin); } nb-stepper .header .connector { background-color: var(--stepper-connector-background-color); } nb-stepper .header .connector-past { background-color: var(--stepper-connector-completed-background-color); } nb-stepper .header .label-index { border-radius: var(--stepper-step-index-border-radius); border-color: var(--stepper-step-index-border-color); border-style: var(--stepper-step-index-border-style); border-width: var(--stepper-step-index-border-width); width: var(--stepper-step-index-width); height: var(--stepper-step-index-width); } nb-stepper .header .step { color: var(--stepper-step-text-color); font-family: var(--stepper-step-text-font-family); font-size: var(--stepper-step-text-font-size); font-weight: var(--stepper-step-text-font-weight); line-height: var(--stepper-step-text-line-height); } nb-stepper .header .step.label-index { border-color: var(--stepper-step-index-border-color); } nb-stepper .header .step.selected { color: var(--stepper-step-active-text-color); } nb-stepper .header .step.selected .label-index { border-color: var(--stepper-step-index-active-border-color); } nb-stepper .header .step.completed { color: var(--stepper-step-completed-text-color); } nb-stepper .header .step.completed .label-index { background-color: var(--stepper-step-index-completed-background-color); border-color: var(--stepper-step-index-completed-border-color); color: var(--stepper-step-index-completed-text-color); } nb-stepper .step-content { padding: var(--stepper-step-content-padding); } nb-alert { border-radius: var(--alert-border-radius); box-shadow: var(--alert-shadow); font-family: var(--alert-text-font-family); font-size: var(--alert-text-font-size); font-weight: var(--alert-text-font-weight); line-height: var(--alert-text-line-height); padding: var(--alert-padding); margin-bottom: var(--alert-bottom-margin); scrollbar-face-color: var(--alert-scrollbar-color); scrollbar-track-color: var(--alert-scrollbar-background-color); } nb-alert::-webkit-scrollbar { width: var(--alert-scrollbar-width); height: var(--alert-scrollbar-width); } nb-alert::-webkit-scrollbar-thumb { background: var(--alert-scrollbar-color); cursor: pointer; border-radius: calc(var(--alert-scrollbar-width) * 0.5); } nb-alert::-webkit-scrollbar-track { background: var(--alert-scrollbar-background-color); } nb-alert::-webkit-scrollbar-corner { background: var(--alert-scrollbar-background-color); } [dir=ltr] nb-alert.closable { padding-right: var(--alert-closable-start-padding); } [dir=rtl] nb-alert.closable { padding-left: var(--alert-closable-start-padding); } nb-alert .close { padding: var(--alert-padding); font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } nb-alert.size-tiny { height: var(--alert-tiny-height); } nb-alert.size-small { height: var(--alert-small-height); } nb-alert.size-medium { height: var(--alert-medium-height); } nb-alert.size-large { height: var(--alert-large-height); } nb-alert.size-giant { height: var(--alert-giant-height); } nb-alert.status-basic { color: var(--alert-basic-text-color); background-color: var(--alert-basic-background-color); } nb-alert.status-basic a, nb-alert.status-basic a:hover { color: var(--alert-basic-text-color); } nb-alert.accent-basic { border-top: var(--alert-border-radius) solid var(--alert-accent-basic-color); } nb-alert.outline-basic { border: var(--alert-outline-width) solid var(--alert-outline-basic-color); } nb-alert.status-primary { color: var(--alert-primary-text-color); background-color: var(--alert-primary-background-color); } nb-alert.status-primary a, nb-alert.status-primary a:hover { color: var(--alert-primary-text-color); } nb-alert.accent-primary { border-top: var(--alert-border-radius) solid var(--alert-accent-primary-color); } nb-alert.outline-primary { border: var(--alert-outline-width) solid var(--alert-outline-primary-color); } nb-alert.status-success { color: var(--alert-success-text-color); background-color: var(--alert-success-background-color); } nb-alert.status-success a, nb-alert.status-success a:hover { color: var(--alert-success-text-color); } nb-alert.accent-success { border-top: var(--alert-border-radius) solid var(--alert-accent-success-color); } nb-alert.outline-success { border: var(--alert-outline-width) solid var(--alert-outline-success-color); } nb-alert.status-warning { color: var(--alert-warning-text-color); background-color: var(--alert-warning-background-color); } nb-alert.status-warning a, nb-alert.status-warning a:hover { color: var(--alert-warning-text-color); } nb-alert.accent-warning { border-top: var(--alert-border-radius) solid var(--alert-accent-warning-color); } nb-alert.outline-warning { border: var(--alert-outline-width) solid var(--alert-outline-warning-color); } nb-alert.status-danger { color: var(--alert-danger-text-color); background-color: var(--alert-danger-background-color); } nb-alert.status-danger a, nb-alert.status-danger a:hover { color: var(--alert-danger-text-color); } nb-alert.accent-danger { border-top: var(--alert-border-radius) solid var(--alert-accent-danger-color); } nb-alert.outline-danger { border: var(--alert-outline-width) solid var(--alert-outline-danger-color); } nb-alert.status-info { color: var(--alert-info-text-color); background-color: var(--alert-info-background-color); } nb-alert.status-info a, nb-alert.status-info a:hover { color: var(--alert-info-text-color); } nb-alert.accent-info { border-top: var(--alert-border-radius) solid var(--alert-accent-info-color); } nb-alert.outline-info { border: var(--alert-outline-width) solid var(--alert-outline-info-color); } nb-alert.status-control { color: var(--alert-control-text-color); background-color: var(--alert-control-background-color); } nb-alert.status-control a, nb-alert.status-control a:hover { color: var(--alert-control-text-color); } nb-alert.accent-control { border-top: var(--alert-border-radius) solid var(--alert-accent-control-color); } nb-alert.outline-control { border: var(--alert-outline-width) solid var(--alert-outline-control-color); } nb-chat { background-color: var(--chat-background-color); border: var(--chat-border); border-radius: var(--chat-border-radius); box-shadow: var(--chat-shadow); color: var(--chat-text-color); font-family: var(--chat-text-font-family); font-size: var(--chat-text-font-size); font-weight: var(--chat-text-font-weight); line-height: var(--chat-text-line-height); } nb-chat nb-icon { font-size: inherit; } nb-chat .header { border-bottom: var(--chat-divider-width) var(--chat-divider-style) var(--chat-divider-color); border-top-left-radius: var(--chat-border-radius); border-top-right-radius: var(--chat-border-radius); padding: var(--chat-padding); font-family: var(--chat-header-text-font-family); font-size: var(--chat-header-text-font-size); font-weight: var(--chat-header-text-font-weight); line-height: var(--chat-header-text-line-height); } nb-chat .scrollable { overflow: auto; flex: 1; scrollbar-face-color: var(--chat-scrollbar-color); scrollbar-track-color: var(--chat-scrollbar-background-color); } nb-chat .scrollable::-webkit-scrollbar { width: var(--chat-scrollbar-width); height: var(--chat-scrollbar-width); } nb-chat .scrollable::-webkit-scrollbar-thumb { background: var(--chat-scrollbar-color); cursor: pointer; border-radius: calc(var(--chat-scrollbar-width) * 0.5); } nb-chat .scrollable::-webkit-scrollbar-track { background: var(--chat-scrollbar-background-color); } nb-chat .scrollable::-webkit-scrollbar-corner { background: var(--chat-scrollbar-background-color); } nb-chat .messages { padding: var(--chat-padding); overflow-y: auto; overflow-x: hidden; display: flex; flex-shrink: 0; flex-direction: column; } nb-chat .no-messages { text-align: center; } nb-chat.size-tiny { height: var(--chat-tiny-height); } nb-chat.size-small { height: var(--chat-small-height); } nb-chat.size-medium { height: var(--chat-medium-height); } nb-chat.size-large { height: var(--chat-large-height); } nb-chat.size-giant { height: var(--chat-giant-height); } nb-chat.status-basic .header { background-color: var(--chat-basic-background-color); color: var(--chat-basic-text-color); } nb-chat.status-primary .header { background-color: var(--chat-primary-background-color); color: var(--chat-primary-text-color); } nb-chat.status-success .header { background-color: var(--chat-success-background-color); color: var(--chat-success-text-color); } nb-chat.status-warning .header { background-color: var(--chat-warning-background-color); color: var(--chat-warning-text-color); } nb-chat.status-danger .header { background-color: var(--chat-danger-background-color); color: var(--chat-danger-text-color); } nb-chat.status-info .header { background-color: var(--chat-info-background-color); color: var(--chat-info-text-color); } nb-chat.status-control .header { background-color: var(--chat-control-background-color); color: var(--chat-control-text-color); } nb-chat-message { margin-bottom: 1.5rem; display: flex; flex-direction: row; } nb-chat-message .message { flex: 1; } nb-chat-message .avatar { display: block; border-radius: 50%; flex-shrink: 0; background: var(--chat-message-avatar-background-color); background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } nb-chat-message nb-chat-message-text { display: flex; flex-direction: column; } nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: var(--chat-message-sender-text-color); margin-top: 0; margin-bottom: 0.5rem; } nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-top: 0; margin-bottom: 0; } nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } nb-chat-message nb-chat-message-file { display: flex; flex-direction: column; } nb-chat-message nb-chat-message-file a { color: var(--chat-message-file-text-color); background: var(--chat-message-file-background-color); font-size: 4rem; text-align: center; border: 1px solid var(--chat-message-file-text-color); width: 10rem; height: 10rem; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.5rem; } nb-chat-message nb-chat-message-file a:hover, nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: var(--chat-message-file-text-color); } nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } nb-chat-message nb-chat-message-file .message-content-group { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; } nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: var(--chat-message-quote-background-color); color: var(--chat-message-quote-text-color); padding: 1rem; border-radius: 0.5rem; margin-top: 0; margin-bottom: 0.5rem; } nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: var(--chat-message-sender-text-color); margin-bottom: 0.5rem; } [dir=ltr] nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] nb-chat-message.not-reply .message { margin-left: 3rem; } nb-chat-message.not-reply nb-chat-message-text { align-items: flex-start; } nb-chat-message.not-reply nb-chat-message-text .text { background: var(--chat-message-background); color: var(--chat-message-text-color); } [dir=ltr] nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } nb-chat-message.not-reply nb-chat-message-file { align-items: flex-start; } nb-chat-message.reply { flex-direction: row-reverse; } nb-chat-message.reply .message { display: flex; flex-direction: column; align-items: flex-end; margin-left: 0; } [dir=ltr] nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] nb-chat-message.reply .message { margin-right: 3rem; } nb-chat-message.reply nb-chat-message-text { align-items: flex-end; } [dir=ltr] nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } nb-chat-message.reply nb-chat-message-text .text { background: var(--chat-message-reply-background-color); color: var(--chat-message-reply-text-color); } [dir=ltr] nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } nb-chat-message.reply nb-chat-message-file { align-items: flex-end; } nb-chat-form { display: flex; flex-direction: column; padding: var(--chat-padding); border-top: var(--chat-divider-width) var(--chat-divider-style) var(--chat-divider-color); } nb-chat-form .message-row { flex-direction: row; display: flex; } nb-chat-form input { flex: 1; } nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] nb-chat-form input.with-button { border-top-left-radius: 0; } nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } nb-chat-form .dropped-files { display: flex; flex-direction: row; margin-bottom: 0.5rem; flex-wrap: wrap; } nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] nb-chat-form .dropped-files div { margin-left: 0.5rem; } nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-custom-message { display: inline-block; padding: var(--chat-padding); margin-top: 0.5rem; border-radius: 0.5rem; } .nb-custom-message-full-width { width: 100%; } .nb-custom-message-no-space { margin-top: 0; } .nb-custom-message-not-reply { background: var(--chat-message-background); color: var(--chat-message-text-color); } [dir=ltr] .nb-custom-message-not-reply { border-top-left-radius: 0; } [dir=rtl] .nb-custom-message-not-reply { border-top-right-radius: 0; } .nb-custom-message-not-reply a, .nb-custom-message-not-reply a:hover, .nb-custom-message-not-reply a:focus { color: var(--chat-message-text-color); } .nb-custom-message-reply { background: var(--chat-message-reply-background-color); color: var(--chat-message-reply-text-color); } [dir=ltr] .nb-custom-message-reply { border-top-right-radius: 0; } [dir=rtl] .nb-custom-message-reply { border-top-left-radius: 0; } nb-accordion { display: block; box-shadow: var(--accordion-shadow); border-radius: var(--accordion-border-radius); } nb-accordion-item-header { position: relative; border-bottom-width: var(--accordion-header-border-width); border-bottom-style: var(--accordion-header-border-style); border-bottom-color: var(--accordion-header-border-color); color: var(--accordion-header-text-color); font-family: var(--accordion-header-text-font-family); font-size: var(--accordion-header-text-font-size); font-weight: var(--accordion-header-text-font-weight); line-height: var(--accordion-header-text-line-height); padding: var(--accordion-padding); } nb-accordion-item-header h1 { margin: 0; } nb-accordion-item-header h2 { margin: 0; } nb-accordion-item-header h3 { margin: 0; } nb-accordion-item-header h4 { margin: 0; } nb-accordion-item-header h5 { margin: 0; } nb-accordion-item-header h6 { margin: 0; } nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] nb-accordion-item-header .expansion-indicator { left: 1rem; } nb-accordion-item { background-color: var(--accordion-item-background-color); color: var(--accordion-item-text-color); font-family: var(--accordion-item-text-font-family); font-size: var(--accordion-item-text-font-size); font-weight: var(--accordion-item-text-font-weight); line-height: var(--accordion-item-text-line-height); } nb-accordion-item.disabled nb-accordion-item-header { color: var(--accordion-header-disabled-text-color); cursor: default; } nb-accordion-item:first-child { border-top-left-radius: var(--accordion-border-radius); border-top-right-radius: var(--accordion-border-radius); } nb-accordion-item:last-child { border-bottom-left-radius: var(--accordion-border-radius); border-bottom-right-radius: var(--accordion-border-radius); } nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: var(--accordion-header-border-color); border-top-style: var(--accordion-header-border-style); border-top-width: var(--accordion-header-border-width); } nb-accordion-item-body .item-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: var(--accordion-padding); position: relative; } [nbButton], [nbButtonToggle] { -webkit-appearance: none; appearance: none; text-align: center; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; user-select: none; cursor: var(--button-cursor); font-family: var(--button-text-font-family); font-weight: var(--button-text-font-weight); } [nbButton]:hover, [nbButtonToggle]:hover, [nbButton]:focus, [nbButtonToggle]:focus { text-decoration: none; } [nbButton].full-width, .full-width[nbButtonToggle] { width: 100%; } [nbButton] nb-icon, [nbButtonToggle] nb-icon { vertical-align: top; } [nbButton].nb-transition, .nb-transition[nbButtonToggle] { transition-duration: 0.15s; transition-property: background-color, border-color, box-shadow, color; transition-timing-function: ease-in; } [nbButton]:focus, [nbButtonToggle]:focus { position: relative; outline: none; box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color); } [nbButton][disabled], [disabled][nbButtonToggle], [nbButton].btn-disabled, .btn-disabled[nbButtonToggle] { cursor: var(--button-disabled-cursor); } [nbButton].size-tiny, .size-tiny[nbButtonToggle] { font-size: var(--button-tiny-text-font-size); line-height: var(--button-tiny-text-line-height); } [nbButton].size-tiny nb-icon, .size-tiny[nbButtonToggle] nb-icon { font-size: var(--button-tiny-text-font-size); height: var(--button-tiny-icon-size); width: var(--button-tiny-icon-size); margin-top: var(--button-tiny-icon-vertical-margin); margin-bottom: var(--button-tiny-icon-vertical-margin); } [dir=ltr] [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: var(--button-tiny-icon-offset); } [dir=rtl] [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: var(--button-tiny-icon-offset); } [dir=ltr] [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: var(--button-tiny-icon-offset); } [dir=rtl] [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: var(--button-tiny-icon-offset); } [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: var(--icon-button-filled-tiny-padding); } [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: var(--icon-button-outline-tiny-padding); } [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: var(--icon-button-ghost-tiny-padding); } [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: var(--icon-button-hero-tiny-padding); } [nbButton].size-small, .size-small[nbButtonToggle] { font-size: var(--button-small-text-font-size); line-height: var(--button-small-text-line-height); } [nbButton].size-small nb-icon, .size-small[nbButtonToggle] nb-icon { font-size: var(--button-small-text-font-size); height: var(--button-small-icon-size); width: var(--button-small-icon-size); margin-top: var(--button-small-icon-vertical-margin); margin-bottom: var(--button-small-icon-vertical-margin); } [dir=ltr] [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: var(--button-small-icon-offset); } [dir=rtl] [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: var(--button-small-icon-offset); } [dir=ltr] [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: var(--button-small-icon-offset); } [dir=rtl] [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: var(--button-small-icon-offset); } [nbButton].size-small.icon-start.icon-end.appearance-filled, .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: var(--icon-button-filled-small-padding); } [nbButton].size-small.icon-start.icon-end.appearance-outline, .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: var(--icon-button-outline-small-padding); } [nbButton].size-small.icon-start.icon-end.appearance-ghost, .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: var(--icon-button-ghost-small-padding); } [nbButton].size-small.icon-start.icon-end.appearance-hero, .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: var(--icon-button-hero-small-padding); } [nbButton].size-medium, .size-medium[nbButtonToggle] { font-size: var(--button-medium-text-font-size); line-height: var(--button-medium-text-line-height); } [nbButton].size-medium nb-icon, .size-medium[nbButtonToggle] nb-icon { font-size: var(--button-medium-text-font-size); height: var(--button-medium-icon-size); width: var(--button-medium-icon-size); margin-top: var(--button-medium-icon-vertical-margin); margin-bottom: var(--button-medium-icon-vertical-margin); } [dir=ltr] [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: var(--button-medium-icon-offset); } [dir=rtl] [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: var(--button-medium-icon-offset); } [dir=ltr] [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: var(--button-medium-icon-offset); } [dir=rtl] [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: var(--button-medium-icon-offset); } [nbButton].size-medium.icon-start.icon-end.appearance-filled, .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: var(--icon-button-filled-medium-padding); } [nbButton].size-medium.icon-start.icon-end.appearance-outline, .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: var(--icon-button-outline-medium-padding); } [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: var(--icon-button-ghost-medium-padding); } [nbButton].size-medium.icon-start.icon-end.appearance-hero, .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: var(--icon-button-hero-medium-padding); } [nbButton].size-large, .size-large[nbButtonToggle] { font-size: var(--button-large-text-font-size); line-height: var(--button-large-text-line-height); } [nbButton].size-large nb-icon, .size-large[nbButtonToggle] nb-icon { font-size: var(--button-large-text-font-size); height: var(--button-large-icon-size); width: var(--button-large-icon-size); margin-top: var(--button-large-icon-vertical-margin); margin-bottom: var(--button-large-icon-vertical-margin); } [dir=ltr] [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: var(--button-large-icon-offset); } [dir=rtl] [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: var(--button-large-icon-offset); } [dir=ltr] [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: var(--button-large-icon-offset); } [dir=rtl] [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: var(--button-large-icon-offset); } [nbButton].size-large.icon-start.icon-end.appearance-filled, .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: var(--icon-button-filled-large-padding); } [nbButton].size-large.icon-start.icon-end.appearance-outline, .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: var(--icon-button-outline-large-padding); } [nbButton].size-large.icon-start.icon-end.appearance-ghost, .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: var(--icon-button-ghost-large-padding); } [nbButton].size-large.icon-start.icon-end.appearance-hero, .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: var(--icon-button-hero-large-padding); } [nbButton].size-giant, .size-giant[nbButtonToggle] { font-size: var(--button-giant-text-font-size); line-height: var(--button-giant-text-line-height); } [nbButton].size-giant nb-icon, .size-giant[nbButtonToggle] nb-icon { font-size: var(--button-giant-text-font-size); height: var(--button-giant-icon-size); width: var(--button-giant-icon-size); margin-top: var(--button-giant-icon-vertical-margin); margin-bottom: var(--button-giant-icon-vertical-margin); } [dir=ltr] [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: var(--button-giant-icon-offset); } [dir=rtl] [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: var(--button-giant-icon-offset); } [dir=ltr] [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: var(--button-giant-icon-offset); } [dir=rtl] [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: var(--button-giant-icon-offset); } [nbButton].size-giant.icon-start.icon-end.appearance-filled, .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: var(--icon-button-filled-giant-padding); } [nbButton].size-giant.icon-start.icon-end.appearance-outline, .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: var(--icon-button-outline-giant-padding); } [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: var(--icon-button-ghost-giant-padding); } [nbButton].size-giant.icon-start.icon-end.appearance-hero, .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: var(--icon-button-hero-giant-padding); } [nbButton].shape-rectangle, .shape-rectangle[nbButtonToggle] { border-radius: var(--button-rectangle-border-radius); } [nbButton].shape-semi-round, .shape-semi-round[nbButtonToggle] { border-radius: var(--button-semi-round-border-radius); } [nbButton].shape-round, .shape-round[nbButtonToggle] { border-radius: var(--button-round-border-radius); } a[nbButton], a[nbButtonToggle] { text-decoration: none; } [nbButton].appearance-filled, .appearance-filled[nbButtonToggle] { border-style: var(--button-filled-border-style); border-width: var(--button-filled-border-width); text-transform: var(--button-filled-text-transform); } [nbButton].appearance-filled.size-tiny, .appearance-filled.size-tiny[nbButtonToggle] { padding: var(--button-filled-tiny-padding); } [nbButton].appearance-filled.size-small, .appearance-filled.size-small[nbButtonToggle] { padding: var(--button-filled-small-padding); } [nbButton].appearance-filled.size-medium, .appearance-filled.size-medium[nbButtonToggle] { padding: var(--button-filled-medium-padding); } [nbButton].appearance-filled.size-large, .appearance-filled.size-large[nbButtonToggle] { padding: var(--button-filled-large-padding); } [nbButton].appearance-filled.size-giant, .appearance-filled.size-giant[nbButtonToggle] { padding: var(--button-filled-giant-padding); } [nbButton].appearance-filled.status-basic, .appearance-filled.status-basic[nbButtonToggle] { background-color: var(--button-filled-basic-background-color); border-color: var(--button-filled-basic-border-color); color: var(--button-filled-basic-text-color); } [nbButton].appearance-filled.status-basic:focus, .appearance-filled.status-basic[nbButtonToggle]:focus { background-color: var(--button-filled-basic-focus-background-color); border-color: var(--button-filled-basic-focus-border-color); } [nbButton].appearance-filled.status-basic:hover, .appearance-filled.status-basic[nbButtonToggle]:hover { background-color: var(--button-filled-basic-hover-background-color); border-color: var(--button-filled-basic-hover-border-color); } [nbButton].appearance-filled.status-basic:active, .appearance-filled.status-basic[nbButtonToggle]:active { background-color: var(--button-filled-basic-active-background-color); border-color: var(--button-filled-basic-active-border-color); } [nbButton].appearance-filled.status-basic[disabled], .appearance-filled.status-basic[disabled][nbButtonToggle], [nbButton].appearance-filled.status-basic.btn-disabled, .appearance-filled.status-basic.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-basic-disabled-background-color); border-color: var(--button-filled-basic-disabled-border-color); color: var(--button-filled-basic-disabled-text-color); } [nbButton].appearance-filled.status-primary, .appearance-filled.status-primary[nbButtonToggle] { background-color: var(--button-filled-primary-background-color); border-color: var(--button-filled-primary-border-color); color: var(--button-filled-primary-text-color); } [nbButton].appearance-filled.status-primary:focus, .appearance-filled.status-primary[nbButtonToggle]:focus { background-color: var(--button-filled-primary-focus-background-color); border-color: var(--button-filled-primary-focus-border-color); } [nbButton].appearance-filled.status-primary:hover, .appearance-filled.status-primary[nbButtonToggle]:hover { background-color: var(--button-filled-primary-hover-background-color); border-color: var(--button-filled-primary-hover-border-color); } [nbButton].appearance-filled.status-primary:active, .appearance-filled.status-primary[nbButtonToggle]:active { background-color: var(--button-filled-primary-active-background-color); border-color: var(--button-filled-primary-active-border-color); } [nbButton].appearance-filled.status-primary[disabled], .appearance-filled.status-primary[disabled][nbButtonToggle], [nbButton].appearance-filled.status-primary.btn-disabled, .appearance-filled.status-primary.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-primary-disabled-background-color); border-color: var(--button-filled-primary-disabled-border-color); color: var(--button-filled-primary-disabled-text-color); } [nbButton].appearance-filled.status-success, .appearance-filled.status-success[nbButtonToggle] { background-color: var(--button-filled-success-background-color); border-color: var(--button-filled-success-border-color); color: var(--button-filled-success-text-color); } [nbButton].appearance-filled.status-success:focus, .appearance-filled.status-success[nbButtonToggle]:focus { background-color: var(--button-filled-success-focus-background-color); border-color: var(--button-filled-success-focus-border-color); } [nbButton].appearance-filled.status-success:hover, .appearance-filled.status-success[nbButtonToggle]:hover { background-color: var(--button-filled-success-hover-background-color); border-color: var(--button-filled-success-hover-border-color); } [nbButton].appearance-filled.status-success:active, .appearance-filled.status-success[nbButtonToggle]:active { background-color: var(--button-filled-success-active-background-color); border-color: var(--button-filled-success-active-border-color); } [nbButton].appearance-filled.status-success[disabled], .appearance-filled.status-success[disabled][nbButtonToggle], [nbButton].appearance-filled.status-success.btn-disabled, .appearance-filled.status-success.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-success-disabled-background-color); border-color: var(--button-filled-success-disabled-border-color); color: var(--button-filled-success-disabled-text-color); } [nbButton].appearance-filled.status-warning, .appearance-filled.status-warning[nbButtonToggle] { background-color: var(--button-filled-warning-background-color); border-color: var(--button-filled-warning-border-color); color: var(--button-filled-warning-text-color); } [nbButton].appearance-filled.status-warning:focus, .appearance-filled.status-warning[nbButtonToggle]:focus { background-color: var(--button-filled-warning-focus-background-color); border-color: var(--button-filled-warning-focus-border-color); } [nbButton].appearance-filled.status-warning:hover, .appearance-filled.status-warning[nbButtonToggle]:hover { background-color: var(--button-filled-warning-hover-background-color); border-color: var(--button-filled-warning-hover-border-color); } [nbButton].appearance-filled.status-warning:active, .appearance-filled.status-warning[nbButtonToggle]:active { background-color: var(--button-filled-warning-active-background-color); border-color: var(--button-filled-warning-active-border-color); } [nbButton].appearance-filled.status-warning[disabled], .appearance-filled.status-warning[disabled][nbButtonToggle], [nbButton].appearance-filled.status-warning.btn-disabled, .appearance-filled.status-warning.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-warning-disabled-background-color); border-color: var(--button-filled-warning-disabled-border-color); color: var(--button-filled-warning-disabled-text-color); } [nbButton].appearance-filled.status-danger, .appearance-filled.status-danger[nbButtonToggle] { background-color: var(--button-filled-danger-background-color); border-color: var(--button-filled-danger-border-color); color: var(--button-filled-danger-text-color); } [nbButton].appearance-filled.status-danger:focus, .appearance-filled.status-danger[nbButtonToggle]:focus { background-color: var(--button-filled-danger-focus-background-color); border-color: var(--button-filled-danger-focus-border-color); } [nbButton].appearance-filled.status-danger:hover, .appearance-filled.status-danger[nbButtonToggle]:hover { background-color: var(--button-filled-danger-hover-background-color); border-color: var(--button-filled-danger-hover-border-color); } [nbButton].appearance-filled.status-danger:active, .appearance-filled.status-danger[nbButtonToggle]:active { background-color: var(--button-filled-danger-active-background-color); border-color: var(--button-filled-danger-active-border-color); } [nbButton].appearance-filled.status-danger[disabled], .appearance-filled.status-danger[disabled][nbButtonToggle], [nbButton].appearance-filled.status-danger.btn-disabled, .appearance-filled.status-danger.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-danger-disabled-background-color); border-color: var(--button-filled-danger-disabled-border-color); color: var(--button-filled-danger-disabled-text-color); } [nbButton].appearance-filled.status-info, .appearance-filled.status-info[nbButtonToggle] { background-color: var(--button-filled-info-background-color); border-color: var(--button-filled-info-border-color); color: var(--button-filled-info-text-color); } [nbButton].appearance-filled.status-info:focus, .appearance-filled.status-info[nbButtonToggle]:focus { background-color: var(--button-filled-info-focus-background-color); border-color: var(--button-filled-info-focus-border-color); } [nbButton].appearance-filled.status-info:hover, .appearance-filled.status-info[nbButtonToggle]:hover { background-color: var(--button-filled-info-hover-background-color); border-color: var(--button-filled-info-hover-border-color); } [nbButton].appearance-filled.status-info:active, .appearance-filled.status-info[nbButtonToggle]:active { background-color: var(--button-filled-info-active-background-color); border-color: var(--button-filled-info-active-border-color); } [nbButton].appearance-filled.status-info[disabled], .appearance-filled.status-info[disabled][nbButtonToggle], [nbButton].appearance-filled.status-info.btn-disabled, .appearance-filled.status-info.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-info-disabled-background-color); border-color: var(--button-filled-info-disabled-border-color); color: var(--button-filled-info-disabled-text-color); } [nbButton].appearance-filled.status-control, .appearance-filled.status-control[nbButtonToggle] { background-color: var(--button-filled-control-background-color); border-color: var(--button-filled-control-border-color); color: var(--button-filled-control-text-color); } [nbButton].appearance-filled.status-control:focus, .appearance-filled.status-control[nbButtonToggle]:focus { background-color: var(--button-filled-control-focus-background-color); border-color: var(--button-filled-control-focus-border-color); } [nbButton].appearance-filled.status-control:hover, .appearance-filled.status-control[nbButtonToggle]:hover { background-color: var(--button-filled-control-hover-background-color); border-color: var(--button-filled-control-hover-border-color); } [nbButton].appearance-filled.status-control:active, .appearance-filled.status-control[nbButtonToggle]:active { background-color: var(--button-filled-control-active-background-color); border-color: var(--button-filled-control-active-border-color); } [nbButton].appearance-filled.status-control[disabled], .appearance-filled.status-control[disabled][nbButtonToggle], [nbButton].appearance-filled.status-control.btn-disabled, .appearance-filled.status-control.btn-disabled[nbButtonToggle] { background-color: var(--button-filled-control-disabled-background-color); border-color: var(--button-filled-control-disabled-border-color); color: var(--button-filled-control-disabled-text-color); } [nbButton].appearance-outline, .appearance-outline[nbButtonToggle] { border-style: var(--button-outline-border-style); border-width: var(--button-outline-border-width); text-transform: var(--button-outline-text-transform); } [nbButton].appearance-outline:focus, .appearance-outline[nbButtonToggle]:focus { box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color); } [nbButton].appearance-outline:focus:not(:hover):not(:active), .appearance-outline[nbButtonToggle]:focus:not(:hover):not(:active) { box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color), inset var(--button-outline-focus-inset-shadow-length) var(--button-outline-color); } [nbButton].appearance-outline.size-tiny, .appearance-outline.size-tiny[nbButtonToggle] { padding: var(--button-outline-tiny-padding); } [nbButton].appearance-outline.size-small, .appearance-outline.size-small[nbButtonToggle] { padding: var(--button-outline-small-padding); } [nbButton].appearance-outline.size-medium, .appearance-outline.size-medium[nbButtonToggle] { padding: var(--button-outline-medium-padding); } [nbButton].appearance-outline.size-large, .appearance-outline.size-large[nbButtonToggle] { padding: var(--button-outline-large-padding); } [nbButton].appearance-outline.size-giant, .appearance-outline.size-giant[nbButtonToggle] { padding: var(--button-outline-giant-padding); } [nbButton].appearance-outline.status-basic, .appearance-outline.status-basic[nbButtonToggle] { background-color: var(--button-outline-basic-background-color); border-color: var(--button-outline-basic-border-color); color: var(--button-outline-basic-text-color); } [nbButton].appearance-outline.status-basic:focus, .appearance-outline.status-basic[nbButtonToggle]:focus { background-color: var(--button-outline-basic-focus-background-color); border-color: var(--button-outline-basic-focus-border-color); color: var(--button-outline-basic-focus-text-color); } [nbButton].appearance-outline.status-basic:hover, .appearance-outline.status-basic[nbButtonToggle]:hover { background-color: var(--button-outline-basic-hover-background-color); border-color: var(--button-outline-basic-hover-border-color); color: var(--button-outline-basic-hover-text-color); } [nbButton].appearance-outline.status-basic:active, .appearance-outline.status-basic[nbButtonToggle]:active { background-color: var(--button-outline-basic-active-background-color); border-color: var(--button-outline-basic-active-border-color); color: var(--button-outline-basic-active-text-color); } [nbButton].appearance-outline.status-basic[disabled], .appearance-outline.status-basic[disabled][nbButtonToggle], [nbButton].appearance-outline.status-basic.btn-disabled, .appearance-outline.status-basic.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-basic-disabled-background-color); border-color: var(--button-outline-basic-disabled-border-color); color: var(--button-outline-basic-disabled-text-color); } [nbButton].appearance-outline.status-primary, .appearance-outline.status-primary[nbButtonToggle] { background-color: var(--button-outline-primary-background-color); border-color: var(--button-outline-primary-border-color); color: var(--button-outline-primary-text-color); } [nbButton].appearance-outline.status-primary:focus, .appearance-outline.status-primary[nbButtonToggle]:focus { background-color: var(--button-outline-primary-focus-background-color); border-color: var(--button-outline-primary-focus-border-color); color: var(--button-outline-primary-focus-text-color); } [nbButton].appearance-outline.status-primary:hover, .appearance-outline.status-primary[nbButtonToggle]:hover { background-color: var(--button-outline-primary-hover-background-color); border-color: var(--button-outline-primary-hover-border-color); color: var(--button-outline-primary-hover-text-color); } [nbButton].appearance-outline.status-primary:active, .appearance-outline.status-primary[nbButtonToggle]:active { background-color: var(--button-outline-primary-active-background-color); border-color: var(--button-outline-primary-active-border-color); color: var(--button-outline-primary-active-text-color); } [nbButton].appearance-outline.status-primary[disabled], .appearance-outline.status-primary[disabled][nbButtonToggle], [nbButton].appearance-outline.status-primary.btn-disabled, .appearance-outline.status-primary.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-primary-disabled-background-color); border-color: var(--button-outline-primary-disabled-border-color); color: var(--button-outline-primary-disabled-text-color); } [nbButton].appearance-outline.status-success, .appearance-outline.status-success[nbButtonToggle] { background-color: var(--button-outline-success-background-color); border-color: var(--button-outline-success-border-color); color: var(--button-outline-success-text-color); } [nbButton].appearance-outline.status-success:focus, .appearance-outline.status-success[nbButtonToggle]:focus { background-color: var(--button-outline-success-focus-background-color); border-color: var(--button-outline-success-focus-border-color); color: var(--button-outline-success-focus-text-color); } [nbButton].appearance-outline.status-success:hover, .appearance-outline.status-success[nbButtonToggle]:hover { background-color: var(--button-outline-success-hover-background-color); border-color: var(--button-outline-success-hover-border-color); color: var(--button-outline-success-hover-text-color); } [nbButton].appearance-outline.status-success:active, .appearance-outline.status-success[nbButtonToggle]:active { background-color: var(--button-outline-success-active-background-color); border-color: var(--button-outline-success-active-border-color); color: var(--button-outline-success-active-text-color); } [nbButton].appearance-outline.status-success[disabled], .appearance-outline.status-success[disabled][nbButtonToggle], [nbButton].appearance-outline.status-success.btn-disabled, .appearance-outline.status-success.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-success-disabled-background-color); border-color: var(--button-outline-success-disabled-border-color); color: var(--button-outline-success-disabled-text-color); } [nbButton].appearance-outline.status-warning, .appearance-outline.status-warning[nbButtonToggle] { background-color: var(--button-outline-warning-background-color); border-color: var(--button-outline-warning-border-color); color: var(--button-outline-warning-text-color); } [nbButton].appearance-outline.status-warning:focus, .appearance-outline.status-warning[nbButtonToggle]:focus { background-color: var(--button-outline-warning-focus-background-color); border-color: var(--button-outline-warning-focus-border-color); color: var(--button-outline-warning-focus-text-color); } [nbButton].appearance-outline.status-warning:hover, .appearance-outline.status-warning[nbButtonToggle]:hover { background-color: var(--button-outline-warning-hover-background-color); border-color: var(--button-outline-warning-hover-border-color); color: var(--button-outline-warning-hover-text-color); } [nbButton].appearance-outline.status-warning:active, .appearance-outline.status-warning[nbButtonToggle]:active { background-color: var(--button-outline-warning-active-background-color); border-color: var(--button-outline-warning-active-border-color); color: var(--button-outline-warning-active-text-color); } [nbButton].appearance-outline.status-warning[disabled], .appearance-outline.status-warning[disabled][nbButtonToggle], [nbButton].appearance-outline.status-warning.btn-disabled, .appearance-outline.status-warning.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-warning-disabled-background-color); border-color: var(--button-outline-warning-disabled-border-color); color: var(--button-outline-warning-disabled-text-color); } [nbButton].appearance-outline.status-danger, .appearance-outline.status-danger[nbButtonToggle] { background-color: var(--button-outline-danger-background-color); border-color: var(--button-outline-danger-border-color); color: var(--button-outline-danger-text-color); } [nbButton].appearance-outline.status-danger:focus, .appearance-outline.status-danger[nbButtonToggle]:focus { background-color: var(--button-outline-danger-focus-background-color); border-color: var(--button-outline-danger-focus-border-color); color: var(--button-outline-danger-focus-text-color); } [nbButton].appearance-outline.status-danger:hover, .appearance-outline.status-danger[nbButtonToggle]:hover { background-color: var(--button-outline-danger-hover-background-color); border-color: var(--button-outline-danger-hover-border-color); color: var(--button-outline-danger-hover-text-color); } [nbButton].appearance-outline.status-danger:active, .appearance-outline.status-danger[nbButtonToggle]:active { background-color: var(--button-outline-danger-active-background-color); border-color: var(--button-outline-danger-active-border-color); color: var(--button-outline-danger-active-text-color); } [nbButton].appearance-outline.status-danger[disabled], .appearance-outline.status-danger[disabled][nbButtonToggle], [nbButton].appearance-outline.status-danger.btn-disabled, .appearance-outline.status-danger.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-danger-disabled-background-color); border-color: var(--button-outline-danger-disabled-border-color); color: var(--button-outline-danger-disabled-text-color); } [nbButton].appearance-outline.status-info, .appearance-outline.status-info[nbButtonToggle] { background-color: var(--button-outline-info-background-color); border-color: var(--button-outline-info-border-color); color: var(--button-outline-info-text-color); } [nbButton].appearance-outline.status-info:focus, .appearance-outline.status-info[nbButtonToggle]:focus { background-color: var(--button-outline-info-focus-background-color); border-color: var(--button-outline-info-focus-border-color); color: var(--button-outline-info-focus-text-color); } [nbButton].appearance-outline.status-info:hover, .appearance-outline.status-info[nbButtonToggle]:hover { background-color: var(--button-outline-info-hover-background-color); border-color: var(--button-outline-info-hover-border-color); color: var(--button-outline-info-hover-text-color); } [nbButton].appearance-outline.status-info:active, .appearance-outline.status-info[nbButtonToggle]:active { background-color: var(--button-outline-info-active-background-color); border-color: var(--button-outline-info-active-border-color); color: var(--button-outline-info-active-text-color); } [nbButton].appearance-outline.status-info[disabled], .appearance-outline.status-info[disabled][nbButtonToggle], [nbButton].appearance-outline.status-info.btn-disabled, .appearance-outline.status-info.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-info-disabled-background-color); border-color: var(--button-outline-info-disabled-border-color); color: var(--button-outline-info-disabled-text-color); } [nbButton].appearance-outline.status-control, .appearance-outline.status-control[nbButtonToggle] { background-color: var(--button-outline-control-background-color); border-color: var(--button-outline-control-border-color); color: var(--button-outline-control-text-color); } [nbButton].appearance-outline.status-control:focus, .appearance-outline.status-control[nbButtonToggle]:focus { background-color: var(--button-outline-control-focus-background-color); border-color: var(--button-outline-control-focus-border-color); color: var(--button-outline-control-focus-text-color); } [nbButton].appearance-outline.status-control:hover, .appearance-outline.status-control[nbButtonToggle]:hover { background-color: var(--button-outline-control-hover-background-color); border-color: var(--button-outline-control-hover-border-color); color: var(--button-outline-control-hover-text-color); } [nbButton].appearance-outline.status-control:active, .appearance-outline.status-control[nbButtonToggle]:active { background-color: var(--button-outline-control-active-background-color); border-color: var(--button-outline-control-active-border-color); color: var(--button-outline-control-active-text-color); } [nbButton].appearance-outline.status-control[disabled], .appearance-outline.status-control[disabled][nbButtonToggle], [nbButton].appearance-outline.status-control.btn-disabled, .appearance-outline.status-control.btn-disabled[nbButtonToggle] { background-color: var(--button-outline-control-disabled-background-color); border-color: var(--button-outline-control-disabled-border-color); color: var(--button-outline-control-disabled-text-color); } [nbButton].appearance-ghost, .appearance-ghost[nbButtonToggle] { background-color: var(--button-ghost-background-color); border-color: var(--button-ghost-border-color); border-style: var(--button-ghost-border-style); border-width: var(--button-ghost-border-width); text-transform: var(--button-ghost-text-transform); } [nbButton].appearance-ghost:focus, .appearance-ghost[nbButtonToggle]:focus { box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color); } [nbButton].appearance-ghost:focus:not(:hover):not(:active), .appearance-ghost[nbButtonToggle]:focus:not(:hover):not(:active) { box-shadow: 0 0 0 var(--button-outline-width) var(--button-outline-color), inset var(--button-ghost-focus-inset-shadow-length) var(--button-outline-color); } [nbButton].appearance-ghost.size-tiny, .appearance-ghost.size-tiny[nbButtonToggle] { padding: var(--button-ghost-tiny-padding); } [nbButton].appearance-ghost.size-small, .appearance-ghost.size-small[nbButtonToggle] { padding: var(--button-ghost-small-padding); } [nbButton].appearance-ghost.size-medium, .appearance-ghost.size-medium[nbButtonToggle] { padding: var(--button-ghost-medium-padding); } [nbButton].appearance-ghost.size-large, .appearance-ghost.size-large[nbButtonToggle] { padding: var(--button-ghost-large-padding); } [nbButton].appearance-ghost.size-giant, .appearance-ghost.size-giant[nbButtonToggle] { padding: var(--button-ghost-giant-padding); } [nbButton].appearance-ghost.status-basic, .appearance-ghost.status-basic[nbButtonToggle] { color: var(--button-ghost-basic-text-color); } [nbButton].appearance-ghost.status-basic:focus, .appearance-ghost.status-basic[nbButtonToggle]:focus { background-color: var(--button-ghost-basic-focus-background-color); border-color: var(--button-ghost-basic-focus-border-color); color: var(--button-ghost-basic-focus-text-color); } [nbButton].appearance-ghost.status-basic:hover, .appearance-ghost.status-basic[nbButtonToggle]:hover { background-color: var(--button-ghost-basic-hover-background-color); border-color: var(--button-ghost-basic-hover-border-color); color: var(--button-ghost-basic-hover-text-color); } [nbButton].appearance-ghost.status-basic:active, .appearance-ghost.status-basic[nbButtonToggle]:active { background-color: var(--button-ghost-basic-active-background-color); border-color: var(--button-ghost-basic-active-border-color); color: var(--button-ghost-basic-active-text-color); } [nbButton].appearance-ghost.status-basic[disabled], .appearance-ghost.status-basic[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-basic.btn-disabled, .appearance-ghost.status-basic.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-basic-disabled-background-color); border-color: var(--button-ghost-basic-disabled-border-color); color: var(--button-ghost-basic-disabled-text-color); } [nbButton].appearance-ghost.status-primary, .appearance-ghost.status-primary[nbButtonToggle] { color: var(--button-ghost-primary-text-color); } [nbButton].appearance-ghost.status-primary:focus, .appearance-ghost.status-primary[nbButtonToggle]:focus { background-color: var(--button-ghost-primary-focus-background-color); border-color: var(--button-ghost-primary-focus-border-color); color: var(--button-ghost-primary-focus-text-color); } [nbButton].appearance-ghost.status-primary:hover, .appearance-ghost.status-primary[nbButtonToggle]:hover { background-color: var(--button-ghost-primary-hover-background-color); border-color: var(--button-ghost-primary-hover-border-color); color: var(--button-ghost-primary-hover-text-color); } [nbButton].appearance-ghost.status-primary:active, .appearance-ghost.status-primary[nbButtonToggle]:active { background-color: var(--button-ghost-primary-active-background-color); border-color: var(--button-ghost-primary-active-border-color); color: var(--button-ghost-primary-active-text-color); } [nbButton].appearance-ghost.status-primary[disabled], .appearance-ghost.status-primary[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-primary.btn-disabled, .appearance-ghost.status-primary.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-primary-disabled-background-color); border-color: var(--button-ghost-primary-disabled-border-color); color: var(--button-ghost-primary-disabled-text-color); } [nbButton].appearance-ghost.status-success, .appearance-ghost.status-success[nbButtonToggle] { color: var(--button-ghost-success-text-color); } [nbButton].appearance-ghost.status-success:focus, .appearance-ghost.status-success[nbButtonToggle]:focus { background-color: var(--button-ghost-success-focus-background-color); border-color: var(--button-ghost-success-focus-border-color); color: var(--button-ghost-success-focus-text-color); } [nbButton].appearance-ghost.status-success:hover, .appearance-ghost.status-success[nbButtonToggle]:hover { background-color: var(--button-ghost-success-hover-background-color); border-color: var(--button-ghost-success-hover-border-color); color: var(--button-ghost-success-hover-text-color); } [nbButton].appearance-ghost.status-success:active, .appearance-ghost.status-success[nbButtonToggle]:active { background-color: var(--button-ghost-success-active-background-color); border-color: var(--button-ghost-success-active-border-color); color: var(--button-ghost-success-active-text-color); } [nbButton].appearance-ghost.status-success[disabled], .appearance-ghost.status-success[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-success.btn-disabled, .appearance-ghost.status-success.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-success-disabled-background-color); border-color: var(--button-ghost-success-disabled-border-color); color: var(--button-ghost-success-disabled-text-color); } [nbButton].appearance-ghost.status-warning, .appearance-ghost.status-warning[nbButtonToggle] { color: var(--button-ghost-warning-text-color); } [nbButton].appearance-ghost.status-warning:focus, .appearance-ghost.status-warning[nbButtonToggle]:focus { background-color: var(--button-ghost-warning-focus-background-color); border-color: var(--button-ghost-warning-focus-border-color); color: var(--button-ghost-warning-focus-text-color); } [nbButton].appearance-ghost.status-warning:hover, .appearance-ghost.status-warning[nbButtonToggle]:hover { background-color: var(--button-ghost-warning-hover-background-color); border-color: var(--button-ghost-warning-hover-border-color); color: var(--button-ghost-warning-hover-text-color); } [nbButton].appearance-ghost.status-warning:active, .appearance-ghost.status-warning[nbButtonToggle]:active { background-color: var(--button-ghost-warning-active-background-color); border-color: var(--button-ghost-warning-active-border-color); color: var(--button-ghost-warning-active-text-color); } [nbButton].appearance-ghost.status-warning[disabled], .appearance-ghost.status-warning[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-warning.btn-disabled, .appearance-ghost.status-warning.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-warning-disabled-background-color); border-color: var(--button-ghost-warning-disabled-border-color); color: var(--button-ghost-warning-disabled-text-color); } [nbButton].appearance-ghost.status-danger, .appearance-ghost.status-danger[nbButtonToggle] { color: var(--button-ghost-danger-text-color); } [nbButton].appearance-ghost.status-danger:focus, .appearance-ghost.status-danger[nbButtonToggle]:focus { background-color: var(--button-ghost-danger-focus-background-color); border-color: var(--button-ghost-danger-focus-border-color); color: var(--button-ghost-danger-focus-text-color); } [nbButton].appearance-ghost.status-danger:hover, .appearance-ghost.status-danger[nbButtonToggle]:hover { background-color: var(--button-ghost-danger-hover-background-color); border-color: var(--button-ghost-danger-hover-border-color); color: var(--button-ghost-danger-hover-text-color); } [nbButton].appearance-ghost.status-danger:active, .appearance-ghost.status-danger[nbButtonToggle]:active { background-color: var(--button-ghost-danger-active-background-color); border-color: var(--button-ghost-danger-active-border-color); color: var(--button-ghost-danger-active-text-color); } [nbButton].appearance-ghost.status-danger[disabled], .appearance-ghost.status-danger[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-danger.btn-disabled, .appearance-ghost.status-danger.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-danger-disabled-background-color); border-color: var(--button-ghost-danger-disabled-border-color); color: var(--button-ghost-danger-disabled-text-color); } [nbButton].appearance-ghost.status-info, .appearance-ghost.status-info[nbButtonToggle] { color: var(--button-ghost-info-text-color); } [nbButton].appearance-ghost.status-info:focus, .appearance-ghost.status-info[nbButtonToggle]:focus { background-color: var(--button-ghost-info-focus-background-color); border-color: var(--button-ghost-info-focus-border-color); color: var(--button-ghost-info-focus-text-color); } [nbButton].appearance-ghost.status-info:hover, .appearance-ghost.status-info[nbButtonToggle]:hover { background-color: var(--button-ghost-info-hover-background-color); border-color: var(--button-ghost-info-hover-border-color); color: var(--button-ghost-info-hover-text-color); } [nbButton].appearance-ghost.status-info:active, .appearance-ghost.status-info[nbButtonToggle]:active { background-color: var(--button-ghost-info-active-background-color); border-color: var(--button-ghost-info-active-border-color); color: var(--button-ghost-info-active-text-color); } [nbButton].appearance-ghost.status-info[disabled], .appearance-ghost.status-info[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-info.btn-disabled, .appearance-ghost.status-info.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-info-disabled-background-color); border-color: var(--button-ghost-info-disabled-border-color); color: var(--button-ghost-info-disabled-text-color); } [nbButton].appearance-ghost.status-control, .appearance-ghost.status-control[nbButtonToggle] { color: var(--button-ghost-control-text-color); } [nbButton].appearance-ghost.status-control:focus, .appearance-ghost.status-control[nbButtonToggle]:focus { background-color: var(--button-ghost-control-focus-background-color); border-color: var(--button-ghost-control-focus-border-color); color: var(--button-ghost-control-focus-text-color); } [nbButton].appearance-ghost.status-control:hover, .appearance-ghost.status-control[nbButtonToggle]:hover { background-color: var(--button-ghost-control-hover-background-color); border-color: var(--button-ghost-control-hover-border-color); color: var(--button-ghost-control-hover-text-color); } [nbButton].appearance-ghost.status-control:active, .appearance-ghost.status-control[nbButtonToggle]:active { background-color: var(--button-ghost-control-active-background-color); border-color: var(--button-ghost-control-active-border-color); color: var(--button-ghost-control-active-text-color); } [nbButton].appearance-ghost.status-control[disabled], .appearance-ghost.status-control[disabled][nbButtonToggle], [nbButton].appearance-ghost.status-control.btn-disabled, .appearance-ghost.status-control.btn-disabled[nbButtonToggle] { background-color: var(--button-ghost-control-disabled-background-color); border-color: var(--button-ghost-control-disabled-border-color); color: var(--button-ghost-control-disabled-text-color); } [nbButton].appearance-hero, .appearance-hero[nbButtonToggle] { text-shadow: var(--button-hero-text-shadow); text-transform: var(--button-hero-text-transform); } [nbButton].appearance-hero.size-tiny, .appearance-hero.size-tiny[nbButtonToggle] { padding: var(--button-hero-tiny-padding); } [nbButton].appearance-hero.size-small, .appearance-hero.size-small[nbButtonToggle] { padding: var(--button-hero-small-padding); } [nbButton].appearance-hero.size-medium, .appearance-hero.size-medium[nbButtonToggle] { padding: var(--button-hero-medium-padding); } [nbButton].appearance-hero.size-large, .appearance-hero.size-large[nbButtonToggle] { padding: var(--button-hero-large-padding); } [nbButton].appearance-hero.size-giant, .appearance-hero.size-giant[nbButtonToggle] { padding: var(--button-hero-giant-padding); } [nbButton].appearance-hero.status-basic, .appearance-hero.status-basic[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-basic-left-background-color), var(--button-hero-basic-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-basic-bevel-color), var(--button-hero-glow-size) var(--button-hero-basic-glow-color), var(--button-hero-shadow); color: var(--button-hero-basic-text-color); } [nbButton].appearance-hero.status-basic:focus, .appearance-hero.status-basic[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-basic-focus-left-background-color), var(--button-hero-basic-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-basic-bevel-color), var(--button-hero-glow-size) var(--button-hero-basic-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-basic:hover, .appearance-hero.status-basic[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-basic-hover-left-background-color), var(--button-hero-basic-hover-right-background-color)); } [nbButton].appearance-hero.status-basic:active, .appearance-hero.status-basic[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-basic-active-left-background-color), var(--button-hero-basic-active-right-background-color)); } [nbButton].appearance-hero.status-basic[disabled], .appearance-hero.status-basic[disabled][nbButtonToggle], [nbButton].appearance-hero.status-basic.btn-disabled, .appearance-hero.status-basic.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-basic-disabled-background-color); background-image: none; color: var(--button-hero-basic-disabled-text-color); } [nbButton].appearance-hero.status-basic.button-pulse, .appearance-hero.status-basic.button-pulse[nbButtonToggle] { animation: button-hero-basic-pulse 0.75s infinite alternate; } @keyframes button-hero-basic-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-basic-left-background-color); opacity: 0.8; } } [nbButton].appearance-hero.status-primary, .appearance-hero.status-primary[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-primary-left-background-color), var(--button-hero-primary-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color), var(--button-hero-glow-size) var(--button-hero-primary-glow-color), var(--button-hero-shadow); color: var(--button-hero-primary-text-color); } [nbButton].appearance-hero.status-primary:focus, .appearance-hero.status-primary[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-primary-focus-left-background-color), var(--button-hero-primary-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-primary-bevel-color), var(--button-hero-glow-size) var(--button-hero-primary-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-primary:hover, .appearance-hero.status-primary[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-primary-hover-left-background-color), var(--button-hero-primary-hover-right-background-color)); } [nbButton].appearance-hero.status-primary:active, .appearance-hero.status-primary[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-primary-active-left-background-color), var(--button-hero-primary-active-right-background-color)); } [nbButton].appearance-hero.status-primary[disabled], .appearance-hero.status-primary[disabled][nbButtonToggle], [nbButton].appearance-hero.status-primary.btn-disabled, .appearance-hero.status-primary.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-primary-disabled-background-color); background-image: none; color: var(--button-hero-primary-disabled-text-color); } [nbButton].appearance-hero.status-primary.button-pulse, .appearance-hero.status-primary.button-pulse[nbButtonToggle] { animation: button-hero-primary-pulse 0.75s infinite alternate; } @keyframes button-hero-primary-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-primary-left-background-color); opacity: 0.8; } } [nbButton].appearance-hero.status-success, .appearance-hero.status-success[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-success-left-background-color), var(--button-hero-success-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-success-bevel-color), var(--button-hero-glow-size) var(--button-hero-success-glow-color), var(--button-hero-shadow); color: var(--button-hero-success-text-color); } [nbButton].appearance-hero.status-success:focus, .appearance-hero.status-success[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-success-focus-left-background-color), var(--button-hero-success-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-success-bevel-color), var(--button-hero-glow-size) var(--button-hero-success-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-success:hover, .appearance-hero.status-success[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-success-hover-left-background-color), var(--button-hero-success-hover-right-background-color)); } [nbButton].appearance-hero.status-success:active, .appearance-hero.status-success[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-success-active-left-background-color), var(--button-hero-success-active-right-background-color)); } [nbButton].appearance-hero.status-success[disabled], .appearance-hero.status-success[disabled][nbButtonToggle], [nbButton].appearance-hero.status-success.btn-disabled, .appearance-hero.status-success.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-success-disabled-background-color); background-image: none; color: var(--button-hero-success-disabled-text-color); } [nbButton].appearance-hero.status-success.button-pulse, .appearance-hero.status-success.button-pulse[nbButtonToggle] { animation: button-hero-success-pulse 0.75s infinite alternate; } @keyframes button-hero-success-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-success-left-background-color); opacity: 0.8; } } [nbButton].appearance-hero.status-warning, .appearance-hero.status-warning[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-warning-left-background-color), var(--button-hero-warning-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color), var(--button-hero-glow-size) var(--button-hero-warning-glow-color), var(--button-hero-shadow); color: var(--button-hero-warning-text-color); } [nbButton].appearance-hero.status-warning:focus, .appearance-hero.status-warning[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-warning-focus-left-background-color), var(--button-hero-warning-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-warning-bevel-color), var(--button-hero-glow-size) var(--button-hero-warning-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-warning:hover, .appearance-hero.status-warning[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-warning-hover-left-background-color), var(--button-hero-warning-hover-right-background-color)); } [nbButton].appearance-hero.status-warning:active, .appearance-hero.status-warning[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-warning-active-left-background-color), var(--button-hero-warning-active-right-background-color)); } [nbButton].appearance-hero.status-warning[disabled], .appearance-hero.status-warning[disabled][nbButtonToggle], [nbButton].appearance-hero.status-warning.btn-disabled, .appearance-hero.status-warning.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-warning-disabled-background-color); background-image: none; color: var(--button-hero-warning-disabled-text-color); } [nbButton].appearance-hero.status-warning.button-pulse, .appearance-hero.status-warning.button-pulse[nbButtonToggle] { animation: button-hero-warning-pulse 0.75s infinite alternate; } @keyframes button-hero-warning-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-warning-left-background-color); opacity: 0.8; } } [nbButton].appearance-hero.status-danger, .appearance-hero.status-danger[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-danger-left-background-color), var(--button-hero-danger-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color), var(--button-hero-glow-size) var(--button-hero-danger-glow-color), var(--button-hero-shadow); color: var(--button-hero-danger-text-color); } [nbButton].appearance-hero.status-danger:focus, .appearance-hero.status-danger[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-danger-focus-left-background-color), var(--button-hero-danger-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-danger-bevel-color), var(--button-hero-glow-size) var(--button-hero-danger-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-danger:hover, .appearance-hero.status-danger[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-danger-hover-left-background-color), var(--button-hero-danger-hover-right-background-color)); } [nbButton].appearance-hero.status-danger:active, .appearance-hero.status-danger[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-danger-active-left-background-color), var(--button-hero-danger-active-right-background-color)); } [nbButton].appearance-hero.status-danger[disabled], .appearance-hero.status-danger[disabled][nbButtonToggle], [nbButton].appearance-hero.status-danger.btn-disabled, .appearance-hero.status-danger.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-danger-disabled-background-color); background-image: none; color: var(--button-hero-danger-disabled-text-color); } [nbButton].appearance-hero.status-danger.button-pulse, .appearance-hero.status-danger.button-pulse[nbButtonToggle] { animation: button-hero-danger-pulse 0.75s infinite alternate; } @keyframes button-hero-danger-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-danger-left-background-color); opacity: 0.8; } } [nbButton].appearance-hero.status-info, .appearance-hero.status-info[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-info-left-background-color), var(--button-hero-info-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-info-bevel-color), var(--button-hero-glow-size) var(--button-hero-info-glow-color), var(--button-hero-shadow); color: var(--button-hero-info-text-color); } [nbButton].appearance-hero.status-info:focus, .appearance-hero.status-info[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-info-focus-left-background-color), var(--button-hero-info-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-info-bevel-color), var(--button-hero-glow-size) var(--button-hero-info-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-info:hover, .appearance-hero.status-info[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-info-hover-left-background-color), var(--button-hero-info-hover-right-background-color)); } [nbButton].appearance-hero.status-info:active, .appearance-hero.status-info[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-info-active-left-background-color), var(--button-hero-info-active-right-background-color)); } [nbButton].appearance-hero.status-info[disabled], .appearance-hero.status-info[disabled][nbButtonToggle], [nbButton].appearance-hero.status-info.btn-disabled, .appearance-hero.status-info.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-info-disabled-background-color); background-image: none; color: var(--button-hero-info-disabled-text-color); } [nbButton].appearance-hero.status-info.button-pulse, .appearance-hero.status-info.button-pulse[nbButtonToggle] { animation: button-hero-info-pulse 0.75s infinite alternate; } @keyframes button-hero-info-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-info-left-background-color); opacity: 0.8; } } [nbButton].appearance-hero.status-control, .appearance-hero.status-control[nbButtonToggle] { background-image: linear-gradient(to right, var(--button-hero-control-left-background-color), var(--button-hero-control-right-background-color)); border: none; box-shadow: var(--button-hero-bevel-size) var(--button-hero-control-bevel-color), var(--button-hero-glow-size) var(--button-hero-control-glow-color), var(--button-hero-shadow); color: var(--button-hero-control-text-color); } [nbButton].appearance-hero.status-control:focus, .appearance-hero.status-control[nbButtonToggle]:focus { background-image: linear-gradient(to right, var(--button-hero-control-focus-left-background-color), var(--button-hero-control-focus-right-background-color)); box-shadow: var(--button-hero-bevel-size) var(--button-hero-control-bevel-color), var(--button-hero-glow-size) var(--button-hero-control-glow-color), var(--button-hero-shadow), 0 0 0 var(--button-hero-outline-width) var(--button-hero-outline-color); } [nbButton].appearance-hero.status-control:hover, .appearance-hero.status-control[nbButtonToggle]:hover { background-image: linear-gradient(to right, var(--button-hero-control-hover-left-background-color), var(--button-hero-control-hover-right-background-color)); } [nbButton].appearance-hero.status-control:active, .appearance-hero.status-control[nbButtonToggle]:active { background-image: linear-gradient(to right, var(--button-hero-control-active-left-background-color), var(--button-hero-control-active-right-background-color)); } [nbButton].appearance-hero.status-control[disabled], .appearance-hero.status-control[disabled][nbButtonToggle], [nbButton].appearance-hero.status-control.btn-disabled, .appearance-hero.status-control.btn-disabled[nbButtonToggle] { background-color: var(--button-hero-control-disabled-background-color); background-image: none; color: var(--button-hero-control-disabled-text-color); } [nbButton].appearance-hero.status-control.button-pulse, .appearance-hero.status-control.button-pulse[nbButtonToggle] { animation: button-hero-control-pulse 0.75s infinite alternate; } @keyframes button-hero-control-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 var(--button-hero-control-left-background-color); opacity: 0.8; } } nb-button-group { display: inline-flex; } [dir=ltr] nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } nb-button-group [nbButton]:not(:first-child):not(:last-child), nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } nb-button-group [nbButton].appearance-filled, nb-button-group [nbButton].appearance-ghost, nb-button-group [nbButtonToggle].appearance-filled, nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-basic-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-basic-divider-color); } nb-button-group [nbButton].appearance-filled.status-basic, nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: var(--button-group-filled-button-basic-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-primary-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-primary-divider-color); } nb-button-group [nbButton].appearance-filled.status-primary, nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: var(--button-group-filled-button-primary-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-success-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-success-divider-color); } nb-button-group [nbButton].appearance-filled.status-success, nb-button-group [nbButtonToggle].appearance-filled.status-success { color: var(--button-group-filled-button-success-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-warning-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-warning-divider-color); } nb-button-group [nbButton].appearance-filled.status-warning, nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: var(--button-group-filled-button-warning-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-danger-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-danger-divider-color); } nb-button-group [nbButton].appearance-filled.status-danger, nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: var(--button-group-filled-button-danger-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-info-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-info-divider-color); } nb-button-group [nbButton].appearance-filled.status-info, nb-button-group [nbButtonToggle].appearance-filled.status-info { color: var(--button-group-filled-button-info-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-filled-control-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-filled-control-divider-color); } nb-button-group [nbButton].appearance-filled.status-control, nb-button-group [nbButtonToggle].appearance-filled.status-control { color: var(--button-group-filled-button-control-text-color); } [dir=ltr] nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: var(--button-group-ghost-divider-color); } [dir=rtl] nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: var(--button-group-ghost-divider-color); } nb-list-item { border-bottom: var(--list-item-divider-width) var(--list-item-divider-style) var(--list-item-divider-color); color: var(--list-item-text-color); font-family: var(--list-item-font-family); font-size: var(--list-item-font-size); font-weight: var(--list-item-font-weight); line-height: var(--list-item-line-height); padding: var(--list-item-padding); } nb-list-item:first-child { border-top: var(--list-item-divider-width) var(--list-item-divider-style) var(--list-item-divider-color); } [nbInput] { border-style: var(--input-border-style); border-width: var(--input-border-width); font-family: var(--input-text-font-family); -webkit-appearance: none; appearance: none; } [nbInput].nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } [nbInput]::placeholder { font-family: var(--input-placeholder-text-font-family); text-overflow: ellipsis; } [nbInput]:focus { outline: none; } [nbInput].input-full-width { width: 100%; } [nbInput].status-basic { background-color: var(--input-basic-background-color); border-color: var(--input-basic-border-color); color: var(--input-basic-text-color); } [nbInput].status-basic::placeholder { color: var(--input-basic-placeholder-text-color); } [nbInput].status-basic:focus { background-color: var(--input-basic-focus-background-color); border-color: var(--input-basic-focus-border-color); } [nbInput].status-basic:hover { background-color: var(--input-basic-hover-background-color); border-color: var(--input-basic-hover-border-color); } [nbInput].status-basic:focus:hover { background-color: var(--input-basic-focus-and-hover-background-color); border-color: var(--input-basic-focus-and-hover-border-color); } [nbInput].status-basic:disabled { background-color: var(--input-basic-disabled-background-color); border-color: var(--input-basic-disabled-border-color); color: var(--input-basic-disabled-text-color); } [nbInput].status-basic:disabled::placeholder { color: var(--input-basic-disabled-placeholder-text-color); } [nbInput].status-primary { background-color: var(--input-primary-background-color); border-color: var(--input-primary-border-color); color: var(--input-primary-text-color); } [nbInput].status-primary::placeholder { color: var(--input-primary-placeholder-text-color); } [nbInput].status-primary:focus { background-color: var(--input-primary-focus-background-color); border-color: var(--input-primary-focus-border-color); } [nbInput].status-primary:hover { background-color: var(--input-primary-hover-background-color); border-color: var(--input-primary-hover-border-color); } [nbInput].status-primary:focus:hover { background-color: var(--input-primary-focus-and-hover-background-color); border-color: var(--input-primary-focus-and-hover-border-color); } [nbInput].status-primary:disabled { background-color: var(--input-primary-disabled-background-color); border-color: var(--input-primary-disabled-border-color); color: var(--input-primary-disabled-text-color); } [nbInput].status-primary:disabled::placeholder { color: var(--input-primary-disabled-placeholder-text-color); } [nbInput].status-success { background-color: var(--input-success-background-color); border-color: var(--input-success-border-color); color: var(--input-success-text-color); } [nbInput].status-success::placeholder { color: var(--input-success-placeholder-text-color); } [nbInput].status-success:focus { background-color: var(--input-success-focus-background-color); border-color: var(--input-success-focus-border-color); } [nbInput].status-success:hover { background-color: var(--input-success-hover-background-color); border-color: var(--input-success-hover-border-color); } [nbInput].status-success:focus:hover { background-color: var(--input-success-focus-and-hover-background-color); border-color: var(--input-success-focus-and-hover-border-color); } [nbInput].status-success:disabled { background-color: var(--input-success-disabled-background-color); border-color: var(--input-success-disabled-border-color); color: var(--input-success-disabled-text-color); } [nbInput].status-success:disabled::placeholder { color: var(--input-success-disabled-placeholder-text-color); } [nbInput].status-warning { background-color: var(--input-warning-background-color); border-color: var(--input-warning-border-color); color: var(--input-warning-text-color); } [nbInput].status-warning::placeholder { color: var(--input-warning-placeholder-text-color); } [nbInput].status-warning:focus { background-color: var(--input-warning-focus-background-color); border-color: var(--input-warning-focus-border-color); } [nbInput].status-warning:hover { background-color: var(--input-warning-hover-background-color); border-color: var(--input-warning-hover-border-color); } [nbInput].status-warning:focus:hover { background-color: var(--input-warning-focus-and-hover-background-color); border-color: var(--input-warning-focus-and-hover-border-color); } [nbInput].status-warning:disabled { background-color: var(--input-warning-disabled-background-color); border-color: var(--input-warning-disabled-border-color); color: var(--input-warning-disabled-text-color); } [nbInput].status-warning:disabled::placeholder { color: var(--input-warning-disabled-placeholder-text-color); } [nbInput].status-danger { background-color: var(--input-danger-background-color); border-color: var(--input-danger-border-color); color: var(--input-danger-text-color); } [nbInput].status-danger::placeholder { color: var(--input-danger-placeholder-text-color); } [nbInput].status-danger:focus { background-color: var(--input-danger-focus-background-color); border-color: var(--input-danger-focus-border-color); } [nbInput].status-danger:hover { background-color: var(--input-danger-hover-background-color); border-color: var(--input-danger-hover-border-color); } [nbInput].status-danger:focus:hover { background-color: var(--input-danger-focus-and-hover-background-color); border-color: var(--input-danger-focus-and-hover-border-color); } [nbInput].status-danger:disabled { background-color: var(--input-danger-disabled-background-color); border-color: var(--input-danger-disabled-border-color); color: var(--input-danger-disabled-text-color); } [nbInput].status-danger:disabled::placeholder { color: var(--input-danger-disabled-placeholder-text-color); } [nbInput].status-info { background-color: var(--input-info-background-color); border-color: var(--input-info-border-color); color: var(--input-info-text-color); } [nbInput].status-info::placeholder { color: var(--input-info-placeholder-text-color); } [nbInput].status-info:focus { background-color: var(--input-info-focus-background-color); border-color: var(--input-info-focus-border-color); } [nbInput].status-info:hover { background-color: var(--input-info-hover-background-color); border-color: var(--input-info-hover-border-color); } [nbInput].status-info:focus:hover { background-color: var(--input-info-focus-and-hover-background-color); border-color: var(--input-info-focus-and-hover-border-color); } [nbInput].status-info:disabled { background-color: var(--input-info-disabled-background-color); border-color: var(--input-info-disabled-border-color); color: var(--input-info-disabled-text-color); } [nbInput].status-info:disabled::placeholder { color: var(--input-info-disabled-placeholder-text-color); } [nbInput].status-control { background-color: var(--input-control-background-color); border-color: var(--input-control-border-color); color: var(--input-control-text-color); } [nbInput].status-control::placeholder { color: var(--input-control-placeholder-text-color); } [nbInput].status-control:focus { background-color: var(--input-control-focus-background-color); border-color: var(--input-control-focus-border-color); } [nbInput].status-control:hover { background-color: var(--input-control-hover-background-color); border-color: var(--input-control-hover-border-color); } [nbInput].status-control:focus:hover { background-color: var(--input-control-focus-and-hover-background-color); border-color: var(--input-control-focus-and-hover-border-color); } [nbInput].status-control:disabled { background-color: var(--input-control-disabled-background-color); border-color: var(--input-control-disabled-border-color); color: var(--input-control-disabled-text-color); } [nbInput].status-control:disabled::placeholder { color: var(--input-control-disabled-placeholder-text-color); } [nbInput].size-tiny { font-size: var(--input-tiny-text-font-size); font-weight: var(--input-tiny-text-font-weight); line-height: var(--input-tiny-text-line-height); padding: var(--input-tiny-padding); } [nbInput].size-tiny:not(.input-full-width) { max-width: var(--input-tiny-max-width); } [nbInput].size-tiny::placeholder { font-size: var(--input-tiny-placeholder-text-font-size); font-weight: var(--input-tiny-placeholder-text-font-weight); line-height: var(--input-tiny-placeholder-text-line-height); } [nbInput].size-small { font-size: var(--input-small-text-font-size); font-weight: var(--input-small-text-font-weight); line-height: var(--input-small-text-line-height); padding: var(--input-small-padding); } [nbInput].size-small:not(.input-full-width) { max-width: var(--input-small-max-width); } [nbInput].size-small::placeholder { font-size: var(--input-small-placeholder-text-font-size); font-weight: var(--input-small-placeholder-text-font-weight); line-height: var(--input-small-placeholder-text-line-height); } [nbInput].size-medium { font-size: var(--input-medium-text-font-size); font-weight: var(--input-medium-text-font-weight); line-height: var(--input-medium-text-line-height); padding: var(--input-medium-padding); } [nbInput].size-medium:not(.input-full-width) { max-width: var(--input-medium-max-width); } [nbInput].size-medium::placeholder { font-size: var(--input-medium-placeholder-text-font-size); font-weight: var(--input-medium-placeholder-text-font-weight); line-height: var(--input-medium-placeholder-text-line-height); } [nbInput].size-large { font-size: var(--input-large-text-font-size); font-weight: var(--input-large-text-font-weight); line-height: var(--input-large-text-line-height); padding: var(--input-large-padding); } [nbInput].size-large:not(.input-full-width) { max-width: var(--input-large-max-width); } [nbInput].size-large::placeholder { font-size: var(--input-large-placeholder-text-font-size); font-weight: var(--input-large-placeholder-text-font-weight); line-height: var(--input-large-placeholder-text-line-height); } [nbInput].size-giant { font-size: var(--input-giant-text-font-size); font-weight: var(--input-giant-text-font-weight); line-height: var(--input-giant-text-line-height); padding: var(--input-giant-padding); } [nbInput].size-giant:not(.input-full-width) { max-width: var(--input-giant-max-width); } [nbInput].size-giant::placeholder { font-size: var(--input-giant-placeholder-text-font-size); font-weight: var(--input-giant-placeholder-text-font-weight); line-height: var(--input-giant-placeholder-text-line-height); } [nbInput].shape-rectangle { border-radius: var(--input-rectangle-border-radius); } [nbInput].shape-semi-round { border-radius: var(--input-semi-round-border-radius); } [nbInput].shape-round { border-radius: var(--input-round-border-radius); } nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: var(--form-field-addon-tiny-width); } [dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: var(--form-field-addon-tiny-width); } [dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: var(--form-field-addon-small-width); } [dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: var(--form-field-addon-small-width); } [dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: var(--form-field-addon-medium-width); } [dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: var(--form-field-addon-medium-width); } [dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: var(--form-field-addon-large-width); } [dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: var(--form-field-addon-large-width); } [dir=ltr] .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: var(--form-field-addon-giant-width); } [dir=ltr] .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: var(--form-field-addon-giant-width); } .overlay-backdrop { background: var(--overlay-backdrop-background-color); } .cdk-overlay-container { z-index: 1040; } nb-popover { border: var(--popover-border-width) solid var(--popover-border-color); border-radius: var(--popover-border-radius); background: var(--popover-background-color); box-shadow: var(--popover-shadow); color: var(--popover-text-color); } nb-popover .primitive-overlay { font-family: var(--popover-text-font-family); font-size: var(--popover-text-font-size); font-weight: var(--popover-text-font-weight); line-height: var(--popover-text-line-height); padding: var(--popover-padding); } nb-popover .arrow { border-left: var(--popover-arrow-size) solid transparent; border-right: var(--popover-arrow-size) solid transparent; border-bottom: var(--popover-arrow-size) solid var(--popover-border-color); } nb-popover .arrow::after { position: absolute; content: " "; width: 0; height: 0; top: 3px; left: calc(50% - var(--popover-arrow-size)); border-left: var(--popover-arrow-size) solid transparent; border-right: var(--popover-arrow-size) solid transparent; border-bottom: var(--popover-arrow-size) solid var(--popover-background-color); clip-path: inset(0 0 2px); } nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * var(--popover-arrow-size) + 1px); left: calc(50% - var(--popover-arrow-size)); } nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * var(--popover-arrow-size) + 1px); } [dir=ltr] nb-popover.nb-overlay-bottom-start .arrow { right: var(--popover-arrow-size); } [dir=rtl] nb-popover.nb-overlay-bottom-start .arrow { left: var(--popover-arrow-size); } nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * var(--popover-arrow-size) + 1px); } [dir=ltr] nb-popover.nb-overlay-bottom-end .arrow { left: var(--popover-arrow-size); } [dir=rtl] nb-popover.nb-overlay-bottom-end .arrow { right: var(--popover-arrow-size); } nb-popover.nb-overlay-left .arrow { right: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px); top: calc(50% - var(--popover-arrow-size) * 0.5); transform: rotate(90deg); } nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px); bottom: var(--popover-arrow-size); transform: rotate(90deg); } nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px); top: var(--popover-arrow-size); transform: rotate(90deg); } nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * var(--popover-arrow-size) + 1px); left: calc(50% - var(--popover-arrow-size)); transform: rotate(180deg); } nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * var(--popover-arrow-size) + 1px); transform: rotate(180deg); } [dir=ltr] nb-popover.nb-overlay-top-start .arrow { right: var(--popover-arrow-size); } [dir=rtl] nb-popover.nb-overlay-top-start .arrow { left: var(--popover-arrow-size); } nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * var(--popover-arrow-size) + 1px); transform: rotate(180deg); } [dir=ltr] nb-popover.nb-overlay-top-end .arrow { left: var(--popover-arrow-size); } [dir=rtl] nb-popover.nb-overlay-top-end .arrow { right: var(--popover-arrow-size); } nb-popover.nb-overlay-right .arrow { left: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px); top: calc(50% - var(--popover-arrow-size) * 0.5); transform: rotate(270deg); } nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px); bottom: var(--popover-arrow-size); transform: rotate(270deg); } nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * var(--popover-arrow-size) - var(--popover-arrow-size) / 2 + 2px); top: var(--popover-arrow-size); transform: rotate(270deg); } .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } nb-context-menu { background-color: var(--context-menu-background-color); border-color: var(--context-menu-border-color); border-style: var(--context-menu-border-style); border-width: var(--context-menu-border-width); border-radius: var(--context-menu-border-radius); box-shadow: var(--context-menu-shadow); min-width: var(--context-menu-min-width); max-width: var(--context-menu-max-width); } nb-context-menu nb-menu { border-radius: var(--context-menu-border-radius); overflow: hidden; text-align: var(--context-menu-text-align); } nb-context-menu nb-menu nb-icon.expand-state svg { pointer-events: none; } nb-select .select-button { min-width: var(--select-min-width); cursor: var(--select-cursor); font-family: var(--select-text-font-family); } nb-select .select-button.placeholder { font-family: var(--select-placeholder-text-font-family); } nb-select .select-button:focus { outline: none; } nb-select .select-button[disabled] { cursor: var(--select-disabled-cursor); } nb-select.size-tiny .select-button { font-size: var(--select-tiny-text-font-size); font-weight: var(--select-tiny-text-font-weight); line-height: var(--select-tiny-text-line-height); } nb-select.size-tiny .select-button.placeholder { font-size: var(--select-tiny-placeholder-text-font-size); font-weight: var(--select-tiny-placeholder-text-font-weight); } nb-select.size-tiny .select-button.empty::before { content: " "; display: block; height: var(--select-tiny-text-line-height); } nb-select.size-tiny:not(.full-width) { max-width: var(--select-tiny-max-width); } nb-select.size-small .select-button { font-size: var(--select-small-text-font-size); font-weight: var(--select-small-text-font-weight); line-height: var(--select-small-text-line-height); } nb-select.size-small .select-button.placeholder { font-size: var(--select-small-placeholder-text-font-size); font-weight: var(--select-small-placeholder-text-font-weight); } nb-select.size-small .select-button.empty::before { content: " "; display: block; height: var(--select-small-text-line-height); } nb-select.size-small:not(.full-width) { max-width: var(--select-small-max-width); } nb-select.size-medium .select-button { font-size: var(--select-medium-text-font-size); font-weight: var(--select-medium-text-font-weight); line-height: var(--select-medium-text-line-height); } nb-select.size-medium .select-button.placeholder { font-size: var(--select-medium-placeholder-text-font-size); font-weight: var(--select-medium-placeholder-text-font-weight); } nb-select.size-medium .select-button.empty::before { content: " "; display: block; height: var(--select-medium-text-line-height); } nb-select.size-medium:not(.full-width) { max-width: var(--select-medium-max-width); } nb-select.size-large .select-button { font-size: var(--select-large-text-font-size); font-weight: var(--select-large-text-font-weight); line-height: var(--select-large-text-line-height); } nb-select.size-large .select-button.placeholder { font-size: var(--select-large-placeholder-text-font-size); font-weight: var(--select-large-placeholder-text-font-weight); } nb-select.size-large .select-button.empty::before { content: " "; display: block; height: var(--select-large-text-line-height); } nb-select.size-large:not(.full-width) { max-width: var(--select-large-max-width); } nb-select.size-giant .select-button { font-size: var(--select-giant-text-font-size); font-weight: var(--select-giant-text-font-weight); line-height: var(--select-giant-text-line-height); } nb-select.size-giant .select-button.placeholder { font-size: var(--select-giant-placeholder-text-font-size); font-weight: var(--select-giant-placeholder-text-font-weight); } nb-select.size-giant .select-button.empty::before { content: " "; display: block; height: var(--select-giant-text-line-height); } nb-select.size-giant:not(.full-width) { max-width: var(--select-giant-max-width); } nb-select.shape-rectangle .select-button { border-radius: var(--select-rectangle-border-radius); } nb-select.shape-semi-round .select-button { border-radius: var(--select-semi-round-border-radius); } nb-select.shape-round .select-button { border-radius: var(--select-round-border-radius); } nb-select.appearance-outline .select-button { border-style: var(--select-outline-border-style); border-width: var(--select-outline-border-width); } nb-select.appearance-outline .select-button.top { border-top-style: var(--select-outline-adjacent-border-style); border-top-width: var(--select-outline-adjacent-border-width); } nb-select.appearance-outline .select-button.bottom { border-bottom-style: var(--select-outline-adjacent-border-style); border-bottom-width: var(--select-outline-adjacent-border-width); } nb-select.appearance-outline.status-basic .select-button { background-color: var(--select-outline-basic-background-color); border-color: var(--select-outline-basic-border-color); color: var(--select-outline-basic-text-color); } nb-select.appearance-outline.status-basic .select-button.placeholder { color: var(--select-outline-basic-placeholder-text-color); } nb-select.appearance-outline.status-basic .select-button nb-icon { color: var(--select-outline-basic-icon-color); } nb-select.appearance-outline.status-basic .select-button:focus { background-color: var(--select-outline-basic-focus-background-color); border-color: var(--select-outline-basic-focus-border-color); } nb-select.appearance-outline.status-basic .select-button:hover { background-color: var(--select-outline-basic-hover-background-color); border-color: var(--select-outline-basic-hover-border-color); } nb-select.appearance-outline.status-basic .select-button:focus:hover { background-color: var(--select-outline-basic-focus-and-hover-background-color); border-color: var(--select-outline-basic-focus-and-hover-border-color); } nb-select.appearance-outline.status-basic .select-button[disabled] { color: var(--select-outline-basic-disabled-text-color); background-color: var(--select-outline-basic-disabled-background-color); border-color: var(--select-outline-basic-disabled-border-color); } nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: var(--select-outline-basic-disabled-icon-color); } nb-select.appearance-outline.status-basic .select-button.bottom, nb-select.appearance-outline.status-basic .select-button.top { border-color: var(--select-outline-basic-open-border-color); } nb-select.appearance-outline.status-basic .select-button.top { border-top-color: var(--select-outline-basic-adjacent-border-color); } nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: var(--select-outline-basic-adjacent-border-color); } nb-select.appearance-outline.status-primary .select-button { background-color: var(--select-outline-primary-background-color); border-color: var(--select-outline-primary-border-color); color: var(--select-outline-primary-text-color); } nb-select.appearance-outline.status-primary .select-button.placeholder { color: var(--select-outline-primary-placeholder-text-color); } nb-select.appearance-outline.status-primary .select-button nb-icon { color: var(--select-outline-primary-icon-color); } nb-select.appearance-outline.status-primary .select-button:focus { background-color: var(--select-outline-primary-focus-background-color); border-color: var(--select-outline-primary-focus-border-color); } nb-select.appearance-outline.status-primary .select-button:hover { background-color: var(--select-outline-primary-hover-background-color); border-color: var(--select-outline-primary-hover-border-color); } nb-select.appearance-outline.status-primary .select-button:focus:hover { background-color: var(--select-outline-primary-focus-and-hover-background-color); border-color: var(--select-outline-primary-focus-and-hover-border-color); } nb-select.appearance-outline.status-primary .select-button[disabled] { color: var(--select-outline-primary-disabled-text-color); background-color: var(--select-outline-primary-disabled-background-color); border-color: var(--select-outline-primary-disabled-border-color); } nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: var(--select-outline-primary-disabled-icon-color); } nb-select.appearance-outline.status-primary .select-button.bottom, nb-select.appearance-outline.status-primary .select-button.top { border-color: var(--select-outline-primary-open-border-color); } nb-select.appearance-outline.status-primary .select-button.top { border-top-color: var(--select-outline-primary-adjacent-border-color); } nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: var(--select-outline-primary-adjacent-border-color); } nb-select.appearance-outline.status-success .select-button { background-color: var(--select-outline-success-background-color); border-color: var(--select-outline-success-border-color); color: var(--select-outline-success-text-color); } nb-select.appearance-outline.status-success .select-button.placeholder { color: var(--select-outline-success-placeholder-text-color); } nb-select.appearance-outline.status-success .select-button nb-icon { color: var(--select-outline-success-icon-color); } nb-select.appearance-outline.status-success .select-button:focus { background-color: var(--select-outline-success-focus-background-color); border-color: var(--select-outline-success-focus-border-color); } nb-select.appearance-outline.status-success .select-button:hover { background-color: var(--select-outline-success-hover-background-color); border-color: var(--select-outline-success-hover-border-color); } nb-select.appearance-outline.status-success .select-button:focus:hover { background-color: var(--select-outline-success-focus-and-hover-background-color); border-color: var(--select-outline-success-focus-and-hover-border-color); } nb-select.appearance-outline.status-success .select-button[disabled] { color: var(--select-outline-success-disabled-text-color); background-color: var(--select-outline-success-disabled-background-color); border-color: var(--select-outline-success-disabled-border-color); } nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: var(--select-outline-success-disabled-icon-color); } nb-select.appearance-outline.status-success .select-button.bottom, nb-select.appearance-outline.status-success .select-button.top { border-color: var(--select-outline-success-open-border-color); } nb-select.appearance-outline.status-success .select-button.top { border-top-color: var(--select-outline-success-adjacent-border-color); } nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: var(--select-outline-success-adjacent-border-color); } nb-select.appearance-outline.status-warning .select-button { background-color: var(--select-outline-warning-background-color); border-color: var(--select-outline-warning-border-color); color: var(--select-outline-warning-text-color); } nb-select.appearance-outline.status-warning .select-button.placeholder { color: var(--select-outline-warning-placeholder-text-color); } nb-select.appearance-outline.status-warning .select-button nb-icon { color: var(--select-outline-warning-icon-color); } nb-select.appearance-outline.status-warning .select-button:focus { background-color: var(--select-outline-warning-focus-background-color); border-color: var(--select-outline-warning-focus-border-color); } nb-select.appearance-outline.status-warning .select-button:hover { background-color: var(--select-outline-warning-hover-background-color); border-color: var(--select-outline-warning-hover-border-color); } nb-select.appearance-outline.status-warning .select-button:focus:hover { background-color: var(--select-outline-warning-focus-and-hover-background-color); border-color: var(--select-outline-warning-focus-and-hover-border-color); } nb-select.appearance-outline.status-warning .select-button[disabled] { color: var(--select-outline-warning-disabled-text-color); background-color: var(--select-outline-warning-disabled-background-color); border-color: var(--select-outline-warning-disabled-border-color); } nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: var(--select-outline-warning-disabled-icon-color); } nb-select.appearance-outline.status-warning .select-button.bottom, nb-select.appearance-outline.status-warning .select-button.top { border-color: var(--select-outline-warning-open-border-color); } nb-select.appearance-outline.status-warning .select-button.top { border-top-color: var(--select-outline-warning-adjacent-border-color); } nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: var(--select-outline-warning-adjacent-border-color); } nb-select.appearance-outline.status-danger .select-button { background-color: var(--select-outline-danger-background-color); border-color: var(--select-outline-danger-border-color); color: var(--select-outline-danger-text-color); } nb-select.appearance-outline.status-danger .select-button.placeholder { color: var(--select-outline-danger-placeholder-text-color); } nb-select.appearance-outline.status-danger .select-button nb-icon { color: var(--select-outline-danger-icon-color); } nb-select.appearance-outline.status-danger .select-button:focus { background-color: var(--select-outline-danger-focus-background-color); border-color: var(--select-outline-danger-focus-border-color); } nb-select.appearance-outline.status-danger .select-button:hover { background-color: var(--select-outline-danger-hover-background-color); border-color: var(--select-outline-danger-hover-border-color); } nb-select.appearance-outline.status-danger .select-button:focus:hover { background-color: var(--select-outline-danger-focus-and-hover-background-color); border-color: var(--select-outline-danger-focus-and-hover-border-color); } nb-select.appearance-outline.status-danger .select-button[disabled] { color: var(--select-outline-danger-disabled-text-color); background-color: var(--select-outline-danger-disabled-background-color); border-color: var(--select-outline-danger-disabled-border-color); } nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: var(--select-outline-danger-disabled-icon-color); } nb-select.appearance-outline.status-danger .select-button.bottom, nb-select.appearance-outline.status-danger .select-button.top { border-color: var(--select-outline-danger-open-border-color); } nb-select.appearance-outline.status-danger .select-button.top { border-top-color: var(--select-outline-danger-adjacent-border-color); } nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: var(--select-outline-danger-adjacent-border-color); } nb-select.appearance-outline.status-info .select-button { background-color: var(--select-outline-info-background-color); border-color: var(--select-outline-info-border-color); color: var(--select-outline-info-text-color); } nb-select.appearance-outline.status-info .select-button.placeholder { color: var(--select-outline-info-placeholder-text-color); } nb-select.appearance-outline.status-info .select-button nb-icon { color: var(--select-outline-info-icon-color); } nb-select.appearance-outline.status-info .select-button:focus { background-color: var(--select-outline-info-focus-background-color); border-color: var(--select-outline-info-focus-border-color); } nb-select.appearance-outline.status-info .select-button:hover { background-color: var(--select-outline-info-hover-background-color); border-color: var(--select-outline-info-hover-border-color); } nb-select.appearance-outline.status-info .select-button:focus:hover { background-color: var(--select-outline-info-focus-and-hover-background-color); border-color: var(--select-outline-info-focus-and-hover-border-color); } nb-select.appearance-outline.status-info .select-button[disabled] { color: var(--select-outline-info-disabled-text-color); background-color: var(--select-outline-info-disabled-background-color); border-color: var(--select-outline-info-disabled-border-color); } nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: var(--select-outline-info-disabled-icon-color); } nb-select.appearance-outline.status-info .select-button.bottom, nb-select.appearance-outline.status-info .select-button.top { border-color: var(--select-outline-info-open-border-color); } nb-select.appearance-outline.status-info .select-button.top { border-top-color: var(--select-outline-info-adjacent-border-color); } nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: var(--select-outline-info-adjacent-border-color); } nb-select.appearance-outline.status-control .select-button { background-color: var(--select-outline-control-background-color); border-color: var(--select-outline-control-border-color); color: var(--select-outline-control-text-color); } nb-select.appearance-outline.status-control .select-button.placeholder { color: var(--select-outline-control-placeholder-text-color); } nb-select.appearance-outline.status-control .select-button nb-icon { color: var(--select-outline-control-icon-color); } nb-select.appearance-outline.status-control .select-button:focus { background-color: var(--select-outline-control-focus-background-color); border-color: var(--select-outline-control-focus-border-color); } nb-select.appearance-outline.status-control .select-button:hover { background-color: var(--select-outline-control-hover-background-color); border-color: var(--select-outline-control-hover-border-color); } nb-select.appearance-outline.status-control .select-button:focus:hover { background-color: var(--select-outline-control-focus-and-hover-background-color); border-color: var(--select-outline-control-focus-and-hover-border-color); } nb-select.appearance-outline.status-control .select-button[disabled] { color: var(--select-outline-control-disabled-text-color); background-color: var(--select-outline-control-disabled-background-color); border-color: var(--select-outline-control-disabled-border-color); } nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: var(--select-outline-control-disabled-icon-color); } nb-select.appearance-outline.status-control .select-button.bottom, nb-select.appearance-outline.status-control .select-button.top { border-color: var(--select-outline-control-open-border-color); } nb-select.appearance-outline.status-control .select-button.top { border-top-color: var(--select-outline-control-adjacent-border-color); } nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: var(--select-outline-control-adjacent-border-color); } nb-select.appearance-outline.size-tiny .select-button { padding: var(--select-outline-tiny-padding); } [dir=ltr] nb-select.appearance-outline.size-tiny .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-outline.size-tiny .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: var(--form-field-addon-tiny-width); } nb-select.appearance-outline.size-small .select-button { padding: var(--select-outline-small-padding); } [dir=ltr] nb-select.appearance-outline.size-small .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-outline.size-small .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: var(--form-field-addon-small-width); } nb-select.appearance-outline.size-medium .select-button { padding: var(--select-outline-medium-padding); } [dir=ltr] nb-select.appearance-outline.size-medium .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-outline.size-medium .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: var(--form-field-addon-medium-width); } nb-select.appearance-outline.size-large .select-button { padding: var(--select-outline-large-padding); } [dir=ltr] nb-select.appearance-outline.size-large .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-outline.size-large .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: var(--form-field-addon-large-width); } nb-select.appearance-outline.size-giant .select-button { padding: var(--select-outline-giant-padding); } [dir=ltr] nb-select.appearance-outline.size-giant .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-outline.size-giant .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: var(--form-field-addon-giant-width); } nb-select.appearance-filled .select-button { border-style: var(--select-filled-border-style); border-width: var(--select-filled-border-width); } nb-select.appearance-filled.size-tiny .select-button { padding: var(--select-filled-tiny-padding); } [dir=ltr] nb-select.appearance-filled.size-tiny .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-filled.size-tiny .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: var(--form-field-addon-tiny-width); } nb-select.appearance-filled.size-small .select-button { padding: var(--select-filled-small-padding); } [dir=ltr] nb-select.appearance-filled.size-small .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-filled.size-small .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: var(--form-field-addon-small-width); } nb-select.appearance-filled.size-medium .select-button { padding: var(--select-filled-medium-padding); } [dir=ltr] nb-select.appearance-filled.size-medium .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-filled.size-medium .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: var(--form-field-addon-medium-width); } nb-select.appearance-filled.size-large .select-button { padding: var(--select-filled-large-padding); } [dir=ltr] nb-select.appearance-filled.size-large .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-filled.size-large .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: var(--form-field-addon-large-width); } nb-select.appearance-filled.size-giant .select-button { padding: var(--select-filled-giant-padding); } [dir=ltr] nb-select.appearance-filled.size-giant .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-filled.size-giant .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: var(--form-field-addon-giant-width); } nb-select.appearance-filled.status-basic .select-button { background-color: var(--select-filled-basic-background-color); border-color: var(--select-filled-basic-border-color); color: var(--select-filled-basic-text-color); } nb-select.appearance-filled.status-basic .select-button.placeholder { color: var(--select-filled-basic-placeholder-text-color); } nb-select.appearance-filled.status-basic .select-button:focus { background-color: var(--select-filled-basic-focus-background-color); border-color: var(--select-filled-basic-focus-border-color); } nb-select.appearance-filled.status-basic .select-button:hover { background-color: var(--select-filled-basic-hover-background-color); border-color: var(--select-filled-basic-hover-border-color); } nb-select.appearance-filled.status-basic .select-button:focus:hover { background-color: var(--select-filled-basic-focus-and-hover-background-color); border-color: var(--select-filled-basic-focus-and-hover-border-color); } nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: var(--select-filled-basic-disabled-background-color); border-color: var(--select-filled-basic-disabled-border-color); color: var(--select-filled-basic-disabled-text-color); } nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: var(--select-filled-basic-disabled-icon-color); } nb-select.appearance-filled.status-basic .select-button nb-icon { color: var(--select-filled-basic-icon-color); } nb-select.appearance-filled.status-primary .select-button { background-color: var(--select-filled-primary-background-color); border-color: var(--select-filled-primary-border-color); color: var(--select-filled-primary-text-color); } nb-select.appearance-filled.status-primary .select-button.placeholder { color: var(--select-filled-primary-placeholder-text-color); } nb-select.appearance-filled.status-primary .select-button:focus { background-color: var(--select-filled-primary-focus-background-color); border-color: var(--select-filled-primary-focus-border-color); } nb-select.appearance-filled.status-primary .select-button:hover { background-color: var(--select-filled-primary-hover-background-color); border-color: var(--select-filled-primary-hover-border-color); } nb-select.appearance-filled.status-primary .select-button:focus:hover { background-color: var(--select-filled-primary-focus-and-hover-background-color); border-color: var(--select-filled-primary-focus-and-hover-border-color); } nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: var(--select-filled-primary-disabled-background-color); border-color: var(--select-filled-primary-disabled-border-color); color: var(--select-filled-primary-disabled-text-color); } nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: var(--select-filled-primary-disabled-icon-color); } nb-select.appearance-filled.status-primary .select-button nb-icon { color: var(--select-filled-primary-icon-color); } nb-select.appearance-filled.status-success .select-button { background-color: var(--select-filled-success-background-color); border-color: var(--select-filled-success-border-color); color: var(--select-filled-success-text-color); } nb-select.appearance-filled.status-success .select-button.placeholder { color: var(--select-filled-success-placeholder-text-color); } nb-select.appearance-filled.status-success .select-button:focus { background-color: var(--select-filled-success-focus-background-color); border-color: var(--select-filled-success-focus-border-color); } nb-select.appearance-filled.status-success .select-button:hover { background-color: var(--select-filled-success-hover-background-color); border-color: var(--select-filled-success-hover-border-color); } nb-select.appearance-filled.status-success .select-button:focus:hover { background-color: var(--select-filled-success-focus-and-hover-background-color); border-color: var(--select-filled-success-focus-and-hover-border-color); } nb-select.appearance-filled.status-success .select-button[disabled] { background-color: var(--select-filled-success-disabled-background-color); border-color: var(--select-filled-success-disabled-border-color); color: var(--select-filled-success-disabled-text-color); } nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: var(--select-filled-success-disabled-icon-color); } nb-select.appearance-filled.status-success .select-button nb-icon { color: var(--select-filled-success-icon-color); } nb-select.appearance-filled.status-warning .select-button { background-color: var(--select-filled-warning-background-color); border-color: var(--select-filled-warning-border-color); color: var(--select-filled-warning-text-color); } nb-select.appearance-filled.status-warning .select-button.placeholder { color: var(--select-filled-warning-placeholder-text-color); } nb-select.appearance-filled.status-warning .select-button:focus { background-color: var(--select-filled-warning-focus-background-color); border-color: var(--select-filled-warning-focus-border-color); } nb-select.appearance-filled.status-warning .select-button:hover { background-color: var(--select-filled-warning-hover-background-color); border-color: var(--select-filled-warning-hover-border-color); } nb-select.appearance-filled.status-warning .select-button:focus:hover { background-color: var(--select-filled-warning-focus-and-hover-background-color); border-color: var(--select-filled-warning-focus-and-hover-border-color); } nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: var(--select-filled-warning-disabled-background-color); border-color: var(--select-filled-warning-disabled-border-color); color: var(--select-filled-warning-disabled-text-color); } nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: var(--select-filled-warning-disabled-icon-color); } nb-select.appearance-filled.status-warning .select-button nb-icon { color: var(--select-filled-warning-icon-color); } nb-select.appearance-filled.status-danger .select-button { background-color: var(--select-filled-danger-background-color); border-color: var(--select-filled-danger-border-color); color: var(--select-filled-danger-text-color); } nb-select.appearance-filled.status-danger .select-button.placeholder { color: var(--select-filled-danger-placeholder-text-color); } nb-select.appearance-filled.status-danger .select-button:focus { background-color: var(--select-filled-danger-focus-background-color); border-color: var(--select-filled-danger-focus-border-color); } nb-select.appearance-filled.status-danger .select-button:hover { background-color: var(--select-filled-danger-hover-background-color); border-color: var(--select-filled-danger-hover-border-color); } nb-select.appearance-filled.status-danger .select-button:focus:hover { background-color: var(--select-filled-danger-focus-and-hover-background-color); border-color: var(--select-filled-danger-focus-and-hover-border-color); } nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: var(--select-filled-danger-disabled-background-color); border-color: var(--select-filled-danger-disabled-border-color); color: var(--select-filled-danger-disabled-text-color); } nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: var(--select-filled-danger-disabled-icon-color); } nb-select.appearance-filled.status-danger .select-button nb-icon { color: var(--select-filled-danger-icon-color); } nb-select.appearance-filled.status-info .select-button { background-color: var(--select-filled-info-background-color); border-color: var(--select-filled-info-border-color); color: var(--select-filled-info-text-color); } nb-select.appearance-filled.status-info .select-button.placeholder { color: var(--select-filled-info-placeholder-text-color); } nb-select.appearance-filled.status-info .select-button:focus { background-color: var(--select-filled-info-focus-background-color); border-color: var(--select-filled-info-focus-border-color); } nb-select.appearance-filled.status-info .select-button:hover { background-color: var(--select-filled-info-hover-background-color); border-color: var(--select-filled-info-hover-border-color); } nb-select.appearance-filled.status-info .select-button:focus:hover { background-color: var(--select-filled-info-focus-and-hover-background-color); border-color: var(--select-filled-info-focus-and-hover-border-color); } nb-select.appearance-filled.status-info .select-button[disabled] { background-color: var(--select-filled-info-disabled-background-color); border-color: var(--select-filled-info-disabled-border-color); color: var(--select-filled-info-disabled-text-color); } nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: var(--select-filled-info-disabled-icon-color); } nb-select.appearance-filled.status-info .select-button nb-icon { color: var(--select-filled-info-icon-color); } nb-select.appearance-filled.status-control .select-button { background-color: var(--select-filled-control-background-color); border-color: var(--select-filled-control-border-color); color: var(--select-filled-control-text-color); } nb-select.appearance-filled.status-control .select-button.placeholder { color: var(--select-filled-control-placeholder-text-color); } nb-select.appearance-filled.status-control .select-button:focus { background-color: var(--select-filled-control-focus-background-color); border-color: var(--select-filled-control-focus-border-color); } nb-select.appearance-filled.status-control .select-button:hover { background-color: var(--select-filled-control-hover-background-color); border-color: var(--select-filled-control-hover-border-color); } nb-select.appearance-filled.status-control .select-button:focus:hover { background-color: var(--select-filled-control-focus-and-hover-background-color); border-color: var(--select-filled-control-focus-and-hover-border-color); } nb-select.appearance-filled.status-control .select-button[disabled] { background-color: var(--select-filled-control-disabled-background-color); border-color: var(--select-filled-control-disabled-border-color); color: var(--select-filled-control-disabled-text-color); } nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: var(--select-filled-control-disabled-icon-color); } nb-select.appearance-filled.status-control .select-button nb-icon { color: var(--select-filled-control-icon-color); } nb-select.appearance-hero .select-button { border: none; } nb-select.appearance-hero.size-tiny .select-button { padding: var(--select-hero-tiny-padding); } [dir=ltr] nb-select.appearance-hero.size-tiny .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-hero.size-tiny .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: var(--form-field-addon-tiny-width); } nb-select.appearance-hero.size-small .select-button { padding: var(--select-hero-small-padding); } [dir=ltr] nb-select.appearance-hero.size-small .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-hero.size-small .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: var(--form-field-addon-small-width); } nb-select.appearance-hero.size-medium .select-button { padding: var(--select-hero-medium-padding); } [dir=ltr] nb-select.appearance-hero.size-medium .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-hero.size-medium .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: var(--form-field-addon-medium-width); } nb-select.appearance-hero.size-large .select-button { padding: var(--select-hero-large-padding); } [dir=ltr] nb-select.appearance-hero.size-large .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-hero.size-large .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: var(--form-field-addon-large-width); } nb-select.appearance-hero.size-giant .select-button { padding: var(--select-hero-giant-padding); } [dir=ltr] nb-select.appearance-hero.size-giant .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select.appearance-hero.size-giant .select-button { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: var(--form-field-addon-giant-width); } nb-select.appearance-hero.status-basic .select-button { background-image: linear-gradient(to right, var(--select-hero-basic-left-background-color), var(--select-hero-basic-right-background-color)); color: var(--select-hero-basic-text-color); } nb-select.appearance-hero.status-basic .select-button.placeholder { color: var(--select-hero-basic-placeholder-text-color); } nb-select.appearance-hero.status-basic .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-basic-focus-left-background-color), var(--select-hero-basic-focus-right-background-color)); } nb-select.appearance-hero.status-basic .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-basic-hover-left-background-color), var(--select-hero-basic-hover-right-background-color)); } nb-select.appearance-hero.status-basic .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-basic-focus-and-hover-left-background-color), var(--select-hero-basic-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-basic .select-button[disabled] { color: var(--select-hero-basic-disabled-text-color); background-color: var(--select-hero-basic-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: var(--select-hero-basic-disabled-icon-color); } nb-select.appearance-hero.status-basic .select-button nb-icon { color: var(--select-hero-basic-icon-color); } nb-select.appearance-hero.status-primary .select-button { background-image: linear-gradient(to right, var(--select-hero-primary-left-background-color), var(--select-hero-primary-right-background-color)); color: var(--select-hero-primary-text-color); } nb-select.appearance-hero.status-primary .select-button.placeholder { color: var(--select-hero-primary-placeholder-text-color); } nb-select.appearance-hero.status-primary .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-primary-focus-left-background-color), var(--select-hero-primary-focus-right-background-color)); } nb-select.appearance-hero.status-primary .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-primary-hover-left-background-color), var(--select-hero-primary-hover-right-background-color)); } nb-select.appearance-hero.status-primary .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-primary-focus-and-hover-left-background-color), var(--select-hero-primary-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-primary .select-button[disabled] { color: var(--select-hero-primary-disabled-text-color); background-color: var(--select-hero-primary-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: var(--select-hero-primary-disabled-icon-color); } nb-select.appearance-hero.status-primary .select-button nb-icon { color: var(--select-hero-primary-icon-color); } nb-select.appearance-hero.status-success .select-button { background-image: linear-gradient(to right, var(--select-hero-success-left-background-color), var(--select-hero-success-right-background-color)); color: var(--select-hero-success-text-color); } nb-select.appearance-hero.status-success .select-button.placeholder { color: var(--select-hero-success-placeholder-text-color); } nb-select.appearance-hero.status-success .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-success-focus-left-background-color), var(--select-hero-success-focus-right-background-color)); } nb-select.appearance-hero.status-success .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-success-hover-left-background-color), var(--select-hero-success-hover-right-background-color)); } nb-select.appearance-hero.status-success .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-success-focus-and-hover-left-background-color), var(--select-hero-success-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-success .select-button[disabled] { color: var(--select-hero-success-disabled-text-color); background-color: var(--select-hero-success-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: var(--select-hero-success-disabled-icon-color); } nb-select.appearance-hero.status-success .select-button nb-icon { color: var(--select-hero-success-icon-color); } nb-select.appearance-hero.status-warning .select-button { background-image: linear-gradient(to right, var(--select-hero-warning-left-background-color), var(--select-hero-warning-right-background-color)); color: var(--select-hero-warning-text-color); } nb-select.appearance-hero.status-warning .select-button.placeholder { color: var(--select-hero-warning-placeholder-text-color); } nb-select.appearance-hero.status-warning .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-warning-focus-left-background-color), var(--select-hero-warning-focus-right-background-color)); } nb-select.appearance-hero.status-warning .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-warning-hover-left-background-color), var(--select-hero-warning-hover-right-background-color)); } nb-select.appearance-hero.status-warning .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-warning-focus-and-hover-left-background-color), var(--select-hero-warning-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-warning .select-button[disabled] { color: var(--select-hero-warning-disabled-text-color); background-color: var(--select-hero-warning-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: var(--select-hero-warning-disabled-icon-color); } nb-select.appearance-hero.status-warning .select-button nb-icon { color: var(--select-hero-warning-icon-color); } nb-select.appearance-hero.status-danger .select-button { background-image: linear-gradient(to right, var(--select-hero-danger-left-background-color), var(--select-hero-danger-right-background-color)); color: var(--select-hero-danger-text-color); } nb-select.appearance-hero.status-danger .select-button.placeholder { color: var(--select-hero-danger-placeholder-text-color); } nb-select.appearance-hero.status-danger .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-danger-focus-left-background-color), var(--select-hero-danger-focus-right-background-color)); } nb-select.appearance-hero.status-danger .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-danger-hover-left-background-color), var(--select-hero-danger-hover-right-background-color)); } nb-select.appearance-hero.status-danger .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-danger-focus-and-hover-left-background-color), var(--select-hero-danger-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-danger .select-button[disabled] { color: var(--select-hero-danger-disabled-text-color); background-color: var(--select-hero-danger-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: var(--select-hero-danger-disabled-icon-color); } nb-select.appearance-hero.status-danger .select-button nb-icon { color: var(--select-hero-danger-icon-color); } nb-select.appearance-hero.status-info .select-button { background-image: linear-gradient(to right, var(--select-hero-info-left-background-color), var(--select-hero-info-right-background-color)); color: var(--select-hero-info-text-color); } nb-select.appearance-hero.status-info .select-button.placeholder { color: var(--select-hero-info-placeholder-text-color); } nb-select.appearance-hero.status-info .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-info-focus-left-background-color), var(--select-hero-info-focus-right-background-color)); } nb-select.appearance-hero.status-info .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-info-hover-left-background-color), var(--select-hero-info-hover-right-background-color)); } nb-select.appearance-hero.status-info .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-info-focus-and-hover-left-background-color), var(--select-hero-info-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-info .select-button[disabled] { color: var(--select-hero-info-disabled-text-color); background-color: var(--select-hero-info-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: var(--select-hero-info-disabled-icon-color); } nb-select.appearance-hero.status-info .select-button nb-icon { color: var(--select-hero-info-icon-color); } nb-select.appearance-hero.status-control .select-button { background-image: linear-gradient(to right, var(--select-hero-control-left-background-color), var(--select-hero-control-right-background-color)); color: var(--select-hero-control-text-color); } nb-select.appearance-hero.status-control .select-button.placeholder { color: var(--select-hero-control-placeholder-text-color); } nb-select.appearance-hero.status-control .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-control-focus-left-background-color), var(--select-hero-control-focus-right-background-color)); } nb-select.appearance-hero.status-control .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-control-hover-left-background-color), var(--select-hero-control-hover-right-background-color)); } nb-select.appearance-hero.status-control .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-control-focus-and-hover-left-background-color), var(--select-hero-control-focus-and-hover-right-background-color)); } nb-select.appearance-hero.status-control .select-button[disabled] { color: var(--select-hero-control-disabled-text-color); background-color: var(--select-hero-control-disabled-background-color); background-image: none; } nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: var(--select-hero-control-disabled-icon-color); } nb-select.appearance-hero.status-control .select-button nb-icon { color: var(--select-hero-control-icon-color); } nb-form-field nb-select { width: 100%; } nb-select-with-autocomplete .select-button { min-width: var(--select-min-width); cursor: var(--select-cursor); font-family: var(--select-text-font-family); } nb-select-with-autocomplete .select-button.placeholder { font-family: var(--select-placeholder-text-font-family); } nb-select-with-autocomplete .select-button:focus { outline: none; } nb-select-with-autocomplete .select-button[disabled] { cursor: var(--select-disabled-cursor); } nb-select-with-autocomplete.size-tiny .select-button { font-size: var(--select-tiny-text-font-size); font-weight: var(--select-tiny-text-font-weight); line-height: var(--select-tiny-text-line-height); } nb-select-with-autocomplete.size-tiny .select-button.placeholder { font-size: var(--select-tiny-placeholder-text-font-size); font-weight: var(--select-tiny-placeholder-text-font-weight); } nb-select-with-autocomplete.size-tiny .select-button.empty::before { content: " "; display: block; height: var(--select-tiny-text-line-height); } nb-select-with-autocomplete.size-tiny:not(.full-width) { max-width: var(--select-tiny-max-width); } nb-select-with-autocomplete.size-small .select-button { font-size: var(--select-small-text-font-size); font-weight: var(--select-small-text-font-weight); line-height: var(--select-small-text-line-height); } nb-select-with-autocomplete.size-small .select-button.placeholder { font-size: var(--select-small-placeholder-text-font-size); font-weight: var(--select-small-placeholder-text-font-weight); } nb-select-with-autocomplete.size-small .select-button.empty::before { content: " "; display: block; height: var(--select-small-text-line-height); } nb-select-with-autocomplete.size-small:not(.full-width) { max-width: var(--select-small-max-width); } nb-select-with-autocomplete.size-medium .select-button { font-size: var(--select-medium-text-font-size); font-weight: var(--select-medium-text-font-weight); line-height: var(--select-medium-text-line-height); } nb-select-with-autocomplete.size-medium .select-button.placeholder { font-size: var(--select-medium-placeholder-text-font-size); font-weight: var(--select-medium-placeholder-text-font-weight); } nb-select-with-autocomplete.size-medium .select-button.empty::before { content: " "; display: block; height: var(--select-medium-text-line-height); } nb-select-with-autocomplete.size-medium:not(.full-width) { max-width: var(--select-medium-max-width); } nb-select-with-autocomplete.size-large .select-button { font-size: var(--select-large-text-font-size); font-weight: var(--select-large-text-font-weight); line-height: var(--select-large-text-line-height); } nb-select-with-autocomplete.size-large .select-button.placeholder { font-size: var(--select-large-placeholder-text-font-size); font-weight: var(--select-large-placeholder-text-font-weight); } nb-select-with-autocomplete.size-large .select-button.empty::before { content: " "; display: block; height: var(--select-large-text-line-height); } nb-select-with-autocomplete.size-large:not(.full-width) { max-width: var(--select-large-max-width); } nb-select-with-autocomplete.size-giant .select-button { font-size: var(--select-giant-text-font-size); font-weight: var(--select-giant-text-font-weight); line-height: var(--select-giant-text-line-height); } nb-select-with-autocomplete.size-giant .select-button.placeholder { font-size: var(--select-giant-placeholder-text-font-size); font-weight: var(--select-giant-placeholder-text-font-weight); } nb-select-with-autocomplete.size-giant .select-button.empty::before { content: " "; display: block; height: var(--select-giant-text-line-height); } nb-select-with-autocomplete.size-giant:not(.full-width) { max-width: var(--select-giant-max-width); } nb-select-with-autocomplete.shape-rectangle .select-button { border-radius: var(--select-rectangle-border-radius); } nb-select-with-autocomplete.shape-semi-round .select-button { border-radius: var(--select-semi-round-border-radius); } nb-select-with-autocomplete.shape-round .select-button { border-radius: var(--select-round-border-radius); } nb-select-with-autocomplete.appearance-outline .select-button { border-style: var(--select-outline-border-style); border-width: var(--select-outline-border-width); } nb-select-with-autocomplete.appearance-outline .select-button.top { border-top-style: var(--select-outline-adjacent-border-style); border-top-width: var(--select-outline-adjacent-border-width); } nb-select-with-autocomplete.appearance-outline .select-button.bottom { border-bottom-style: var(--select-outline-adjacent-border-style); border-bottom-width: var(--select-outline-adjacent-border-width); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button { background-color: var(--select-outline-basic-background-color); border-color: var(--select-outline-basic-border-color); color: var(--select-outline-basic-text-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button.placeholder { color: var(--select-outline-basic-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button nb-icon { color: var(--select-outline-basic-icon-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button:focus { background-color: var(--select-outline-basic-focus-background-color); border-color: var(--select-outline-basic-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button:hover { background-color: var(--select-outline-basic-hover-background-color); border-color: var(--select-outline-basic-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button:focus:hover { background-color: var(--select-outline-basic-focus-and-hover-background-color); border-color: var(--select-outline-basic-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button[disabled] { color: var(--select-outline-basic-disabled-text-color); background-color: var(--select-outline-basic-disabled-background-color); border-color: var(--select-outline-basic-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button[disabled] nb-icon { color: var(--select-outline-basic-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-basic .select-button.top { border-color: var(--select-outline-basic-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button.top { border-top-color: var(--select-outline-basic-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-basic .select-button.bottom { border-bottom-color: var(--select-outline-basic-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button { background-color: var(--select-outline-primary-background-color); border-color: var(--select-outline-primary-border-color); color: var(--select-outline-primary-text-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button.placeholder { color: var(--select-outline-primary-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button nb-icon { color: var(--select-outline-primary-icon-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button:focus { background-color: var(--select-outline-primary-focus-background-color); border-color: var(--select-outline-primary-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button:hover { background-color: var(--select-outline-primary-hover-background-color); border-color: var(--select-outline-primary-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button:focus:hover { background-color: var(--select-outline-primary-focus-and-hover-background-color); border-color: var(--select-outline-primary-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button[disabled] { color: var(--select-outline-primary-disabled-text-color); background-color: var(--select-outline-primary-disabled-background-color); border-color: var(--select-outline-primary-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button[disabled] nb-icon { color: var(--select-outline-primary-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-primary .select-button.top { border-color: var(--select-outline-primary-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button.top { border-top-color: var(--select-outline-primary-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-primary .select-button.bottom { border-bottom-color: var(--select-outline-primary-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button { background-color: var(--select-outline-success-background-color); border-color: var(--select-outline-success-border-color); color: var(--select-outline-success-text-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button.placeholder { color: var(--select-outline-success-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button nb-icon { color: var(--select-outline-success-icon-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button:focus { background-color: var(--select-outline-success-focus-background-color); border-color: var(--select-outline-success-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button:hover { background-color: var(--select-outline-success-hover-background-color); border-color: var(--select-outline-success-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button:focus:hover { background-color: var(--select-outline-success-focus-and-hover-background-color); border-color: var(--select-outline-success-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button[disabled] { color: var(--select-outline-success-disabled-text-color); background-color: var(--select-outline-success-disabled-background-color); border-color: var(--select-outline-success-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button[disabled] nb-icon { color: var(--select-outline-success-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-success .select-button.top { border-color: var(--select-outline-success-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button.top { border-top-color: var(--select-outline-success-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-success .select-button.bottom { border-bottom-color: var(--select-outline-success-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button { background-color: var(--select-outline-warning-background-color); border-color: var(--select-outline-warning-border-color); color: var(--select-outline-warning-text-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button.placeholder { color: var(--select-outline-warning-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button nb-icon { color: var(--select-outline-warning-icon-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button:focus { background-color: var(--select-outline-warning-focus-background-color); border-color: var(--select-outline-warning-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button:hover { background-color: var(--select-outline-warning-hover-background-color); border-color: var(--select-outline-warning-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button:focus:hover { background-color: var(--select-outline-warning-focus-and-hover-background-color); border-color: var(--select-outline-warning-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button[disabled] { color: var(--select-outline-warning-disabled-text-color); background-color: var(--select-outline-warning-disabled-background-color); border-color: var(--select-outline-warning-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button[disabled] nb-icon { color: var(--select-outline-warning-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-warning .select-button.top { border-color: var(--select-outline-warning-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button.top { border-top-color: var(--select-outline-warning-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-warning .select-button.bottom { border-bottom-color: var(--select-outline-warning-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button { background-color: var(--select-outline-danger-background-color); border-color: var(--select-outline-danger-border-color); color: var(--select-outline-danger-text-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button.placeholder { color: var(--select-outline-danger-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button nb-icon { color: var(--select-outline-danger-icon-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button:focus { background-color: var(--select-outline-danger-focus-background-color); border-color: var(--select-outline-danger-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button:hover { background-color: var(--select-outline-danger-hover-background-color); border-color: var(--select-outline-danger-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button:focus:hover { background-color: var(--select-outline-danger-focus-and-hover-background-color); border-color: var(--select-outline-danger-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button[disabled] { color: var(--select-outline-danger-disabled-text-color); background-color: var(--select-outline-danger-disabled-background-color); border-color: var(--select-outline-danger-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button[disabled] nb-icon { color: var(--select-outline-danger-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-danger .select-button.top { border-color: var(--select-outline-danger-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button.top { border-top-color: var(--select-outline-danger-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-danger .select-button.bottom { border-bottom-color: var(--select-outline-danger-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button { background-color: var(--select-outline-info-background-color); border-color: var(--select-outline-info-border-color); color: var(--select-outline-info-text-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button.placeholder { color: var(--select-outline-info-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button nb-icon { color: var(--select-outline-info-icon-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button:focus { background-color: var(--select-outline-info-focus-background-color); border-color: var(--select-outline-info-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button:hover { background-color: var(--select-outline-info-hover-background-color); border-color: var(--select-outline-info-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button:focus:hover { background-color: var(--select-outline-info-focus-and-hover-background-color); border-color: var(--select-outline-info-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button[disabled] { color: var(--select-outline-info-disabled-text-color); background-color: var(--select-outline-info-disabled-background-color); border-color: var(--select-outline-info-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button[disabled] nb-icon { color: var(--select-outline-info-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-info .select-button.top { border-color: var(--select-outline-info-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button.top { border-top-color: var(--select-outline-info-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-info .select-button.bottom { border-bottom-color: var(--select-outline-info-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button { background-color: var(--select-outline-control-background-color); border-color: var(--select-outline-control-border-color); color: var(--select-outline-control-text-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button.placeholder { color: var(--select-outline-control-placeholder-text-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button nb-icon { color: var(--select-outline-control-icon-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button:focus { background-color: var(--select-outline-control-focus-background-color); border-color: var(--select-outline-control-focus-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button:hover { background-color: var(--select-outline-control-hover-background-color); border-color: var(--select-outline-control-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button:focus:hover { background-color: var(--select-outline-control-focus-and-hover-background-color); border-color: var(--select-outline-control-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button[disabled] { color: var(--select-outline-control-disabled-text-color); background-color: var(--select-outline-control-disabled-background-color); border-color: var(--select-outline-control-disabled-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button[disabled] nb-icon { color: var(--select-outline-control-disabled-icon-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button.bottom, nb-select-with-autocomplete.appearance-outline.status-control .select-button.top { border-color: var(--select-outline-control-open-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button.top { border-top-color: var(--select-outline-control-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.status-control .select-button.bottom { border-bottom-color: var(--select-outline-control-adjacent-border-color); } nb-select-with-autocomplete.appearance-outline.size-tiny .select-button { padding: var(--select-outline-tiny-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-tiny .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-tiny .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-prefix-tiny, nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-suffix-tiny { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-prefix-tiny { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-prefix-tiny { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-suffix-tiny { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-suffix-tiny { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-tiny [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-tiny [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-tiny .select-button { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-tiny .select-button { padding-right: var(--form-field-addon-tiny-width); } nb-select-with-autocomplete.appearance-outline.size-small .select-button { padding: var(--select-outline-small-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-small .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-small .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-prefix-small, nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-suffix-small { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-prefix-small { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-prefix-small { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-suffix-small { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-suffix-small { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-small [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-small [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-small .select-button { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-small .select-button { padding-right: var(--form-field-addon-small-width); } nb-select-with-autocomplete.appearance-outline.size-medium .select-button { padding: var(--select-outline-medium-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-medium .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-medium .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-prefix-medium, nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-suffix-medium { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-prefix-medium { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-prefix-medium { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-suffix-medium { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-suffix-medium { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-medium [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-medium [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-medium .select-button { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-medium .select-button { padding-right: var(--form-field-addon-medium-width); } nb-select-with-autocomplete.appearance-outline.size-large .select-button { padding: var(--select-outline-large-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-large .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-large .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-prefix-large, nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-suffix-large { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-prefix-large { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-prefix-large { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-suffix-large { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-suffix-large { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-large [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-large [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-large .select-button { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-large .select-button { padding-right: var(--form-field-addon-large-width); } nb-select-with-autocomplete.appearance-outline.size-giant .select-button { padding: var(--select-outline-giant-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-giant .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-giant .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-prefix-giant, nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-suffix-giant { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-prefix-giant { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-prefix-giant { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-suffix-giant { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-suffix-giant { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-outline.size-giant [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-outline.size-giant [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-giant .select-button { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-giant .select-button { padding-right: var(--form-field-addon-giant-width); } nb-select-with-autocomplete.appearance-filled .select-button { border-style: var(--select-filled-border-style); border-width: var(--select-filled-border-width); } nb-select-with-autocomplete.appearance-filled.size-tiny .select-button { padding: var(--select-filled-tiny-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-tiny .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-tiny .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-prefix-tiny, nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-suffix-tiny { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-prefix-tiny { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-prefix-tiny { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-suffix-tiny { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-suffix-tiny { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-tiny [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-tiny [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-tiny .select-button { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-tiny .select-button { padding-right: var(--form-field-addon-tiny-width); } nb-select-with-autocomplete.appearance-filled.size-small .select-button { padding: var(--select-filled-small-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-small .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-small .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-prefix-small, nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-suffix-small { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-prefix-small { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-prefix-small { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-suffix-small { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-suffix-small { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-small [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-small [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-small .select-button { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-small .select-button { padding-right: var(--form-field-addon-small-width); } nb-select-with-autocomplete.appearance-filled.size-medium .select-button { padding: var(--select-filled-medium-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-medium .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-medium .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-prefix-medium, nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-suffix-medium { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-prefix-medium { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-prefix-medium { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-suffix-medium { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-suffix-medium { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-medium [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-medium [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-medium .select-button { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-medium .select-button { padding-right: var(--form-field-addon-medium-width); } nb-select-with-autocomplete.appearance-filled.size-large .select-button { padding: var(--select-filled-large-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-large .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-large .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-prefix-large, nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-suffix-large { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-prefix-large { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-prefix-large { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-suffix-large { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-suffix-large { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-large [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-large [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-large .select-button { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-large .select-button { padding-right: var(--form-field-addon-large-width); } nb-select-with-autocomplete.appearance-filled.size-giant .select-button { padding: var(--select-filled-giant-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-giant .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-giant .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-prefix-giant, nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-suffix-giant { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-prefix-giant { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-prefix-giant { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-suffix-giant { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-suffix-giant { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-filled.size-giant [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-filled.size-giant [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-giant .select-button { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-giant .select-button { padding-right: var(--form-field-addon-giant-width); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button { background-color: var(--select-filled-basic-background-color); border-color: var(--select-filled-basic-border-color); color: var(--select-filled-basic-text-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button.placeholder { color: var(--select-filled-basic-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button:focus { background-color: var(--select-filled-basic-focus-background-color); border-color: var(--select-filled-basic-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button:hover { background-color: var(--select-filled-basic-hover-background-color); border-color: var(--select-filled-basic-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button:focus:hover { background-color: var(--select-filled-basic-focus-and-hover-background-color); border-color: var(--select-filled-basic-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button[disabled] { background-color: var(--select-filled-basic-disabled-background-color); border-color: var(--select-filled-basic-disabled-border-color); color: var(--select-filled-basic-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button[disabled] nb-icon { color: var(--select-filled-basic-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-basic .select-button nb-icon { color: var(--select-filled-basic-icon-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button { background-color: var(--select-filled-primary-background-color); border-color: var(--select-filled-primary-border-color); color: var(--select-filled-primary-text-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button.placeholder { color: var(--select-filled-primary-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button:focus { background-color: var(--select-filled-primary-focus-background-color); border-color: var(--select-filled-primary-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button:hover { background-color: var(--select-filled-primary-hover-background-color); border-color: var(--select-filled-primary-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button:focus:hover { background-color: var(--select-filled-primary-focus-and-hover-background-color); border-color: var(--select-filled-primary-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button[disabled] { background-color: var(--select-filled-primary-disabled-background-color); border-color: var(--select-filled-primary-disabled-border-color); color: var(--select-filled-primary-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button[disabled] nb-icon { color: var(--select-filled-primary-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-primary .select-button nb-icon { color: var(--select-filled-primary-icon-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button { background-color: var(--select-filled-success-background-color); border-color: var(--select-filled-success-border-color); color: var(--select-filled-success-text-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button.placeholder { color: var(--select-filled-success-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button:focus { background-color: var(--select-filled-success-focus-background-color); border-color: var(--select-filled-success-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button:hover { background-color: var(--select-filled-success-hover-background-color); border-color: var(--select-filled-success-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button:focus:hover { background-color: var(--select-filled-success-focus-and-hover-background-color); border-color: var(--select-filled-success-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button[disabled] { background-color: var(--select-filled-success-disabled-background-color); border-color: var(--select-filled-success-disabled-border-color); color: var(--select-filled-success-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button[disabled] nb-icon { color: var(--select-filled-success-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-success .select-button nb-icon { color: var(--select-filled-success-icon-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button { background-color: var(--select-filled-warning-background-color); border-color: var(--select-filled-warning-border-color); color: var(--select-filled-warning-text-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button.placeholder { color: var(--select-filled-warning-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button:focus { background-color: var(--select-filled-warning-focus-background-color); border-color: var(--select-filled-warning-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button:hover { background-color: var(--select-filled-warning-hover-background-color); border-color: var(--select-filled-warning-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button:focus:hover { background-color: var(--select-filled-warning-focus-and-hover-background-color); border-color: var(--select-filled-warning-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button[disabled] { background-color: var(--select-filled-warning-disabled-background-color); border-color: var(--select-filled-warning-disabled-border-color); color: var(--select-filled-warning-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button[disabled] nb-icon { color: var(--select-filled-warning-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-warning .select-button nb-icon { color: var(--select-filled-warning-icon-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button { background-color: var(--select-filled-danger-background-color); border-color: var(--select-filled-danger-border-color); color: var(--select-filled-danger-text-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button.placeholder { color: var(--select-filled-danger-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button:focus { background-color: var(--select-filled-danger-focus-background-color); border-color: var(--select-filled-danger-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button:hover { background-color: var(--select-filled-danger-hover-background-color); border-color: var(--select-filled-danger-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button:focus:hover { background-color: var(--select-filled-danger-focus-and-hover-background-color); border-color: var(--select-filled-danger-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button[disabled] { background-color: var(--select-filled-danger-disabled-background-color); border-color: var(--select-filled-danger-disabled-border-color); color: var(--select-filled-danger-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button[disabled] nb-icon { color: var(--select-filled-danger-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-danger .select-button nb-icon { color: var(--select-filled-danger-icon-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button { background-color: var(--select-filled-info-background-color); border-color: var(--select-filled-info-border-color); color: var(--select-filled-info-text-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button.placeholder { color: var(--select-filled-info-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button:focus { background-color: var(--select-filled-info-focus-background-color); border-color: var(--select-filled-info-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button:hover { background-color: var(--select-filled-info-hover-background-color); border-color: var(--select-filled-info-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button:focus:hover { background-color: var(--select-filled-info-focus-and-hover-background-color); border-color: var(--select-filled-info-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button[disabled] { background-color: var(--select-filled-info-disabled-background-color); border-color: var(--select-filled-info-disabled-border-color); color: var(--select-filled-info-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button[disabled] nb-icon { color: var(--select-filled-info-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-info .select-button nb-icon { color: var(--select-filled-info-icon-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button { background-color: var(--select-filled-control-background-color); border-color: var(--select-filled-control-border-color); color: var(--select-filled-control-text-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button.placeholder { color: var(--select-filled-control-placeholder-text-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button:focus { background-color: var(--select-filled-control-focus-background-color); border-color: var(--select-filled-control-focus-border-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button:hover { background-color: var(--select-filled-control-hover-background-color); border-color: var(--select-filled-control-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button:focus:hover { background-color: var(--select-filled-control-focus-and-hover-background-color); border-color: var(--select-filled-control-focus-and-hover-border-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button[disabled] { background-color: var(--select-filled-control-disabled-background-color); border-color: var(--select-filled-control-disabled-border-color); color: var(--select-filled-control-disabled-text-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button[disabled] nb-icon { color: var(--select-filled-control-disabled-icon-color); } nb-select-with-autocomplete.appearance-filled.status-control .select-button nb-icon { color: var(--select-filled-control-icon-color); } nb-select-with-autocomplete.appearance-hero .select-button { border: none; } nb-select-with-autocomplete.appearance-hero.size-tiny .select-button { padding: var(--select-hero-tiny-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-tiny .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-tiny .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-prefix-tiny, nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-suffix-tiny { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-prefix-tiny { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-prefix-tiny { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-suffix-tiny { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-suffix-tiny { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-tiny [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-tiny [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-tiny .select-button { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-tiny .select-button { padding-right: var(--form-field-addon-tiny-width); } nb-select-with-autocomplete.appearance-hero.size-small .select-button { padding: var(--select-hero-small-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-small .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-small .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-prefix-small, nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-suffix-small { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-prefix-small { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-prefix-small { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-suffix-small { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-suffix-small { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-small [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-small [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-small .select-button { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-small .select-button { padding-right: var(--form-field-addon-small-width); } nb-select-with-autocomplete.appearance-hero.size-medium .select-button { padding: var(--select-hero-medium-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-medium .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-medium .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-prefix-medium, nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-suffix-medium { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-prefix-medium { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-prefix-medium { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-suffix-medium { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-suffix-medium { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-medium [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-medium [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-medium .select-button { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-medium .select-button { padding-right: var(--form-field-addon-medium-width); } nb-select-with-autocomplete.appearance-hero.size-large .select-button { padding: var(--select-hero-large-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-large .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-large .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-prefix-large, nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-suffix-large { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-prefix-large { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-prefix-large { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-suffix-large { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-suffix-large { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-large [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-large [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-large .select-button { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-large .select-button { padding-right: var(--form-field-addon-large-width); } nb-select-with-autocomplete.appearance-hero.size-giant .select-button { padding: var(--select-hero-giant-padding); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-giant .select-button { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-giant .select-button { padding-left: var(--select-icon-offset); } nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-prefix-giant, nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-suffix-giant { width: var(--select-icon-offset); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-prefix-giant { margin-right: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-prefix-giant { margin-left: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-suffix-giant { margin-left: calc(var(--select-icon-offset) * -1); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-suffix-giant { margin-right: calc(var(--select-icon-offset) * -1); } [dir=ltr] nb-select-with-autocomplete.appearance-hero.size-giant [nbInput] { padding-right: var(--select-icon-offset); } [dir=rtl] nb-select-with-autocomplete.appearance-hero.size-giant [nbInput] { padding-left: var(--select-icon-offset); } [dir=ltr] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-giant .select-button { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-giant .select-button { padding-right: var(--form-field-addon-giant-width); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button { background-image: linear-gradient(to right, var(--select-hero-basic-left-background-color), var(--select-hero-basic-right-background-color)); color: var(--select-hero-basic-text-color); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button.placeholder { color: var(--select-hero-basic-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-basic-focus-left-background-color), var(--select-hero-basic-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-basic-hover-left-background-color), var(--select-hero-basic-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-basic-focus-and-hover-left-background-color), var(--select-hero-basic-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button[disabled] { color: var(--select-hero-basic-disabled-text-color); background-color: var(--select-hero-basic-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-basic .select-button[disabled] nb-icon { color: var(--select-hero-basic-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-basic .select-button nb-icon { color: var(--select-hero-basic-icon-color); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button { background-image: linear-gradient(to right, var(--select-hero-primary-left-background-color), var(--select-hero-primary-right-background-color)); color: var(--select-hero-primary-text-color); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button.placeholder { color: var(--select-hero-primary-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-primary-focus-left-background-color), var(--select-hero-primary-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-primary-hover-left-background-color), var(--select-hero-primary-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-primary-focus-and-hover-left-background-color), var(--select-hero-primary-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button[disabled] { color: var(--select-hero-primary-disabled-text-color); background-color: var(--select-hero-primary-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-primary .select-button[disabled] nb-icon { color: var(--select-hero-primary-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-primary .select-button nb-icon { color: var(--select-hero-primary-icon-color); } nb-select-with-autocomplete.appearance-hero.status-success .select-button { background-image: linear-gradient(to right, var(--select-hero-success-left-background-color), var(--select-hero-success-right-background-color)); color: var(--select-hero-success-text-color); } nb-select-with-autocomplete.appearance-hero.status-success .select-button.placeholder { color: var(--select-hero-success-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-success .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-success-focus-left-background-color), var(--select-hero-success-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-success .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-success-hover-left-background-color), var(--select-hero-success-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-success .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-success-focus-and-hover-left-background-color), var(--select-hero-success-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-success .select-button[disabled] { color: var(--select-hero-success-disabled-text-color); background-color: var(--select-hero-success-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-success .select-button[disabled] nb-icon { color: var(--select-hero-success-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-success .select-button nb-icon { color: var(--select-hero-success-icon-color); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button { background-image: linear-gradient(to right, var(--select-hero-warning-left-background-color), var(--select-hero-warning-right-background-color)); color: var(--select-hero-warning-text-color); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button.placeholder { color: var(--select-hero-warning-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-warning-focus-left-background-color), var(--select-hero-warning-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-warning-hover-left-background-color), var(--select-hero-warning-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-warning-focus-and-hover-left-background-color), var(--select-hero-warning-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button[disabled] { color: var(--select-hero-warning-disabled-text-color); background-color: var(--select-hero-warning-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-warning .select-button[disabled] nb-icon { color: var(--select-hero-warning-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-warning .select-button nb-icon { color: var(--select-hero-warning-icon-color); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button { background-image: linear-gradient(to right, var(--select-hero-danger-left-background-color), var(--select-hero-danger-right-background-color)); color: var(--select-hero-danger-text-color); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button.placeholder { color: var(--select-hero-danger-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-danger-focus-left-background-color), var(--select-hero-danger-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-danger-hover-left-background-color), var(--select-hero-danger-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-danger-focus-and-hover-left-background-color), var(--select-hero-danger-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button[disabled] { color: var(--select-hero-danger-disabled-text-color); background-color: var(--select-hero-danger-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-danger .select-button[disabled] nb-icon { color: var(--select-hero-danger-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-danger .select-button nb-icon { color: var(--select-hero-danger-icon-color); } nb-select-with-autocomplete.appearance-hero.status-info .select-button { background-image: linear-gradient(to right, var(--select-hero-info-left-background-color), var(--select-hero-info-right-background-color)); color: var(--select-hero-info-text-color); } nb-select-with-autocomplete.appearance-hero.status-info .select-button.placeholder { color: var(--select-hero-info-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-info .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-info-focus-left-background-color), var(--select-hero-info-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-info .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-info-hover-left-background-color), var(--select-hero-info-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-info .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-info-focus-and-hover-left-background-color), var(--select-hero-info-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-info .select-button[disabled] { color: var(--select-hero-info-disabled-text-color); background-color: var(--select-hero-info-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-info .select-button[disabled] nb-icon { color: var(--select-hero-info-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-info .select-button nb-icon { color: var(--select-hero-info-icon-color); } nb-select-with-autocomplete.appearance-hero.status-control .select-button { background-image: linear-gradient(to right, var(--select-hero-control-left-background-color), var(--select-hero-control-right-background-color)); color: var(--select-hero-control-text-color); } nb-select-with-autocomplete.appearance-hero.status-control .select-button.placeholder { color: var(--select-hero-control-placeholder-text-color); } nb-select-with-autocomplete.appearance-hero.status-control .select-button:focus { background-image: linear-gradient(to right, var(--select-hero-control-focus-left-background-color), var(--select-hero-control-focus-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-control .select-button:hover { background-image: linear-gradient(to right, var(--select-hero-control-hover-left-background-color), var(--select-hero-control-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-control .select-button:focus:hover { background-image: linear-gradient(to right, var(--select-hero-control-focus-and-hover-left-background-color), var(--select-hero-control-focus-and-hover-right-background-color)); } nb-select-with-autocomplete.appearance-hero.status-control .select-button[disabled] { color: var(--select-hero-control-disabled-text-color); background-color: var(--select-hero-control-disabled-background-color); background-image: none; } nb-select-with-autocomplete.appearance-hero.status-control .select-button[disabled] nb-icon { color: var(--select-hero-control-disabled-icon-color); } nb-select-with-autocomplete.appearance-hero.status-control .select-button nb-icon { color: var(--select-hero-control-icon-color); } nb-form-field nb-select-with-autocomplete { width: 100%; } nb-option-list { background-color: var(--option-list-background-color); border-color: var(--option-list-border-color); border-style: var(--option-list-border-style); border-width: var(--option-list-border-width); border-radius: var(--option-list-border-radius); box-shadow: var(--option-list-shadow); overflow: hidden; } nb-option-list .option-list { height: 100%; max-height: var(--option-list-max-height); margin: 0; padding: 0; overflow: auto; } nb-option-list.position-top { border-bottom: var(--option-list-adjacent-border-width) var(--option-list-adjacent-border-style) var(--option-list-adjacent-border-color); } nb-option-list.position-bottom { border-top: var(--option-list-adjacent-border-width) var(--option-list-adjacent-border-style) var(--option-list-adjacent-border-color); } nb-option-group { color: var(--option-group-text-color); font-family: var(--option-text-font-family); } nb-option-list.size-tiny nb-option-group { font-size: var(--option-tiny-text-font-size); font-weight: var(--option-tiny-text-font-weight); line-height: var(--option-tiny-text-line-height); } nb-option-list.size-tiny nb-option-group .option-group-title { padding: var(--option-tiny-padding); } nb-option-list.size-tiny nb-option-group nb-option { padding-left: var(--option-group-tiny-start-padding); } nb-option-list.size-small nb-option-group { font-size: var(--option-small-text-font-size); font-weight: var(--option-small-text-font-weight); line-height: var(--option-small-text-line-height); } nb-option-list.size-small nb-option-group .option-group-title { padding: var(--option-small-padding); } nb-option-list.size-small nb-option-group nb-option { padding-left: var(--option-group-small-start-padding); } nb-option-list.size-medium nb-option-group { font-size: var(--option-medium-text-font-size); font-weight: var(--option-medium-text-font-weight); line-height: var(--option-medium-text-line-height); } nb-option-list.size-medium nb-option-group .option-group-title { padding: var(--option-medium-padding); } nb-option-list.size-medium nb-option-group nb-option { padding-left: var(--option-group-medium-start-padding); } nb-option-list.size-large nb-option-group { font-size: var(--option-large-text-font-size); font-weight: var(--option-large-text-font-weight); line-height: var(--option-large-text-line-height); } nb-option-list.size-large nb-option-group .option-group-title { padding: var(--option-large-padding); } nb-option-list.size-large nb-option-group nb-option { padding-left: var(--option-group-large-start-padding); } nb-option-list.size-giant nb-option-group { font-size: var(--option-giant-text-font-size); font-weight: var(--option-giant-text-font-weight); line-height: var(--option-giant-text-line-height); } nb-option-list.size-giant nb-option-group .option-group-title { padding: var(--option-giant-padding); } nb-option-list.size-giant nb-option-group nb-option { padding-left: var(--option-group-giant-start-padding); } nb-option { background-color: var(--option-background-color); color: var(--option-text-color); font-family: var(--option-text-font-family); } nb-option.active { background-color: var(--option-active-background-color); color: var(--option-active-text-color); } nb-option.selected { background-color: var(--option-selected-background-color); color: var(--option-selected-text-color); } nb-option:focus { background-color: var(--option-focus-background-color); color: var(--option-focus-text-color); outline: none; } nb-option:focus.selected { background-color: var(--option-selected-focus-background-color); color: var(--option-selected-focus-text-color); } nb-option:hover { background-color: var(--option-hover-background-color); color: var(--option-hover-text-color); } nb-option:hover.selected { background-color: var(--option-selected-hover-background-color); color: var(--option-selected-hover-text-color); } nb-option.multiple.selected { background-color: var(--option-background-color); color: var(--option-text-color); } nb-option.multiple:focus { background-color: var(--option-focus-background-color); color: var(--option-focus-text-color); } nb-option-list.size-tiny nb-option { font-size: var(--option-tiny-text-font-size); font-weight: var(--option-tiny-text-font-weight); line-height: var(--option-tiny-text-line-height); padding: var(--option-tiny-padding); } nb-option-list.size-small nb-option { font-size: var(--option-small-text-font-size); font-weight: var(--option-small-text-font-weight); line-height: var(--option-small-text-line-height); padding: var(--option-small-padding); } nb-option-list.size-medium nb-option { font-size: var(--option-medium-text-font-size); font-weight: var(--option-medium-text-font-weight); line-height: var(--option-medium-text-line-height); padding: var(--option-medium-padding); } nb-option-list.size-large nb-option { font-size: var(--option-large-text-font-size); font-weight: var(--option-large-text-font-weight); line-height: var(--option-large-text-line-height); padding: var(--option-large-padding); } nb-option-list.size-giant nb-option { font-size: var(--option-giant-text-font-size); font-weight: var(--option-giant-text-font-weight); line-height: var(--option-giant-text-line-height); padding: var(--option-giant-padding); } nb-option, nb-option-group { -webkit-user-select: none; user-select: none; } nb-option[disabled], nb-option-group[disabled] { background-color: var(--option-disabled-background-color); color: var(--option-disabled-text-color); } nb-toast { border-style: var(--toastr-border-style); border-width: var(--toastr-border-width); border-radius: var(--toastr-border-radius); padding: var(--toastr-padding); box-shadow: var(--toastr-shadow); } nb-toast .title { font-family: var(--toastr-title-text-font-family); font-size: var(--toastr-title-text-font-size); font-weight: var(--toastr-title-text-font-weight); line-height: var(--toastr-title-text-line-height); } nb-toast .message { font-family: var(--toastr-text-font-family); font-size: var(--toastr-text-font-size); font-weight: var(--toastr-text-font-weight); line-height: var(--toastr-text-line-height); } nb-toast .icon-container { border-radius: var(--toastr-border-radius); min-width: 2.5rem; min-height: 2.5rem; display: flex; justify-content: center; align-items: center; } [dir=ltr] nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] nb-toast .icon-container { margin-left: 1.25rem; } nb-toast .icon-container nb-icon { font-size: 1.5rem; } nb-toast.status-basic { background: var(--toastr-basic-background-color); border-color: var(--toastr-basic-border-color); color: var(--toastr-basic-text-color); } nb-toast.status-basic .title { color: var(--toastr-basic-text-color); } nb-toast.status-basic.destroy-by-click:hover { background: var(--toastr-destroyable-basic-hover-background-color); border-color: var(--toastr-destroyable-basic-hover-border-color); } nb-toast.status-basic .icon-container { background: var(--toastr-icon-basic-background-color); color: var(--toastr-icon-basic-color); } nb-toast.status-primary { background: var(--toastr-primary-background-color); border-color: var(--toastr-primary-border-color); color: var(--toastr-primary-text-color); } nb-toast.status-primary .title { color: var(--toastr-primary-text-color); } nb-toast.status-primary.destroy-by-click:hover { background: var(--toastr-destroyable-primary-hover-background-color); border-color: var(--toastr-destroyable-primary-hover-border-color); } nb-toast.status-primary .icon-container { background: var(--toastr-icon-primary-background-color); color: var(--toastr-icon-primary-color); } nb-toast.status-success { background: var(--toastr-success-background-color); border-color: var(--toastr-success-border-color); color: var(--toastr-success-text-color); } nb-toast.status-success .title { color: var(--toastr-success-text-color); } nb-toast.status-success.destroy-by-click:hover { background: var(--toastr-destroyable-success-hover-background-color); border-color: var(--toastr-destroyable-success-hover-border-color); } nb-toast.status-success .icon-container { background: var(--toastr-icon-success-background-color); color: var(--toastr-icon-success-color); } nb-toast.status-warning { background: var(--toastr-warning-background-color); border-color: var(--toastr-warning-border-color); color: var(--toastr-warning-text-color); } nb-toast.status-warning .title { color: var(--toastr-warning-text-color); } nb-toast.status-warning.destroy-by-click:hover { background: var(--toastr-destroyable-warning-hover-background-color); border-color: var(--toastr-destroyable-warning-hover-border-color); } nb-toast.status-warning .icon-container { background: var(--toastr-icon-warning-background-color); color: var(--toastr-icon-warning-color); } nb-toast.status-danger { background: var(--toastr-danger-background-color); border-color: var(--toastr-danger-border-color); color: var(--toastr-danger-text-color); } nb-toast.status-danger .title { color: var(--toastr-danger-text-color); } nb-toast.status-danger.destroy-by-click:hover { background: var(--toastr-destroyable-danger-hover-background-color); border-color: var(--toastr-destroyable-danger-hover-border-color); } nb-toast.status-danger .icon-container { background: var(--toastr-icon-danger-background-color); color: var(--toastr-icon-danger-color); } nb-toast.status-info { background: var(--toastr-info-background-color); border-color: var(--toastr-info-border-color); color: var(--toastr-info-text-color); } nb-toast.status-info .title { color: var(--toastr-info-text-color); } nb-toast.status-info.destroy-by-click:hover { background: var(--toastr-destroyable-info-hover-background-color); border-color: var(--toastr-destroyable-info-hover-border-color); } nb-toast.status-info .icon-container { background: var(--toastr-icon-info-background-color); color: var(--toastr-icon-info-color); } nb-toast.status-control { background: var(--toastr-control-background-color); border-color: var(--toastr-control-border-color); color: var(--toastr-control-text-color); } nb-toast.status-control .title { color: var(--toastr-control-text-color); } nb-toast.status-control.destroy-by-click:hover { background: var(--toastr-destroyable-control-hover-background-color); border-color: var(--toastr-destroyable-control-hover-border-color); } nb-toast.status-control .icon-container { background: var(--toastr-icon-control-background-color); color: var(--toastr-icon-control-color); } .toastr-overlay-container { z-index: 1041; } nb-tooltip { box-shadow: var(--tooltip-shadow); background: var(--tooltip-background-color); border: var(--tooltip-border-width) var(--tooltip-border-style) var(--tooltip-border-color); border-radius: var(--tooltip-border-radius); padding: var(--tooltip-padding); max-width: var(--tooltip-max-width); } nb-tooltip nb-icon:only-child { height: var(--tooltip-icon-height); width: var(--tooltip-icon-width); } nb-tooltip nb-icon:not(:only-child) { height: var(--tooltip-text-font-size); width: var(--tooltip-text-font-size); } nb-tooltip .content { color: var(--tooltip-text-color); font-family: var(--tooltip-text-font-family); font-size: var(--tooltip-text-font-size); font-weight: var(--tooltip-text-font-weight); line-height: var(--tooltip-text-line-height); } nb-tooltip .arrow { border-bottom: 6px var(--tooltip-border-style) var(--tooltip-background-color); } nb-tooltip.status-basic { background: var(--tooltip-basic-background-color); border-color: var(--tooltip-basic-border-color); } nb-tooltip.status-basic .arrow { border-bottom-color: var(--tooltip-basic-background-color); } nb-tooltip.status-basic .content { color: var(--tooltip-basic-text-color); } nb-tooltip.status-primary { background: var(--tooltip-primary-background-color); border-color: var(--tooltip-primary-border-color); } nb-tooltip.status-primary .arrow { border-bottom-color: var(--tooltip-primary-background-color); } nb-tooltip.status-primary .content { color: var(--tooltip-primary-text-color); } nb-tooltip.status-success { background: var(--tooltip-success-background-color); border-color: var(--tooltip-success-border-color); } nb-tooltip.status-success .arrow { border-bottom-color: var(--tooltip-success-background-color); } nb-tooltip.status-success .content { color: var(--tooltip-success-text-color); } nb-tooltip.status-warning { background: var(--tooltip-warning-background-color); border-color: var(--tooltip-warning-border-color); } nb-tooltip.status-warning .arrow { border-bottom-color: var(--tooltip-warning-background-color); } nb-tooltip.status-warning .content { color: var(--tooltip-warning-text-color); } nb-tooltip.status-danger { background: var(--tooltip-danger-background-color); border-color: var(--tooltip-danger-border-color); } nb-tooltip.status-danger .arrow { border-bottom-color: var(--tooltip-danger-background-color); } nb-tooltip.status-danger .content { color: var(--tooltip-danger-text-color); } nb-tooltip.status-info { background: var(--tooltip-info-background-color); border-color: var(--tooltip-info-border-color); } nb-tooltip.status-info .arrow { border-bottom-color: var(--tooltip-info-background-color); } nb-tooltip.status-info .content { color: var(--tooltip-info-text-color); } nb-tooltip.status-control { background: var(--tooltip-control-background-color); border-color: var(--tooltip-control-border-color); } nb-tooltip.status-control .arrow { border-bottom-color: var(--tooltip-control-background-color); } nb-tooltip.status-control .content { color: var(--tooltip-control-text-color); } nb-datepicker-container nb-card { border-color: var(--datepicker-border-color); border-style: var(--datepicker-border-style); border-width: var(--datepicker-border-width); border-radius: var(--datepicker-border-radius); background: var(--datepicker-background-color); box-shadow: var(--datepicker-shadow); } nb-calendar-with-time .nb-timepicker-container, nb-calendar-with-time nb-base-calendar nb-card { border: none; } nb-calendar-with-time .column-header { border-top: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color); border-radius: 0; } nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: var(--calendar-day-cell-large-height); } nb-calendar-with-time .timepicker-section.size-large .header-cell { height: var(--calendar-weekday-large-height); } [dir=ltr] nb-calendar-with-time .timepicker-section { border-left: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color); } [dir=rtl] nb-calendar-with-time .timepicker-section { border-right: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border-color); } nb-calendar-with-time .timepicker-single-column-width { width: var(--timepicker-single-column-width); } nb-calendar-with-time .timepicker-multiple-column-width { width: var(--timepicker-multiple-column-width); } nb-calendar-with-time .picker-title { height: var(--timepicker-title-height); padding: var(--timepicker-title-padding); } nb-radio .outer-circle, nb-radio .inner-circle { height: var(--radio-height); width: var(--radio-width); } nb-radio .outer-circle { border-style: var(--radio-border-style); border-width: var(--radio-border-width); } nb-radio .native-input:enabled:focus + .outer-circle { box-shadow: 0 0 0 var(--radio-outline-width) var(--radio-outline-color); } nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: var(--radio-basic-background-color); border-color: var(--radio-basic-border-color); } nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: var(--radio-basic-checked-background-color); border-color: var(--radio-basic-checked-border-color); } nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-basic-inner-circle-color); } nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: var(--radio-basic-focus-background-color); border-color: var(--radio-basic-focus-border-color); } nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-basic-focus-checked-background-color); border-color: var(--radio-basic-focus-checked-border-color); } nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-basic-focus-inner-circle-color); } nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-basic-hover-background-color); border-color: var(--radio-basic-hover-border-color); } nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-basic-hover-checked-background-color); border-color: var(--radio-basic-hover-checked-border-color); } nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-basic-hover-inner-circle-color); } nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: var(--radio-basic-active-background-color); border-color: var(--radio-basic-active-border-color); } nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-basic-active-checked-background-color); border-color: var(--radio-basic-active-checked-border-color); } nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-basic-active-inner-circle-color); } nb-radio.status-basic .text { color: var(--radio-basic-text-color); } nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: var(--radio-basic-disabled-background-color); border-color: var(--radio-basic-disabled-border-color); } nb-radio.status-basic .native-input:disabled ~ .text { color: var(--radio-basic-disabled-text-color); } nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: var(--radio-basic-disabled-checked-background-color); border-color: var(--radio-basic-disabled-checked-border-color); } nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-basic-disabled-checked-inner-circle-color); } nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: var(--radio-primary-background-color); border-color: var(--radio-primary-border-color); } nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: var(--radio-primary-checked-background-color); border-color: var(--radio-primary-checked-border-color); } nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-primary-inner-circle-color); } nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: var(--radio-primary-focus-background-color); border-color: var(--radio-primary-focus-border-color); } nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-primary-focus-checked-background-color); border-color: var(--radio-primary-focus-checked-border-color); } nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-primary-focus-inner-circle-color); } nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-primary-hover-background-color); border-color: var(--radio-primary-hover-border-color); } nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-primary-hover-checked-background-color); border-color: var(--radio-primary-hover-checked-border-color); } nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-primary-hover-inner-circle-color); } nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: var(--radio-primary-active-background-color); border-color: var(--radio-primary-active-border-color); } nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-primary-active-checked-background-color); border-color: var(--radio-primary-active-checked-border-color); } nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-primary-active-inner-circle-color); } nb-radio.status-primary .text { color: var(--radio-primary-text-color); } nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: var(--radio-primary-disabled-background-color); border-color: var(--radio-primary-disabled-border-color); } nb-radio.status-primary .native-input:disabled ~ .text { color: var(--radio-primary-disabled-text-color); } nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: var(--radio-primary-disabled-checked-background-color); border-color: var(--radio-primary-disabled-checked-border-color); } nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-primary-disabled-checked-inner-circle-color); } nb-radio.status-success .native-input:enabled + .outer-circle { background-color: var(--radio-success-background-color); border-color: var(--radio-success-border-color); } nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: var(--radio-success-checked-background-color); border-color: var(--radio-success-checked-border-color); } nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-success-inner-circle-color); } nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: var(--radio-success-focus-background-color); border-color: var(--radio-success-focus-border-color); } nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-success-focus-checked-background-color); border-color: var(--radio-success-focus-checked-border-color); } nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-success-focus-inner-circle-color); } nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-success-hover-background-color); border-color: var(--radio-success-hover-border-color); } nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-success-hover-checked-background-color); border-color: var(--radio-success-hover-checked-border-color); } nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-success-hover-inner-circle-color); } nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: var(--radio-success-active-background-color); border-color: var(--radio-success-active-border-color); } nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-success-active-checked-background-color); border-color: var(--radio-success-active-checked-border-color); } nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-success-active-inner-circle-color); } nb-radio.status-success .text { color: var(--radio-success-text-color); } nb-radio.status-success .native-input:disabled + .outer-circle { background-color: var(--radio-success-disabled-background-color); border-color: var(--radio-success-disabled-border-color); } nb-radio.status-success .native-input:disabled ~ .text { color: var(--radio-success-disabled-text-color); } nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: var(--radio-success-disabled-checked-background-color); border-color: var(--radio-success-disabled-checked-border-color); } nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-success-disabled-checked-inner-circle-color); } nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: var(--radio-warning-background-color); border-color: var(--radio-warning-border-color); } nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: var(--radio-warning-checked-background-color); border-color: var(--radio-warning-checked-border-color); } nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-warning-inner-circle-color); } nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: var(--radio-warning-focus-background-color); border-color: var(--radio-warning-focus-border-color); } nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-warning-focus-checked-background-color); border-color: var(--radio-warning-focus-checked-border-color); } nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-warning-focus-inner-circle-color); } nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-warning-hover-background-color); border-color: var(--radio-warning-hover-border-color); } nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-warning-hover-checked-background-color); border-color: var(--radio-warning-hover-checked-border-color); } nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-warning-hover-inner-circle-color); } nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: var(--radio-warning-active-background-color); border-color: var(--radio-warning-active-border-color); } nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-warning-active-checked-background-color); border-color: var(--radio-warning-active-checked-border-color); } nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-warning-active-inner-circle-color); } nb-radio.status-warning .text { color: var(--radio-warning-text-color); } nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: var(--radio-warning-disabled-background-color); border-color: var(--radio-warning-disabled-border-color); } nb-radio.status-warning .native-input:disabled ~ .text { color: var(--radio-warning-disabled-text-color); } nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: var(--radio-warning-disabled-checked-background-color); border-color: var(--radio-warning-disabled-checked-border-color); } nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-warning-disabled-checked-inner-circle-color); } nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: var(--radio-danger-background-color); border-color: var(--radio-danger-border-color); } nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: var(--radio-danger-checked-background-color); border-color: var(--radio-danger-checked-border-color); } nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-danger-inner-circle-color); } nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: var(--radio-danger-focus-background-color); border-color: var(--radio-danger-focus-border-color); } nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-danger-focus-checked-background-color); border-color: var(--radio-danger-focus-checked-border-color); } nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-danger-focus-inner-circle-color); } nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-danger-hover-background-color); border-color: var(--radio-danger-hover-border-color); } nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-danger-hover-checked-background-color); border-color: var(--radio-danger-hover-checked-border-color); } nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-danger-hover-inner-circle-color); } nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: var(--radio-danger-active-background-color); border-color: var(--radio-danger-active-border-color); } nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-danger-active-checked-background-color); border-color: var(--radio-danger-active-checked-border-color); } nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-danger-active-inner-circle-color); } nb-radio.status-danger .text { color: var(--radio-danger-text-color); } nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: var(--radio-danger-disabled-background-color); border-color: var(--radio-danger-disabled-border-color); } nb-radio.status-danger .native-input:disabled ~ .text { color: var(--radio-danger-disabled-text-color); } nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: var(--radio-danger-disabled-checked-background-color); border-color: var(--radio-danger-disabled-checked-border-color); } nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-danger-disabled-checked-inner-circle-color); } nb-radio.status-info .native-input:enabled + .outer-circle { background-color: var(--radio-info-background-color); border-color: var(--radio-info-border-color); } nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: var(--radio-info-checked-background-color); border-color: var(--radio-info-checked-border-color); } nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-info-inner-circle-color); } nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: var(--radio-info-focus-background-color); border-color: var(--radio-info-focus-border-color); } nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-info-focus-checked-background-color); border-color: var(--radio-info-focus-checked-border-color); } nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-info-focus-inner-circle-color); } nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-info-hover-background-color); border-color: var(--radio-info-hover-border-color); } nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-info-hover-checked-background-color); border-color: var(--radio-info-hover-checked-border-color); } nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-info-hover-inner-circle-color); } nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: var(--radio-info-active-background-color); border-color: var(--radio-info-active-border-color); } nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-info-active-checked-background-color); border-color: var(--radio-info-active-checked-border-color); } nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-info-active-inner-circle-color); } nb-radio.status-info .text { color: var(--radio-info-text-color); } nb-radio.status-info .native-input:disabled + .outer-circle { background-color: var(--radio-info-disabled-background-color); border-color: var(--radio-info-disabled-border-color); } nb-radio.status-info .native-input:disabled ~ .text { color: var(--radio-info-disabled-text-color); } nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: var(--radio-info-disabled-checked-background-color); border-color: var(--radio-info-disabled-checked-border-color); } nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-info-disabled-checked-inner-circle-color); } nb-radio.status-control .native-input:enabled + .outer-circle { background-color: var(--radio-control-background-color); border-color: var(--radio-control-border-color); } nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: var(--radio-control-checked-background-color); border-color: var(--radio-control-checked-border-color); } nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: var(--radio-control-inner-circle-color); } nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: var(--radio-control-focus-background-color); border-color: var(--radio-control-focus-border-color); } nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: var(--radio-control-focus-checked-background-color); border-color: var(--radio-control-focus-checked-border-color); } nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: var(--radio-control-focus-inner-circle-color); } nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: var(--radio-control-hover-background-color); border-color: var(--radio-control-hover-border-color); } nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: var(--radio-control-hover-checked-background-color); border-color: var(--radio-control-hover-checked-border-color); } nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: var(--radio-control-hover-inner-circle-color); } nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: var(--radio-control-active-background-color); border-color: var(--radio-control-active-border-color); } nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: var(--radio-control-active-checked-background-color); border-color: var(--radio-control-active-checked-border-color); } nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: var(--radio-control-active-inner-circle-color); } nb-radio.status-control .text { color: var(--radio-control-text-color); } nb-radio.status-control .native-input:disabled + .outer-circle { background-color: var(--radio-control-disabled-background-color); border-color: var(--radio-control-disabled-border-color); } nb-radio.status-control .native-input:disabled ~ .text { color: var(--radio-control-disabled-text-color); } nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: var(--radio-control-disabled-checked-background-color); border-color: var(--radio-control-disabled-checked-border-color); } nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: var(--radio-control-disabled-checked-inner-circle-color); } nb-radio .text { font-family: var(--radio-text-font-family); font-size: var(--radio-text-font-size); font-weight: var(--radio-text-font-weight); line-height: var(--radio-text-line-height); } [dir=ltr] nb-radio .text { margin-left: var(--radio-width); } [dir=rtl] nb-radio .text { margin-right: var(--radio-width); } .nb-tree-grid-header-cell, .nb-tree-grid-cell, .nb-tree-grid-footer-cell { height: var(--tree-grid-row-min-height); padding: var(--tree-grid-cell-padding); border: var(--tree-grid-cell-border-width) var(--tree-grid-cell-border-style) var(--tree-grid-cell-border-color); } .nb-tree-grid-header-row { background: var(--tree-grid-header-background-color); color: var(--tree-grid-header-text-color); font-family: var(--tree-grid-header-text-font-family); font-size: var(--tree-grid-header-text-font-size); font-weight: var(--tree-grid-header-text-font-weight); line-height: var(--tree-grid-header-text-line-height); } .nb-tree-grid-footer-row { background: var(--tree-grid-footer-background-color); color: var(--tree-grid-footer-text-color); font-family: var(--tree-grid-footer-text-font-family); font-size: var(--tree-grid-footer-text-font-size); font-weight: var(--tree-grid-footer-text-font-weight); line-height: var(--tree-grid-footer-text-line-height); } .nb-tree-grid-row { background: var(--tree-grid-row-background-color); color: var(--tree-grid-row-text-color); font-family: var(--tree-grid-row-text-font-family); font-size: var(--tree-grid-row-text-font-size); font-weight: var(--tree-grid-row-text-font-weight); line-height: var(--tree-grid-row-text-line-height); } .nb-tree-grid-row:hover { background: var(--tree-grid-row-hover-background-color); } .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: var(--tree-grid-row-even-background-color); } .nb-tree-grid-header-cell button { vertical-align: middle; } nb-tree-grid-row-toggle nb-icon, nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-tree-grid-header-change-sort-button { background: var(--tree-grid-sort-header-button-background-color); border: var(--tree-grid-sort-header-button-border); padding: var(--tree-grid-sort-header-button-padding); color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } nb-icon { font-size: var(--icon-font-size); line-height: var(--icon-line-height); width: var(--icon-width); height: var(--icon-height); } nb-icon svg { vertical-align: var(--icon-svg-vertical-align); } nb-icon.status-basic { color: var(--icon-basic-color); } nb-icon.status-primary { color: var(--icon-primary-color); } nb-icon.status-success { color: var(--icon-success-color); } nb-icon.status-warning { color: var(--icon-warning-color); } nb-icon.status-danger { color: var(--icon-danger-color); } nb-icon.status-info { color: var(--icon-info-color); } nb-icon.status-control { color: var(--icon-control-color); } .nb-form-control-container { max-width: inherit; } .nb-form-field-addon { display: flex; justify-content: center; align-items: center; z-index: 1; } .nb-form-field-addon-disabled { color: var(--form-field-addon-disabled-text-color); } nb-form-field.nb-transition .nb-form-field-addon { transition-duration: 0.15s; transition-property: color; transition-timing-function: ease-in; } .nb-form-field-addon-basic { color: var(--form-field-addon-basic-text-color); } .nb-form-field-addon-basic-highlight { color: var(--form-field-addon-basic-highlight-text-color); } .nb-form-field-addon-primary { color: var(--form-field-addon-primary-text-color); } .nb-form-field-addon-primary-highlight { color: var(--form-field-addon-primary-highlight-text-color); } .nb-form-field-addon-success { color: var(--form-field-addon-success-text-color); } .nb-form-field-addon-success-highlight { color: var(--form-field-addon-success-highlight-text-color); } .nb-form-field-addon-warning { color: var(--form-field-addon-warning-text-color); } .nb-form-field-addon-warning-highlight { color: var(--form-field-addon-warning-highlight-text-color); } .nb-form-field-addon-danger { color: var(--form-field-addon-danger-text-color); } .nb-form-field-addon-danger-highlight { color: var(--form-field-addon-danger-highlight-text-color); } .nb-form-field-addon-info { color: var(--form-field-addon-info-text-color); } .nb-form-field-addon-info-highlight { color: var(--form-field-addon-info-highlight-text-color); } .nb-form-field-addon-control { color: var(--form-field-addon-control-text-color); } .nb-form-field-addon-control-highlight { color: var(--form-field-addon-control-highlight-text-color); } .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: var(--form-field-tiny-max-width); } .nb-form-field-prefix-tiny, .nb-form-field-suffix-tiny { height: var(--form-field-addon-tiny-height); width: var(--form-field-addon-tiny-width); font-size: var(--form-field-addon-tiny-font-size); line-height: var(--form-field-addon-tiny-line-height); font-weight: var(--form-field-addon-tiny-font-weight); } .nb-form-field-prefix-tiny nb-icon, .nb-form-field-suffix-tiny nb-icon { font-size: var(--form-field-addon-tiny-icon-size); line-height: var(--form-field-addon-tiny-icon-size); } [dir=ltr] .nb-form-field-prefix-tiny { margin-right: calc(var(--form-field-addon-tiny-width) * -1); } [dir=rtl] .nb-form-field-prefix-tiny { margin-left: calc(var(--form-field-addon-tiny-width) * -1); } [dir=ltr] .nb-form-field-suffix-tiny { margin-left: calc(var(--form-field-addon-tiny-width) * -1); } [dir=rtl] .nb-form-field-suffix-tiny { margin-right: calc(var(--form-field-addon-tiny-width) * -1); } .nb-form-field-limited-width.nb-form-field-size-small { max-width: var(--form-field-small-max-width); } .nb-form-field-prefix-small, .nb-form-field-suffix-small { height: var(--form-field-addon-small-height); width: var(--form-field-addon-small-width); font-size: var(--form-field-addon-small-font-size); line-height: var(--form-field-addon-small-line-height); font-weight: var(--form-field-addon-small-font-weight); } .nb-form-field-prefix-small nb-icon, .nb-form-field-suffix-small nb-icon { font-size: var(--form-field-addon-small-icon-size); line-height: var(--form-field-addon-small-icon-size); } [dir=ltr] .nb-form-field-prefix-small { margin-right: calc(var(--form-field-addon-small-width) * -1); } [dir=rtl] .nb-form-field-prefix-small { margin-left: calc(var(--form-field-addon-small-width) * -1); } [dir=ltr] .nb-form-field-suffix-small { margin-left: calc(var(--form-field-addon-small-width) * -1); } [dir=rtl] .nb-form-field-suffix-small { margin-right: calc(var(--form-field-addon-small-width) * -1); } .nb-form-field-limited-width.nb-form-field-size-medium { max-width: var(--form-field-medium-max-width); } .nb-form-field-prefix-medium, .nb-form-field-suffix-medium { height: var(--form-field-addon-medium-height); width: var(--form-field-addon-medium-width); font-size: var(--form-field-addon-medium-font-size); line-height: var(--form-field-addon-medium-line-height); font-weight: var(--form-field-addon-medium-font-weight); } .nb-form-field-prefix-medium nb-icon, .nb-form-field-suffix-medium nb-icon { font-size: var(--form-field-addon-medium-icon-size); line-height: var(--form-field-addon-medium-icon-size); } [dir=ltr] .nb-form-field-prefix-medium { margin-right: calc(var(--form-field-addon-medium-width) * -1); } [dir=rtl] .nb-form-field-prefix-medium { margin-left: calc(var(--form-field-addon-medium-width) * -1); } [dir=ltr] .nb-form-field-suffix-medium { margin-left: calc(var(--form-field-addon-medium-width) * -1); } [dir=rtl] .nb-form-field-suffix-medium { margin-right: calc(var(--form-field-addon-medium-width) * -1); } .nb-form-field-limited-width.nb-form-field-size-large { max-width: var(--form-field-large-max-width); } .nb-form-field-prefix-large, .nb-form-field-suffix-large { height: var(--form-field-addon-large-height); width: var(--form-field-addon-large-width); font-size: var(--form-field-addon-large-font-size); line-height: var(--form-field-addon-large-line-height); font-weight: var(--form-field-addon-large-font-weight); } .nb-form-field-prefix-large nb-icon, .nb-form-field-suffix-large nb-icon { font-size: var(--form-field-addon-large-icon-size); line-height: var(--form-field-addon-large-icon-size); } [dir=ltr] .nb-form-field-prefix-large { margin-right: calc(var(--form-field-addon-large-width) * -1); } [dir=rtl] .nb-form-field-prefix-large { margin-left: calc(var(--form-field-addon-large-width) * -1); } [dir=ltr] .nb-form-field-suffix-large { margin-left: calc(var(--form-field-addon-large-width) * -1); } [dir=rtl] .nb-form-field-suffix-large { margin-right: calc(var(--form-field-addon-large-width) * -1); } .nb-form-field-limited-width.nb-form-field-size-giant { max-width: var(--form-field-giant-max-width); } .nb-form-field-prefix-giant, .nb-form-field-suffix-giant { height: var(--form-field-addon-giant-height); width: var(--form-field-addon-giant-width); font-size: var(--form-field-addon-giant-font-size); line-height: var(--form-field-addon-giant-line-height); font-weight: var(--form-field-addon-giant-font-weight); } .nb-form-field-prefix-giant nb-icon, .nb-form-field-suffix-giant nb-icon { font-size: var(--form-field-addon-giant-icon-size); line-height: var(--form-field-addon-giant-icon-size); } [dir=ltr] .nb-form-field-prefix-giant { margin-right: calc(var(--form-field-addon-giant-width) * -1); } [dir=rtl] .nb-form-field-prefix-giant { margin-left: calc(var(--form-field-addon-giant-width) * -1); } [dir=ltr] .nb-form-field-suffix-giant { margin-left: calc(var(--form-field-addon-giant-width) * -1); } [dir=rtl] .nb-form-field-suffix-giant { margin-right: calc(var(--form-field-addon-giant-width) * -1); } nb-tag { border-style: var(--tag-border-style); border-width: var(--tag-border-width); border-radius: var(--tag-border-radius); display: inline-flex; align-items: center; font-family: var(--tag-text-font-family); text-transform: var(--tag-text-transform); cursor: default; } nb-tag.nb-transition { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } nb-tag.size-tiny { font-size: var(--tag-tiny-text-font-size); font-weight: var(--tag-tiny-text-font-weight); line-height: var(--tag-tiny-text-line-height); padding: var(--tag-tiny-padding); } nb-tag.size-small { font-size: var(--tag-small-text-font-size); font-weight: var(--tag-small-text-font-weight); line-height: var(--tag-small-text-line-height); padding: var(--tag-small-padding); } nb-tag.size-medium { font-size: var(--tag-medium-text-font-size); font-weight: var(--tag-medium-text-font-weight); line-height: var(--tag-medium-text-line-height); padding: var(--tag-medium-padding); } nb-tag.size-large { font-size: var(--tag-large-text-font-size); font-weight: var(--tag-large-text-font-weight); line-height: var(--tag-large-text-line-height); padding: var(--tag-large-padding); } nb-tag.size-giant { font-size: var(--tag-giant-text-font-size); font-weight: var(--tag-giant-text-font-weight); line-height: var(--tag-giant-text-line-height); padding: var(--tag-giant-padding); } nb-tag.appearance-filled.status-basic { background-color: var(--tag-filled-basic-background-color); border-color: var(--tag-filled-basic-border-color); color: var(--tag-filled-basic-text-color); } nb-tag.appearance-filled.status-basic.selected { background-color: var(--tag-filled-basic-selected-background-color); border-color: var(--tag-filled-basic-selected-border-color); } nb-tag.appearance-filled.status-basic.active { background-color: var(--tag-filled-basic-active-background-color); border-color: var(--tag-filled-basic-active-border-color); } nb-tag.appearance-filled.status-basic:hover { background-color: var(--tag-filled-basic-hover-background-color); border-color: var(--tag-filled-basic-hover-border-color); } nb-tag.appearance-filled.status-primary { background-color: var(--tag-filled-primary-background-color); border-color: var(--tag-filled-primary-border-color); color: var(--tag-filled-primary-text-color); } nb-tag.appearance-filled.status-primary.selected { background-color: var(--tag-filled-primary-selected-background-color); border-color: var(--tag-filled-primary-selected-border-color); } nb-tag.appearance-filled.status-primary.active { background-color: var(--tag-filled-primary-active-background-color); border-color: var(--tag-filled-primary-active-border-color); } nb-tag.appearance-filled.status-primary:hover { background-color: var(--tag-filled-primary-hover-background-color); border-color: var(--tag-filled-primary-hover-border-color); } nb-tag.appearance-filled.status-success { background-color: var(--tag-filled-success-background-color); border-color: var(--tag-filled-success-border-color); color: var(--tag-filled-success-text-color); } nb-tag.appearance-filled.status-success.selected { background-color: var(--tag-filled-success-selected-background-color); border-color: var(--tag-filled-success-selected-border-color); } nb-tag.appearance-filled.status-success.active { background-color: var(--tag-filled-success-active-background-color); border-color: var(--tag-filled-success-active-border-color); } nb-tag.appearance-filled.status-success:hover { background-color: var(--tag-filled-success-hover-background-color); border-color: var(--tag-filled-success-hover-border-color); } nb-tag.appearance-filled.status-warning { background-color: var(--tag-filled-warning-background-color); border-color: var(--tag-filled-warning-border-color); color: var(--tag-filled-warning-text-color); } nb-tag.appearance-filled.status-warning.selected { background-color: var(--tag-filled-warning-selected-background-color); border-color: var(--tag-filled-warning-selected-border-color); } nb-tag.appearance-filled.status-warning.active { background-color: var(--tag-filled-warning-active-background-color); border-color: var(--tag-filled-warning-active-border-color); } nb-tag.appearance-filled.status-warning:hover { background-color: var(--tag-filled-warning-hover-background-color); border-color: var(--tag-filled-warning-hover-border-color); } nb-tag.appearance-filled.status-danger { background-color: var(--tag-filled-danger-background-color); border-color: var(--tag-filled-danger-border-color); color: var(--tag-filled-danger-text-color); } nb-tag.appearance-filled.status-danger.selected { background-color: var(--tag-filled-danger-selected-background-color); border-color: var(--tag-filled-danger-selected-border-color); } nb-tag.appearance-filled.status-danger.active { background-color: var(--tag-filled-danger-active-background-color); border-color: var(--tag-filled-danger-active-border-color); } nb-tag.appearance-filled.status-danger:hover { background-color: var(--tag-filled-danger-hover-background-color); border-color: var(--tag-filled-danger-hover-border-color); } nb-tag.appearance-filled.status-info { background-color: var(--tag-filled-info-background-color); border-color: var(--tag-filled-info-border-color); color: var(--tag-filled-info-text-color); } nb-tag.appearance-filled.status-info.selected { background-color: var(--tag-filled-info-selected-background-color); border-color: var(--tag-filled-info-selected-border-color); } nb-tag.appearance-filled.status-info.active { background-color: var(--tag-filled-info-active-background-color); border-color: var(--tag-filled-info-active-border-color); } nb-tag.appearance-filled.status-info:hover { background-color: var(--tag-filled-info-hover-background-color); border-color: var(--tag-filled-info-hover-border-color); } nb-tag.appearance-filled.status-control { background-color: var(--tag-filled-control-background-color); border-color: var(--tag-filled-control-border-color); color: var(--tag-filled-control-text-color); } nb-tag.appearance-filled.status-control.selected { background-color: var(--tag-filled-control-selected-background-color); border-color: var(--tag-filled-control-selected-border-color); } nb-tag.appearance-filled.status-control.active { background-color: var(--tag-filled-control-active-background-color); border-color: var(--tag-filled-control-active-border-color); } nb-tag.appearance-filled.status-control:hover { background-color: var(--tag-filled-control-hover-background-color); border-color: var(--tag-filled-control-hover-border-color); } nb-tag.appearance-outline.status-basic { background-color: var(--tag-outline-basic-background-color); border-color: var(--tag-outline-basic-border-color); color: var(--tag-outline-basic-text-color); } nb-tag.appearance-outline.status-basic.selected { background-color: var(--tag-outline-basic-selected-background-color); border-color: var(--tag-outline-basic-selected-border-color); color: var(--tag-outline-basic-selected-text-color); } nb-tag.appearance-outline.status-basic.active { background-color: var(--tag-outline-basic-active-background-color); border-color: var(--tag-outline-basic-active-border-color); color: var(--tag-outline-basic-active-text-color); } nb-tag.appearance-outline.status-basic:hover { background-color: var(--tag-outline-basic-hover-background-color); border-color: var(--tag-outline-basic-hover-border-color); color: var(--tag-outline-basic-hover-text-color); } nb-tag.appearance-outline.status-primary { background-color: var(--tag-outline-primary-background-color); border-color: var(--tag-outline-primary-border-color); color: var(--tag-outline-primary-text-color); } nb-tag.appearance-outline.status-primary.selected { background-color: var(--tag-outline-primary-selected-background-color); border-color: var(--tag-outline-primary-selected-border-color); color: var(--tag-outline-primary-selected-text-color); } nb-tag.appearance-outline.status-primary.active { background-color: var(--tag-outline-primary-active-background-color); border-color: var(--tag-outline-primary-active-border-color); color: var(--tag-outline-primary-active-text-color); } nb-tag.appearance-outline.status-primary:hover { background-color: var(--tag-outline-primary-hover-background-color); border-color: var(--tag-outline-primary-hover-border-color); color: var(--tag-outline-primary-hover-text-color); } nb-tag.appearance-outline.status-success { background-color: var(--tag-outline-success-background-color); border-color: var(--tag-outline-success-border-color); color: var(--tag-outline-success-text-color); } nb-tag.appearance-outline.status-success.selected { background-color: var(--tag-outline-success-selected-background-color); border-color: var(--tag-outline-success-selected-border-color); color: var(--tag-outline-success-selected-text-color); } nb-tag.appearance-outline.status-success.active { background-color: var(--tag-outline-success-active-background-color); border-color: var(--tag-outline-success-active-border-color); color: var(--tag-outline-success-active-text-color); } nb-tag.appearance-outline.status-success:hover { background-color: var(--tag-outline-success-hover-background-color); border-color: var(--tag-outline-success-hover-border-color); color: var(--tag-outline-success-hover-text-color); } nb-tag.appearance-outline.status-warning { background-color: var(--tag-outline-warning-background-color); border-color: var(--tag-outline-warning-border-color); color: var(--tag-outline-warning-text-color); } nb-tag.appearance-outline.status-warning.selected { background-color: var(--tag-outline-warning-selected-background-color); border-color: var(--tag-outline-warning-selected-border-color); color: var(--tag-outline-warning-selected-text-color); } nb-tag.appearance-outline.status-warning.active { background-color: var(--tag-outline-warning-active-background-color); border-color: var(--tag-outline-warning-active-border-color); color: var(--tag-outline-warning-active-text-color); } nb-tag.appearance-outline.status-warning:hover { background-color: var(--tag-outline-warning-hover-background-color); border-color: var(--tag-outline-warning-hover-border-color); color: var(--tag-outline-warning-hover-text-color); } nb-tag.appearance-outline.status-danger { background-color: var(--tag-outline-danger-background-color); border-color: var(--tag-outline-danger-border-color); color: var(--tag-outline-danger-text-color); } nb-tag.appearance-outline.status-danger.selected { background-color: var(--tag-outline-danger-selected-background-color); border-color: var(--tag-outline-danger-selected-border-color); color: var(--tag-outline-danger-selected-text-color); } nb-tag.appearance-outline.status-danger.active { background-color: var(--tag-outline-danger-active-background-color); border-color: var(--tag-outline-danger-active-border-color); color: var(--tag-outline-danger-active-text-color); } nb-tag.appearance-outline.status-danger:hover { background-color: var(--tag-outline-danger-hover-background-color); border-color: var(--tag-outline-danger-hover-border-color); color: var(--tag-outline-danger-hover-text-color); } nb-tag.appearance-outline.status-info { background-color: var(--tag-outline-info-background-color); border-color: var(--tag-outline-info-border-color); color: var(--tag-outline-info-text-color); } nb-tag.appearance-outline.status-info.selected { background-color: var(--tag-outline-info-selected-background-color); border-color: var(--tag-outline-info-selected-border-color); color: var(--tag-outline-info-selected-text-color); } nb-tag.appearance-outline.status-info.active { background-color: var(--tag-outline-info-active-background-color); border-color: var(--tag-outline-info-active-border-color); color: var(--tag-outline-info-active-text-color); } nb-tag.appearance-outline.status-info:hover { background-color: var(--tag-outline-info-hover-background-color); border-color: var(--tag-outline-info-hover-border-color); color: var(--tag-outline-info-hover-text-color); } nb-tag.appearance-outline.status-control { background-color: var(--tag-outline-control-background-color); border-color: var(--tag-outline-control-border-color); color: var(--tag-outline-control-text-color); } nb-tag.appearance-outline.status-control.selected { background-color: var(--tag-outline-control-selected-background-color); border-color: var(--tag-outline-control-selected-border-color); color: var(--tag-outline-control-selected-text-color); } nb-tag.appearance-outline.status-control.active { background-color: var(--tag-outline-control-active-background-color); border-color: var(--tag-outline-control-active-border-color); color: var(--tag-outline-control-active-text-color); } nb-tag.appearance-outline.status-control:hover { background-color: var(--tag-outline-control-hover-background-color); border-color: var(--tag-outline-control-hover-border-color); color: var(--tag-outline-control-hover-text-color); } .nb-tag-remove { cursor: pointer; } .nb-tag-remove.size-tiny { font-size: var(--tag-tiny-text-line-height); } [dir=ltr] .nb-tag-remove.size-tiny { margin-left: var(--tag-tiny-close-offset); margin-right: calc(var(--tag-tiny-close-offset) * -1); } [dir=rtl] .nb-tag-remove.size-tiny { margin-right: var(--tag-tiny-close-offset); margin-left: calc(var(--tag-tiny-close-offset) * -1); } .nb-tag-remove.size-small { font-size: var(--tag-small-text-line-height); } [dir=ltr] .nb-tag-remove.size-small { margin-left: var(--tag-small-close-offset); margin-right: calc(var(--tag-small-close-offset) * -1); } [dir=rtl] .nb-tag-remove.size-small { margin-right: var(--tag-small-close-offset); margin-left: calc(var(--tag-small-close-offset) * -1); } .nb-tag-remove.size-medium { font-size: var(--tag-medium-text-line-height); } [dir=ltr] .nb-tag-remove.size-medium { margin-left: var(--tag-medium-close-offset); margin-right: calc(var(--tag-medium-close-offset) * -1); } [dir=rtl] .nb-tag-remove.size-medium { margin-right: var(--tag-medium-close-offset); margin-left: calc(var(--tag-medium-close-offset) * -1); } .nb-tag-remove.size-large { font-size: var(--tag-large-text-line-height); } [dir=ltr] .nb-tag-remove.size-large { margin-left: var(--tag-large-close-offset); margin-right: calc(var(--tag-large-close-offset) * -1); } [dir=rtl] .nb-tag-remove.size-large { margin-right: var(--tag-large-close-offset); margin-left: calc(var(--tag-large-close-offset) * -1); } .nb-tag-remove.size-giant { font-size: var(--tag-giant-text-line-height); } [dir=ltr] .nb-tag-remove.size-giant { margin-left: var(--tag-giant-close-offset); margin-right: calc(var(--tag-giant-close-offset) * -1); } [dir=rtl] .nb-tag-remove.size-giant { margin-right: var(--tag-giant-close-offset); margin-left: calc(var(--tag-giant-close-offset) * -1); } nb-tag-list { display: inline-flex; outline: none; } nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: calc(var(--tag-list-tiny-tag-offset) * -1); } nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: var(--tag-list-tiny-tag-offset); } nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: calc(var(--tag-list-small-tag-offset) * -1); } nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: var(--tag-list-small-tag-offset); } nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: calc(var(--tag-list-medium-tag-offset) * -1); } nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: var(--tag-list-medium-tag-offset); } nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: calc(var(--tag-list-large-tag-offset) * -1); } nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: var(--tag-list-large-tag-offset); } nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: calc(var(--tag-list-giant-tag-offset) * -1); } nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: var(--tag-list-giant-tag-offset); } .nb-tag-list-tags-wrapper { display: inline-flex; align-items: center; align-content: center; flex-wrap: wrap; flex: 1; } .nb-tag-list-with-input { border-style: var(--input-border-style); border-width: var(--input-border-width); font-family: var(--input-text-font-family); -webkit-appearance: none; appearance: none; } .nb-tag-list-with-input.nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-tag-list-with-input::placeholder { font-family: var(--input-placeholder-text-font-family); text-overflow: ellipsis; } .nb-tag-list-with-input:focus { outline: none; } .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-tag-list-with-input.shape-rectangle { border-radius: var(--tag-list-with-input-rectangle-border-radius); } .nb-tag-list-with-input.shape-semi-round { border-radius: var(--tag-list-with-input-semi-round-border-radius); } .nb-tag-list-with-input.shape-round { border-radius: var(--tag-list-with-input-round-border-radius); } .nb-tag-list-with-input.size-tiny { padding: var(--tag-list-with-input-tiny-padding); } .nb-tag-list-with-input.size-small { padding: var(--tag-list-with-input-small-padding); } .nb-tag-list-with-input.size-medium { padding: var(--tag-list-with-input-medium-padding); } .nb-tag-list-with-input.size-large { padding: var(--tag-list-with-input-large-padding); } .nb-tag-list-with-input.size-giant { padding: var(--tag-list-with-input-giant-padding); } .nb-tag-list-with-input.status-basic { background-color: var(--tag-input-basic-background-color); border-color: var(--tag-input-basic-border-color); } .nb-tag-list-with-input.status-basic.focus { background-color: var(--tag-input-basic-focus-background-color); border-color: var(--tag-input-basic-focus-border-color); } .nb-tag-list-with-input.status-primary { background-color: var(--tag-input-primary-background-color); border-color: var(--tag-input-primary-border-color); } .nb-tag-list-with-input.status-primary.focus { background-color: var(--tag-input-primary-focus-background-color); border-color: var(--tag-input-primary-focus-border-color); } .nb-tag-list-with-input.status-success { background-color: var(--tag-input-success-background-color); border-color: var(--tag-input-success-border-color); } .nb-tag-list-with-input.status-success.focus { background-color: var(--tag-input-success-focus-background-color); border-color: var(--tag-input-success-focus-border-color); } .nb-tag-list-with-input.status-warning { background-color: var(--tag-input-warning-background-color); border-color: var(--tag-input-warning-border-color); } .nb-tag-list-with-input.status-warning.focus { background-color: var(--tag-input-warning-focus-background-color); border-color: var(--tag-input-warning-focus-border-color); } .nb-tag-list-with-input.status-danger { background-color: var(--tag-input-danger-background-color); border-color: var(--tag-input-danger-border-color); } .nb-tag-list-with-input.status-danger.focus { background-color: var(--tag-input-danger-focus-background-color); border-color: var(--tag-input-danger-focus-border-color); } .nb-tag-list-with-input.status-info { background-color: var(--tag-input-info-background-color); border-color: var(--tag-input-info-border-color); } .nb-tag-list-with-input.status-info.focus { background-color: var(--tag-input-info-focus-background-color); border-color: var(--tag-input-info-focus-border-color); } .nb-tag-list-with-input.status-control { background-color: var(--tag-input-control-background-color); border-color: var(--tag-input-control-border-color); } .nb-tag-list-with-input.status-control.focus { background-color: var(--tag-input-control-focus-background-color); border-color: var(--tag-input-control-focus-border-color); } nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: var(--form-field-addon-tiny-width); } [dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: var(--form-field-addon-tiny-width); } [dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: var(--form-field-addon-tiny-width); } [dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: var(--form-field-addon-small-width); } [dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: var(--form-field-addon-small-width); } [dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: var(--form-field-addon-small-width); } [dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: var(--form-field-addon-medium-width); } [dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: var(--form-field-addon-medium-width); } [dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: var(--form-field-addon-medium-width); } [dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: var(--form-field-addon-large-width); } [dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: var(--form-field-addon-large-width); } [dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: var(--form-field-addon-large-width); } [dir=ltr] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: var(--form-field-addon-giant-width); } [dir=ltr] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: var(--form-field-addon-giant-width); } [dir=rtl] .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: var(--form-field-addon-giant-width); } .nb-tag-input { -webkit-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; flex: 1; padding: 0; min-width: var(--tag-input-min-width); font-family: var(--tag-input-text-font-family); } .nb-tag-input::placeholder { font-family: var(--tag-input-placeholder-text-font-family); } .nb-tag-input.size-tiny { font-size: var(--tag-input-tiny-text-font-size); font-weight: var(--tag-input-tiny-text-font-weight); line-height: var(--tag-input-tiny-text-line-height); padding: var(--tag-input-tiny-padding); } .nb-tag-input.size-tiny::placeholder { font-size: var(--tag-input-tiny-placeholder-text-font-size); font-weight: var(--tag-input-tiny-placeholder-text-font-weight); line-height: var(--tag-input-tiny-placeholder-text-line-height); } .nb-tag-input.size-small { font-size: var(--tag-input-small-text-font-size); font-weight: var(--tag-input-small-text-font-weight); line-height: var(--tag-input-small-text-line-height); padding: var(--tag-input-small-padding); } .nb-tag-input.size-small::placeholder { font-size: var(--tag-input-small-placeholder-text-font-size); font-weight: var(--tag-input-small-placeholder-text-font-weight); line-height: var(--tag-input-small-placeholder-text-line-height); } .nb-tag-input.size-medium { font-size: var(--tag-input-medium-text-font-size); font-weight: var(--tag-input-medium-text-font-weight); line-height: var(--tag-input-medium-text-line-height); padding: var(--tag-input-medium-padding); } .nb-tag-input.size-medium::placeholder { font-size: var(--tag-input-medium-placeholder-text-font-size); font-weight: var(--tag-input-medium-placeholder-text-font-weight); line-height: var(--tag-input-medium-placeholder-text-line-height); } .nb-tag-input.size-large { font-size: var(--tag-input-large-text-font-size); font-weight: var(--tag-input-large-text-font-weight); line-height: var(--tag-input-large-text-line-height); padding: var(--tag-input-large-padding); } .nb-tag-input.size-large::placeholder { font-size: var(--tag-input-large-placeholder-text-font-size); font-weight: var(--tag-input-large-placeholder-text-font-weight); line-height: var(--tag-input-large-placeholder-text-line-height); } .nb-tag-input.size-giant { font-size: var(--tag-input-giant-text-font-size); font-weight: var(--tag-input-giant-text-font-weight); line-height: var(--tag-input-giant-text-line-height); padding: var(--tag-input-giant-padding); } .nb-tag-input.size-giant::placeholder { font-size: var(--tag-input-giant-placeholder-text-font-size); font-weight: var(--tag-input-giant-placeholder-text-font-weight); line-height: var(--tag-input-giant-placeholder-text-line-height); } .nb-tag-input.status-basic { color: var(--tag-input-basic-text-color); } .nb-tag-input.status-basic::placeholder { color: var(--tag-input-basic-placeholder-text-color); } .nb-tag-input.status-basic:disabled { color: var(--tag-input-basic-disabled-text-color); } .nb-tag-input.status-basic:disabled::placeholder { color: var(--tag-input-basic-disabled-placeholder-text-color); } .nb-tag-input.status-primary { color: var(--tag-input-primary-text-color); } .nb-tag-input.status-primary::placeholder { color: var(--tag-input-primary-placeholder-text-color); } .nb-tag-input.status-primary:disabled { color: var(--tag-input-primary-disabled-text-color); } .nb-tag-input.status-primary:disabled::placeholder { color: var(--tag-input-primary-disabled-placeholder-text-color); } .nb-tag-input.status-success { color: var(--tag-input-success-text-color); } .nb-tag-input.status-success::placeholder { color: var(--tag-input-success-placeholder-text-color); } .nb-tag-input.status-success:disabled { color: var(--tag-input-success-disabled-text-color); } .nb-tag-input.status-success:disabled::placeholder { color: var(--tag-input-success-disabled-placeholder-text-color); } .nb-tag-input.status-warning { color: var(--tag-input-warning-text-color); } .nb-tag-input.status-warning::placeholder { color: var(--tag-input-warning-placeholder-text-color); } .nb-tag-input.status-warning:disabled { color: var(--tag-input-warning-disabled-text-color); } .nb-tag-input.status-warning:disabled::placeholder { color: var(--tag-input-warning-disabled-placeholder-text-color); } .nb-tag-input.status-danger { color: var(--tag-input-danger-text-color); } .nb-tag-input.status-danger::placeholder { color: var(--tag-input-danger-placeholder-text-color); } .nb-tag-input.status-danger:disabled { color: var(--tag-input-danger-disabled-text-color); } .nb-tag-input.status-danger:disabled::placeholder { color: var(--tag-input-danger-disabled-placeholder-text-color); } .nb-tag-input.status-info { color: var(--tag-input-info-text-color); } .nb-tag-input.status-info::placeholder { color: var(--tag-input-info-placeholder-text-color); } .nb-tag-input.status-info:disabled { color: var(--tag-input-info-disabled-text-color); } .nb-tag-input.status-info:disabled::placeholder { color: var(--tag-input-info-disabled-placeholder-text-color); } .nb-tag-input.status-control { color: var(--tag-input-control-text-color); } .nb-tag-input.status-control::placeholder { color: var(--tag-input-control-placeholder-text-color); } .nb-tag-input.status-control:disabled { color: var(--tag-input-control-disabled-text-color); } .nb-tag-input.status-control:disabled::placeholder { color: var(--tag-input-control-disabled-placeholder-text-color); } body { color: var(--text-basic-color); font-family: var(--text-paragraph-font-family); font-size: var(--text-paragraph-font-size); font-weight: var(--text-paragraph-font-weight); line-height: var(--text-paragraph-line-height); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--text-basic-color); } h1, .h1 { font-size: var(--text-heading-1-font-size); font-family: var(--text-heading-1-font-family); font-weight: var(--text-heading-1-font-weight); line-height: var(--text-heading-1-line-height); } h2, .h2 { font-size: var(--text-heading-2-font-size); font-family: var(--text-heading-2-font-family); font-weight: var(--text-heading-2-font-weight); line-height: var(--text-heading-2-line-height); } h3, .h3 { font-size: var(--text-heading-3-font-size); font-family: var(--text-heading-3-font-family); font-weight: var(--text-heading-3-font-weight); line-height: var(--text-heading-3-line-height); } h4, .h4 { font-size: var(--text-heading-4-font-size); font-family: var(--text-heading-4-font-family); font-weight: var(--text-heading-4-font-weight); line-height: var(--text-heading-4-line-height); } h5, .h5 { font-size: var(--text-heading-5-font-size); font-family: var(--text-heading-5-font-family); font-weight: var(--text-heading-5-font-weight); line-height: var(--text-heading-5-line-height); } h6, .h6 { font-size: var(--text-heading-6-font-size); font-family: var(--text-heading-6-font-family); font-weight: var(--text-heading-6-font-weight); line-height: var(--text-heading-6-line-height); } .subtitle, .subtitle-2 { color: var(--text-basic-color); } .subtitle { font-family: var(--text-subtitle-font-family); font-size: var(--text-subtitle-font-size); font-weight: var(--text-subtitle-font-weight); line-height: var(--text-subtitle-line-height); } .subtitle-2 { font-family: var(--text-subtitle-2-font-family); font-size: var(--text-subtitle-2-font-size); font-weight: var(--text-subtitle-2-font-weight); line-height: var(--text-subtitle-2-line-height); } p, .paragraph { color: var(--text-basic-color); font-family: var(--text-paragraph-font-family); font-size: var(--text-paragraph-font-size); font-weight: var(--text-paragraph-font-weight); line-height: var(--text-paragraph-line-height); } .paragraph-2 { color: var(--text-basic-color); font-family: var(--text-paragraph-2-font-family); font-size: var(--text-paragraph-2-font-size); font-weight: var(--text-paragraph-2-font-weight); line-height: var(--text-paragraph-2-line-height); } a { color: var(--link-text-color); -webkit-text-decoration: var(--link-text-decoration); text-decoration: var(--link-text-decoration); font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } a:focus { color: var(--link-text-focus-color); } a:hover { color: var(--link-text-hover-color); } a.link-control, a.link-control:hover { color: var(--text-control-color); } a.link-alternate, a.link-alternate:hover { color: var(--text-alternate-color); } .label { color: var(--text-hint-color); font-family: var(--text-label-font-family); font-size: var(--text-label-font-size); font-weight: var(--text-label-font-weight); line-height: var(--text-label-line-height); } .caption { font-family: var(--text-caption-font-family); font-size: var(--text-caption-font-size); font-weight: var(--text-caption-font-weight); line-height: var(--text-caption-line-height); } .caption-2 { font-family: var(--text-caption-2-font-family); font-size: var(--text-caption-2-font-size); font-weight: var(--text-caption-2-font-weight); line-height: var(--text-caption-2-line-height); } .caption, .caption-2 { color: var(--text-hint-color); } .caption.status-basic, .caption-2.status-basic { color: var(--text-basic-color); } .caption.status-primary, .caption-2.status-primary { color: var(--text-primary-color); } .caption.status-success, .caption-2.status-success { color: var(--text-success-color); } .caption.status-warning, .caption-2.status-warning { color: var(--text-warning-color); } .caption.status-danger, .caption-2.status-danger { color: var(--text-danger-color); } .caption.status-info, .caption-2.status-info { color: var(--text-info-color); } .caption.status-control, .caption-2.status-control { color: var(--text-control-color); } li { color: var(--list-item-text-color); font-family: var(--list-item-font-family); font-size: var(--list-item-font-size); font-weight: var(--list-item-font-weight); line-height: var(--list-item-line-height); } .text-alternate { color: var(--text-alternate-color); } .text-disabled { color: var(--text-disabled-color); } .text-hint { color: var(--text-hint-color); } .text-basic { color: var(--text-basic-color); } .text-primary { color: var(--text-primary-color); } .text-success { color: var(--text-success-color); } .text-warning { color: var(--text-warning-color); } .text-danger { color: var(--text-danger-color); } .text-info { color: var(--text-info-color); } .text-control { color: var(--text-control-color); } ng2-smart-table table tr th, ng2-smart-table table tr th a { font-family: var(--smart-table-header-font-family); font-size: var(--smart-table-header-font-size); font-weight: var(--smart-table-header-font-weight); line-height: var(--smart-table-header-line-height); color: var(--smart-table-header-fg); } ng2-smart-table table tr td { font-family: var(--smart-table-font-family); font-size: var(--smart-table-font-size); font-weight: var(--smart-table-font-weight); line-height: var(--smart-table-line-height); color: var(--smart-table-fg); } ng2-smart-table table tr th, ng2-smart-table table tr td { position: relative; padding: var(--smart-table-padding); border: 1px solid var(--smart-table-separator); vertical-align: middle; } ng2-smart-table table tr.ng2-smart-titles th { padding: var(--smart-table-padding); } [dir=ltr] ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } ng2-smart-table table tr.ng2-smart-titles th a:hover, ng2-smart-table table tr.ng2-smart-titles th a:active, ng2-smart-table table tr.ng2-smart-titles th a:visited { color: var(--smart-table-header-fg); text-decoration: none; } ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: var(--smart-table-header-font-weight); } ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: var(--smart-table-fg-secondary); border-width: 0.375rem; position: absolute; margin: 0; top: 50%; transform: translate(0, -50%); } [dir=ltr] ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { transform: translate(0, -50%) rotate(180deg); } ng2-smart-table thead tr { background: var(--smart-table-header-bg); } ng2-smart-table thead tr.ng2-smart-filters th { padding: var(--smart-table-filter-padding); } ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: var(--smart-table-line-height); } ng2-smart-table tbody tr.selected, ng2-smart-table tbody tr:hover { background: var(--smart-table-bg-active) !important; } ng2-smart-table tbody tr:nth-child(2n) { background-color: var(--smart-table-bg-even); } ng2-smart-table th.ng2-smart-actions-title-add a { display: flex; align-items: center; justify-content: center; font-size: 1.75rem !important; padding: var(--smart-table-filter-padding); border-color: var(--smart-table-add-button-border-color); background-color: var(--smart-table-add-button-background-color); color: var(--smart-table-add-button-text-color); border-radius: 0.375rem; } ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: var(--smart-table-add-button-focus-border-color); } ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: var(--smart-table-add-button-hover-background-color); border-color: var(--smart-table-add-button-hover-border-color); } ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: var(--smart-table-add-button-active-background-color); border-color: var(--smart-table-add-button-active-border-color); } ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, ng2-smart-table .ng2-smart-actions ng2-st-actions { display: flex; height: 100%; } ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: var(--smart-table-fg-secondary); } ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid var(--smart-table-separator); } ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: var(--smart-table-action-add-edit-hover-text-color); } ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: var(--smart-table-action-cancel-delete-hover-text-color); } ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } ng2-smart-table ng2-smart-table-pager { display: block; } ng2-smart-table nav.ng2-smart-pagination-nav { display: flex; justify-content: center; margin-top: 1.25rem; } ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: flex; padding: 0; } ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: var(--smart-table-paging-hover); color: var(--smart-table-paging-disabled-text-color); } ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: var(--smart-table-paging-font-family); font-size: var(--smart-table-paging-font-size); line-height: var(--smart-table-paging-line-height); border: var(--smart-table-paging-border-color) solid var(--smart-table-paging-border-width); border-radius: var(--smart-table-border-radius); } ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid var(--smart-table-separator); } [dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid var(--smart-table-separator); } ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: var(--smart-table-paging-font-size); line-height: var(--smart-table-paging-line-height); } ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: var(--smart-table-paging-font-size); line-height: var(--smart-table-paging-line-height); background-color: transparent; color: var(--smart-table-paging-page-text-color); padding: 0.75rem 1.25rem; border: none; } ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: var(--smart-table-paging-page-focus-border-color); color: var(--smart-table-paging-page-focus-text-color); } ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: var(--smart-table-paging-hover); border-color: var(--smart-table-paging-hover-border-color); color: var(--smart-table-paging-hover-text-color); text-decoration: none; } [dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: var(--smart-table-border-radius); border-bottom-left-radius: var(--smart-table-border-radius); } [dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: var(--smart-table-border-radius); border-bottom-right-radius: var(--smart-table-border-radius); } [dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: var(--smart-table-border-radius); border-bottom-right-radius: var(--smart-table-border-radius); } [dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: var(--smart-table-border-radius); border-bottom-left-radius: var(--smart-table-border-radius); } ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: var(--smart-table-paging-fg-active); background-color: var(--smart-table-paging-bg-active); } nb-auth-block .text-link { color: var(--text-hint-color); } nb-auth-block .forgot-password { color: var(--text-disabled-color); } nb-auth-block .socials a { color: var(--text-hint-color); } .nb-theme-default { --link-text-color: var(--text-primary-color); --link-text-decoration: underline; --link-text-focus-color: var(--text-primary-focus-color); --link-text-hover-color: var(--text-primary-hover-color); --card-background-color: var(--background-basic-color-1); --card-text-color: var(--text-basic-color); --card-text-font-family: var(--text-paragraph-font-family); --card-text-font-size: var(--text-paragraph-font-size); --card-text-font-weight: var(--text-paragraph-font-weight); --card-text-line-height: var(--text-paragraph-line-height); --card-border-width: 0.0625rem; --card-border-style: solid; --card-border-color: var(--border-basic-color-4); --card-border-radius: var(--border-radius); --card-padding: 1rem 1.5rem; --card-shadow: none; --card-divider-color: var(--divider-color); --card-divider-style: var(--divider-style); --card-divider-width: var(--divider-width); --card-header-text-color: var(--text-basic-color); --card-header-text-font-family: var(--text-subtitle-font-family); --card-header-text-font-size: var(--text-subtitle-font-size); --card-header-text-font-weight: var(--text-subtitle-font-weight); --card-header-text-line-height: var(--text-subtitle-line-height); --card-header-basic-background-color: var(--background-basic-color-2); --card-header-basic-text-color: var(--text-basic-color); --card-header-primary-background-color: var(--color-primary-default); --card-header-primary-text-color: var(--text-control-color); --card-header-info-background-color: var(--color-info-default); --card-header-info-text-color: var(--text-control-color); --card-header-success-background-color: var(--color-success-default); --card-header-success-text-color: var(--text-control-color); --card-header-warning-background-color: var(--color-warning-default); --card-header-warning-text-color: var(--text-control-color); --card-header-danger-background-color: var(--color-danger-default); --card-header-danger-text-color: var(--text-control-color); --card-header-control-background-color: var(--color-control-default); --card-header-control-text-color: var(--color-basic-800); --card-height-tiny: 13.5rem; --card-height-small: 21.1875rem; --card-height-medium: 28.875rem; --card-height-large: 36.5625rem; --card-height-giant: 44.25rem; --card-margin-bottom: 16px; --card-scrollbar-color: var(--scrollbar-color); --card-scrollbar-background-color: var(--scrollbar-background-color); --card-scrollbar-width: var(--scrollbar-width); --header-background-color: var(--background-basic-color-1); --header-text-color: var(--text-basic-color); --header-text-font-family: var(--text-paragraph-font-family); --header-text-font-size: var(--text-paragraph-font-size); --header-text-font-weight: var(--text-paragraph-font-weight); --header-text-line-height: var(--text-paragraph-line-height); --header-height: 4.75rem; --header-padding: 1.25rem; --header-shadow: var(--shadow); --footer-background-color: var(--background-basic-color-1); --footer-text-color: var(--text-basic-color); --footer-text-font-family: var(--text-paragraph-font-family); --footer-text-font-size: var(--text-paragraph-font-size); --footer-text-font-weight: var(--text-paragraph-font-weight); --footer-text-line-height: var(--text-paragraph-line-height); --footer-text-highlight-color: var(--color-primary-hover); --footer-height: 4.725rem; --footer-padding: 1.25rem; --footer-divider-color: var(--divider-color); --footer-divider-style: var(--divider-style); --footer-divider-width: var(--divider-width); --footer-shadow: var(--shadow); --layout-background-color: var(--background-basic-color-3); --layout-text-color: var(--text-basic-color); --layout-text-font-family: var(--text-paragraph-font-family); --layout-text-font-size: var(--text-paragraph-font-size); --layout-text-font-weight: var(--text-paragraph-font-weight); --layout-text-line-height: var(--text-paragraph-line-height); --layout-min-height: 100vh; --layout-content-width: 900px; --layout-window-mode-min-width: 300px; --layout-window-mode-background-color: var(--background-basic-color-3); --layout-window-mode-padding-top: 4.75rem; --layout-window-shadow: var(--shadow); --layout-padding: 2.25rem 2.25rem 0.75rem; --layout-medium-padding: 1.5rem 1.5rem 0.5rem; --layout-small-padding: 1rem 1rem 0; --layout-scrollbar-background-color: var(--scrollbar-background-color); --layout-scrollbar-color: var(--scrollbar-color); --layout-scrollbar-width: var(--scrollbar-width); --sidebar-background-color: #f1f1f1; --sidebar-text-color: var(--text-basic-color); --sidebar-text-font-family: var(--text-paragraph-font-family); --sidebar-text-font-size: 13px; --sidebar-text-font-weight: var(--text-paragraph-font-weight); --sidebar-text-line-height: var(--text-paragraph-line-height); --sidebar-height: 100vh; --sidebar-width: 16rem; --sidebar-width-compact: 4rem; --sidebar-padding: 1.25rem; --sidebar-header-height: 3.5rem; --sidebar-footer-height: 3.5rem; --sidebar-shadow: var(--shadow); --sidebar-menu-item-highlight-color: var(--color-primary-default); --sidebar-scrollbar-background-color: var(--scrollbar-background-color); --sidebar-scrollbar-color: var(--scrollbar-color); --sidebar-scrollbar-width: var(--scrollbar-width); --menu-background-color: transparent; --menu-text-color: var(--text-basic-color); --menu-text-font-family: var(--text-subtitle-2-font-family); --menu-text-font-size: 13px; --menu-text-font-weight: var(--text-subtitle-2-font-weight); --menu-text-line-height: var(--text-subtitle-2-line-height); --menu-group-text-color: var(--text-hint-color); --menu-item-border-radius: 0; --menu-item-padding: 0.75rem 1rem; --menu-item-hover-background-color: var(--menu-background-color); --menu-item-hover-cursor: pointer; --menu-item-hover-text-color: var(--text-primary-hover-color); --menu-item-icon-hover-color: var(--menu-item-hover-text-color); --menu-item-active-background-color: var(--menu-background-color); --menu-item-active-text-color: var(--text-primary-color); --menu-item-icon-active-color: var(--menu-item-active-text-color); --menu-item-icon-color: var(--text-hint-color); --menu-item-icon-margin: 0 0.5rem 0 0; --menu-item-icon-width: 1.3rem; --menu-item-divider-color: var(--divider-color); --menu-item-divider-style: var(--divider-style); --menu-item-divider-width: var(--divider-width); --menu-submenu-background-color: var(--menu-background-color); --menu-submenu-text-color: var(--text-basic-color); --menu-submenu-margin: 0; --menu-submenu-padding: 0 1.25rem; --menu-submenu-item-border-color: var(--menu-submenu-background-color); --menu-submenu-item-border-style: solid; --menu-submenu-item-border-width: 0; --menu-submenu-item-border-radius: 0; --menu-submenu-item-padding: var(--menu-item-padding); --menu-submenu-item-hover-background-color: var(--menu-background-color); --menu-submenu-item-hover-border-color: var(--menu-submenu-item-border-color); --menu-submenu-item-hover-text-color: var(--menu-item-hover-text-color); --menu-submenu-item-icon-hover-color: var(--menu-item-icon-hover-color); --menu-submenu-item-active-background-color: var(--menu-background-color); --menu-submenu-item-active-border-color: var(--color-primary-default); --menu-submenu-item-active-text-color: var(--menu-item-active-text-color); --menu-submenu-item-icon-active-color: var(--menu-item-icon-active-color); --menu-submenu-item-active-hover-background-color: var(--menu-submenu-item-hover-background-color); --menu-submenu-item-active-hover-border-color: var(--color-primary-hover); --menu-submenu-item-active-hover-text-color: var(--menu-submenu-item-hover-text-color); --menu-submenu-item-icon-active-hover-color: var(--menu-submenu-item-icon-hover-color); --tabset-background-color: transparent; --tabset-border-radius: 0; --tabset-shadow: none; --tabset-tab-background-color: transparent; --tabset-tab-padding: 1rem 2rem; --tabset-tab-text-color: var(--text-hint-color); --tabset-tab-text-font-family: var(--text-button-font-family); --tabset-tab-text-font-size: var(--text-button-medium-font-size); --tabset-tab-text-font-weight: var(--text-button-font-weight); --tabset-tab-text-line-height: var(--text-button-medium-line-height); --tabset-tab-text-transform: uppercase; --tabset-tab-underline-width: 0.25rem; --tabset-tab-underline-color: transparent; --tabset-tab-active-background-color: transparent; --tabset-tab-active-text-color: var(--text-primary-color); --tabset-tab-active-underline-color: var(--text-primary-color); --tabset-tab-focus-background-color: transparent; --tabset-tab-focus-text-color: var(--text-primary-focus-color); --tabset-tab-focus-underline-color: var(--text-primary-focus-color); --tabset-tab-hover-background-color: transparent; --tabset-tab-hover-text-color: var(--text-primary-hover-color); --tabset-tab-hover-underline-color: var(--text-primary-hover-color); --tabset-tab-disabled-background-color: transparent; --tabset-tab-disabled-text-color: var(--text-disabled-color); --tabset-tab-disabled-underline-color: transparent; --tabset-tab–badge-dot-mode-horizontal-offset: 0.75rem; --tabset-tab-badge-dot-mode-padding: 0.25rem; --tabset-divider-color: var(--divider-color); --tabset-divider-style: var(--divider-style); --tabset-divider-width: var(--divider-width); --tabset-content-background-color: transparent; --tabset-content-padding: 1rem 0rem; --tabset-content-text-color: var(--text-basic-color); --tabset-content-text-font-family: var(--text-paragraph-font-family); --tabset-content-text-font-size: var(--text-paragraph-font-size); --tabset-content-text-font-weight: var(--text-paragraph-font-weight); --tabset-content-text-line-height: var(--text-paragraph-line-height); --tabset-scrollbar-color: var(--scrollbar-color); --tabset-scrollbar-background-color: var(--scrollbar-background-color); --tabset-scrollbar-width: var(--scrollbar-width); --route-tabset-background-color: transparent; --route-tabset-border-radius: 0; --route-tabset-shadow: none; --route-tabset-tab-background-color: transparent; --route-tabset-tab-padding: 1rem 2rem; --route-tabset-tab-text-color: var(--text-hint-color); --route-tabset-tab-text-font-family: var(--text-button-font-family); --route-tabset-tab-text-font-size: var(--text-button-medium-font-size); --route-tabset-tab-text-font-weight: var(--text-button-font-weight); --route-tabset-tab-text-line-height: var(--text-button-medium-line-height); --route-tabset-tab-text-transform: uppercase; --route-tabset-tab-underline-width: 0.25rem; --route-tabset-tab-underline-color: transparent; --route-tabset-tab-active-background-color: transparent; --route-tabset-tab-active-text-color: var(--text-primary-color); --route-tabset-tab-active-underline-color: var(--text-primary-color); --route-tabset-tab-focus-background-color: transparent; --route-tabset-tab-focus-text-color: var(--text-primary-focus-color); --route-tabset-tab-focus-underline-color: var(--text-primary-focus-color); --route-tabset-tab-hover-background-color: transparent; --route-tabset-tab-hover-text-color: var(--text-primary-hover-color); --route-tabset-tab-hover-underline-color: var(--text-primary-hover-color); --route-tabset-tab-disabled-background-color: transparent; --route-tabset-tab-disabled-text-color: var(--text-disabled-color); --route-tabset-tab-disabled-underline-color: transparent; --route-tabset-divider-color: var(--divider-color); --route-tabset-divider-style: var(--divider-style); --route-tabset-divider-width: var(--divider-width); --route-tabset-scrollbar-color: var(--scrollbar-color); --route-tabset-scrollbar-background-color: var(--scrollbar-background-color); --route-tabset-scrollbar-width: var(--scrollbar-width); --user-picture-box-background-color: transparent; --user-picture-box-border-color: var(--border-basic-color-3); --user-picture-box-border-width: 1px; --user-initials-text-color: var(--text-basic-color); --user-initials-text-font-family: var(--text-paragraph-font-family); --user-initials-text-font-weight: var(--text-paragraph-font-weight); --user-name-text-color: var(--text-basic-color); --user-name-text-font-family: var(--text-paragraph-font-family); --user-name-text-font-weight: var(--text-paragraph-font-weight); --user-title-text-color: var(--text-basic-color); --user-title-text-font-family: var(--text-paragraph-2-font-family); --user-title-text-font-weight: var(--text-paragraph-2-font-weight); --user-rectangle-border-radius: 0.5rem; --user-semi-round-border-radius: 0.75rem; --user-round-border-radius: 50%; --user-tiny-height: 1.25rem; --user-tiny-width: 1.25rem; --user-tiny-initials-text-font-size: var(--text-caption-font-size); --user-tiny-initials-text-line-height: var(--text-caption-line-height); --user-tiny-name-text-font-size: var(--text-caption-font-size); --user-tiny-name-text-line-height: var(--text-caption-line-height); --user-tiny-title-text-font-size: var(--text-caption-font-size); --user-tiny-title-text-line-height: var(--text-caption-line-height); --user-small-height: 1.5rem; --user-small-width: 1.5rem; --user-small-initials-text-font-size: var(--text-caption-font-size); --user-small-initials-text-line-height: var(--text-caption-line-height); --user-small-name-text-font-size: var(--text-caption-font-size); --user-small-name-text-line-height: var(--text-caption-line-height); --user-small-title-text-font-size: var(--text-caption-font-size); --user-small-title-text-line-height: var(--text-caption-line-height); --user-medium-height: 2.5rem; --user-medium-width: 2.5rem; --user-medium-initials-text-font-size: var(--text-paragraph-font-size); --user-medium-initials-text-line-height: var(--text-paragraph-line-height); --user-medium-name-text-font-size: var(--text-paragraph-font-size); --user-medium-name-text-line-height: var(--text-paragraph-line-height); --user-medium-title-text-font-size: var(--text-caption-font-size); --user-medium-title-text-line-height: var(--text-caption-line-height); --user-large-height: 3.25rem; --user-large-width: 3.25rem; --user-large-initials-text-font-size: var(--text-paragraph-font-size); --user-large-initials-text-line-height: var(--text-paragraph-line-height); --user-large-name-text-font-size: var(--text-paragraph-font-size); --user-large-name-text-line-height: var(--text-paragraph-line-height); --user-large-title-text-font-size: var(--text-paragraph-2-font-size); --user-large-title-text-line-height: var(--text-paragraph-2-line-height); --user-giant-height: 4rem; --user-giant-width: 4rem; --user-giant-initials-text-font-size: var(--text-paragraph-font-size); --user-giant-initials-text-line-height: var(--text-paragraph-line-height); --user-giant-name-text-font-size: var(--text-paragraph-font-size); --user-giant-name-text-line-height: var(--text-paragraph-line-height); --user-giant-title-text-font-size: var(--text-paragraph-font-size); --user-giant-title-text-line-height: var(--text-paragraph-line-height); --popover-text-color: var(--text-basic-color); --popover-text-font-family: var(--text-paragraph-font-family); --popover-text-font-size: var(--text-paragraph-font-size); --popover-text-font-weight: var(--text-paragraph-font-weight); --popover-text-line-height: var(--text-paragraph-line-height); --popover-background-color: var(--background-basic-color-1); --popover-border-width: 1px; --popover-border-color: transparent; --popover-border-radius: var(--border-radius); --popover-shadow: var(--shadow); --popover-arrow-size: 0.6875rem; --popover-padding: 0.75rem 1rem; --context-menu-background-color: var(--background-basic-color-1); --context-menu-border-color: transparent; --context-menu-border-style: solid; --context-menu-border-width: 0; --context-menu-border-radius: var(--border-radius); --context-menu-text-align: center; --context-menu-min-width: 10rem; --context-menu-max-width: 25rem; --context-menu-shadow: var(--shadow); --actions-background-color: transparent; --actions-divider-color: var(--divider-color); --actions-divider-style: var(--divider-style); --actions-divider-width: var(--divider-width); --actions-icon-color: var(--text-hint-color); --actions-text-color: var(--text-basic-color); --actions-text-font-family: var(--text-button-font-family); --actions-text-font-weight: var(--text-button-font-weight); --actions-text-line-height: var(--text-button-medium-line-height); --actions-disabled-icon-color: var(--text-disabled-color); --actions-disabled-text-color: var(--text-disabled-color); --actions-tiny-height: 1rem; --actions-tiny-icon-height: var(--actions-tiny-height); --actions-tiny-padding: 0 1.25rem; --actions-tiny-text-font-size: var(--text-button-tiny-font-size); --actions-small-height: 1.5rem; --actions-small-icon-height: var(--actions-small-height); --actions-small-padding: 0 1.25rem; --actions-small-text-font-size: var(--text-button-small-font-size); --actions-medium-height: 2.25rem; --actions-medium-icon-height: var(--actions-medium-height); --actions-medium-padding: 0 1.25rem; --actions-medium-text-font-size: 14px; --actions-large-height: 3.5rem; --actions-large-icon-height: var(--actions-large-height); --actions-large-padding: 0 1.25rem; --actions-large-text-font-size: var(--text-button-large-font-size); --actions-giant-height: 4rem; --actions-giant-icon-height: var(--actions-giant-height); --actions-giant-padding: 0 1.25rem; --actions-giant-text-font-size: var(--text-button-giant-font-size); --search-background-color: var(--background-basic-color-1); --search-divider-color: var(--divider-color); --search-divider-style: var(--divider-style); --search-divider-width: var(--divider-width); --search-extra-background-color: var(--color-primary-default); --search-text-color: var(--text-basic-color); --search-text-font-family: var(--text-heading-1-font-family); --search-text-font-size: var(--text-heading-1-font-size); --search-text-font-weight: var(--text-heading-1-font-weight); --search-text-line-height: var(--text-heading-1-line-height); --search-placeholder-text-color: var(--text-hint-color); --search-info-text-color: var(--text-hint-color); --search-info-text-font-family: var(--text-subtitle-font-family); --search-info-text-font-size: var(--text-subtitle-font-size); --search-info-text-font-weight: var(--text-subtitle-font-weight); --search-info-text-line-height: var(--text-subtitle-line-height); --smart-table-header-font-family: var(--text-paragraph-font-family); --smart-table-header-font-size: var(--text-paragraph-font-size); --smart-table-header-font-weight: var(--text-paragraph-font-weight); --smart-table-header-line-height: var(--text-paragraph-line-height); --smart-table-header-fg: var(--text-basic-color); --smart-table-header-bg: var(--background-basic-color-1); --smart-table-font-family: var(--text-paragraph-font-family); --smart-table-font-size: var(--text-paragraph-font-size); --smart-table-font-weight: var(--text-paragraph-font-weight); --smart-table-line-height: var(--text-paragraph-line-height); --smart-table-fg: var(--text-basic-color); --smart-table-bg: var(--background-basic-color-1); --smart-table-bg-even: #f8fafa; --smart-table-fg-secondary: var(--text-basic-color); --smart-table-bg-active: #bce9ea; --smart-table-padding: 0.875rem 1.25rem; --smart-table-filter-padding: 0.375rem 0.5rem; --smart-table-separator: var(--divider-color); --smart-table-border-radius: var(--border-radius); --smart-table-action-add-edit-hover-text-color: var(--color-primary-default); --smart-table-action-cancel-delete-hover-text-color: var(--color-danger-default); --smart-table-add-button-border-color: var(--button-filled-primary-border-color); --smart-table-add-button-background-color: var(--button-filled-primary-background-color); --smart-table-add-button-text-color: var(--button-filled-primary-text-color); --smart-table-add-button-focus-border-color: var(--button-filled-primary-focus-border-color); --smart-table-add-button-hover-background-color: var(--button-filled-primary-hover-background-color); --smart-table-add-button-hover-border-color: var(--button-filled-primary-hover-border-color); --smart-table-add-button-active-background-color: var(--button-filled-primary-active-background-color); --smart-table-add-button-active-border-color: var(--button-filled-primary-active-border-color); --smart-table-paging-font-family: var(--button-text-font-family); --smart-table-paging-font-size: var(--button-medium-text-font-size); --smart-table-paging-line-height: var(--button-medium-text-line-height); --smart-table-paging-border-color: var(--divider-color); --smart-table-paging-border-width: var(--divider-width); --smart-table-paging-fg-active: var(--text-control-color); --smart-table-paging-bg-active: #383838; --smart-table-paging-hover: transparent; --smart-table-paging-hover-border-color: var(--button-outline-primary-hover-border-color); --smart-table-paging-hover-text-color: var(--button-outline-primary-hover-text-color); --smart-table-paging-disabled-text-color: var(--button-outline-primary-disabled-text-color); --smart-table-paging-page-text-color: var(--button-outline-primary-text-color); --smart-table-paging-page-focus-border-color: var(--button-outline-primary-focus-border-color); --smart-table-paging-page-focus-text-color: var(--button-outline-primary-focus-text-color); --toastr-border-style: solid; --toastr-border-width: 1px; --toastr-border-radius: var(--border-radius); --toastr-padding: 1rem; --toastr-shadow: var(--shadow); --toastr-text-font-family: var(--text-paragraph-2-font-family); --toastr-text-font-size: var(--text-paragraph-2-font-size); --toastr-text-font-weight: 600; --toastr-text-line-height: var(--text-paragraph-2-line-height); --toastr-title-text-font-family: var(--text-subtitle-font-family); --toastr-title-text-font-size: var(--text-subtitle-font-size); --toastr-title-text-font-weight: var(--text-subtitle-font-weight); --toastr-title-text-line-height: var(--text-subtitle-line-height); --toastr-basic-background-color: var(--background-basic-color-1); --toastr-basic-border-color: var(--border-basic-color-3); --toastr-basic-text-color: var(--text-basic-color); --toastr-icon-basic-background-color: var(--background-basic-color-1); --toastr-icon-basic-color: var(--text-basic-color); --toastr-destroyable-basic-hover-background-color: var(--background-basic-color-1); --toastr-destroyable-basic-hover-border-color: var(--border-basic-color-3); --toastr-primary-background-color: var(--color-primary-default); --toastr-primary-border-color: var(--color-primary-default); --toastr-primary-text-color: var(--text-control-color); --toastr-icon-primary-background-color: var(--background-basic-color-1); --toastr-icon-primary-color: var(--color-primary-default); --toastr-destroyable-primary-hover-background-color: var(--color-primary-hover); --toastr-destroyable-primary-hover-border-color: var(--color-primary-hover); --toastr-success-background-color: var(--color-success-default); --toastr-success-border-color: var(--color-success-default); --toastr-success-text-color: var(--text-control-color); --toastr-icon-success-background-color: var(--background-basic-color-1); --toastr-icon-success-color: var(--color-success-default); --toastr-destroyable-success-hover-background-color: var(--color-success-hover); --toastr-destroyable-success-hover-border-color: var(--color-success-hover); --toastr-info-background-color: var(--color-info-default); --toastr-info-border-color: var(--color-info-default); --toastr-info-text-color: var(--text-control-color); --toastr-icon-info-background-color: var(--background-basic-color-1); --toastr-icon-info-color: var(--color-info-default); --toastr-destroyable-info-hover-background-color: var(--color-info-hover); --toastr-destroyable-info-hover-border-color: var(--color-info-hover); --toastr-warning-background-color: var(--color-warning-default); --toastr-warning-border-color: var(--color-warning-default); --toastr-warning-text-color: var(--text-control-color); --toastr-icon-warning-background-color: var(--background-basic-color-1); --toastr-icon-warning-color: var(--color-warning-default); --toastr-destroyable-warning-hover-background-color: var(--color-warning-hover); --toastr-destroyable-warning-hover-border-color: var(--color-warning-hover); --toastr-danger-background-color: var(--color-danger-default); --toastr-danger-border-color: var(--color-danger-default); --toastr-danger-text-color: var(--text-control-color); --toastr-icon-danger-background-color: var(--background-basic-color-1); --toastr-icon-danger-color: var(--color-danger-default); --toastr-destroyable-danger-hover-background-color: var(--color-danger-hover); --toastr-destroyable-danger-hover-border-color: var(--color-danger-hover); --toastr-control-background-color: var(--color-control-default); --toastr-control-border-color: var(--color-control-default); --toastr-control-text-color: var(--color-basic-800); --toastr-icon-control-background-color: var(--color-control-default); --toastr-icon-control-color: var(--color-basic-800); --toastr-destroyable-control-hover-background-color: var(--color-control-hover); --toastr-destroyable-control-hover-border-color: var(--color-control-hover); --button-cursor: pointer; --button-outline-width: var(--outline-width); --button-outline-color: var(--outline-color); --button-text-font-family: var(--text-button-font-family); --button-text-font-weight: var(--text-button-font-weight); --button-disabled-cursor: default; --button-tiny-text-font-size: var(--text-button-tiny-font-size); --button-tiny-text-line-height: var(--text-button-tiny-line-height); --button-tiny-icon-size: 0.75rem; --button-tiny-icon-vertical-margin: -0.125rem; --button-tiny-icon-offset: 0.375rem; --button-small-text-font-size: 0.9rem; --button-small-text-line-height: var(--text-button-small-line-height); --button-small-icon-size: 1rem; --button-small-icon-vertical-margin: -0.125rem; --button-small-icon-offset: 0.375rem; --button-medium-text-font-size: var(--text-button-medium-font-size); --button-medium-text-line-height: var(--text-button-medium-line-height); --button-medium-icon-size: 1.25rem; --button-medium-icon-vertical-margin: -0.125rem; --button-medium-icon-offset: 0.5rem; --button-large-text-font-size: var(--text-button-large-font-size); --button-large-text-line-height: var(--text-button-large-line-height); --button-large-icon-size: 1.5rem; --button-large-icon-vertical-margin: -0.125rem; --button-large-icon-offset: 0.75rem; --button-giant-text-font-size: var(--text-button-giant-font-size); --button-giant-text-line-height: var(--text-button-giant-line-height); --button-giant-icon-size: 1.5rem; --button-giant-icon-vertical-margin: -0.125rem; --button-giant-icon-offset: 0.75rem; --button-rectangle-border-radius: var(--border-radius); --button-semi-round-border-radius: 0.75rem; --button-round-border-radius: 1.5rem; --button-filled-border-style: solid; --button-filled-border-width: 0.0625rem; --button-filled-text-transform: uppercase; --button-filled-tiny-padding: 0.3125rem 0.625rem; --button-filled-small-padding: 0.4375rem 0.875rem; --button-filled-medium-padding: 0.6875rem 1.125rem; --button-filled-large-padding: 0.8125rem 1.125rem; --button-filled-giant-padding: 0.9375rem 1.375rem; --button-filled-basic-background-color: var(--color-basic-default); --button-filled-basic-border-color: var(--color-basic-default-border); --button-filled-basic-text-color: var(--color-basic-800); --button-filled-basic-focus-background-color: var(--color-basic-focus); --button-filled-basic-focus-border-color: var(--color-basic-focus-border); --button-filled-basic-hover-background-color: var(--color-basic-hover); --button-filled-basic-hover-border-color: var(--color-basic-hover-border); --button-filled-basic-active-background-color: var(--color-basic-active); --button-filled-basic-active-border-color: var(--color-basic-active-border); --button-filled-basic-disabled-background-color: var(--color-basic-disabled); --button-filled-basic-disabled-border-color: var(--color-basic-disabled-border); --button-filled-basic-disabled-text-color: var(--text-disabled-color); --button-filled-primary-background-color: var(--color-primary-default); --button-filled-primary-border-color: var(--color-primary-default-border); --button-filled-primary-text-color: var(--text-control-color); --button-filled-primary-focus-background-color: var(--color-primary-focus); --button-filled-primary-focus-border-color: var(--color-primary-focus-border); --button-filled-primary-hover-background-color: var(--color-primary-hover); --button-filled-primary-hover-border-color: var(--color-primary-hover-border); --button-filled-primary-active-background-color: var(--color-primary-active); --button-filled-primary-active-border-color: var(--color-primary-active-border); --button-filled-primary-disabled-background-color: var(--color-primary-disabled); --button-filled-primary-disabled-border-color: var(--color-primary-disabled-border); --button-filled-primary-disabled-text-color: var(--text-disabled-color); --button-filled-success-background-color: var(--color-success-default); --button-filled-success-border-color: var(--color-success-default-border); --button-filled-success-text-color: var(--text-control-color); --button-filled-success-focus-background-color: var(--color-success-focus); --button-filled-success-focus-border-color: var(--color-success-focus-border); --button-filled-success-hover-background-color: var(--color-success-hover); --button-filled-success-hover-border-color: var(--color-success-hover-border); --button-filled-success-active-background-color: var(--color-success-active); --button-filled-success-active-border-color: var(--color-success-active-border); --button-filled-success-disabled-background-color: var(--color-success-disabled); --button-filled-success-disabled-border-color: var(--color-success-disabled-border); --button-filled-success-disabled-text-color: var(--text-disabled-color); --button-filled-info-background-color: var(--color-info-default); --button-filled-info-border-color: var(--color-info-default-border); --button-filled-info-text-color: var(--text-control-color); --button-filled-info-focus-background-color: var(--color-info-focus); --button-filled-info-focus-border-color: var(--color-info-focus-border); --button-filled-info-hover-background-color: var(--color-info-hover); --button-filled-info-hover-border-color: var(--color-info-hover-border); --button-filled-info-active-background-color: var(--color-info-active); --button-filled-info-active-border-color: var(--color-info-active-border); --button-filled-info-disabled-background-color: var(--color-info-disabled); --button-filled-info-disabled-border-color: var(--color-info-disabled-border); --button-filled-info-disabled-text-color: var(--text-disabled-color); --button-filled-warning-background-color: var(--color-warning-default); --button-filled-warning-border-color: var(--color-warning-default-border); --button-filled-warning-text-color: var(--text-control-color); --button-filled-warning-focus-background-color: var(--color-warning-focus); --button-filled-warning-focus-border-color: var(--color-warning-focus-border); --button-filled-warning-hover-background-color: var(--color-warning-hover); --button-filled-warning-hover-border-color: var(--color-warning-hover-border); --button-filled-warning-active-background-color: var(--color-warning-active); --button-filled-warning-active-border-color: var(--color-warning-active-border); --button-filled-warning-disabled-background-color: var(--color-warning-disabled); --button-filled-warning-disabled-border-color: var(--color-warning-disabled-border); --button-filled-warning-disabled-text-color: var(--text-disabled-color); --button-filled-danger-background-color: var(--color-danger-default); --button-filled-danger-border-color: var(--color-danger-default-border); --button-filled-danger-text-color: var(--text-control-color); --button-filled-danger-focus-background-color: var(--color-danger-focus); --button-filled-danger-focus-border-color: var(--color-danger-focus-border); --button-filled-danger-hover-background-color: var(--color-danger-hover); --button-filled-danger-hover-border-color: var(--color-danger-hover-border); --button-filled-danger-active-background-color: var(--color-danger-active); --button-filled-danger-active-border-color: var(--color-danger-active-border); --button-filled-danger-disabled-background-color: var(--color-danger-disabled); --button-filled-danger-disabled-border-color: var(--color-danger-disabled-border); --button-filled-danger-disabled-text-color: var(--text-disabled-color); --button-filled-control-background-color: var(--color-control-default); --button-filled-control-border-color: var(--color-control-default-border); --button-filled-control-text-color: var(--color-basic-800); --button-filled-control-focus-background-color: var(--color-control-focus); --button-filled-control-focus-border-color: var(--color-control-focus-border); --button-filled-control-hover-background-color: var(--color-control-hover); --button-filled-control-hover-border-color: var(--color-control-hover-border); --button-filled-control-active-background-color: var(--color-control-active); --button-filled-control-active-border-color: var(--color-control-active-border); --button-filled-control-disabled-background-color: var(--color-control-disabled); --button-filled-control-disabled-border-color: var(--color-control-disabled-border); --button-filled-control-disabled-text-color: var(--text-disabled-color); --button-outline-border-style: solid; --button-outline-border-width: 0.0625rem; --button-outline-text-transform: uppercase; --button-outline-focus-inset-shadow-length: 0 0 0 100vmax; --button-outline-tiny-padding: 0.3125rem 0.625rem; --button-outline-small-padding: 0.4375rem 0.875rem; --button-outline-medium-padding: 0.6875rem 1.125rem; --button-outline-large-padding: 0.8125rem 1.125rem; --button-outline-giant-padding: 0.9375rem 1.375rem; --button-outline-basic-background-color: var(--color-basic-transparent-default); --button-outline-basic-border-color: var(--color-basic-transparent-default-border); --button-outline-basic-text-color: var(--text-hint-color); --button-outline-basic-focus-background-color: var(--color-basic-transparent-focus); --button-outline-basic-focus-border-color: var(--color-basic-transparent-focus-border); --button-outline-basic-focus-text-color: var(--text-hint-color); --button-outline-basic-hover-background-color: var(--color-basic-transparent-hover); --button-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border); --button-outline-basic-hover-text-color: var(--text-hint-color); --button-outline-basic-active-background-color: var(--color-basic-transparent-active); --button-outline-basic-active-border-color: var(--color-basic-transparent-active-border); --button-outline-basic-active-text-color: var(--text-hint-color); --button-outline-basic-disabled-background-color: var(--color-basic-transparent-disabled); --button-outline-basic-disabled-border-color: var(--color-basic-transparent-disabled-border); --button-outline-basic-disabled-text-color: var(--text-disabled-color); --button-outline-primary-background-color: var(--color-primary-transparent-default); --button-outline-primary-border-color: var(--color-primary-transparent-default-border); --button-outline-primary-text-color: var(--text-primary-color); --button-outline-primary-focus-background-color: var(--color-primary-transparent-focus); --button-outline-primary-focus-border-color: var(--color-primary-transparent-focus-border); --button-outline-primary-focus-text-color: var(--text-primary-color); --button-outline-primary-hover-background-color: var(--color-primary-transparent-hover); --button-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border); --button-outline-primary-hover-text-color: var(--text-primary-color); --button-outline-primary-active-background-color: var(--color-primary-transparent-active); --button-outline-primary-active-border-color: var(--color-primary-transparent-active-border); --button-outline-primary-active-text-color: var(--text-primary-color); --button-outline-primary-disabled-background-color: var(--color-primary-transparent-disabled); --button-outline-primary-disabled-border-color: var(--color-primary-transparent-disabled-border); --button-outline-primary-disabled-text-color: var(--text-disabled-color); --button-outline-success-background-color: var(--color-success-transparent-default); --button-outline-success-border-color: var(--color-success-transparent-default-border); --button-outline-success-text-color: var(--text-success-color); --button-outline-success-focus-background-color: var(--color-success-transparent-focus); --button-outline-success-focus-border-color: var(--color-success-transparent-focus-border); --button-outline-success-focus-text-color: var(--text-success-color); --button-outline-success-hover-background-color: var(--color-success-transparent-hover); --button-outline-success-hover-border-color: var(--color-success-transparent-hover-border); --button-outline-success-hover-text-color: var(--text-success-color); --button-outline-success-active-background-color: var(--color-success-transparent-active); --button-outline-success-active-border-color: var(--color-success-transparent-active-border); --button-outline-success-active-text-color: var(--text-success-color); --button-outline-success-disabled-background-color: var(--color-success-transparent-disabled); --button-outline-success-disabled-border-color: var(--color-success-transparent-disabled-border); --button-outline-success-disabled-text-color: var(--text-disabled-color); --button-outline-info-background-color: var(--color-info-transparent-default); --button-outline-info-border-color: var(--color-info-transparent-default-border); --button-outline-info-text-color: var(--text-info-color); --button-outline-info-focus-background-color: var(--color-info-transparent-focus); --button-outline-info-focus-border-color: var(--color-info-transparent-focus-border); --button-outline-info-focus-text-color: var(--text-info-color); --button-outline-info-hover-background-color: var(--color-info-transparent-hover); --button-outline-info-hover-border-color: var(--color-info-transparent-hover-border); --button-outline-info-hover-text-color: var(--text-info-color); --button-outline-info-active-background-color: var(--color-info-transparent-active); --button-outline-info-active-border-color: var(--color-info-transparent-active-border); --button-outline-info-active-text-color: var(--text-info-color); --button-outline-info-disabled-background-color: var(--color-info-transparent-disabled); --button-outline-info-disabled-border-color: var(--color-info-transparent-disabled-border); --button-outline-info-disabled-text-color: var(--text-disabled-color); --button-outline-warning-background-color: var(--color-warning-transparent-default); --button-outline-warning-border-color: var(--color-warning-transparent-default-border); --button-outline-warning-text-color: var(--text-warning-color); --button-outline-warning-focus-background-color: var(--color-warning-transparent-focus); --button-outline-warning-focus-border-color: var(--color-warning-transparent-focus-border); --button-outline-warning-focus-text-color: var(--text-warning-color); --button-outline-warning-hover-background-color: var(--color-warning-transparent-hover); --button-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border); --button-outline-warning-hover-text-color: var(--text-warning-color); --button-outline-warning-active-background-color: var(--color-warning-transparent-active); --button-outline-warning-active-border-color: var(--color-warning-transparent-active-border); --button-outline-warning-active-text-color: var(--text-warning-color); --button-outline-warning-disabled-background-color: var(--color-warning-transparent-disabled); --button-outline-warning-disabled-border-color: var(--color-warning-transparent-disabled-border); --button-outline-warning-disabled-text-color: var(--text-disabled-color); --button-outline-danger-background-color: none; --button-outline-danger-border-color: var(--color-danger-transparent-default-border); --button-outline-danger-text-color: var(--text-danger-color); --button-outline-danger-focus-background-color: var(--color-danger-transparent-focus); --button-outline-danger-focus-border-color: var(--color-danger-transparent-focus-border); --button-outline-danger-focus-text-color: var(--text-danger-color); --button-outline-danger-hover-background-color: var(--color-danger-transparent-hover); --button-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border); --button-outline-danger-hover-text-color: var(--text-danger-color); --button-outline-danger-active-background-color: var(--color-danger-transparent-active); --button-outline-danger-active-border-color: var(--color-danger-transparent-active-border); --button-outline-danger-active-text-color: var(--text-danger-color); --button-outline-danger-disabled-background-color: var(--color-danger-transparent-disabled); --button-outline-danger-disabled-border-color: var(--color-danger-transparent-disabled-border); --button-outline-danger-disabled-text-color: var(--text-disabled-color); --button-outline-control-background-color: var(--color-control-transparent-default); --button-outline-control-border-color: var(--color-control-transparent-default-border); --button-outline-control-text-color: var(--text-control-color); --button-outline-control-focus-background-color: var(--color-control-transparent-focus); --button-outline-control-focus-border-color: var(--color-control-transparent-focus-border); --button-outline-control-focus-text-color: var(--text-control-color); --button-outline-control-hover-background-color: var(--color-control-transparent-hover); --button-outline-control-hover-border-color: var(--color-control-transparent-hover-border); --button-outline-control-hover-text-color: var(--text-control-color); --button-outline-control-active-background-color: var(--color-control-transparent-active); --button-outline-control-active-border-color: var(--color-control-transparent-active-border); --button-outline-control-active-text-color: var(--text-control-color); --button-outline-control-disabled-background-color: var(--color-control-transparent-disabled); --button-outline-control-disabled-border-color: var(--color-control-transparent-disabled-border); --button-outline-control-disabled-text-color: var(--text-disabled-color); --button-ghost-background-color: transparent; --button-ghost-border-color: transparent; --button-ghost-border-style: solid; --button-ghost-border-width: 0.0625rem; --button-ghost-text-transform: uppercase; --button-ghost-focus-inset-shadow-length: 0 0 0 100vmax; --button-ghost-tiny-padding: 0.3125rem 0.625rem; --button-ghost-small-padding: 0.4375rem 0.875rem; --button-ghost-medium-padding: 0.6875rem 1.125rem; --button-ghost-large-padding: 0.8125rem 1.125rem; --button-ghost-giant-padding: 0.9375rem 1.375rem; --button-ghost-basic-text-color: var(--color-basic-600); --button-ghost-basic-focus-background-color: var(--color-basic-transparent-200); --button-ghost-basic-focus-border-color: var(--color-basic-transparent-500); --button-ghost-basic-focus-text-color: var(--color-basic-600); --button-ghost-basic-hover-background-color: var(--color-basic-transparent-100); --button-ghost-basic-hover-border-color: transparent; --button-ghost-basic-hover-text-color: var(--color-basic-600); --button-ghost-basic-active-background-color: var(--color-basic-transparent-200); --button-ghost-basic-active-border-color: transparent; --button-ghost-basic-active-text-color: var(--color-basic-600); --button-ghost-basic-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-basic-disabled-border-color: transparent; --button-ghost-basic-disabled-text-color: var(--text-disabled-color); --button-ghost-primary-text-color: var(--text-primary-color); --button-ghost-primary-focus-background-color: var(--color-basic-transparent-200); --button-ghost-primary-focus-border-color: var(--color-basic-transparent-500); --button-ghost-primary-focus-text-color: var(--text-primary-color); --button-ghost-primary-hover-background-color: var(--color-basic-transparent-100); --button-ghost-primary-hover-border-color: transparent; --button-ghost-primary-hover-text-color: var(--text-primary-color); --button-ghost-primary-active-background-color: var(--color-basic-transparent-200); --button-ghost-primary-active-border-color: transparent; --button-ghost-primary-active-text-color: var(--text-primary-color); --button-ghost-primary-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-primary-disabled-border-color: transparent; --button-ghost-primary-disabled-text-color: var(--text-disabled-color); --button-ghost-success-text-color: var(--text-success-color); --button-ghost-success-focus-background-color: var(--color-basic-transparent-200); --button-ghost-success-focus-border-color: var(--color-basic-transparent-500); --button-ghost-success-focus-text-color: var(--text-success-color); --button-ghost-success-hover-background-color: var(--color-basic-transparent-100); --button-ghost-success-hover-border-color: transparent; --button-ghost-success-hover-text-color: var(--text-success-color); --button-ghost-success-active-background-color: var(--color-basic-transparent-200); --button-ghost-success-active-border-color: transparent; --button-ghost-success-active-text-color: var(--text-success-color); --button-ghost-success-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-success-disabled-border-color: transparent; --button-ghost-success-disabled-text-color: var(--text-disabled-color); --button-ghost-info-text-color: var(--text-info-color); --button-ghost-info-focus-background-color: var(--color-basic-transparent-200); --button-ghost-info-focus-border-color: var(--color-basic-transparent-500); --button-ghost-info-focus-text-color: var(--text-info-color); --button-ghost-info-hover-background-color: var(--color-basic-transparent-100); --button-ghost-info-hover-border-color: transparent; --button-ghost-info-hover-text-color: var(--text-info-color); --button-ghost-info-active-background-color: var(--color-basic-transparent-200); --button-ghost-info-active-border-color: transparent; --button-ghost-info-active-text-color: var(--text-info-color); --button-ghost-info-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-info-disabled-border-color: transparent; --button-ghost-info-disabled-text-color: var(--text-disabled-color); --button-ghost-warning-text-color: var(--text-warning-color); --button-ghost-warning-focus-background-color: var(--color-basic-transparent-200); --button-ghost-warning-focus-border-color: var(--color-basic-transparent-500); --button-ghost-warning-focus-text-color: var(--text-warning-color); --button-ghost-warning-hover-background-color: var(--color-basic-transparent-100); --button-ghost-warning-hover-border-color: transparent; --button-ghost-warning-hover-text-color: var(--text-warning-color); --button-ghost-warning-active-background-color: var(--color-basic-transparent-200); --button-ghost-warning-active-border-color: transparent; --button-ghost-warning-active-text-color: var(--text-warning-color); --button-ghost-warning-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-warning-disabled-border-color: transparent; --button-ghost-warning-disabled-text-color: var(--text-disabled-color); --button-ghost-danger-text-color: var(--text-danger-color); --button-ghost-danger-focus-background-color: var(--color-basic-transparent-200); --button-ghost-danger-focus-border-color: var(--color-basic-transparent-500); --button-ghost-danger-focus-text-color: var(--text-danger-color); --button-ghost-danger-hover-background-color: var(--color-basic-transparent-100); --button-ghost-danger-hover-border-color: transparent; --button-ghost-danger-hover-text-color: var(--text-danger-color); --button-ghost-danger-active-background-color: var(--color-basic-transparent-200); --button-ghost-danger-active-border-color: transparent; --button-ghost-danger-active-text-color: var(--text-danger-color); --button-ghost-danger-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-danger-disabled-border-color: transparent; --button-ghost-danger-disabled-text-color: var(--text-disabled-color); --button-ghost-control-text-color: var(--color-basic-100); --button-ghost-control-focus-background-color: var(--color-basic-transparent-200); --button-ghost-control-focus-border-color: var(--color-basic-transparent-500); --button-ghost-control-focus-text-color: var(--color-basic-100); --button-ghost-control-hover-background-color: var(--color-basic-transparent-100); --button-ghost-control-hover-border-color: transparent; --button-ghost-control-hover-text-color: var(--color-basic-100); --button-ghost-control-active-background-color: var(--color-basic-transparent-200); --button-ghost-control-active-border-color: transparent; --button-ghost-control-active-text-color: var(--color-basic-100); --button-ghost-control-disabled-background-color: var(--color-basic-transparent-200); --button-ghost-control-disabled-border-color: transparent; --button-ghost-control-disabled-text-color: var(--text-disabled-color); --button-hero-border-color: transparent; --button-hero-border-style: solid; --button-hero-border-width: 0; --button-hero-text-transform: capitalize; --button-hero-tiny-padding: 0.375rem 0.6875rem; --button-hero-small-padding: 0.5rem 0.9375rem; --button-hero-medium-padding: 0.75rem 1.1875rem; --button-hero-large-padding: 0.875rem 1.1875rem; --button-hero-giant-padding: 1rem 1.4375rem; --button-hero-shadow: 0 0 transparent; --button-hero-text-shadow: var(--shadow); --button-hero-bevel-size: 0 0 0 0; --button-hero-glow-size: 0 0 0 0; --button-hero-outline-color: var(--outline-color); --button-hero-outline-width: var(--outline-width); --button-hero-basic-text-color: var(--color-basic-600); --button-hero-basic-bevel-color: var(--color-basic-600); --button-hero-basic-glow-color: var(--color-basic-700); --button-hero-basic-left-background-color: var(--color-basic-200); --button-hero-basic-right-background-color: var(--color-basic-default); --button-hero-basic-focus-left-background-color: var(--color-basic-300); --button-hero-basic-focus-right-background-color: var(--color-basic-focus); --button-hero-basic-hover-left-background-color: var(--color-basic-100); --button-hero-basic-hover-right-background-color: var(--color-basic-hover); --button-hero-basic-active-left-background-color: var(--color-basic-300); --button-hero-basic-active-right-background-color: var(--color-basic-active); --button-hero-basic-disabled-background-color: var(--color-basic-disabled); --button-hero-basic-disabled-text-color: var(--text-disabled-color); --button-hero-primary-text-color: var(--text-control-color); --button-hero-primary-bevel-color: var(--color-primary-600); --button-hero-primary-glow-color: var(--color-primary-700); --button-hero-primary-left-background-color: var(--color-primary-400); --button-hero-primary-right-background-color: var(--color-primary-default); --button-hero-primary-focus-left-background-color: var(--color-primary-500); --button-hero-primary-focus-right-background-color: var(--color-primary-focus); --button-hero-primary-hover-left-background-color: var(--color-primary-300); --button-hero-primary-hover-right-background-color: var(--color-primary-hover); --button-hero-primary-active-left-background-color: var(--color-primary-500); --button-hero-primary-active-right-background-color: var(--color-primary-active); --button-hero-primary-disabled-background-color: var(--color-primary-disabled); --button-hero-primary-disabled-text-color: var(--text-disabled-color); --button-hero-success-text-color: var(--text-control-color); --button-hero-success-bevel-color: var(--color-success-600); --button-hero-success-glow-color: var(--color-success-700); --button-hero-success-left-background-color: var(--color-success-400); --button-hero-success-right-background-color: var(--color-success-default); --button-hero-success-focus-left-background-color: var(--color-success-500); --button-hero-success-focus-right-background-color: var(--color-success-focus); --button-hero-success-hover-left-background-color: var(--color-success-300); --button-hero-success-hover-right-background-color: var(--color-success-hover); --button-hero-success-active-left-background-color: var(--color-success-500); --button-hero-success-active-right-background-color: var(--color-success-active); --button-hero-success-disabled-background-color: var(--color-success-disabled); --button-hero-success-disabled-text-color: var(--text-disabled-color); --button-hero-info-text-color: var(--text-control-color); --button-hero-info-bevel-color: var(--color-info-600); --button-hero-info-glow-color: var(--color-info-700); --button-hero-info-left-background-color: var(--color-info-400); --button-hero-info-right-background-color: var(--color-info-default); --button-hero-info-focus-left-background-color: var(--color-info-500); --button-hero-info-focus-right-background-color: var(--color-info-focus); --button-hero-info-hover-left-background-color: var(--color-info-300); --button-hero-info-hover-right-background-color: var(--color-info-hover); --button-hero-info-active-left-background-color: var(--color-info-500); --button-hero-info-active-right-background-color: var(--color-info-active); --button-hero-info-disabled-background-color: var(--color-info-disabled); --button-hero-info-disabled-text-color: var(--text-disabled-color); --button-hero-warning-text-color: var(--text-control-color); --button-hero-warning-bevel-color: var(--color-warning-600); --button-hero-warning-glow-color: var(--color-warning-700); --button-hero-warning-left-background-color: var(--color-warning-400); --button-hero-warning-right-background-color: var(--color-warning-default); --button-hero-warning-focus-left-background-color: var(--color-warning-500); --button-hero-warning-focus-right-background-color: var(--color-warning-focus); --button-hero-warning-hover-left-background-color: var(--color-warning-300); --button-hero-warning-hover-right-background-color: var(--color-warning-hover); --button-hero-warning-active-left-background-color: var(--color-warning-500); --button-hero-warning-active-right-background-color: var(--color-warning-active); --button-hero-warning-disabled-background-color: var(--color-warning-disabled); --button-hero-warning-disabled-text-color: var(--text-disabled-color); --button-hero-danger-text-color: var(--text-control-color); --button-hero-danger-bevel-color: var(--color-danger-600); --button-hero-danger-glow-color: var(--color-danger-700); --button-hero-danger-left-background-color: var(--color-danger-400); --button-hero-danger-right-background-color: var(--color-danger-default); --button-hero-danger-focus-left-background-color: var(--color-danger-500); --button-hero-danger-focus-right-background-color: var(--color-danger-focus); --button-hero-danger-hover-left-background-color: var(--color-danger-300); --button-hero-danger-hover-right-background-color: var(--color-danger-hover); --button-hero-danger-active-left-background-color: var(--color-danger-500); --button-hero-danger-active-right-background-color: var(--color-danger-active); --button-hero-danger-disabled-background-color: var(--color-danger-disabled); --button-hero-danger-disabled-text-color: var(--text-disabled-color); --button-hero-control-text-color: var(--color-basic-800); --button-hero-control-bevel-color: var(--color-basic-600); --button-hero-control-glow-color: var(--color-basic-700); --button-hero-control-left-background-color: var(--color-control-default); --button-hero-control-right-background-color: var(--color-control-default); --button-hero-control-focus-left-background-color: var(--color-basic-200); --button-hero-control-focus-right-background-color: var(--color-control-focus); --button-hero-control-hover-left-background-color: var(--color-basic-100); --button-hero-control-hover-right-background-color: var(--color-control-hover); --button-hero-control-active-left-background-color: var(--color-basic-200); --button-hero-control-active-right-background-color: var(--color-control-active); --button-hero-control-disabled-background-color: var(--color-basic-transparent-300); --button-hero-control-disabled-text-color: var(--text-disabled-color); --button-group-filled-button-basic-text-color: var(--text-hint-color); --button-group-filled-button-primary-text-color: var(--button-filled-primary-text-color); --button-group-filled-button-success-text-color: var(--button-filled-success-text-color); --button-group-filled-button-info-text-color: var(--button-filled-info-text-color); --button-group-filled-button-warning-text-color: var(--button-filled-warning-text-color); --button-group-filled-button-danger-text-color: var(--button-filled-danger-text-color); --button-group-filled-button-control-text-color: var(--button-filled-control-text-color); --button-group-filled-basic-divider-color: var(--color-basic-focus-border); --button-group-filled-primary-divider-color: var(--color-primary-focus); --button-group-filled-success-divider-color: var(--color-success-focus); --button-group-filled-info-divider-color: var(--color-info-focus); --button-group-filled-warning-divider-color: var(--color-warning-focus); --button-group-filled-danger-divider-color: var(--color-danger-focus); --button-group-filled-control-divider-color: var(--color-control-focus); --button-group-ghost-divider-color: var(--color-basic-focus-border); --icon-button-filled-tiny-padding: 0.4375rem 0.3125rem; --icon-button-filled-small-padding: 0.5625rem 0.4375rem; --icon-button-filled-medium-padding: 0.6875rem 0.5625rem; --icon-button-filled-large-padding: 0.8125rem 0.6875rem; --icon-button-filled-giant-padding: 1.0625rem 0.9375rem; --icon-button-outline-tiny-padding: 0.4375rem 0.3125rem; --icon-button-outline-small-padding: 0.5625rem 0.4375rem; --icon-button-outline-medium-padding: 0.6875rem 0.5625rem; --icon-button-outline-large-padding: 0.8125rem 0.6875rem; --icon-button-outline-giant-padding: 1.0625rem 0.9375rem; --icon-button-ghost-tiny-padding: 0.4375rem 0.3125rem; --icon-button-ghost-small-padding: 0.5625rem 0.4375rem; --icon-button-ghost-medium-padding: 0.6875rem 0.5625rem; --icon-button-ghost-large-padding: 0.8125rem 0.6875rem; --icon-button-ghost-giant-padding: 1.0625rem 0.9375rem; --icon-button-hero-tiny-padding: 0.5rem 0.375rem; --icon-button-hero-small-padding: 0.5625rem 0.5rem; --icon-button-hero-medium-padding: 0.75rem 0.5625rem; --icon-button-hero-large-padding: 0.875rem 0.6875rem; --icon-button-hero-giant-padding: 1.0625rem 1rem; --input-border-style: solid; --input-border-width: 1px; --input-outline-color: var(--outline-color); --input-outline-width: var(--outline-width); --input-placeholder-text-font-family: var(--text-paragraph-font-family); --input-text-font-family: var(--text-subtitle-font-family); --input-basic-text-color: var(--text-basic-color); --input-basic-placeholder-text-color: var(--text-hint-color); --input-basic-background-color: var(--background-basic-color-2); --input-basic-border-color: var(--border-basic-color-4); --input-basic-focus-background-color: var(--background-basic-color-1); --input-basic-focus-border-color: var(--color-primary-default-border); --input-basic-hover-background-color: var(--background-basic-color-3); --input-basic-hover-border-color: var(--border-basic-color-4); --input-basic-focus-and-hover-background-color: var(--input-basic-hover-background-color); --input-basic-focus-and-hover-border-color: var(--input-basic-hover-border-color); --input-basic-disabled-background-color: var(--background-basic-color-2); --input-basic-disabled-border-color: var(--border-basic-color-4); --input-basic-disabled-text-color: var(--text-disabled-color); --input-basic-disabled-placeholder-text-color: var(--text-disabled-color); --input-primary-text-color: var(--text-basic-color); --input-primary-placeholder-text-color: var(--text-hint-color); --input-primary-background-color: var(--background-basic-color-2); --input-primary-border-color: var(--color-primary-default); --input-primary-focus-background-color: var(--background-basic-color-1); --input-primary-focus-border-color: var(--color-primary-focus-border); --input-primary-hover-background-color: var(--background-basic-color-3); --input-primary-hover-border-color: var(--color-primary-hover-border); --input-primary-focus-and-hover-background-color: var(--input-primary-hover-background-color); --input-primary-focus-and-hover-border-color: var(--input-primary-hover-border-color); --input-primary-disabled-background-color: var(--background-basic-color-2); --input-primary-disabled-border-color: var(--border-basic-color-4); --input-primary-disabled-text-color: var(--text-disabled-color); --input-primary-disabled-placeholder-text-color: var(--text-disabled-color); --input-success-text-color: var(--text-basic-color); --input-success-placeholder-text-color: var(--text-hint-color); --input-success-background-color: var(--background-basic-color-2); --input-success-border-color: var(--color-success-default); --input-success-focus-background-color: var(--background-basic-color-1); --input-success-focus-border-color: var(--color-success-focus-border); --input-success-hover-background-color: var(--background-basic-color-3); --input-success-hover-border-color: var(--color-success-hover-border); --input-success-focus-and-hover-background-color: var(--input-success-hover-background-color); --input-success-focus-and-hover-border-color: var(--input-success-hover-border-color); --input-success-disabled-background-color: var(--background-basic-color-2); --input-success-disabled-border-color: var(--border-basic-color-4); --input-success-disabled-text-color: var(--text-disabled-color); --input-success-disabled-placeholder-text-color: var(--text-disabled-color); --input-info-text-color: var(--text-basic-color); --input-info-placeholder-text-color: var(--text-hint-color); --input-info-background-color: var(--background-basic-color-2); --input-info-border-color: var(--color-info-default); --input-info-focus-background-color: var(--background-basic-color-1); --input-info-focus-border-color: var(--color-info-focus-border); --input-info-hover-background-color: var(--background-basic-color-3); --input-info-hover-border-color: var(--color-info-hover-border); --input-info-focus-and-hover-background-color: var(--input-info-hover-background-color); --input-info-focus-and-hover-border-color: var(--input-info-hover-border-color); --input-info-disabled-background-color: var(--background-basic-color-2); --input-info-disabled-border-color: var(--border-basic-color-4); --input-info-disabled-text-color: var(--text-disabled-color); --input-info-disabled-placeholder-text-color: var(--text-disabled-color); --input-warning-text-color: var(--text-basic-color); --input-warning-placeholder-text-color: var(--text-hint-color); --input-warning-background-color: var(--background-basic-color-2); --input-warning-border-color: var(--color-warning-default); --input-warning-focus-background-color: var(--background-basic-color-1); --input-warning-focus-border-color: var(--color-warning-focus-border); --input-warning-hover-background-color: var(--background-basic-color-3); --input-warning-hover-border-color: var(--color-warning-hover-border); --input-warning-focus-and-hover-background-color: var(--input-warning-hover-background-color); --input-warning-focus-and-hover-border-color: var(--input-warning-hover-border-color); --input-warning-disabled-background-color: var(--background-basic-color-2); --input-warning-disabled-border-color: var(--border-basic-color-4); --input-warning-disabled-text-color: var(--text-disabled-color); --input-warning-disabled-placeholder-text-color: var(--text-disabled-color); --input-danger-text-color: var(--text-basic-color); --input-danger-placeholder-text-color: var(--text-hint-color); --input-danger-background-color: var(--background-basic-color-2); --input-danger-border-color: var(--color-danger-default); --input-danger-focus-background-color: var(--background-basic-color-1); --input-danger-focus-border-color: var(--color-danger-focus-border); --input-danger-hover-background-color: var(--background-basic-color-3); --input-danger-hover-border-color: var(--color-danger-hover-border); --input-danger-focus-and-hover-background-color: var(--input-danger-hover-background-color); --input-danger-focus-and-hover-border-color: var(--input-danger-hover-border-color); --input-danger-disabled-background-color: var(--background-basic-color-2); --input-danger-disabled-border-color: var(--border-basic-color-4); --input-danger-disabled-text-color: var(--text-disabled-color); --input-danger-disabled-placeholder-text-color: var(--text-disabled-color); --input-control-text-color: var(--text-control-color); --input-control-placeholder-text-color: var(--text-control-color); --input-control-background-color: var(--color-basic-control-transparent-300); --input-control-border-color: var(--color-basic-control-transparent-500); --input-control-focus-background-color: var(--color-basic-control-transparent-500); --input-control-focus-border-color: var(--color-control-transparent-focus-border); --input-control-hover-background-color: var(--color-basic-control-transparent-400); --input-control-hover-border-color: var(--color-control-transparent-hover-border); --input-control-focus-and-hover-background-color: var(--input-control-hover-background-color); --input-control-focus-and-hover-border-color: var(--input-control-hover-border-color); --input-control-disabled-background-color: var(--color-control-transparent-disabled); --input-control-disabled-border-color: var(--color-control-transparent-disabled-border); --input-control-disabled-text-color: var(--text-control-color); --input-control-disabled-placeholder-text-color: var(--text-control-color); --input-rectangle-border-radius: var(--border-radius); --input-semi-round-border-radius: 0.75rem; --input-round-border-radius: 1.5rem; --input-tiny-text-font-size: var(--text-caption-2-font-size); --input-tiny-text-font-weight: var(--text-caption-2-font-weight); --input-tiny-text-line-height: var(--text-caption-2-line-height); --input-tiny-placeholder-text-font-size: var(--text-paragraph-font-size); --input-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight); --input-tiny-placeholder-text-line-height: var(--text-paragraph-line-height); --input-tiny-padding: 0.1875rem 1rem; --input-tiny-max-width: 20rem; --input-small-text-font-size: var(--text-subtitle-2-font-size); --input-small-text-font-weight: var(--text-subtitle-2-font-weight); --input-small-text-line-height: var(--text-subtitle-2-line-height); --input-small-placeholder-text-font-size: var(--text-paragraph-font-size); --input-small-placeholder-text-font-weight: var(--text-paragraph-font-weight); --input-small-placeholder-text-line-height: var(--text-paragraph-line-height); --input-small-padding: 0.1875rem 1rem; --input-small-max-width: 20rem; --input-medium-text-font-size: var(--text-subtitle-font-size); --input-medium-text-font-weight: var(--text-subtitle-font-weight); --input-medium-text-line-height: var(--text-subtitle-line-height); --input-medium-placeholder-text-font-size: var(--text-paragraph-font-size); --input-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight); --input-medium-placeholder-text-line-height: var(--text-paragraph-line-height); --input-medium-padding: 0.4375rem 1rem; --input-medium-max-width: 20rem; --input-large-text-font-size: var(--text-subtitle-font-size); --input-large-text-font-weight: var(--text-subtitle-font-weight); --input-large-text-line-height: var(--text-subtitle-line-height); --input-large-placeholder-text-font-size: var(--text-paragraph-font-size); --input-large-placeholder-text-font-weight: var(--text-paragraph-font-weight); --input-large-placeholder-text-line-height: var(--text-paragraph-line-height); --input-large-padding: 0.6875rem 1rem; --input-large-max-width: 30rem; --input-giant-text-font-size: var(--text-heading-6-font-size); --input-giant-text-font-weight: var(--text-heading-6-font-weight); --input-giant-text-line-height: var(--text-heading-6-line-height); --input-giant-placeholder-text-font-size: var(--text-paragraph-font-size); --input-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight); --input-giant-placeholder-text-line-height: var(--text-paragraph-line-height); --input-giant-padding: 0.9375rem 1rem; --input-giant-max-width: 30rem; --checkbox-height: 1.25rem; --checkbox-width: 1.25rem; --checkbox-border-style: solid; --checkbox-border-width: 1px; --checkbox-border-radius: 3px; --checkbox-outline-width: var(--outline-width); --checkbox-outline-color: var(--outline-color); --checkbox-text-font-family: var(--text-subtitle-2-font-family); --checkbox-text-font-size: 0.9rem; --checkbox-text-font-weight: var(--text-subtitle-2-font-weight); --checkbox-text-line-height: var(--text-subtitle-2-line-height); --checkbox-text-space: 0.6875rem; --checkbox-padding: 0; --checkbox-focus-inset-shadow-length: 0 0 0 100vmax; --checkbox-basic-text-color: var(--text-basic-color); --checkbox-basic-background-color: var(--color-basic-transparent-default); --checkbox-basic-border-color: var(--color-basic-transparent-default-border); --checkbox-basic-checked-background-color: var(--color-primary-default); --checkbox-basic-checked-border-color: var(--color-primary-default-border); --checkbox-basic-checked-checkmark-color: var(--text-control-color); --checkbox-basic-indeterminate-background-color: var(--color-primary-default); --checkbox-basic-indeterminate-border-color: var(--color-primary-default-border); --checkbox-basic-indeterminate-checkmark-color: var(--text-control-color); --checkbox-basic-focus-background-color: var(--color-basic-transparent-focus); --checkbox-basic-focus-border-color: var(--color-basic-transparent-focus-border); --checkbox-basic-focus-checked-background-color: var(--color-primary-focus); --checkbox-basic-focus-checked-border-color: var(--color-primary-focus-border); --checkbox-basic-hover-background-color: var(--color-primary-transparent-hover); --checkbox-basic-hover-border-color: var(--color-primary-transparent-hover-border); --checkbox-basic-hover-checked-background-color: var(--color-primary-hover); --checkbox-basic-hover-checked-border-color: var(--color-primary-hover-border); --checkbox-basic-active-background-color: var(--color-basic-transparent-active); --checkbox-basic-active-border-color: var(--color-basic-transparent-active-border); --checkbox-basic-active-checked-background-color: var(--color-primary-active); --checkbox-basic-active-checked-border-color: var(--color-primary-active-border); --checkbox-basic-disabled-background-color: var(--color-basic-transparent-disabled); --checkbox-basic-disabled-border-color: var(--color-basic-transparent-disabled-border); --checkbox-basic-disabled-checkmark-color: var(--text-control-color); --checkbox-basic-disabled-text-color: var(--text-disabled-color); --checkbox-basic-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-basic-disabled-checked-border-color: var(--color-basic-transparent-600); --checkbox-primary-text-color: var(--text-basic-color); --checkbox-primary-background-color: var(--color-primary-transparent-default); --checkbox-primary-border-color: var(--color-primary-transparent-default-border); --checkbox-primary-checked-background-color: var(--color-primary-default); --checkbox-primary-checked-border-color: var(--color-primary-default-border); --checkbox-primary-checked-checkmark-color: var(--text-control-color); --checkbox-primary-indeterminate-background-color: var(--color-primary-default); --checkbox-primary-indeterminate-border-color: var(--color-primary-default-border); --checkbox-primary-indeterminate-checkmark-color: var(--text-control-color); --checkbox-primary-focus-background-color: var(--color-primary-transparent-focus); --checkbox-primary-focus-border-color: var(--color-primary-transparent-focus-border); --checkbox-primary-focus-checked-background-color: var(--color-primary-focus); --checkbox-primary-focus-checked-border-color: var(--color-primary-focus-border); --checkbox-primary-hover-background-color: var(--color-primary-transparent-hover); --checkbox-primary-hover-border-color: var(--color-primary-transparent-hover-border); --checkbox-primary-hover-checked-background-color: var(--color-primary-hover); --checkbox-primary-hover-checked-border-color: var(--color-primary-hover-border); --checkbox-primary-active-background-color: var(--color-primary-transparent-active); --checkbox-primary-active-border-color: var(--color-primary-transparent-active-border); --checkbox-primary-active-checked-background-color: var(--color-primary-active); --checkbox-primary-active-checked-border-color: var(--color-primary-active-border); --checkbox-primary-disabled-background-color: var(--color-basic-transparent-disabled); --checkbox-primary-disabled-border-color: var(--color-basic-transparent-disabled-border); --checkbox-primary-disabled-checkmark-color: var(--text-control-color); --checkbox-primary-disabled-text-color: var(--text-disabled-color); --checkbox-primary-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-primary-disabled-checked-border-color: var(--color-basic-transparent-600); --checkbox-success-text-color: var(--text-basic-color); --checkbox-success-background-color: var(--color-success-transparent-default); --checkbox-success-border-color: var(--color-success-transparent-default-border); --checkbox-success-checked-background-color: var(--color-success-default); --checkbox-success-checked-border-color: var(--color-success-default-border); --checkbox-success-checked-checkmark-color: var(--text-control-color); --checkbox-success-indeterminate-background-color: var(--color-success-default); --checkbox-success-indeterminate-border-color: var(--color-success-default-border); --checkbox-success-indeterminate-checkmark-color: var(--text-control-color); --checkbox-success-focus-background-color: var(--color-success-transparent-focus); --checkbox-success-focus-border-color: var(--color-success-transparent-focus-border); --checkbox-success-focus-checked-background-color: var(--color-success-focus); --checkbox-success-focus-checked-border-color: var(--color-success-focus-border); --checkbox-success-hover-background-color: var(--color-success-transparent-hover); --checkbox-success-hover-border-color: var(--color-success-transparent-hover-border); --checkbox-success-hover-checked-background-color: var(--color-success-hover); --checkbox-success-hover-checked-border-color: var(--color-success-hover-border); --checkbox-success-active-background-color: var(--color-success-transparent-active); --checkbox-success-active-border-color: var(--color-success-transparent-active-border); --checkbox-success-active-checked-background-color: var(--color-success-active); --checkbox-success-active-checked-border-color: var(--color-success-active-border); --checkbox-success-disabled-background-color: var(--color-basic-transparent-disabled); --checkbox-success-disabled-border-color: var(--color-basic-transparent-disabled-border); --checkbox-success-disabled-checkmark-color: var(--text-control-color); --checkbox-success-disabled-text-color: var(--text-disabled-color); --checkbox-success-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-success-disabled-checked-border-color: var(--color-basic-transparent-600); --checkbox-info-text-color: var(--text-basic-color); --checkbox-info-background-color: var(--color-info-transparent-default); --checkbox-info-border-color: var(--color-info-transparent-default-border); --checkbox-info-checked-background-color: var(--color-info-default); --checkbox-info-checked-border-color: var(--color-info-default-border); --checkbox-info-checked-checkmark-color: var(--text-control-color); --checkbox-info-indeterminate-background-color: var(--color-info-default); --checkbox-info-indeterminate-border-color: var(--color-info-default-border); --checkbox-info-indeterminate-checkmark-color: var(--text-control-color); --checkbox-info-focus-background-color: var(--color-info-transparent-focus); --checkbox-info-focus-border-color: var(--color-info-transparent-focus-border); --checkbox-info-focus-checked-background-color: var(--color-info-focus); --checkbox-info-focus-checked-border-color: var(--color-info-focus-border); --checkbox-info-hover-background-color: var(--color-info-transparent-hover); --checkbox-info-hover-border-color: var(--color-info-transparent-hover-border); --checkbox-info-hover-checked-background-color: var(--color-info-hover); --checkbox-info-hover-checked-border-color: var(--color-info-hover-border); --checkbox-info-active-background-color: var(--color-info-transparent-active); --checkbox-info-active-border-color: var(--color-info-transparent-active-border); --checkbox-info-active-checked-background-color: var(--color-info-active); --checkbox-info-active-checked-border-color: var(--color-info-active-border); --checkbox-info-disabled-background-color: var(--color-basic-transparent-disabled); --checkbox-info-disabled-border-color: var(--color-basic-transparent-disabled-border); --checkbox-info-disabled-checkmark-color: var(--text-control-color); --checkbox-info-disabled-text-color: var(--text-disabled-color); --checkbox-info-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-info-disabled-checked-border-color: var(--color-basic-transparent-600); --checkbox-warning-text-color: var(--text-basic-color); --checkbox-warning-background-color: var(--color-warning-transparent-default); --checkbox-warning-border-color: var(--color-warning-transparent-default-border); --checkbox-warning-checked-background-color: var(--color-warning-default); --checkbox-warning-checked-border-color: var(--color-warning-default-border); --checkbox-warning-checked-checkmark-color: var(--text-control-color); --checkbox-warning-indeterminate-background-color: var(--color-warning-default); --checkbox-warning-indeterminate-border-color: var(--color-warning-default-border); --checkbox-warning-indeterminate-checkmark-color: var(--text-control-color); --checkbox-warning-focus-background-color: var(--color-warning-transparent-focus); --checkbox-warning-focus-border-color: var(--color-warning-transparent-focus-border); --checkbox-warning-focus-checked-background-color: var(--color-warning-focus); --checkbox-warning-focus-checked-border-color: var(--color-warning-focus-border); --checkbox-warning-hover-background-color: var(--color-warning-transparent-hover); --checkbox-warning-hover-border-color: var(--color-warning-transparent-hover-border); --checkbox-warning-hover-checked-background-color: var(--color-warning-hover); --checkbox-warning-hover-checked-border-color: var(--color-warning-hover-border); --checkbox-warning-active-background-color: var(--color-warning-transparent-active); --checkbox-warning-active-border-color: var(--color-warning-transparent-active-border); --checkbox-warning-active-checked-background-color: var(--color-warning-active); --checkbox-warning-active-checked-border-color: var(--color-warning-active-border); --checkbox-warning-disabled-background-color: var(--color-basic-transparent-disabled); --checkbox-warning-disabled-border-color: var(--color-basic-transparent-disabled-border); --checkbox-warning-disabled-checkmark-color: var(--text-control-color); --checkbox-warning-disabled-text-color: var(--text-disabled-color); --checkbox-warning-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-warning-disabled-checked-border-color: var(--color-basic-transparent-600); --checkbox-danger-text-color: var(--text-basic-color); --checkbox-danger-background-color: var(--color-danger-transparent-default); --checkbox-danger-border-color: var(--color-danger-transparent-default-border); --checkbox-danger-checked-background-color: var(--color-danger-default); --checkbox-danger-checked-border-color: var(--color-danger-default-border); --checkbox-danger-checked-checkmark-color: var(--text-control-color); --checkbox-danger-indeterminate-background-color: var(--color-danger-default); --checkbox-danger-indeterminate-border-color: var(--color-danger-default-border); --checkbox-danger-indeterminate-checkmark-color: var(--text-control-color); --checkbox-danger-focus-background-color: var(--color-danger-transparent-focus); --checkbox-danger-focus-border-color: var(--color-danger-transparent-focus-border); --checkbox-danger-focus-checked-background-color: var(--color-danger-focus); --checkbox-danger-focus-checked-border-color: var(--color-danger-focus-border); --checkbox-danger-hover-background-color: var(--color-danger-transparent-hover); --checkbox-danger-hover-border-color: var(--color-danger-transparent-hover-border); --checkbox-danger-hover-checked-background-color: var(--color-danger-hover); --checkbox-danger-hover-checked-border-color: var(--color-danger-hover-border); --checkbox-danger-active-background-color: var(--color-danger-transparent-active); --checkbox-danger-active-border-color: var(--color-danger-transparent-active-border); --checkbox-danger-active-checked-background-color: var(--color-danger-active); --checkbox-danger-active-checked-border-color: var(--color-danger-active-border); --checkbox-danger-disabled-background-color: var(--color-basic-transparent-disabled); --checkbox-danger-disabled-border-color: var(--color-basic-transparent-disabled-border); --checkbox-danger-disabled-checkmark-color: var(--text-control-color); --checkbox-danger-disabled-text-color: var(--text-disabled-color); --checkbox-danger-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-danger-disabled-checked-border-color: var(--color-basic-transparent-600); --checkbox-control-text-color: var(--text-control-color); --checkbox-control-background-color: var(--color-control-transparent-default); --checkbox-control-border-color: var(--color-control-transparent-default-border); --checkbox-control-checked-background-color: var(--color-control-default); --checkbox-control-checked-border-color: var(--color-control-default-border); --checkbox-control-checked-checkmark-color: var(--color-basic-800); --checkbox-control-indeterminate-background-color: var(--color-control-default); --checkbox-control-indeterminate-border-color: var(--color-control-default-border); --checkbox-control-indeterminate-checkmark-color: var(--color-basic-800); --checkbox-control-focus-background-color: var(--color-control-transparent-focus); --checkbox-control-focus-border-color: var(--color-control-transparent-focus-border); --checkbox-control-focus-checked-background-color: var(--color-control-focus); --checkbox-control-focus-checked-border-color: var(--color-control-focus-border); --checkbox-control-hover-background-color: var(--color-control-transparent-hover); --checkbox-control-hover-border-color: var(--color-control-transparent-hover-border); --checkbox-control-hover-checked-background-color: var(--color-control-hover); --checkbox-control-hover-checked-border-color: var(--color-control-hover-border); --checkbox-control-active-background-color: var(--color-control-transparent-active); --checkbox-control-active-border-color: var(--color-control-transparent-active-border); --checkbox-control-active-checked-background-color: var(--color-control-active); --checkbox-control-active-checked-border-color: var(--color-control-active-border); --checkbox-control-disabled-background-color: var(--color-control-transparent-disabled); --checkbox-control-disabled-border-color: var(--color-control-transparent-disabled-border); --checkbox-control-disabled-checkmark-color: var(--text-control-color); --checkbox-control-disabled-text-color: var(--text-control-color); --checkbox-control-disabled-checked-background-color: var(--color-basic-transparent-600); --checkbox-control-disabled-checked-border-color: var(--color-basic-transparent-600); --badge-dot-mode-border-radius: 0.5rem; --badge-dot-mode-padding: 0.3rem; --badge-border-radius: var(--border-radius); --badge-text-font-family: var(--text-button-font-family); --badge-text-font-size: var(--text-button-tiny-font-size); --badge-text-font-weight: var(--text-button-font-weight); --badge-text-line-height: var(--text-button-tiny-line-height); --badge-padding: 0.25rem 0.4rem; --badge-basic-background-color: var(--background-basic-color-2); --badge-basic-text-color: var(--text-basic-color); --badge-primary-background-color: var(--color-primary-default); --badge-primary-text-color: var(--text-control-color); --badge-success-background-color: var(--color-success-default); --badge-success-text-color: var(--text-control-color); --badge-info-background-color: var(--color-info-default); --badge-info-text-color: var(--text-control-color); --badge-warning-background-color: var(--color-warning-default); --badge-warning-text-color: var(--text-control-color); --badge-danger-background-color: var(--color-danger-default); --badge-danger-text-color: var(--text-control-color); --badge-control-background-color: var(--color-control-default); --badge-control-text-color: var(--color-basic-800); --progress-bar-animation-duration: 400ms; --progress-bar-border-radius: var(--border-radius); --progress-bar-text-font-family: var(--text-subtitle-font-family); --progress-bar-tiny-height: 1rem; --progress-bar-tiny-text-font-size: var(--text-subtitle-2-font-size); --progress-bar-tiny-text-font-weight: var(--text-subtitle-2-font-weight); --progress-bar-tiny-text-line-height: var(--text-subtitle-2-line-height); --progress-bar-small-height: 1.25rem; --progress-bar-small-text-font-size: var(--text-subtitle-2-font-size); --progress-bar-small-text-font-weight: var(--text-subtitle-2-font-weight); --progress-bar-small-text-line-height: var(--text-subtitle-2-line-height); --progress-bar-medium-height: 1.375rem; --progress-bar-medium-text-font-size: var(--text-subtitle-font-size); --progress-bar-medium-text-font-weight: var(--text-subtitle-font-weight); --progress-bar-medium-text-line-height: var(--text-subtitle-line-height); --progress-bar-large-height: 1.5rem; --progress-bar-large-text-font-size: var(--text-subtitle-font-size); --progress-bar-large-text-font-weight: var(--text-subtitle-font-weight); --progress-bar-large-text-line-height: var(--text-subtitle-line-height); --progress-bar-giant-height: 1.75rem; --progress-bar-giant-text-font-size: var(--text-subtitle-font-size); --progress-bar-giant-text-font-weight: var(--text-subtitle-font-weight); --progress-bar-giant-text-line-height: var(--text-subtitle-line-height); --progress-bar-basic-background-color: var(--background-basic-color-2); --progress-bar-basic-filled-background-color: var(--background-basic-color-4); --progress-bar-basic-text-color: var(--text-basic-color); --progress-bar-primary-background-color: var(--background-basic-color-3); --progress-bar-primary-filled-background-color: var(--color-primary-default); --progress-bar-primary-text-color: var(--text-control-color); --progress-bar-success-background-color: var(--background-basic-color-3); --progress-bar-success-filled-background-color: var(--color-success-default); --progress-bar-success-text-color: var(--text-control-color); --progress-bar-info-background-color: var(--background-basic-color-3); --progress-bar-info-filled-background-color: var(--color-info-default); --progress-bar-info-text-color: var(--text-control-color); --progress-bar-warning-background-color: var(--background-basic-color-3); --progress-bar-warning-filled-background-color: var(--color-warning-default); --progress-bar-warning-text-color: var(--text-control-color); --progress-bar-danger-background-color: var(--background-basic-color-3); --progress-bar-danger-filled-background-color: var(--color-danger-default); --progress-bar-danger-text-color: var(--text-control-color); --progress-bar-control-background-color: var(--background-basic-color-3); --progress-bar-control-filled-background-color: var(--color-control-default); --progress-bar-control-text-color: var(--color-basic-800); --alert-border-radius: 5px; --alert-bottom-margin: 1.5rem; --alert-padding: 1rem 1.125rem; --alert-scrollbar-color: var(--scrollbar-color); --alert-scrollbar-background-color: var(--scrollbar-background-color); --alert-scrollbar-width: var(--scrollbar-width); --alert-shadow: none; --alert-text-font-family: var(--text-paragraph-font-family); --alert-text-font-size: var(--text-subtitle-font-size); --alert-text-font-weight: var(--text-subtitle-font-weight); --alert-text-line-height: var(--text-subtitle-line-height); --alert-closable-start-padding: 3rem; --alert-tiny-height: 4.5rem; --alert-small-height: 5.75rem; --alert-medium-height: 7rem; --alert-medium-padding: 1rem 1.125rem; --alert-large-height: 8.25rem; --alert-giant-height: 9.5rem; --alert-basic-background-color: var(--background-basic-color-2); --alert-basic-text-color: var(--text-basic-color); --alert-primary-background-color: var(--color-primary-default); --alert-primary-text-color: var(--text-control-color); --alert-success-background-color: var(--color-success-default); --alert-success-text-color: var(--text-control-color); --alert-info-background-color: var(--color-info-default); --alert-info-text-color: var(--text-control-color); --alert-warning-background-color: var(--color-warning-default); --alert-warning-text-color: var(--text-control-color); --alert-danger-background-color: var(--color-danger-default); --alert-danger-text-color: var(--text-control-color); --alert-control-background-color: var(--color-control-default); --alert-control-text-color: var(--color-basic-800); --alert-accent-basic-color: var(--border-basic-color-3); --alert-accent-primary-color: var(--color-primary-default); --alert-accent-info-color: var(--color-info-default); --alert-accent-success-color: var(--color-success-default); --alert-accent-warning-color: var(--color-warning-default); --alert-accent-danger-color: var(--color-danger-default); --alert-accent-control-color: var(--color-control-default); --alert-outline-width: 1px; --alert-outline-basic-color: var(--color-basic-focus-border); --alert-outline-primary-color: var(--color-primary-focus-border); --alert-outline-info-color: var(--color-info-focus-border); --alert-outline-success-color: var(--color-success-focus-border); --alert-outline-warning-color: var(--color-warning-focus-border); --alert-outline-danger-color: var(--color-danger-focus-border); --alert-outline-control-color: var(--color-control-focus-border); --chat-background-color: var(--background-basic-color-1); --chat-border: none; --chat-border-radius: var(--border-radius); --chat-shadow: var(--shadow); --chat-padding: 1rem 1.25rem; --chat-scrollbar-color: var(--scrollbar-color); --chat-scrollbar-background-color: var(--scrollbar-background-color); --chat-scrollbar-width: var(--scrollbar-width); --chat-text-color: var(--text-basic-color); --chat-text-font-family: var(--text-paragraph-font-family); --chat-text-font-size: var(--text-paragraph-font-size); --chat-text-font-weight: var(--text-paragraph-font-weight); --chat-text-line-height: var(--text-paragraph-line-height); --chat-header-text-font-family: var(--text-subtitle-font-family); --chat-header-text-font-size: var(--text-subtitle-font-size); --chat-header-text-font-weight: var(--text-subtitle-font-weight); --chat-header-text-line-height: var(--text-subtitle-line-height); --chat-tiny-height: 13.5rem; --chat-small-height: 21rem; --chat-medium-height: 28.5rem; --chat-large-height: 36rem; --chat-giant-height: 43.5rem; --chat-basic-background-color: var(--background-basic-color-1); --chat-basic-text-color: var(--text-basic-color); --chat-primary-background-color: var(--color-primary-default); --chat-primary-text-color: var(--text-control-color); --chat-success-background-color: var(--color-success-default); --chat-success-text-color: var(--text-control-color); --chat-info-background-color: var(--color-info-default); --chat-info-text-color: var(--text-control-color); --chat-warning-background-color: var(--color-warning-default); --chat-warning-text-color: var(--text-control-color); --chat-danger-background-color: var(--color-danger-default); --chat-danger-text-color: var(--text-control-color); --chat-control-background-color: var(--color-control-default); --chat-control-text-color: var(--color-basic-800); --chat-divider-color: var(--divider-color); --chat-divider-style: var(--divider-style); --chat-divider-width: var(--divider-width); --chat-message-background: var(--color-primary-default); --chat-message-text-color: var(--text-control-color); --chat-message-reply-background-color: var(--background-basic-color-2); --chat-message-reply-text-color: var(--text-basic-color); --chat-message-avatar-background-color: var(--color-basic-500); --chat-message-sender-text-color: var(--text-hint-color); --chat-message-quote-background-color: var(--background-basic-color-2); --chat-message-quote-text-color: var(--text-hint-color); --chat-message-file-text-color: var(--text-hint-color); --chat-message-file-background-color: transparent; --spinner-text-color: var(--text-basic-color); --spinner-text-font-family: var(--text-button-font-family); --spinner-text-font-size: var(--text-button-medium-font-size); --spinner-text-font-weight: var(--text-button-font-weight); --spinner-text-line-height: var(--text-button-medium-line-height); --spinner-basic-background-color: var(--color-basic-transparent-200); --spinner-basic-circle-filled-color: var(--text-hint-color); --spinner-basic-circle-empty-color: transparent; --spinner-primary-background-color: var(--color-basic-transparent-200); --spinner-primary-circle-filled-color: var(--color-primary-default); --spinner-primary-circle-empty-color: transparent; --spinner-info-background-color: var(--color-basic-transparent-200); --spinner-info-circle-filled-color: var(--color-info-default); --spinner-info-circle-empty-color: transparent; --spinner-success-background-color: var(--color-basic-transparent-200); --spinner-success-circle-filled-color: var(--color-success-default); --spinner-success-circle-empty-color: transparent; --spinner-warning-background-color: var(--color-basic-transparent-200); --spinner-warning-circle-filled-color: var(--color-warning-default); --spinner-warning-circle-empty-color: transparent; --spinner-danger-background-color: var(--color-basic-transparent-200); --spinner-danger-circle-filled-color: var(--color-danger-default); --spinner-danger-circle-empty-color: transparent; --spinner-control-background-color: var(--color-basic-control-transparent-200); --spinner-control-circle-filled-color: var(--color-control-default); --spinner-control-circle-empty-color: transparent; --spinner-height-tiny: 1rem; --spinner-height-small: 1.25rem; --spinner-height-medium: 1.5rem; --spinner-height-large: 1.75rem; --spinner-height-giant: 2rem; --stepper-step-text-color: var(--text-hint-color); --stepper-step-text-font-family: var(--text-paragraph-font-family); --stepper-step-text-font-size: var(--text-paragraph-font-size); --stepper-step-text-font-weight: var(--text-paragraph-font-weight); --stepper-step-text-line-height: var(--text-paragraph-line-height); --stepper-step-active-text-color: var(--text-primary-active-color); --stepper-step-completed-text-color: var(--text-primary-color); --stepper-step-index-border-color: var(--border-basic-color-4); --stepper-step-index-border-style: solid; --stepper-step-index-border-width: 1px; --stepper-step-index-border-radius: 50%; --stepper-step-index-width: 2rem; --stepper-step-index-active-border-color: var(--color-primary-active); --stepper-step-index-completed-background-color: var(--color-primary-default); --stepper-step-index-completed-border-color: var(--color-primary-default); --stepper-step-index-completed-text-color: var(--text-control-color); --stepper-connector-background-color: var(--background-basic-color-3); --stepper-connector-completed-background-color: var(--color-primary-default); --stepper-horizontal-connector-margin: 1rem; --stepper-vertical-connector-margin: 1rem; --stepper-step-content-padding: 1.25rem; --accordion-border-radius: var(--border-radius); --accordion-padding: 1.25rem; --accordion-shadow: var(--shadow); --accordion-header-text-color: var(--text-basic-color); --accordion-header-text-font-family: var(--text-subtitle-font-family); --accordion-header-text-font-size: var(--text-subtitle-font-size); --accordion-header-text-font-weight: var(--text-subtitle-font-weight); --accordion-header-text-line-height: var(--text-subtitle-line-height); --accordion-header-disabled-text-color: var(--text-disabled-color); --accordion-header-border-color: var(--border-basic-color-3); --accordion-header-border-style: solid; --accordion-header-border-width: 1px; --accordion-item-background-color: var(--background-basic-color-1); --accordion-item-text-color: var(--text-basic-color); --accordion-item-text-font-family: var(--text-paragraph-font-family); --accordion-item-text-font-size: var(--text-paragraph-font-size); --accordion-item-text-font-weight: var(--text-paragraph-font-weight); --accordion-item-text-line-height: var(--text-paragraph-line-height); --list-item-divider-color: var(--divider-color); --list-item-divider-style: var(--divider-style); --list-item-divider-width: var(--divider-width); --list-item-padding: 1rem; --list-item-text-color: var(--text-basic-color); --list-item-font-family: var(--text-paragraph-font-family); --list-item-font-size: var(--text-paragraph-font-size); --list-item-font-weight: var(--text-paragraph-font-weight); --list-item-line-height: var(--text-paragraph-line-height); --calendar-width: 20.625rem; --calendar-background-color: var(--background-basic-color-1); --calendar-border-color: var(--border-basic-color-4); --calendar-border-style: solid; --calendar-border-width: 0.0625rem; --calendar-border-radius: var(--border-radius); --calendar-text-color: var(--text-basic-color); --calendar-text-font-family: var(--text-subtitle-font-family); --calendar-text-font-size: var(--text-subtitle-font-size); --calendar-text-font-weight: var(--text-subtitle-font-weight); --calendar-text-line-height: var(--text-subtitle-line-height); --calendar-picker-padding-top: 0.25rem; --calendar-picker-padding-bottom: 0.625rem; --calendar-picker-padding-start: 0.625rem; --calendar-picker-padding-end: 0.625rem; --calendar-navigation-text-color: var(--text-basic-color); --calendar-navigation-text-font-family: var(--text-button-font-family); --calendar-navigation-title-text-font-size: var(--text-button-medium-font-size); --calendar-navigation-title-text-font-weight: var(--text-button-font-weight); --calendar-navigation-title-text-line-height: var(--text-button-medium-line-height); --calendar-navigation-padding: 0.625rem 0.25rem; --calendar-cell-inactive-text-color: var(--text-hint-color); --calendar-cell-disabled-text-color: var(--text-disabled-color); --calendar-cell-hover-background-color: var(--background-basic-color-2); --calendar-cell-hover-border-color: var(--background-basic-color-2); --calendar-cell-hover-text-color: var(--text-basic-color); --calendar-cell-hover-text-font-size: var(--calendar-text-font-size); --calendar-cell-hover-text-font-weight: var(--calendar-text-font-weight); --calendar-cell-hover-text-line-height: var(--calendar-text-line-height); --calendar-cell-active-background-color: var(--color-primary-active); --calendar-cell-active-border-color: var(--color-primary-active-border); --calendar-cell-active-text-color: var(--text-control-color); --calendar-cell-active-text-font-size: var(--calendar-text-font-size); --calendar-cell-active-text-font-weight: var(--calendar-text-font-weight); --calendar-cell-active-text-line-height: var(--calendar-text-line-height); --calendar-cell-today-background-color: var(--color-primary-transparent-default); --calendar-cell-today-border-color: var(--color-primary-transparent-default-border); --calendar-cell-today-text-color: var(--text-basic-color); --calendar-cell-today-text-font-size: var(--calendar-text-font-size); --calendar-cell-today-text-font-weight: var(--calendar-text-font-weight); --calendar-cell-today-text-line-height: var(--calendar-text-line-height); --calendar-cell-today-hover-background-color: var(--color-primary-transparent-hover); --calendar-cell-today-hover-border-color: var(--color-primary-transparent-hover-border); --calendar-cell-today-active-background-color: var(--color-primary-transparent-active); --calendar-cell-today-active-border-color: var(--color-primary-transparent-active-border); --calendar-cell-today-disabled-border-color: var(--border-basic-color-4); --calendar-cell-today-selected-background-color: var(--color-control-transparent-default); --calendar-cell-today-selected-border-color: transparent; --calendar-cell-today-selected-text-color: var(--text-control-color); --calendar-cell-today-selected-hover-background-color: var(--color-control-transparent-hover); --calendar-cell-today-selected-hover-border-color: transparent; --calendar-cell-today-selected-active-background-color: var(--color-control-transparent-active); --calendar-cell-today-selected-active-border-color: transparent; --calendar-cell-today-in-range-background-color: var(--color-control-transparent-default); --calendar-cell-today-in-range-border-color: transparent; --calendar-cell-today-in-range-text-color: var(--text-control-color); --calendar-cell-today-in-range-hover-background-color: var(--color-control-transparent-hover); --calendar-cell-today-in-range-hover-border-color: transparent; --calendar-cell-today-in-range-active-background-color: var(--color-control-transparent-active); --calendar-cell-today-in-range-active-border-color: transparent; --calendar-cell-selected-background-color: var(--color-primary-default); --calendar-cell-selected-border-color: var(--color-primary-default-border); --calendar-cell-selected-text-color: var(--text-control-color); --calendar-cell-selected-text-font-size: var(--calendar-text-font-size); --calendar-cell-selected-text-font-weight: var(--calendar-text-font-weight); --calendar-cell-selected-text-line-height: var(--calendar-text-line-height); --calendar-cell-selected-hover-background-color: var(--color-primary-hover); --calendar-cell-selected-hover-border-color: var(--color-primary-hover-border); --calendar-cell-selected-active-background-color: var(--color-primary-active); --calendar-cell-selected-active-border-color: var(--color-primary-active-border); --calendar-day-cell-width: 2.75rem; --calendar-day-cell-height: 2.75rem; --calendar-month-cell-width: 4.8125rem; --calendar-month-cell-height: var(--calendar-day-cell-height); --calendar-year-cell-width: var(--calendar-month-cell-width); --calendar-year-cell-height: var(--calendar-month-cell-height); --calendar-weekday-background: transparent; --calendar-weekday-divider-color: var(--divider-color); --calendar-weekday-divider-width: var(--divider-width); --calendar-weekday-text-color: var(--text-hint-color); --calendar-weekday-text-font-size: var(--text-subtitle-font-size); --calendar-weekday-text-font-weight: var(--text-subtitle-font-weight); --calendar-weekday-text-line-height: var(--text-subtitle-line-height); --calendar-weekday-holiday-text-color: var(--calendar-weekday-text-color); --calendar-weekday-height: var(--calendar-day-cell-height); --calendar-weekday-width: var(--calendar-day-cell-width); --calendar-weeknumber-background: transparent; --calendar-weeknumber-divider-color: var(--divider-color); --calendar-weeknumber-divider-width: var(--divider-width); --calendar-weeknumber-text-color: var(--text-hint-color); --calendar-weeknumber-text-font-size: var(--text-subtitle-font-size); --calendar-weeknumber-text-font-weight: var(--text-subtitle-font-weight); --calendar-weeknumber-text-line-height: var(--text-subtitle-line-height); --calendar-weeknumber-height: var(--calendar-weekday-height); --calendar-weeknumber-width: var(--calendar-weekday-width); --calendar-large-width: 22.375rem; --calendar-day-cell-large-width: 3rem; --calendar-day-cell-large-height: 3rem; --calendar-weekday-large-height: var(--calendar-day-cell-large-width); --calendar-weekday-large-width: var(--calendar-day-cell-large-height); --calendar-weeknumber-large-height: var(--calendar-weekday-large-height); --calendar-weeknumber-large-width: var(--calendar-weekday-large-width); --calendar-month-cell-large-width: 5.25rem; --calendar-month-cell-large-height: var(--calendar-day-cell-large-height); --calendar-year-cell-large-width: var(--calendar-month-cell-large-width); --calendar-year-cell-large-height: var(--calendar-month-cell-large-height); --overlay-backdrop-background-color: rgba(0, 0, 0, 0.35); --tooltip-background-color: var(--background-alternative-color-3); --tooltip-border-color: transparent; --tooltip-border-style: dashed; --tooltip-border-width: 0; --tooltip-border-radius: var(--border-radius); --tooltip-padding: 0.5rem 1rem; --tooltip-text-color: var(--text-alternate-color); --tooltip-text-font-family: var(--text-caption-font-family); --tooltip-text-font-size: 0.9rem; --tooltip-text-font-weight: var(--text-caption-font-weight); --tooltip-text-line-height: var(--text-caption-line-height); --tooltip-icon-height: 1rem; --tooltip-icon-width: 1rem; --tooltip-max-width: 16rem; --tooltip-basic-background-color: var(--background-basic-color-3); --tooltip-basic-border-color: transparent; --tooltip-basic-text-color: var(--text-basic-color); --tooltip-primary-background-color: var(--color-primary-default); --tooltip-primary-border-color: transparent; --tooltip-primary-text-color: var(--text-control-color); --tooltip-info-background-color: var(--color-info-default); --tooltip-info-border-color: transparent; --tooltip-info-text-color: var(--text-control-color); --tooltip-success-background-color: var(--color-success-default); --tooltip-success-border-color: transparent; --tooltip-success-text-color: var(--text-control-color); --tooltip-warning-background-color: var(--color-warning-default); --tooltip-warning-border-color: transparent; --tooltip-warning-text-color: var(--text-control-color); --tooltip-danger-background-color: var(--color-danger-default); --tooltip-danger-border-color: transparent; --tooltip-danger-text-color: var(--text-control-color); --tooltip-control-background-color: var(--color-control-default); --tooltip-control-border-color: transparent; --tooltip-control-text-color: var(--color-basic-800); --tooltip-shadow: var(--shadow); --option-list-max-height: 20rem; --option-list-shadow: none; --option-list-background-color: var(--background-basic-color-1); --option-list-border-style: solid; --option-list-border-width: 0.0625rem; --option-list-border-color: var(--border-basic-color-4); --option-list-border-radius: var(--border-radius); --option-list-adjacent-border-color: var(--option-list-border-color); --option-list-adjacent-border-style: var(--option-list-border-style); --option-list-adjacent-border-width: var(--option-list-border-width); --option-group-text-color: var(--text-hint-color); --option-group-tiny-start-padding: 1.25rem; --option-group-small-start-padding: 1.75rem; --option-group-medium-start-padding: 2.25rem; --option-group-large-start-padding: 2.25rem; --option-group-giant-start-padding: 2.75rem; --option-background-color: var(--background-basic-color-1); --option-text-color: var(--text-basic-color); --option-text-font-family: var(--text-subtitle-font-family); --option-hover-background-color: var(--color-basic-transparent-hover); --option-hover-text-color: var(--text-basic-color); --option-active-background-color: var(--color-basic-transparent-active); --option-active-text-color: var(--text-basic-color); --option-focus-background-color: var(--color-basic-transparent-focus); --option-focus-text-color: var(--text-basic-color); --option-selected-background-color: var(--color-primary-default); --option-selected-text-color: var(--text-control-color); --option-selected-hover-background-color: var(--color-primary-hover); --option-selected-hover-text-color: var(--text-control-color); --option-selected-active-background-color: var(--color-primary-active); --option-selected-active-text-color: var(--text-control-color); --option-selected-focus-background-color: var(--color-primary-focus); --option-selected-focus-text-color: var(--text-control-color); --option-disabled-background-color: var(--background-basic-color-1); --option-disabled-text-color: var(--text-disabled-color); --option-tiny-text-font-size: var(--text-caption-2-font-size); --option-tiny-text-font-weight: var(--text-caption-2-font-weight); --option-tiny-text-line-height: var(--text-caption-2-line-height); --option-tiny-padding: var(--select-outline-tiny-padding); --option-small-text-font-size: var(--text-subtitle-2-font-size); --option-small-text-font-weight: var(--text-subtitle-2-font-weight); --option-small-text-line-height: var(--text-subtitle-2-line-height); --option-small-padding: var(--select-outline-small-padding); --option-medium-text-font-size: var(--text-subtitle-font-size); --option-medium-text-font-weight: var(--text-subtitle-font-weight); --option-medium-text-line-height: var(--text-subtitle-line-height); --option-medium-padding: var(--select-outline-medium-padding); --option-large-text-font-size: var(--text-subtitle-font-size); --option-large-text-font-weight: var(--text-subtitle-font-weight); --option-large-text-line-height: var(--text-subtitle-line-height); --option-large-padding: var(--select-outline-large-padding); --option-giant-text-font-size: var(--text-heading-6-font-size); --option-giant-text-font-weight: var(--text-heading-6-font-weight); --option-giant-text-line-height: var(--text-heading-6-line-height); --option-giant-padding: var(--select-outline-giant-padding); --select-cursor: pointer; --select-disabled-cursor: default; --select-min-width: 6rem; --select-outline-width: var(--outline-width); --select-outline-color: var(--outline-color); --select-icon-offset: 2rem; --select-text-font-family: var(--text-subtitle-font-family); --select-placeholder-text-font-family: var(--text-paragraph-font-family); --select-tiny-text-font-size: var(--text-caption-2-font-size); --select-tiny-text-font-weight: var(--text-caption-2-font-weight); --select-tiny-text-line-height: var(--text-caption-2-line-height); --select-tiny-placeholder-text-font-size: var(--text-paragraph-font-size); --select-tiny-placeholder-text-font-weight: var(--text-paragraph-font-weight); --select-tiny-max-width: 20rem; --select-small-text-font-size: var(--text-subtitle-2-font-size); --select-small-text-font-weight: var(--text-subtitle-2-font-weight); --select-small-text-line-height: var(--text-subtitle-2-line-height); --select-small-placeholder-text-font-size: var(--text-paragraph-font-size); --select-small-placeholder-text-font-weight: var(--text-paragraph-font-weight); --select-small-max-width: 20rem; --select-medium-text-font-size: var(--text-subtitle-font-size); --select-medium-text-font-weight: var(--text-subtitle-font-weight); --select-medium-text-line-height: var(--text-subtitle-line-height); --select-medium-placeholder-text-font-size: var(--text-paragraph-font-size); --select-medium-placeholder-text-font-weight: var(--text-paragraph-font-weight); --select-medium-max-width: 20rem; --select-large-text-font-size: var(--text-subtitle-font-size); --select-large-text-font-weight: var(--text-subtitle-font-weight); --select-large-text-line-height: var(--text-subtitle-line-height); --select-large-placeholder-text-font-size: var(--text-paragraph-font-size); --select-large-placeholder-text-font-weight: var(--text-paragraph-font-weight); --select-large-max-width: 30rem; --select-giant-text-font-size: var(--text-heading-6-font-size); --select-giant-text-font-weight: var(--text-heading-6-font-weight); --select-giant-text-line-height: var(--text-heading-6-line-height); --select-giant-placeholder-text-font-size: var(--text-paragraph-font-size); --select-giant-placeholder-text-font-weight: var(--text-paragraph-font-weight); --select-giant-max-width: 30rem; --select-rectangle-border-radius: var(--border-radius); --select-semi-round-border-radius: 0.75rem; --select-round-border-radius: 1.5rem; --select-outline-border-style: solid; --select-outline-border-width: 1px; --select-outline-tiny-padding: 0.1875rem 1rem; --select-outline-small-padding: 0.1875rem 1rem; --select-outline-medium-padding: 0.4375rem 1rem; --select-outline-large-padding: 0.6875rem 1rem; --select-outline-giant-padding: 0.9375rem 1rem; --select-outline-basic-icon-color: var(--text-hint-color); --select-outline-basic-text-color: var(--text-basic-color); --select-outline-basic-placeholder-text-color: var(--text-hint-color); --select-outline-basic-background-color: var(--background-basic-color-2); --select-outline-basic-border-color: var(--border-basic-color-4); --select-outline-basic-focus-background-color: var(--background-basic-color-1); --select-outline-basic-focus-border-color: var(--color-primary-default); --select-outline-basic-hover-background-color: var(--background-basic-color-3); --select-outline-basic-hover-border-color: var(--border-basic-color-4); --select-outline-basic-focus-and-hover-background-color: var(--select-outline-basic-hover-background-color); --select-outline-basic-focus-and-hover-border-color: var(--select-outline-basic-hover-border-color); --select-outline-basic-disabled-background-color: var(--background-basic-color-2); --select-outline-basic-disabled-border-color: var(--border-basic-color-4); --select-outline-basic-disabled-icon-color: var(--text-disabled-color); --select-outline-basic-disabled-text-color: var(--text-disabled-color); --select-outline-primary-icon-color: var(--text-hint-color); --select-outline-primary-text-color: var(--text-basic-color); --select-outline-primary-placeholder-text-color: var(--text-hint-color); --select-outline-primary-background-color: var(--background-basic-color-2); --select-outline-primary-border-color: var(--color-primary-default); --select-outline-primary-focus-background-color: var(--background-basic-color-1); --select-outline-primary-focus-border-color: var(--color-primary-focus); --select-outline-primary-hover-background-color: var(--background-basic-color-3); --select-outline-primary-hover-border-color: var(--color-primary-hover); --select-outline-primary-focus-and-hover-background-color: var(--select-outline-primary-hover-background-color); --select-outline-primary-focus-and-hover-border-color: var(--select-outline-primary-hover-border-color); --select-outline-primary-disabled-background-color: var(--background-basic-color-2); --select-outline-primary-disabled-border-color: var(--border-basic-color-4); --select-outline-primary-disabled-icon-color: var(--text-disabled-color); --select-outline-primary-disabled-text-color: var(--text-disabled-color); --select-outline-success-icon-color: var(--text-hint-color); --select-outline-success-text-color: var(--text-basic-color); --select-outline-success-placeholder-text-color: var(--text-hint-color); --select-outline-success-background-color: var(--background-basic-color-2); --select-outline-success-border-color: var(--color-success-default); --select-outline-success-focus-background-color: var(--background-basic-color-1); --select-outline-success-focus-border-color: var(--color-success-focus); --select-outline-success-focus-and-hover-background-color: var(--select-outline-success-hover-background-color); --select-outline-success-focus-and-hover-border-color: var(--select-outline-success-hover-border-color); --select-outline-success-hover-background-color: var(--background-basic-color-3); --select-outline-success-hover-border-color: var(--color-success-hover); --select-outline-success-disabled-background-color: var(--background-basic-color-2); --select-outline-success-disabled-border-color: var(--border-basic-color-4); --select-outline-success-disabled-icon-color: var(--text-disabled-color); --select-outline-success-disabled-text-color: var(--text-disabled-color); --select-outline-info-icon-color: var(--text-hint-color); --select-outline-info-text-color: var(--text-basic-color); --select-outline-info-placeholder-text-color: var(--text-hint-color); --select-outline-info-background-color: var(--background-basic-color-2); --select-outline-info-border-color: var(--color-info-default); --select-outline-info-focus-background-color: var(--background-basic-color-1); --select-outline-info-focus-border-color: var(--color-info-focus); --select-outline-info-hover-background-color: var(--background-basic-color-3); --select-outline-info-hover-border-color: var(--color-info-hover); --select-outline-info-focus-and-hover-background-color: var(--select-outline-info-hover-background-color); --select-outline-info-focus-and-hover-border-color: var(--select-outline-info-hover-border-color); --select-outline-info-disabled-background-color: var(--background-basic-color-2); --select-outline-info-disabled-border-color: var(--border-basic-color-4); --select-outline-info-disabled-icon-color: var(--text-disabled-color); --select-outline-info-disabled-text-color: var(--text-disabled-color); --select-outline-warning-icon-color: var(--text-hint-color); --select-outline-warning-text-color: var(--text-basic-color); --select-outline-warning-placeholder-text-color: var(--text-hint-color); --select-outline-warning-background-color: var(--background-basic-color-2); --select-outline-warning-border-color: var(--color-warning-default); --select-outline-warning-focus-background-color: var(--background-basic-color-1); --select-outline-warning-focus-border-color: var(--color-warning-focus); --select-outline-warning-hover-background-color: var(--background-basic-color-3); --select-outline-warning-hover-border-color: var(--color-warning-hover); --select-outline-warning-focus-and-hover-background-color: var(--select-outline-warning-hover-background-color); --select-outline-warning-focus-and-hover-border-color: var(--select-outline-warning-hover-border-color); --select-outline-warning-disabled-background-color: var(--background-basic-color-2); --select-outline-warning-disabled-border-color: var(--border-basic-color-4); --select-outline-warning-disabled-icon-color: var(--text-disabled-color); --select-outline-warning-disabled-text-color: var(--text-disabled-color); --select-outline-danger-icon-color: var(--text-hint-color); --select-outline-danger-text-color: var(--text-basic-color); --select-outline-danger-placeholder-text-color: var(--text-hint-color); --select-outline-danger-background-color: var(--background-basic-color-2); --select-outline-danger-border-color: var(--color-danger-default); --select-outline-danger-focus-background-color: var(--background-basic-color-1); --select-outline-danger-focus-border-color: var(--color-danger-focus); --select-outline-danger-hover-background-color: var(--background-basic-color-3); --select-outline-danger-hover-border-color: var(--color-danger-hover); --select-outline-danger-focus-and-hover-background-color: var(--select-outline-danger-hover-background-color); --select-outline-danger-focus-and-hover-border-color: var(--select-outline-danger-hover-border-color); --select-outline-danger-disabled-background-color: var(--background-basic-color-2); --select-outline-danger-disabled-border-color: var(--border-basic-color-4); --select-outline-danger-disabled-icon-color: var(--text-disabled-color); --select-outline-danger-disabled-text-color: var(--text-disabled-color); --select-outline-control-icon-color: var(--color-basic-100); --select-outline-control-text-color: var(--color-basic-100); --select-outline-control-placeholder-text-color: var(--color-basic-100); --select-outline-control-background-color: var(--color-basic-control-transparent-300); --select-outline-control-border-color: var(--color-basic-control-transparent-500); --select-outline-control-focus-background-color: var(--color-basic-control-transparent-500); --select-outline-control-focus-border-color: var(--color-control-transparent-focus-border); --select-outline-control-hover-background-color: var(--color-basic-control-transparent-400); --select-outline-control-hover-border-color: var(--color-control-transparent-hover-border); --select-outline-control-focus-and-hover-background-color: var(--select-outline-control-hover-background-color); --select-outline-control-focus-and-hover-border-color: var(--select-outline-control-hover-border-color); --select-outline-control-disabled-background-color: var(--color-control-transparent-disabled); --select-outline-control-disabled-border-color: var(--color-basic-control-transparent-500); --select-outline-control-disabled-icon-color: var(--color-basic-100); --select-outline-control-disabled-text-color: var(--color-basic-100); --select-outline-adjacent-border-style: var(--select-outline-border-style); --select-outline-adjacent-border-width: var(--select-outline-border-width); --select-outline-basic-open-border-color: var(--select-outline-basic-border-color); --select-outline-basic-adjacent-border-color: var(--select-outline-basic-border-color); --select-outline-primary-open-border-color: var(--select-outline-primary-border-color); --select-outline-primary-adjacent-border-color: var(--select-outline-primary-border-color); --select-outline-success-open-border-color: var(--select-outline-success-border-color); --select-outline-success-adjacent-border-color: var(--select-outline-success-border-color); --select-outline-info-open-border-color: var(--select-outline-info-border-color); --select-outline-info-adjacent-border-color: var(--select-outline-info-border-color); --select-outline-warning-open-border-color: var(--select-outline-warning-border-color); --select-outline-warning-adjacent-border-color: var(--select-outline-warning-border-color); --select-outline-danger-open-border-color: var(--select-outline-danger-border-color); --select-outline-danger-adjacent-border-color: var(--select-outline-danger-border-color); --select-outline-control-open-border-color: var(--select-outline-control-border-color); --select-outline-control-adjacent-border-color: var(--select-outline-control-border-color); --select-filled-border-style: solid; --select-filled-border-width: 1px; --select-filled-tiny-padding: 0.1875rem 1rem; --select-filled-small-padding: 0.1875rem 1rem; --select-filled-medium-padding: 0.4375rem 1rem; --select-filled-large-padding: 0.6875rem 1rem; --select-filled-giant-padding: 0.9375rem 1rem; --select-filled-basic-background-color: var(--color-basic-default); --select-filled-basic-border-color: var(--color-basic-default-border); --select-filled-basic-icon-color: var(--color-basic-800); --select-filled-basic-text-color: var(--color-basic-800); --select-filled-basic-placeholder-text-color: var(--text-hint-color); --select-filled-basic-focus-background-color: var(--color-basic-focus); --select-filled-basic-focus-border-color: var(--color-basic-focus-border); --select-filled-basic-hover-background-color: var(--color-basic-hover); --select-filled-basic-hover-border-color: var(--color-basic-hover-border); --select-filled-basic-focus-and-hover-background-color: var(--select-filled-basic-hover-background-color); --select-filled-basic-focus-and-hover-border-color: var(--select-filled-basic-hover-border-color); --select-filled-basic-disabled-background-color: var(--background-basic-color-2); --select-filled-basic-disabled-border-color: var(--border-basic-color-2); --select-filled-basic-disabled-icon-color: var(--text-disabled-color); --select-filled-basic-disabled-text-color: var(--text-disabled-color); --select-filled-primary-background-color: var(--color-primary-default); --select-filled-primary-border-color: var(--color-primary-default-border); --select-filled-primary-icon-color: var(--text-control-color); --select-filled-primary-text-color: var(--text-control-color); --select-filled-primary-placeholder-text-color: var(--text-control-color); --select-filled-primary-focus-background-color: var(--color-primary-focus); --select-filled-primary-focus-border-color: var(--color-primary-focus-border); --select-filled-primary-hover-background-color: var(--color-primary-hover); --select-filled-primary-hover-border-color: var(--color-primary-hover-border); --select-filled-primary-focus-and-hover-background-color: var(--select-filled-primary-hover-background-color); --select-filled-primary-focus-and-hover-border-color: var(--select-filled-primary-hover-border-color); --select-filled-primary-disabled-background-color: var(--background-basic-color-2); --select-filled-primary-disabled-border-color: var(--border-basic-color-2); --select-filled-primary-disabled-icon-color: var(--text-disabled-color); --select-filled-primary-disabled-text-color: var(--text-disabled-color); --select-filled-success-background-color: var(--color-success-default); --select-filled-success-border-color: var(--color-success-default-border); --select-filled-success-icon-color: var(--text-control-color); --select-filled-success-text-color: var(--text-control-color); --select-filled-success-placeholder-text-color: var(--text-control-color); --select-filled-success-focus-background-color: var(--color-success-focus); --select-filled-success-focus-border-color: var(--color-success-focus-border); --select-filled-success-hover-background-color: var(--color-success-hover); --select-filled-success-hover-border-color: var(--color-success-hover-border); --select-filled-success-focus-and-hover-background-color: var(--select-filled-success-hover-background-color); --select-filled-success-focus-and-hover-border-color: var(--select-filled-success-hover-border-color); --select-filled-success-disabled-background-color: var(--background-basic-color-2); --select-filled-success-disabled-border-color: var(--border-basic-color-2); --select-filled-success-disabled-icon-color: var(--text-disabled-color); --select-filled-success-disabled-text-color: var(--text-disabled-color); --select-filled-info-background-color: var(--color-info-default); --select-filled-info-border-color: var(--color-info-default-border); --select-filled-info-icon-color: var(--text-control-color); --select-filled-info-text-color: var(--text-control-color); --select-filled-info-placeholder-text-color: var(--text-control-color); --select-filled-info-focus-background-color: var(--color-info-focus); --select-filled-info-focus-border-color: var(--color-info-focus-border); --select-filled-info-hover-background-color: var(--color-info-hover); --select-filled-info-hover-border-color: var(--color-info-hover-border); --select-filled-info-focus-and-hover-background-color: var(--select-filled-info-hover-background-color); --select-filled-info-focus-and-hover-border-color: var(--select-filled-info-hover-border-color); --select-filled-info-disabled-background-color: var(--background-basic-color-2); --select-filled-info-disabled-border-color: var(--border-basic-color-2); --select-filled-info-disabled-icon-color: var(--text-disabled-color); --select-filled-info-disabled-text-color: var(--text-disabled-color); --select-filled-warning-background-color: var(--color-warning-default); --select-filled-warning-border-color: var(--color-warning-default-border); --select-filled-warning-icon-color: var(--text-control-color); --select-filled-warning-text-color: var(--text-control-color); --select-filled-warning-placeholder-text-color: var(--text-control-color); --select-filled-warning-focus-background-color: var(--color-warning-focus); --select-filled-warning-focus-border-color: var(--color-warning-focus-border); --select-filled-warning-hover-background-color: var(--color-warning-hover); --select-filled-warning-hover-border-color: var(--color-warning-hover-border); --select-filled-warning-focus-and-hover-background-color: var(--select-filled-warning-hover-background-color); --select-filled-warning-focus-and-hover-border-color: var(--select-filled-warning-hover-border-color); --select-filled-warning-disabled-background-color: var(--background-basic-color-2); --select-filled-warning-disabled-border-color: var(--border-basic-color-2); --select-filled-warning-disabled-icon-color: var(--text-disabled-color); --select-filled-warning-disabled-text-color: var(--text-disabled-color); --select-filled-danger-background-color: var(--color-danger-default); --select-filled-danger-border-color: var(--color-danger-default-border); --select-filled-danger-icon-color: var(--text-control-color); --select-filled-danger-text-color: var(--text-control-color); --select-filled-danger-placeholder-text-color: var(--text-control-color); --select-filled-danger-focus-background-color: var(--color-danger-focus); --select-filled-danger-focus-border-color: var(--color-danger-focus-border); --select-filled-danger-hover-background-color: var(--color-danger-hover); --select-filled-danger-hover-border-color: var(--color-danger-hover-border); --select-filled-danger-focus-and-hover-background-color: var(--select-filled-danger-hover-background-color); --select-filled-danger-focus-and-hover-border-color: var(--select-filled-danger-hover-border-color); --select-filled-danger-disabled-background-color: var(--background-basic-color-2); --select-filled-danger-disabled-border-color: var(--border-basic-color-2); --select-filled-danger-disabled-icon-color: var(--text-disabled-color); --select-filled-danger-disabled-text-color: var(--text-disabled-color); --select-filled-control-background-color: var(--color-control-default); --select-filled-control-border-color: var(--color-control-default-border); --select-filled-control-icon-color: var(--color-basic-800); --select-filled-control-text-color: var(--color-basic-800); --select-filled-control-placeholder-text-color: var(--text-hint-color); --select-filled-control-focus-background-color: var(--color-control-focus); --select-filled-control-focus-border-color: var(--color-control-focus-border); --select-filled-control-hover-background-color: var(--color-control-hover); --select-filled-control-hover-border-color: var(--color-control-hover-border); --select-filled-control-focus-and-hover-background-color: var(--select-filled-control-hover-background-color); --select-filled-control-focus-and-hover-border-color: var(--select-filled-control-hover-border-color); --select-filled-control-disabled-background-color: var(--background-basic-color-2); --select-filled-control-disabled-border-color: var(--border-basic-color-2); --select-filled-control-disabled-icon-color: var(--text-disabled-color); --select-filled-control-disabled-text-color: var(--text-disabled-color); --select-hero-tiny-padding: 0.25rem 1rem; --select-hero-small-padding: 0.25rem 1rem; --select-hero-medium-padding: 0.5rem 1rem; --select-hero-large-padding: 0.75rem 1rem; --select-hero-giant-padding: 1rem 1rem; --select-hero-basic-left-background-color: var(--color-basic-200); --select-hero-basic-right-background-color: var(--color-basic-default); --select-hero-basic-icon-color: var(--color-basic-800); --select-hero-basic-text-color: var(--color-basic-800); --select-hero-basic-placeholder-text-color: var(--text-hint-color); --select-hero-basic-focus-left-background-color: var(--color-basic-300); --select-hero-basic-focus-right-background-color: var(--color-basic-400); --select-hero-basic-hover-left-background-color: var(--color-basic-100); --select-hero-basic-hover-right-background-color: var(--color-basic-hover); --select-hero-basic-focus-and-hover-left-background-color: var(--select-hero-basic-hover-left-background-color); --select-hero-basic-focus-and-hover-right-background-color: var(--select-hero-basic-hover-right-background-color); --select-hero-basic-disabled-background-color: var(--background-basic-color-2); --select-hero-basic-disabled-icon-color: var(--text-disabled-color); --select-hero-basic-disabled-text-color: var(--text-disabled-color); --select-hero-primary-left-background-color: var(--color-primary-400); --select-hero-primary-right-background-color: var(--color-primary-default); --select-hero-primary-icon-color: var(--text-control-color); --select-hero-primary-text-color: var(--text-control-color); --select-hero-primary-placeholder-text-color: var(--text-control-color); --select-hero-primary-focus-left-background-color: var(--color-primary-500); --select-hero-primary-focus-right-background-color: var(--color-primary-focus); --select-hero-primary-hover-left-background-color: var(--color-primary-300); --select-hero-primary-hover-right-background-color: var(--color-primary-hover); --select-hero-primary-focus-and-hover-left-background-color: var(--select-hero-primary-hover-left-background-color); --select-hero-primary-focus-and-hover-right-background-color: var(--select-hero-primary-hover-right-background-color); --select-hero-primary-disabled-background-color: var(--background-basic-color-2); --select-hero-primary-disabled-icon-color: var(--text-disabled-color); --select-hero-primary-disabled-text-color: var(--text-disabled-color); --select-hero-success-left-background-color: var(--color-success-400); --select-hero-success-right-background-color: var(--color-success-default); --select-hero-success-icon-color: var(--text-control-color); --select-hero-success-text-color: var(--text-control-color); --select-hero-success-placeholder-text-color: var(--text-control-color); --select-hero-success-focus-left-background-color: var(--color-success-500); --select-hero-success-focus-right-background-color: var(--color-success-focus); --select-hero-success-hover-left-background-color: var(--color-success-300); --select-hero-success-hover-right-background-color: var(--color-success-hover); --select-hero-success-focus-and-hover-left-background-color: var(--select-hero-success-hover-left-background-color); --select-hero-success-focus-and-hover-right-background-color: var(--select-hero-success-hover-right-background-color); --select-hero-success-disabled-background-color: var(--background-basic-color-2); --select-hero-success-disabled-icon-color: var(--text-disabled-color); --select-hero-success-disabled-text-color: var(--text-disabled-color); --select-hero-info-left-background-color: var(--color-info-400); --select-hero-info-right-background-color: var(--color-info-default); --select-hero-info-icon-color: var(--text-control-color); --select-hero-info-text-color: var(--text-control-color); --select-hero-info-placeholder-text-color: var(--text-control-color); --select-hero-info-focus-left-background-color: var(--color-info-500); --select-hero-info-focus-right-background-color: var(--color-info-focus); --select-hero-info-hover-left-background-color: var(--color-info-300); --select-hero-info-hover-right-background-color: var(--color-info-hover); --select-hero-info-focus-and-hover-left-background-color: var(--select-hero-info-hover-left-background-color); --select-hero-info-focus-and-hover-right-background-color: var(--select-hero-info-hover-right-background-color); --select-hero-info-disabled-background-color: var(--background-basic-color-2); --select-hero-info-disabled-icon-color: var(--text-disabled-color); --select-hero-info-disabled-text-color: var(--text-disabled-color); --select-hero-warning-left-background-color: var(--color-warning-400); --select-hero-warning-right-background-color: var(--color-warning-default); --select-hero-warning-icon-color: var(--text-control-color); --select-hero-warning-text-color: var(--text-control-color); --select-hero-warning-placeholder-text-color: var(--text-control-color); --select-hero-warning-focus-left-background-color: var(--color-warning-500); --select-hero-warning-focus-right-background-color: var(--color-warning-focus); --select-hero-warning-hover-left-background-color: var(--color-warning-300); --select-hero-warning-hover-right-background-color: var(--color-warning-hover); --select-hero-warning-focus-and-hover-left-background-color: var(--select-hero-warning-hover-left-background-color); --select-hero-warning-focus-and-hover-right-background-color: var(--select-hero-warning-hover-right-background-color); --select-hero-warning-disabled-background-color: var(--background-basic-color-2); --select-hero-warning-disabled-icon-color: var(--text-disabled-color); --select-hero-warning-disabled-text-color: var(--text-disabled-color); --select-hero-danger-left-background-color: var(--color-danger-400); --select-hero-danger-right-background-color: var(--color-danger-default); --select-hero-danger-icon-color: var(--text-control-color); --select-hero-danger-text-color: var(--text-control-color); --select-hero-danger-placeholder-text-color: var(--text-control-color); --select-hero-danger-focus-left-background-color: var(--color-danger-500); --select-hero-danger-focus-right-background-color: var(--color-danger-focus); --select-hero-danger-hover-left-background-color: var(--color-danger-300); --select-hero-danger-hover-right-background-color: var(--color-danger-hover); --select-hero-danger-focus-and-hover-left-background-color: var(--select-hero-danger-hover-left-background-color); --select-hero-danger-focus-and-hover-right-background-color: var(--select-hero-danger-hover-right-background-color); --select-hero-danger-disabled-background-color: var(--background-basic-color-2); --select-hero-danger-disabled-icon-color: var(--text-disabled-color); --select-hero-danger-disabled-text-color: var(--text-disabled-color); --select-hero-control-left-background-color: var(--color-control-default); --select-hero-control-right-background-color: var(--color-control-default); --select-hero-control-icon-color: var(--color-basic-800); --select-hero-control-text-color: var(--color-basic-800); --select-hero-control-placeholder-text-color: var(--text-hint-color); --select-hero-control-focus-left-background-color: var(--color-basic-200); --select-hero-control-focus-right-background-color: var(--color-control-focus); --select-hero-control-hover-left-background-color: var(--color-basic-100); --select-hero-control-hover-right-background-color: var(--color-control-hover); --select-hero-control-focus-and-hover-left-background-color: var(--select-hero-control-hover-left-background-color); --select-hero-control-focus-and-hover-right-background-color: var(--select-hero-control-hover-right-background-color); --select-hero-control-disabled-background-color: var(--background-basic-color-2); --select-hero-control-disabled-icon-color: var(--text-disabled-color); --select-hero-control-disabled-text-color: var(--text-disabled-color); --datepicker-background-color: var(--background-basic-color-1); --datepicker-border-color: var(--border-basic-color-4); --datepicker-border-style: solid; --datepicker-border-width: 0.0625rem; --datepicker-border-radius: var(--border-radius); --datepicker-shadow: none; --timepicker-cell-text-color: var(--text-basic-color); --timepicker-cell-hover-background-color: var(--background-basic-color-2); --timepicker-cell-hover-text-color: var(--text-basic-color); --timepicker-cell-focus-background-color: var(--color-basic-focus); --timepicker-cell-focus-text-color: var(--text-basic-color); --timepicker-cell-active-background-color: var(--color-primary-default); --timepicker-cell-active-text-color: var(--text-control-color); --timepicker-cell-text-font-size: var(--text-subtitle-font-size); --timepicker-cell-text-font-family: var(--text-subtitle-font-family); --timepicker-cell-text-line-height: var(--text-subtitle-line-height); --timepicker-cell-text-font-weight: var(--text-subtitle-font-weight); --timepicker-cell-height: 2.75rem; --timepicker-header-cell-text-color: var(--text-hint-color); --timepicker-header-cell-text-font-size: var(--text-subtitle-font-size); --timepicker-header-cell-text-font-family: var(--text-subtitle-font-family); --timepicker-header-cell-height: 2.75rem; --timepicker-header-cell-text-line-height: var(--text-subtitle-line-height); --timepicker-header-cell-text-font-weight: var(--text-subtitle-font-weight); --timepicker-border-color: var(--datepicker-border-color); --timepicker-border-style: var(--datepicker-border-style); --timepicker-border-width: var(--datepicker-border-width); --timepicker-scrollbar-color: var(--scrollbar-color); --timepicker-scrollbar-background-color: var(--scrollbar-background-color); --timepicker-scrollbar-width: var(--scrollbar-width); --timepicker-single-column-width: 5rem; --timepicker-multiple-column-width: 13.875rem; --timepicker-title-height: 3.75rem; --timepicker-title-padding: var(--text-paragraph-line-height); --timepicker-container-width: 20rem; --timepicker-container-height: 26.1875rem; --radio-width: 1.25rem; --radio-height: 1.25rem; --radio-border-style: solid; --radio-border-width: 1px; --radio-text-font-family: var(--text-subtitle-2-font-family); --radio-text-font-size: var(--text-subtitle-2-font-size); --radio-text-font-weight: var(--text-subtitle-2-font-weight); --radio-text-line-height: var(--text-subtitle-2-line-height); --radio-outline-color: var(--outline-color); --radio-outline-width: var(--outline-width); --radio-basic-text-color: var(--text-basic-color); --radio-basic-border-color: var(--color-basic-transparent-default-border); --radio-basic-background-color: var(--color-basic-transparent-default); --radio-basic-checked-background-color: transparent; --radio-basic-checked-border-color: var(--color-primary-default-border); --radio-basic-inner-circle-color: var(--color-primary-default); --radio-basic-focus-border-color: var(--color-primary-transparent-focus-border); --radio-basic-focus-background-color: var(--color-primary-transparent-focus); --radio-basic-focus-checked-background-color: transparent; --radio-basic-focus-checked-border-color: var(--color-primary-focus-border); --radio-basic-focus-inner-circle-color: var(--color-primary-focus); --radio-basic-hover-background-color: var(--color-primary-transparent-hover); --radio-basic-hover-border-color: var(--color-primary-transparent-hover-border); --radio-basic-hover-inner-circle-color: var(--color-primary-hover); --radio-basic-hover-checked-background-color: transparent; --radio-basic-hover-checked-border-color: var(--color-primary-hover-border); --radio-basic-active-background-color: var(--color-primary-transparent-active); --radio-basic-active-border-color: var(--color-primary-transparent-active-border); --radio-basic-active-inner-circle-color: var(--color-primary-active); --radio-basic-active-checked-background-color: transparent; --radio-basic-active-checked-border-color: var(--color-primary-active-border); --radio-basic-disabled-background-color: var(--color-basic-transparent-disabled); --radio-basic-disabled-border-color: var(--color-basic-transparent-disabled-border); --radio-basic-disabled-text-color: var(--text-disabled-color); --radio-basic-disabled-checked-background-color: transparent; --radio-basic-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-basic-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --radio-primary-text-color: var(--text-basic-color); --radio-primary-border-color: var(--color-primary-transparent-default-border); --radio-primary-background-color: var(--color-primary-transparent-default); --radio-primary-checked-background-color: transparent; --radio-primary-checked-border-color: var(--color-primary-default-border); --radio-primary-inner-circle-color: var(--color-primary-default); --radio-primary-focus-border-color: var(--color-primary-transparent-focus-border); --radio-primary-focus-background-color: var(--color-primary-transparent-focus); --radio-primary-focus-checked-background-color: transparent; --radio-primary-focus-checked-border-color: var(--color-primary-focus-border); --radio-primary-focus-inner-circle-color: var(--color-primary-focus); --radio-primary-hover-background-color: var(--color-primary-transparent-hover); --radio-primary-hover-border-color: var(--color-primary-transparent-hover-border); --radio-primary-hover-inner-circle-color: var(--color-primary-hover); --radio-primary-hover-checked-background-color: transparent; --radio-primary-hover-checked-border-color: var(--color-primary-hover-border); --radio-primary-active-border-color: var(--color-primary-transparent-active-border); --radio-primary-active-background-color: var(--color-primary-transparent-active); --radio-primary-active-checked-background-color: transparent; --radio-primary-active-checked-border-color: var(--color-primary-active-border); --radio-primary-active-inner-circle-color: var(--color-primary-active); --radio-primary-disabled-background-color: var(--color-basic-transparent-disabled); --radio-primary-disabled-border-color: var(--color-basic-transparent-disabled-border); --radio-primary-disabled-text-color: var(--text-disabled-color); --radio-primary-disabled-checked-background-color: transparent; --radio-primary-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-primary-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --radio-success-text-color: var(--text-basic-color); --radio-success-border-color: var(--color-success-transparent-default-border); --radio-success-background-color: var(--color-success-transparent-default); --radio-success-checked-background-color: transparent; --radio-success-checked-border-color: var(--color-success-default-border); --radio-success-inner-circle-color: var(--color-success-default); --radio-success-focus-border-color: var(--color-success-transparent-focus-border); --radio-success-focus-background-color: var(--color-success-transparent-focus); --radio-success-focus-checked-background-color: transparent; --radio-success-focus-checked-border-color: var(--color-success-focus-border); --radio-success-focus-inner-circle-color: var(--color-success-focus); --radio-success-hover-background-color: var(--color-success-transparent-hover); --radio-success-hover-border-color: var(--color-success-transparent-hover-border); --radio-success-hover-inner-circle-color: var(--color-success-hover); --radio-success-hover-checked-background-color: transparent; --radio-success-hover-checked-border-color: var(--color-success-hover-border); --radio-success-active-background-color: var(--color-success-transparent-active); --radio-success-active-border-color: var(--color-success-transparent-active-border); --radio-success-active-checked-background-color: transparent; --radio-success-active-checked-border-color: var(--color-success-active-border); --radio-success-active-inner-circle-color: var(--color-success-active); --radio-success-disabled-background-color: var(--color-basic-transparent-disabled); --radio-success-disabled-border-color: var(--color-basic-transparent-disabled-border); --radio-success-disabled-text-color: var(--text-disabled-color); --radio-success-disabled-checked-background-color: transparent; --radio-success-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-success-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --radio-info-text-color: var(--text-basic-color); --radio-info-border-color: var(--color-info-transparent-default-border); --radio-info-background-color: var(--color-info-transparent-default); --radio-info-checked-background-color: transparent; --radio-info-checked-border-color: var(--color-info-default-border); --radio-info-inner-circle-color: var(--color-info-default); --radio-info-focus-background-color: var(--color-info-transparent-focus); --radio-info-focus-border-color: var(--color-info-transparent-focus-border); --radio-info-focus-checked-background-color: transparent; --radio-info-focus-checked-border-color: var(--color-info-focus-border); --radio-info-focus-inner-circle-color: var(--color-info-focus); --radio-info-hover-background-color: var(--color-info-transparent-hover); --radio-info-hover-border-color: var(--color-info-transparent-hover-border); --radio-info-hover-inner-circle-color: var(--color-info-hover); --radio-info-hover-checked-background-color: transparent; --radio-info-hover-checked-border-color: var(--color-info-hover-border); --radio-info-active-background-color: var(--color-info-transparent-active); --radio-info-active-border-color: var(--color-info-transparent-active-border); --radio-info-active-checked-background-color: transparent; --radio-info-active-checked-border-color: var(--color-info-active-border); --radio-info-active-inner-circle-color: var(--color-info-active); --radio-info-disabled-background-color: var(--color-basic-transparent-disabled); --radio-info-disabled-border-color: var(--color-basic-transparent-disabled-border); --radio-info-disabled-text-color: var(--text-disabled-color); --radio-info-disabled-checked-background-color: transparent; --radio-info-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-info-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --radio-warning-text-color: var(--text-basic-color); --radio-warning-border-color: var(--color-warning-transparent-default-border); --radio-warning-background-color: var(--color-warning-transparent-default); --radio-warning-checked-background-color: transparent; --radio-warning-checked-border-color: var(--color-warning-default-border); --radio-warning-inner-circle-color: var(--color-warning-default); --radio-warning-focus-background-color: var(--color-warning-transparent-focus); --radio-warning-focus-border-color: var(--color-warning-transparent-focus-border); --radio-warning-focus-checked-background-color: transparent; --radio-warning-focus-checked-border-color: var(--color-warning-focus-border); --radio-warning-focus-inner-circle-color: var(--color-warning-focus); --radio-warning-hover-background-color: var(--color-warning-transparent-hover); --radio-warning-hover-border-color: var(--color-warning-transparent-hover-border); --radio-warning-hover-inner-circle-color: var(--color-warning-hover); --radio-warning-hover-checked-background-color: transparent; --radio-warning-hover-checked-border-color: var(--color-warning-hover-border); --radio-warning-active-background-color: var(--color-warning-transparent-active); --radio-warning-active-border-color: var(--color-warning-transparent-active-border); --radio-warning-active-checked-background-color: transparent; --radio-warning-active-checked-border-color: var(--color-warning-active-border); --radio-warning-active-inner-circle-color: var(--color-warning-active); --radio-warning-disabled-background-color: var(--color-basic-transparent-disabled); --radio-warning-disabled-border-color: var(--color-basic-transparent-disabled-border); --radio-warning-disabled-text-color: var(--text-disabled-color); --radio-warning-disabled-checked-background-color: transparent; --radio-warning-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-warning-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --radio-danger-text-color: var(--text-basic-color); --radio-danger-border-color: var(--color-danger-transparent-default-border); --radio-danger-background-color: var(--color-danger-transparent-default); --radio-danger-checked-background-color: transparent; --radio-danger-checked-border-color: var(--color-danger-default-border); --radio-danger-inner-circle-color: var(--color-danger-default); --radio-danger-focus-background-color: var(--color-danger-transparent-focus); --radio-danger-focus-border-color: var(--color-danger-transparent-focus-border); --radio-danger-focus-checked-background-color: transparent; --radio-danger-focus-checked-border-color: var(--color-danger-focus-border); --radio-danger-focus-inner-circle-color: var(--color-danger-focus); --radio-danger-hover-background-color: var(--color-danger-transparent-hover); --radio-danger-hover-border-color: var(--color-danger-transparent-hover-border); --radio-danger-hover-inner-circle-color: var(--color-danger-hover); --radio-danger-hover-checked-background-color: transparent; --radio-danger-hover-checked-border-color: var(--color-danger-hover-border); --radio-danger-active-background-color: var(--color-danger-transparent-active); --radio-danger-active-border-color: var(--color-danger-transparent-active-border); --radio-danger-active-checked-background-color: transparent; --radio-danger-active-checked-border-color: var(--color-danger-active-border); --radio-danger-active-inner-circle-color: var(--color-danger-active); --radio-danger-disabled-background-color: var(--color-basic-transparent-disabled); --radio-danger-disabled-border-color: var(--color-basic-transparent-disabled-border); --radio-danger-disabled-text-color: var(--text-disabled-color); --radio-danger-disabled-checked-background-color: transparent; --radio-danger-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-danger-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --radio-control-text-color: var(--text-control-color); --radio-control-background-color: var(--color-control-transparent-default); --radio-control-border-color: var(--color-control-transparent-default-border); --radio-control-checked-background-color: transparent; --radio-control-checked-border-color: var(--color-control-default-border); --radio-control-inner-circle-color: var(--color-control-default); --radio-control-focus-background-color: var(--color-control-transparent-focus); --radio-control-focus-border-color: var(--color-control-transparent-focus-border); --radio-control-focus-checked-background-color: transparent; --radio-control-focus-checked-border-color: var(--color-control-focus-border); --radio-control-focus-inner-circle-color: var(--color-control-focus); --radio-control-hover-background-color: var(--color-control-transparent-hover); --radio-control-hover-border-color: var(--color-control-transparent-hover-border); --radio-control-hover-inner-circle-color: var(--color-control-hover); --radio-control-hover-checked-background-color: transparent; --radio-control-hover-checked-border-color: var(--color-control-hover-border); --radio-control-active-background-color: var(--color-control-transparent-active); --radio-control-active-border-color: var(--color-control-transparent-active-border); --radio-control-active-checked-background-color: transparent; --radio-control-active-checked-border-color: var(--color-control-active-border); --radio-control-active-inner-circle-color: var(--color-control-active); --radio-control-disabled-background-color: var(--color-control-transparent-disabled); --radio-control-disabled-border-color: var(--color-control-transparent-disabled-border); --radio-control-disabled-text-color: var(--color-basic-100); --radio-control-disabled-checked-background-color: transparent; --radio-control-disabled-checked-border-color: var(--color-basic-transparent-600); --radio-control-disabled-checked-inner-circle-color: var(--color-basic-transparent-600); --tree-grid-cell-border-width: 1px; --tree-grid-cell-border-style: solid; --tree-grid-cell-border-color: var(--border-basic-color-2); --tree-grid-row-min-height: 2rem; --tree-grid-cell-padding: 0.875rem 1.25rem; --tree-grid-header-background-color: var(--background-basic-color-1); --tree-grid-header-text-color: var(--text-basic-color); --tree-grid-header-text-font-family: var(--text-subtitle-font-family); --tree-grid-header-text-font-size: var(--text-subtitle-font-size); --tree-grid-header-text-font-weight: var(--text-subtitle-font-weight); --tree-grid-header-text-line-height: var(--text-subtitle-line-height); --tree-grid-footer-background-color: var(--background-basic-color-1); --tree-grid-footer-text-color: var(--text-basic-color); --tree-grid-footer-text-font-family: var(--tree-grid-header-text-font-family); --tree-grid-footer-text-font-size: var(--tree-grid-header-text-font-size); --tree-grid-footer-text-font-weight: var(--tree-grid-header-text-font-weight); --tree-grid-footer-text-line-height: var(--tree-grid-header-text-line-height); --tree-grid-row-background-color: var(--background-basic-color-1); --tree-grid-row-even-background-color: var(--background-basic-color-1); --tree-grid-row-hover-background-color: var(--background-basic-color-1); --tree-grid-row-text-color: var(--text-basic-color); --tree-grid-row-text-font-family: var(--text-paragraph-font-family); --tree-grid-row-text-font-size: var(--text-paragraph-font-size); --tree-grid-row-text-font-weight: var(--text-paragraph-font-weight); --tree-grid-row-text-line-height: var(--text-paragraph-line-height); --tree-grid-sort-header-button-background-color: transparent; --tree-grid-sort-header-button-border: none; --tree-grid-sort-header-button-padding: 0; --icon-font-size: 1.25rem; --icon-line-height: 1; --icon-width: 1em; --icon-height: 1em; --icon-svg-vertical-align: top; --icon-basic-color: var(--text-hint-color); --icon-primary-color: var(--color-primary-default); --icon-info-color: var(--color-info-default); --icon-success-color: var(--color-success-default); --icon-warning-color: var(--color-warning-default); --icon-danger-color: var(--color-danger-default); --icon-control-color: var(--color-basic-100); --tag-text-font-family: var(--text-subtitle-font-family); --tag-text-transform: capitalize; --tag-border-width: 0.0625rem; --tag-border-style: solid; --tag-border-radius: 1.5rem; --tag-tiny-text-font-size: var(--input-tiny-text-font-size); --tag-tiny-text-font-weight: var(--input-tiny-text-font-weight); --tag-tiny-text-line-height: var(--input-tiny-text-line-height); --tag-tiny-padding: 0.0625rem 0.9375rem; --tag-tiny-close-offset: 0.625rem; --tag-small-text-font-size: var(--input-small-text-font-size); --tag-small-text-font-weight: var(--input-small-text-font-weight); --tag-small-text-line-height: var(--input-small-text-line-height); --tag-small-padding: 0.0625rem 0.9375rem; --tag-small-close-offset: 0.625rem; --tag-medium-text-font-size: var(--input-medium-text-font-size); --tag-medium-text-font-weight: var(--input-medium-text-font-weight); --tag-medium-text-line-height: var(--input-medium-text-line-height); --tag-medium-padding: 0.1875rem 0.9375rem; --tag-medium-close-offset: 0.625rem; --tag-large-text-font-size: var(--input-large-text-font-size); --tag-large-text-font-weight: var(--input-large-text-font-weight); --tag-large-text-line-height: var(--input-large-text-line-height); --tag-large-padding: 0.3125rem 0.9375rem; --tag-large-close-offset: 0.625rem; --tag-giant-text-font-size: var(--input-giant-text-font-size); --tag-giant-text-font-weight: var(--input-giant-text-font-weight); --tag-giant-text-line-height: var(--input-giant-text-line-height); --tag-giant-padding: 0.4375rem 0.9375rem; --tag-giant-close-offset: 0.625rem; --tag-filled-basic-background-color: var(--color-basic-default); --tag-filled-basic-border-color: var(--color-basic-default-border); --tag-filled-basic-text-color: var(--color-basic-800); --tag-filled-basic-active-background-color: var(--color-basic-focus); --tag-filled-basic-active-border-color: var(--color-basic-focus-border); --tag-filled-basic-hover-background-color: var(--color-basic-hover); --tag-filled-basic-hover-border-color: var(--color-basic-hover-border); --tag-filled-basic-selected-background-color: color-basic-actove; --tag-filled-basic-selected-border-color: var(--color-basic-active-border); --tag-filled-primary-background-color: var(--color-primary-default); --tag-filled-primary-border-color: var(--color-primary-default-border); --tag-filled-primary-text-color: var(--text-control-color); --tag-filled-primary-active-background-color: var(--color-primary-focus); --tag-filled-primary-active-border-color: var(--color-primary-focus-border); --tag-filled-primary-hover-background-color: var(--color-primary-hover); --tag-filled-primary-hover-border-color: var(--color-primary-hover-border); --tag-filled-primary-selected-background-color: color-primary-actove; --tag-filled-primary-selected-border-color: var(--color-primary-active-border); --tag-filled-success-background-color: var(--color-success-default); --tag-filled-success-border-color: var(--color-success-default-border); --tag-filled-success-text-color: var(--text-control-color); --tag-filled-success-active-background-color: var(--color-success-focus); --tag-filled-success-active-border-color: var(--color-success-focus-border); --tag-filled-success-hover-background-color: var(--color-success-hover); --tag-filled-success-hover-border-color: var(--color-success-hover-border); --tag-filled-success-selected-background-color: color-success-actove; --tag-filled-success-selected-border-color: var(--color-success-active-border); --tag-filled-info-background-color: var(--color-info-default); --tag-filled-info-border-color: var(--color-info-default-border); --tag-filled-info-text-color: var(--text-control-color); --tag-filled-info-active-background-color: var(--color-info-focus); --tag-filled-info-active-border-color: var(--color-info-focus-border); --tag-filled-info-hover-background-color: var(--color-info-hover); --tag-filled-info-hover-border-color: var(--color-info-hover-border); --tag-filled-info-selected-background-color: color-info-actove; --tag-filled-info-selected-border-color: var(--color-info-active-border); --tag-filled-warning-background-color: var(--color-warning-default); --tag-filled-warning-border-color: var(--color-warning-default-border); --tag-filled-warning-text-color: var(--text-control-color); --tag-filled-warning-active-background-color: var(--color-warning-focus); --tag-filled-warning-active-border-color: var(--color-warning-focus-border); --tag-filled-warning-hover-background-color: var(--color-warning-hover); --tag-filled-warning-hover-border-color: var(--color-warning-hover-border); --tag-filled-warning-selected-background-color: color-warning-actove; --tag-filled-warning-selected-border-color: var(--color-warning-active-border); --tag-filled-danger-background-color: var(--color-danger-default); --tag-filled-danger-border-color: var(--color-danger-default-border); --tag-filled-danger-text-color: var(--text-control-color); --tag-filled-danger-active-background-color: var(--color-danger-focus); --tag-filled-danger-active-border-color: var(--color-danger-focus-border); --tag-filled-danger-hover-background-color: var(--color-danger-hover); --tag-filled-danger-hover-border-color: var(--color-danger-hover-border); --tag-filled-danger-selected-background-color: color-danger-actove; --tag-filled-danger-selected-border-color: var(--color-danger-active-border); --tag-filled-control-background-color: var(--color-control-default); --tag-filled-control-border-color: var(--color-control-default-border); --tag-filled-control-text-color: var(--color-basic-800); --tag-filled-control-active-background-color: var(--color-control-hover); --tag-filled-control-active-border-color: var(--color-control-hover-border); --tag-filled-control-hover-background-color: var(--color-control-focus); --tag-filled-control-hover-border-color: var(--color-control-focus-border); --tag-filled-control-selected-background-color: color-control-actove; --tag-filled-control-selected-border-color: var(--color-control-active-border); --tag-outline-basic-background-color: var(--color-basic-transparent-default); --tag-outline-basic-border-color: var(--color-basic-transparent-default-border); --tag-outline-basic-text-color: var(--text-hint-color); --tag-outline-basic-active-background-color: var(--color-basic-transparent-focus); --tag-outline-basic-active-border-color: var(--color-basic-transparent-focus-border); --tag-outline-basic-active-text-color: var(--text-hint-color); --tag-outline-basic-hover-background-color: var(--color-basic-transparent-hover); --tag-outline-basic-hover-border-color: var(--color-basic-transparent-hover-border); --tag-outline-basic-hover-text-color: var(--text-hint-color); --tag-outline-basic-selected-background-color: var(--color-basic-transparent-active); --tag-outline-basic-selected-border-color: var(--color-basic-transparent-active-border); --tag-outline-basic-selected-text-color: var(--text-hint-color); --tag-outline-primary-background-color: var(--color-primary-transparent-default); --tag-outline-primary-border-color: var(--color-primary-transparent-default-border); --tag-outline-primary-text-color: var(--text-primary-color); --tag-outline-primary-active-background-color: var(--color-primary-transparent-focus); --tag-outline-primary-active-border-color: var(--color-primary-transparent-focus-border); --tag-outline-primary-active-text-color: var(--text-primary-color); --tag-outline-primary-hover-background-color: var(--color-primary-transparent-hover); --tag-outline-primary-hover-border-color: var(--color-primary-transparent-hover-border); --tag-outline-primary-hover-text-color: var(--text-primary-color); --tag-outline-primary-selected-background-color: var(--color-primary-transparent-active); --tag-outline-primary-selected-border-color: var(--color-primary-transparent-active-border); --tag-outline-primary-selected-text-color: var(--text-primary-color); --tag-outline-success-background-color: var(--color-success-transparent-default); --tag-outline-success-border-color: var(--color-success-transparent-default-border); --tag-outline-success-text-color: var(--text-success-color); --tag-outline-success-active-background-color: var(--color-success-transparent-focus); --tag-outline-success-active-border-color: var(--color-success-transparent-focus-border); --tag-outline-success-active-text-color: var(--text-success-color); --tag-outline-success-hover-background-color: var(--color-success-transparent-hover); --tag-outline-success-hover-border-color: var(--color-success-transparent-hover-border); --tag-outline-success-hover-text-color: var(--text-success-color); --tag-outline-success-selected-background-color: var(--color-success-transparent-active); --tag-outline-success-selected-border-color: var(--color-success-transparent-active-border); --tag-outline-success-selected-text-color: var(--text-success-color); --tag-outline-info-background-color: var(--color-info-transparent-default); --tag-outline-info-border-color: var(--color-info-transparent-default-border); --tag-outline-info-text-color: var(--text-info-color); --tag-outline-info-active-background-color: var(--color-info-transparent-focus); --tag-outline-info-active-border-color: var(--color-info-transparent-focus-border); --tag-outline-info-active-text-color: var(--text-info-color); --tag-outline-info-hover-background-color: var(--color-info-transparent-hover); --tag-outline-info-hover-border-color: var(--color-info-transparent-hover-border); --tag-outline-info-hover-text-color: var(--text-info-color); --tag-outline-info-selected-background-color: var(--color-info-transparent-active); --tag-outline-info-selected-border-color: var(--color-info-transparent-active-border); --tag-outline-info-selected-text-color: var(--text-info-color); --tag-outline-warning-background-color: var(--color-warning-transparent-default); --tag-outline-warning-border-color: var(--color-warning-transparent-default-border); --tag-outline-warning-text-color: var(--text-warning-color); --tag-outline-warning-active-background-color: var(--color-warning-transparent-focus); --tag-outline-warning-active-border-color: var(--color-warning-transparent-focus-border); --tag-outline-warning-active-text-color: var(--text-warning-color); --tag-outline-warning-hover-background-color: var(--color-warning-transparent-hover); --tag-outline-warning-hover-border-color: var(--color-warning-transparent-hover-border); --tag-outline-warning-hover-text-color: var(--text-warning-color); --tag-outline-warning-selected-background-color: var(--color-warning-transparent-active); --tag-outline-warning-selected-border-color: var(--color-warning-transparent-active-border); --tag-outline-warning-selected-text-color: var(--text-warning-color); --tag-outline-danger-background-color: var(--color-danger-transparent-default); --tag-outline-danger-border-color: var(--color-danger-transparent-default-border); --tag-outline-danger-text-color: var(--text-danger-color); --tag-outline-danger-active-background-color: var(--color-danger-transparent-focus); --tag-outline-danger-active-border-color: var(--color-danger-transparent-focus-border); --tag-outline-danger-active-text-color: var(--text-danger-color); --tag-outline-danger-hover-background-color: var(--color-danger-transparent-hover); --tag-outline-danger-hover-border-color: var(--color-danger-transparent-hover-border); --tag-outline-danger-hover-text-color: var(--text-danger-color); --tag-outline-danger-selected-background-color: var(--color-danger-transparent-active); --tag-outline-danger-selected-border-color: var(--color-danger-transparent-active-border); --tag-outline-danger-selected-text-color: var(--text-danger-color); --tag-outline-control-background-color: var(--color-control-transparent-default); --tag-outline-control-border-color: var(--color-control-transparent-default-border); --tag-outline-control-text-color: var(--text-control-color); --tag-outline-control-active-background-color: var(--color-control-transparent-focus); --tag-outline-control-active-border-color: var(--color-control-transparent-focus-border); --tag-outline-control-active-text-color: var(--text-control-color); --tag-outline-control-hover-background-color: var(--color-control-transparent-hover); --tag-outline-control-hover-border-color: var(--color-control-transparent-hover-border); --tag-outline-control-hover-text-color: var(--text-control-color); --tag-outline-control-selected-background-color: var(--color-control-transparent-active); --tag-outline-control-selected-border-color: var(--color-control-transparent-active-border); --tag-outline-control-selected-text-color: var(--text-control-color); --tag-list-tiny-tag-offset: 0.0625rem; --tag-list-small-tag-offset: 0.125rem; --tag-list-medium-tag-offset: 0.25rem; --tag-list-large-tag-offset: 0.375rem; --tag-list-giant-tag-offset: 0.5rem; --tag-list-with-input-tiny-padding: 0.0625rem 1rem; --tag-list-with-input-small-padding: 0.0625rem 1rem; --tag-list-with-input-medium-padding: 0.1875rem 1rem; --tag-list-with-input-large-padding: 0.3125rem 1rem; --tag-list-with-input-giant-padding: 0.4375rem 1rem; --tag-list-with-input-rectangle-border-radius: var(--input-rectangle-border-radius); --tag-list-with-input-semi-round-border-radius: var(--input-semi-round-border-radius); --tag-list-with-input-round-border-radius: var(--input-round-border-radius); --tag-input-min-width: 6rem; --tag-input-text-font-family: var(--input-text-font-family); --tag-input-placeholder-text-font-family: var(--input-placeholder-text-font-family); --tag-input-basic-background-color: var(--input-basic-background-color); --tag-input-basic-border-color: var(--input-basic-border-color); --tag-input-basic-text-color: var(--input-basic-text-color); --tag-input-basic-placeholder-text-color: var(--input-basic-placeholder-text-color); --tag-input-basic-focus-background-color: var(--input-basic-focus-background-color); --tag-input-basic-focus-border-color: var(--input-basic-focus-border-color); --tag-input-basic-disabled-text-color: var(--input-basic-disabled-text-color); --tag-input-basic-disabled-placeholder-text-color: var(--input-basic-disabled-placeholder-text-color); --tag-input-primary-background-color: var(--input-primary-background-color); --tag-input-primary-border-color: var(--input-primary-border-color); --tag-input-primary-text-color: var(--input-primary-text-color); --tag-input-primary-placeholder-text-color: var(--input-primary-placeholder-text-color); --tag-input-primary-focus-background-color: var(--input-primary-focus-background-color); --tag-input-primary-focus-border-color: var(--input-primary-focus-border-color); --tag-input-primary-disabled-text-color: var(--input-primary-disabled-text-color); --tag-input-primary-disabled-placeholder-text-color: var(--input-primary-disabled-placeholder-text-color); --tag-input-success-background-color: var(--input-success-background-color); --tag-input-success-border-color: var(--input-success-border-color); --tag-input-success-text-color: var(--input-success-text-color); --tag-input-success-placeholder-text-color: var(--input-success-placeholder-text-color); --tag-input-success-focus-background-color: var(--input-success-focus-background-color); --tag-input-success-focus-border-color: var(--input-success-focus-border-color); --tag-input-success-disabled-text-color: var(--input-success-disabled-text-color); --tag-input-success-disabled-placeholder-text-color: var(--input-success-disabled-placeholder-text-color); --tag-input-info-background-color: var(--input-info-background-color); --tag-input-info-border-color: var(--input-info-border-color); --tag-input-info-text-color: var(--input-info-text-color); --tag-input-info-placeholder-text-color: var(--input-info-placeholder-text-color); --tag-input-info-focus-background-color: var(--input-info-focus-background-color); --tag-input-info-focus-border-color: var(--input-info-focus-border-color); --tag-input-info-disabled-text-color: var(--input-info-disabled-text-color); --tag-input-info-disabled-placeholder-text-color: var(--input-info-disabled-placeholder-text-color); --tag-input-warning-background-color: var(--input-warning-background-color); --tag-input-warning-border-color: var(--input-warning-border-color); --tag-input-warning-text-color: var(--input-warning-text-color); --tag-input-warning-placeholder-text-color: var(--input-warning-placeholder-text-color); --tag-input-warning-focus-background-color: var(--input-warning-focus-background-color); --tag-input-warning-focus-border-color: var(--input-warning-focus-border-color); --tag-input-warning-disabled-text-color: var(--input-warning-disabled-text-color); --tag-input-warning-disabled-placeholder-text-color: var(--input-warning-disabled-placeholder-text-color); --tag-input-danger-background-color: var(--input-danger-background-color); --tag-input-danger-border-color: var(--input-danger-border-color); --tag-input-danger-text-color: var(--input-danger-text-color); --tag-input-danger-placeholder-text-color: var(--input-danger-placeholder-text-color); --tag-input-danger-focus-background-color: var(--input-danger-focus-background-color); --tag-input-danger-focus-border-color: var(--input-danger-focus-border-color); --tag-input-danger-disabled-text-color: var(--input-danger-disabled-text-color); --tag-input-danger-disabled-placeholder-text-color: var(--input-danger-disabled-placeholder-text-color); --tag-input-control-background-color: var(--input-control-background-color); --tag-input-control-border-color: var(--input-control-border-color); --tag-input-control-text-color: var(--input-control-text-color); --tag-input-control-placeholder-text-color: var(--input-control-placeholder-text-color); --tag-input-control-focus-background-color: var(--input-control-focus-background-color); --tag-input-control-focus-border-color: var(--input-control-focus-border-color); --tag-input-control-disabled-text-color: var(--input-control-disabled-text-color); --tag-input-control-disabled-placeholder-text-color: var(--input-control-disabled-placeholder-text-color); --tag-input-tiny-text-font-size: var(--input-tiny-text-font-size); --tag-input-tiny-text-font-weight: var(--input-tiny-text-font-weight); --tag-input-tiny-text-line-height: var(--input-tiny-text-line-height); --tag-input-tiny-placeholder-text-font-size: var(--input-tiny-placeholder-text-font-size); --tag-input-tiny-placeholder-text-font-weight: var(--input-tiny-placeholder-text-font-weight); --tag-input-tiny-placeholder-text-line-height: var(--input-tiny-placeholder-text-line-height); --tag-input-tiny-padding: 0.125rem 0; --tag-input-small-text-font-size: var(--input-small-text-font-size); --tag-input-small-text-font-weight: var(--input-small-text-font-weight); --tag-input-small-text-line-height: var(--input-small-text-line-height); --tag-input-small-placeholder-text-font-size: var(--input-small-placeholder-text-font-size); --tag-input-small-placeholder-text-font-weight: var(--input-small-placeholder-text-font-weight); --tag-input-small-placeholder-text-line-height: var(--input-small-placeholder-text-line-height); --tag-input-small-padding: 0.125rem 0; --tag-input-medium-text-font-size: var(--input-medium-text-font-size); --tag-input-medium-text-font-weight: var(--input-medium-text-font-weight); --tag-input-medium-text-line-height: var(--input-medium-text-line-height); --tag-input-medium-placeholder-text-font-size: var(--input-medium-placeholder-text-font-size); --tag-input-medium-placeholder-text-font-weight: var(--input-medium-placeholder-text-font-weight); --tag-input-medium-placeholder-text-line-height: var(--input-medium-placeholder-text-line-height); --tag-input-medium-padding: 0.25rem 0; --tag-input-large-text-font-size: var(--input-large-text-font-size); --tag-input-large-text-font-weight: var(--input-large-text-font-weight); --tag-input-large-text-line-height: var(--input-large-text-line-height); --tag-input-large-placeholder-text-font-size: var(--input-large-placeholder-text-font-size); --tag-input-large-placeholder-text-font-weight: var(--input-large-placeholder-text-font-weight); --tag-input-large-placeholder-text-line-height: var(--input-large-placeholder-text-line-height); --tag-input-large-padding: 0.375rem 0; --tag-input-giant-text-font-size: var(--input-giant-text-font-size); --tag-input-giant-text-font-weight: var(--input-giant-text-font-weight); --tag-input-giant-text-line-height: var(--input-giant-text-line-height); --tag-input-giant-placeholder-text-font-size: var(--input-giant-placeholder-text-font-size); --tag-input-giant-placeholder-text-font-weight: var(--input-giant-placeholder-text-font-weight); --tag-input-giant-placeholder-text-line-height: var(--input-giant-placeholder-text-line-height); --tag-input-giant-padding: 0.5rem 0; --toggle-height: 1.875rem; --toggle-width: 3.125rem; --toggle-border-width: 1px; --toggle-border-radius: 100px; --toggle-outline-width: var(--outline-width); --toggle-outline-color: var(--outline-color); --toggle-switcher-size: 1.75rem; --toggle-switcher-icon-size: 0.75rem; --toggle-text-font-family: var(--text-subtitle-2-font-family); --toggle-text-font-size: var(--text-subtitle-2-font-size); --toggle-text-font-weight: var(--text-subtitle-2-font-weight); --toggle-text-line-height: var(--text-subtitle-2-line-height); --toggle-cursor: pointer; --toggle-disabled-cursor: default; --toggle-basic-text-color: var(--text-basic-color); --toggle-basic-background-color: var(--color-basic-transparent-default); --toggle-basic-border-color: var(--color-basic-transparent-default-border); --toggle-basic-checked-background-color: var(--color-primary-default); --toggle-basic-checked-border-color: var(--color-primary-default-border); --toggle-basic-checked-switcher-background-color: var(--background-basic-color-1); --toggle-basic-checked-switcher-checkmark-color: var(--color-primary-default); --toggle-basic-focus-background-color: var(--color-primary-transparent-focus); --toggle-basic-focus-border-color: var(--color-primary-transparent-focus-border); --toggle-basic-focus-checked-background-color: var(--color-primary-focus); --toggle-basic-focus-checked-border-color: var(--color-primary-focus-border); --toggle-basic-hover-background-color: var(--color-primary-transparent-hover); --toggle-basic-hover-border-color: var(--color-primary-transparent-hover-border); --toggle-basic-hover-checked-background-color: var(--color-primary-hover); --toggle-basic-hover-checked-border-color: var(--color-primary-hover-border); --toggle-basic-active-background-color: var(--color-primary-transparent-active); --toggle-basic-active-border-color: var(--color-primary-transparent-active-border); --toggle-basic-active-checked-background-color: var(--color-primary-active); --toggle-basic-active-checked-border-color: var(--color-primary-active-border); --toggle-basic-disabled-background-color: var(--color-basic-transparent-disabled); --toggle-basic-disabled-border-color: var(--color-basic-transparent-disabled-border); --toggle-basic-disabled-switcher-background-color: var(--color-basic-disabled); --toggle-basic-disabled-checked-switcher-checkmark-color: var(--text-control-color); --toggle-basic-disabled-text-color: var(--text-disabled-color); --toggle-primary-text-color: var(--text-basic-color); --toggle-primary-background-color: var(--color-primary-transparent-default); --toggle-primary-border-color: var(--color-primary-transparent-default-border); --toggle-primary-checked-background-color: var(--color-primary-default); --toggle-primary-checked-border-color: var(--color-primary-default-border); --toggle-primary-checked-switcher-background-color: var(--background-basic-color-1); --toggle-primary-checked-switcher-checkmark-color: var(--color-primary-default); --toggle-primary-focus-background-color: var(--color-primary-transparent-focus); --toggle-primary-focus-border-color: var(--color-primary-transparent-focus-border); --toggle-primary-focus-checked-background-color: var(--color-primary-focus); --toggle-primary-focus-checked-border-color: var(--color-primary-focus-border); --toggle-primary-hover-background-color: var(--color-primary-transparent-hover); --toggle-primary-hover-border-color: var(--color-primary-transparent-hover-border); --toggle-primary-hover-checked-background-color: var(--color-primary-hover); --toggle-primary-hover-checked-border-color: var(--color-primary-hover-border); --toggle-primary-active-background-color: var(--color-primary-transparent-active); --toggle-primary-active-border-color: var(--color-primary-transparent-active-border); --toggle-primary-active-checked-background-color: var(--color-primary-active); --toggle-primary-active-checked-border-color: var(--color-primary-active-border); --toggle-primary-disabled-background-color: var(--color-basic-transparent-disabled); --toggle-primary-disabled-border-color: var(--color-basic-transparent-disabled-border); --toggle-primary-disabled-switcher-background-color: var(--color-basic-disabled); --toggle-primary-disabled-checked-switcher-checkmark-color: var(--text-control-color); --toggle-primary-disabled-text-color: var(--text-disabled-color); --toggle-success-text-color: var(--text-basic-color); --toggle-success-background-color: var(--color-success-transparent-default); --toggle-success-border-color: var(--color-success-transparent-default-border); --toggle-success-checked-background-color: var(--color-success-default); --toggle-success-checked-border-color: var(--color-success-default-border); --toggle-success-checked-switcher-background-color: var(--background-basic-color-1); --toggle-success-checked-switcher-checkmark-color: var(--color-success-default); --toggle-success-focus-background-color: var(--color-success-transparent-focus); --toggle-success-focus-border-color: var(--color-success-transparent-focus-border); --toggle-success-focus-checked-background-color: var(--color-success-focus); --toggle-success-focus-checked-border-color: var(--color-success-focus-border); --toggle-success-hover-background-color: var(--color-success-transparent-hover); --toggle-success-hover-border-color: var(--color-success-transparent-hover-border); --toggle-success-hover-checked-background-color: var(--color-success-hover); --toggle-success-hover-checked-border-color: var(--color-success-hover-border); --toggle-success-active-background-color: var(--color-success-transparent-active); --toggle-success-active-border-color: var(--color-success-transparent-active-border); --toggle-success-active-checked-background-color: var(--color-success-active); --toggle-success-active-checked-border-color: var(--color-success-active-border); --toggle-success-disabled-background-color: var(--color-basic-transparent-disabled); --toggle-success-disabled-border-color: var(--color-basic-transparent-disabled-border); --toggle-success-disabled-switcher-background-color: var(--color-basic-disabled); --toggle-success-disabled-checked-switcher-checkmark-color: var(--text-control-color); --toggle-success-disabled-text-color: var(--text-disabled-color); --toggle-info-text-color: var(--text-basic-color); --toggle-info-background-color: var(--color-info-transparent-default); --toggle-info-border-color: var(--color-info-transparent-default-border); --toggle-info-checked-background-color: var(--color-info-default); --toggle-info-checked-border-color: var(--color-info-default-border); --toggle-info-checked-switcher-background-color: var(--background-basic-color-1); --toggle-info-checked-switcher-checkmark-color: var(--color-info-default); --toggle-info-focus-background-color: var(--color-info-transparent-focus); --toggle-info-focus-border-color: var(--color-info-transparent-focus-border); --toggle-info-focus-checked-background-color: var(--color-info-focus); --toggle-info-focus-checked-border-color: var(--color-info-focus-border); --toggle-info-hover-background-color: var(--color-info-transparent-hover); --toggle-info-hover-border-color: var(--color-info-transparent-hover-border); --toggle-info-hover-checked-background-color: var(--color-info-hover); --toggle-info-hover-checked-border-color: var(--color-info-hover-border); --toggle-info-active-background-color: var(--color-info-transparent-active); --toggle-info-active-border-color: var(--color-info-transparent-active-border); --toggle-info-active-checked-background-color: var(--color-info-active); --toggle-info-active-checked-border-color: var(--color-info-active-border); --toggle-info-disabled-background-color: var(--color-basic-transparent-disabled); --toggle-info-disabled-border-color: var(--color-basic-transparent-disabled-border); --toggle-info-disabled-switcher-background-color: var(--color-basic-disabled); --toggle-info-disabled-checked-switcher-checkmark-color: var(--text-control-color); --toggle-info-disabled-text-color: var(--text-disabled-color); --toggle-warning-text-color: var(--text-basic-color); --toggle-warning-background-color: var(--color-warning-transparent-default); --toggle-warning-border-color: var(--color-warning-transparent-default-border); --toggle-warning-checked-background-color: var(--color-warning-default); --toggle-warning-checked-border-color: var(--color-warning-default-border); --toggle-warning-checked-switcher-background-color: var(--background-basic-color-1); --toggle-warning-checked-switcher-checkmark-color: var(--color-warning-default); --toggle-warning-focus-background-color: var(--color-warning-transparent-focus); --toggle-warning-focus-border-color: var(--color-warning-transparent-focus-border); --toggle-warning-focus-checked-background-color: var(--color-warning-focus); --toggle-warning-focus-checked-border-color: var(--color-warning-focus-border); --toggle-warning-hover-background-color: var(--color-warning-transparent-hover); --toggle-warning-hover-border-color: var(--color-warning-transparent-hover-border); --toggle-warning-hover-checked-background-color: var(--color-warning-hover); --toggle-warning-hover-checked-border-color: var(--color-warning-hover-border); --toggle-warning-active-background-color: var(--color-warning-transparent-active); --toggle-warning-active-border-color: var(--color-warning-transparent-active-border); --toggle-warning-active-checked-background-color: var(--color-warning-active); --toggle-warning-active-checked-border-color: var(--color-warning-active-border); --toggle-warning-disabled-background-color: var(--color-basic-transparent-disabled); --toggle-warning-disabled-border-color: var(--color-basic-transparent-disabled-border); --toggle-warning-disabled-switcher-background-color: var(--color-basic-disabled); --toggle-warning-disabled-checked-switcher-checkmark-color: var(--text-control-color); --toggle-warning-disabled-text-color: var(--text-disabled-color); --toggle-danger-text-color: var(--text-basic-color); --toggle-danger-background-color: var(--color-danger-transparent-default); --toggle-danger-border-color: var(--color-danger-transparent-default-border); --toggle-danger-checked-background-color: var(--color-danger-default); --toggle-danger-checked-border-color: var(--color-danger-default-border); --toggle-danger-checked-switcher-background-color: var(--background-basic-color-1); --toggle-danger-checked-switcher-checkmark-color: var(--color-danger-default); --toggle-danger-focus-background-color: var(--color-danger-transparent-focus); --toggle-danger-focus-border-color: var(--color-danger-transparent-focus-border); --toggle-danger-focus-checked-background-color: var(--color-danger-focus); --toggle-danger-focus-checked-border-color: var(--color-danger-focus-border); --toggle-danger-hover-background-color: var(--color-danger-transparent-hover); --toggle-danger-hover-border-color: var(--color-danger-transparent-hover-border); --toggle-danger-hover-checked-background-color: var(--color-danger-hover); --toggle-danger-hover-checked-border-color: var(--color-danger-hover-border); --toggle-danger-active-background-color: var(--color-danger-transparent-active); --toggle-danger-active-border-color: var(--color-danger-transparent-active-border); --toggle-danger-active-checked-background-color: var(--color-danger-active); --toggle-danger-active-checked-border-color: var(--color-danger-active-border); --toggle-danger-disabled-background-color: var(--color-basic-transparent-disabled); --toggle-danger-disabled-border-color: var(--color-basic-transparent-disabled-border); --toggle-danger-disabled-switcher-background-color: var(--color-basic-disabled); --toggle-danger-disabled-checked-switcher-checkmark-color: var(--text-control-color); --toggle-danger-disabled-text-color: var(--text-disabled-color); --toggle-control-text-color: var(--color-basic-100); --toggle-control-background-color: var(--color-control-transparent-default); --toggle-control-border-color: var(--color-control-transparent-default-border); --toggle-control-checked-background-color: var(--color-control-transparent-default); --toggle-control-checked-border-color: var(--color-control-transparent-default-border); --toggle-control-checked-switcher-background-color: var(--color-control-default); --toggle-control-checked-switcher-checkmark-color: var(--color-basic-800); --toggle-control-focus-background-color: var(--color-control-transparent-focus); --toggle-control-focus-border-color: var(--color-control-transparent-focus-border); --toggle-control-focus-checked-background-color: var(--color-control-transparent-focus); --toggle-control-focus-checked-border-color: var(--color-control-transparent-focus-border); --toggle-control-hover-background-color: var(--color-control-transparent-hover); --toggle-control-hover-border-color: var(--color-control-transparent-hover-border); --toggle-control-hover-checked-background-color: var(--color-control-transparent-hover); --toggle-control-hover-checked-border-color: var(--color-control-transparent-hover-border); --toggle-control-active-background-color: var(--color-control-transparent-active); --toggle-control-active-border-color: var(--color-control-transparent-active-border); --toggle-control-active-checked-background-color: var(--color-control-transparent-active); --toggle-control-active-checked-border-color: var(--color-control-transparent-active-border); --toggle-control-disabled-background-color: var(--color-control-transparent-disabled); --toggle-control-disabled-border-color: var(--color-control-transparent-disabled-border); --toggle-control-disabled-switcher-background-color: var(--color-basic-transparent-600); --toggle-control-disabled-checked-switcher-checkmark-color: var(--color-basic-100); --toggle-control-disabled-text-color: var(--text-control-color); --form-field-tiny-max-width: var(--input-tiny-max-width); --form-field-small-max-width: var(--input-small-max-width); --form-field-medium-max-width: var(--input-medium-max-width); --form-field-large-max-width: var(--input-large-max-width); --form-field-giant-max-width: var(--input-giant-max-width); --form-field-addon-basic-text-color: var(--color-basic-600); --form-field-addon-basic-highlight-text-color: var(--color-primary-500); --form-field-addon-primary-text-color: var(--color-primary-500); --form-field-addon-primary-highlight-text-color: var(--color-primary-600); --form-field-addon-success-text-color: var(--color-success-500); --form-field-addon-success-highlight-text-color: var(--color-success-600); --form-field-addon-info-text-color: var(--color-info-500); --form-field-addon-info-highlight-text-color: var(--color-info-600); --form-field-addon-warning-text-color: var(--color-warning-500); --form-field-addon-warning-highlight-text-color: var(--color-warning-600); --form-field-addon-danger-text-color: var(--color-danger-500); --form-field-addon-danger-highlight-text-color: var(--color-danger-600); --form-field-addon-control-text-color: var(--color-control-default); --form-field-addon-control-highlight-text-color: var(--color-control-default); --form-field-addon-disabled-text-color: var(--text-disabled-color); --form-field-addon-tiny-height: 1.5rem; --form-field-addon-tiny-width: var(--form-field-addon-tiny-height); --form-field-addon-tiny-icon-size: var(--button-tiny-icon-size); --form-field-addon-tiny-font-size: var(--text-button-tiny-font-size); --form-field-addon-tiny-line-height: var(--text-button-tiny-line-height); --form-field-addon-tiny-font-weight: var(--text-button-font-weight); --form-field-addon-small-height: 2rem; --form-field-addon-small-width: var(--form-field-addon-small-height); --form-field-addon-small-icon-size: var(--button-small-icon-size); --form-field-addon-small-font-size: var(--text-button-small-font-size); --form-field-addon-small-line-height: var(--text-button-small-line-height); --form-field-addon-small-font-weight: var(--text-button-font-weight); --form-field-addon-medium-height: 2.5rem; --form-field-addon-medium-width: var(--form-field-addon-medium-height); --form-field-addon-medium-icon-size: var(--button-medium-icon-size); --form-field-addon-medium-font-size: var(--text-button-medium-font-size); --form-field-addon-medium-line-height: var(--text-button-medium-line-height); --form-field-addon-medium-font-weight: var(--text-button-font-weight); --form-field-addon-large-height: 3rem; --form-field-addon-large-width: var(--form-field-addon-large-height); --form-field-addon-large-icon-size: var(--button-large-icon-size); --form-field-addon-large-font-size: var(--text-button-large-font-size); --form-field-addon-large-line-height: var(--text-button-large-line-height); --form-field-addon-large-font-weight: var(--text-button-font-weight); --form-field-addon-giant-height: 3.5rem; --form-field-addon-giant-width: var(--form-field-addon-giant-height); --form-field-addon-giant-icon-size: var(--button-giant-icon-size); --form-field-addon-giant-font-size: var(--text-button-giant-font-size); --form-field-addon-giant-line-height: var(--text-button-giant-line-height); --form-field-addon-giant-font-weight: var(--text-button-font-weight); --color-primary-100: #1fc9d2; --color-primary-200: #2cd7e0; --color-primary-300: #3c91c5; --color-primary-400: #1c7fbc; --color-primary-500: #186da2; --color-primary-600: #199fa6; --color-primary-700: #158a90; --color-primary-800: #127479; --color-primary-900: #0f5f63; --color-primary-transparent-100: rgba(51, 102, 255, 0.08); --color-primary-transparent-200: rgba(51, 102, 255, 0.16); --color-primary-transparent-300: rgba(51, 102, 255, 0.24); --color-primary-transparent-400: rgba(51, 102, 255, 0.32); --color-primary-transparent-500: rgba(51, 102, 255, 0.4); --color-primary-transparent-600: rgba(51, 102, 255, 0.48); --color-success-100: #defdd9; --color-success-200: #b7fbb4; --color-success-300: #8cf491; --color-success-400: #6dea7f; --color-success-500: #40dc66; --color-success-600: #2ebd5f; --color-success-700: #209e57; --color-success-800: #147f4d; --color-success-900: #0c6947; --color-success-transparent-100: rgba(0, 214, 143, 0.08); --color-success-transparent-200: rgba(0, 214, 143, 0.16); --color-success-transparent-300: rgba(0, 214, 143, 0.24); --color-success-transparent-400: rgba(0, 214, 143, 0.32); --color-success-transparent-500: rgba(0, 214, 143, 0.4); --color-success-transparent-600: rgba(0, 214, 143, 0.48); --color-info-100: #f5f5f5; --color-info-200: #ebebeb; --color-info-300: #c3c3c3; --color-info-400: #878787; --color-info-500: #383838; --color-info-600: #302829; --color-info-700: #302829; --color-info-800: #281c1e; --color-info-900: #1a0a10; --color-info-transparent-100: rgba(0, 149, 255, 0.08); --color-info-transparent-200: rgba(0, 149, 255, 0.16); --color-info-transparent-300: rgba(0, 149, 255, 0.24); --color-info-transparent-400: rgba(0, 149, 255, 0.32); --color-info-transparent-500: rgba(0, 149, 255, 0.4); --color-info-transparent-600: rgba(0, 149, 255, 0.48); --color-warning-100: #fff8cd; --color-warning-200: #ffee9c; --color-warning-300: #ffe26b; --color-warning-400: #ffd746; --color-warning-500: #ffc409; --color-warning-600: #dba206; --color-warning-700: #b78304; --color-warning-800: #936602; --color-warning-900: #7a5101; --color-warning-transparent-100: rgba(255, 170, 0, 0.08); --color-warning-transparent-200: rgba(255, 170, 0, 0.16); --color-warning-transparent-300: rgba(255, 170, 0, 0.24); --color-warning-transparent-400: rgba(255, 170, 0, 0.32); --color-warning-transparent-500: rgba(255, 170, 0, 0.4); --color-warning-transparent-600: rgba(255, 170, 0, 0.48); --color-danger-100: #ffded0; --color-danger-200: #ffb6a1; --color-danger-300: #ff8572; --color-danger-400: #ff574f; --color-danger-500: #ff151f; --color-danger-600: #db0f2a; --color-danger-700: #b70a30; --color-danger-800: #930632; --color-danger-900: #7a0433; --color-danger-transparent-100: rgba(255, 61, 113, 0.08); --color-danger-transparent-200: rgba(255, 61, 113, 0.16); --color-danger-transparent-300: rgba(255, 61, 113, 0.24); --color-danger-transparent-400: rgba(255, 61, 113, 0.32); --color-danger-transparent-500: rgba(255, 61, 113, 0.4); --color-danger-transparent-600: rgba(255, 61, 113, 0.48); --color-basic-100: #ffffff; --color-basic-200: #f7f9fc; --color-basic-300: #edf1f7; --color-basic-400: #e4e9f2; --color-basic-500: #c5cee0; --color-basic-600: #8f9bb3; --color-basic-700: #2e3a59; --color-basic-800: #222b45; --color-basic-900: #192038; --color-basic-1000: #151a30; --color-basic-1100: #101426; --color-basic-transparent-100: rgba(143, 155, 179, 0.08); --color-basic-transparent-200: rgba(143, 155, 179, 0.16); --color-basic-transparent-300: rgba(143, 155, 179, 0.24); --color-basic-transparent-400: rgba(143, 155, 179, 0.32); --color-basic-transparent-500: rgba(143, 155, 179, 0.4); --color-basic-transparent-600: rgba(143, 155, 179, 0.48); --color-basic-control-transparent-100: rgba(255, 255, 255, 0.08); --color-basic-control-transparent-200: rgba(255, 255, 255, 0.16); --color-basic-control-transparent-300: rgba(255, 255, 255, 0.24); --color-basic-control-transparent-400: rgba(255, 255, 255, 0.32); --color-basic-control-transparent-500: rgba(255, 255, 255, 0.4); --color-basic-control-transparent-600: rgba(255, 255, 255, 0.48); --color-basic-focus: var(--color-basic-400); --color-basic-hover: var(--color-basic-200); --color-basic-default: var(--color-basic-300); --color-basic-active: var(--color-basic-400); --color-basic-disabled: var(--color-basic-transparent-300); --color-basic-focus-border: var(--color-basic-500); --color-basic-hover-border: var(--color-basic-hover); --color-basic-default-border: var(--color-basic-default); --color-basic-active-border: var(--color-basic-active); --color-basic-disabled-border: var(--color-basic-disabled); --color-basic-transparent-focus: var(--color-basic-transparent-300); --color-basic-transparent-hover: var(--color-basic-transparent-200); --color-basic-transparent-default: var(--color-basic-transparent-100); --color-basic-transparent-active: var(--color-basic-transparent-300); --color-basic-transparent-disabled: var(--color-basic-transparent-200); --color-basic-transparent-focus-border: var(--color-basic-600); --color-basic-transparent-hover-border: var(--color-basic-600); --color-basic-transparent-default-border: var(--color-basic-600); --color-basic-transparent-active-border: var(--color-basic-600); --color-basic-transparent-disabled-border: var(--color-basic-transparent-300); --color-primary-focus: var(--color-primary-600); --color-primary-hover: #3cbfc5; --color-primary-default: #1cb4bc; --color-primary-active: #189ba2; --color-primary-disabled: var(--color-basic-transparent-300); --color-primary-focus-border: var(--color-primary-700); --color-primary-hover-border: var(--color-primary-hover); --color-primary-default-border: var(--color-primary-default); --color-primary-active-border: var(--color-primary-active); --color-primary-disabled-border: var(--color-primary-disabled); --color-primary-transparent-focus: var(--color-primary-transparent-300); --color-primary-transparent-hover: var(--color-primary-transparent-200); --color-primary-transparent-default: var(--color-primary-transparent-100); --color-primary-transparent-active: var(--color-primary-transparent-300); --color-primary-transparent-disabled: var(--color-basic-transparent-200); --color-primary-transparent-focus-border: var(--color-primary-500); --color-primary-transparent-hover-border: var(--color-primary-500); --color-primary-transparent-default-border: var(--color-primary-500); --color-primary-transparent-active-border: var(--color-primary-500); --color-primary-transparent-disabled-border: var(--color-basic-transparent-300); --color-success-focus: var(--color-success-600); --color-success-hover: var(--color-success-400); --color-success-default: var(--color-success-500); --color-success-active: var(--color-success-600); --color-success-disabled: var(--color-basic-transparent-300); --color-success-focus-border: var(--color-success-700); --color-success-hover-border: var(--color-success-hover); --color-success-default-border: var(--color-success-default); --color-success-active-border: var(--color-success-active); --color-success-disabled-border: var(--color-success-disabled); --color-success-transparent-focus: var(--color-success-transparent-300); --color-success-transparent-focus-border: var(--color-success-500); --color-success-transparent-hover: var(--color-success-transparent-200); --color-success-transparent-hover-border: var(--color-success-500); --color-success-transparent-default: var(--color-success-transparent-100); --color-success-transparent-default-border: var(--color-success-500); --color-success-transparent-active: var(--color-success-transparent-300); --color-success-transparent-active-border: var(--color-success-500); --color-success-transparent-disabled: var(--color-basic-transparent-200); --color-success-transparent-disabled-border: var(--color-basic-transparent-300); --color-info-focus: var(--color-info-600); --color-info-hover: var(--color-info-400); --color-info-default: var(--color-info-500); --color-info-active: var(--color-info-600); --color-info-disabled: var(--color-basic-transparent-300); --color-info-focus-border: var(--color-info-700); --color-info-hover-border: var(--color-info-hover); --color-info-default-border: var(--color-info-default); --color-info-active-border: var(--color-info-active); --color-info-disabled-border: var(--color-info-disabled); --color-info-transparent-focus: var(--color-info-transparent-300); --color-info-transparent-hover: var(--color-info-transparent-200); --color-info-transparent-default: var(--color-info-transparent-100); --color-info-transparent-active: var(--color-info-transparent-300); --color-info-transparent-disabled: var(--color-basic-transparent-200); --color-info-transparent-focus-border: var(--color-info-500); --color-info-transparent-hover-border: var(--color-info-500); --color-info-transparent-default-border: var(--color-info-500); --color-info-transparent-active-border: var(--color-info-500); --color-info-transparent-disabled-border: var(--color-basic-transparent-300); --color-warning-focus: var(--color-warning-600); --color-warning-hover: var(--color-warning-400); --color-warning-default: var(--color-warning-500); --color-warning-active: var(--color-warning-600); --color-warning-disabled: var(--color-basic-transparent-300); --color-warning-focus-border: var(--color-warning-700); --color-warning-hover-border: var(--color-warning-hover); --color-warning-default-border: var(--color-warning-default); --color-warning-active-border: var(--color-warning-active); --color-warning-disabled-border: var(--color-warning-disabled); --color-warning-transparent-focus: var(--color-warning-transparent-300); --color-warning-transparent-hover: var(--color-warning-transparent-200); --color-warning-transparent-default: var(--color-warning-transparent-100); --color-warning-transparent-active: var(--color-warning-transparent-300); --color-warning-transparent-disabled: var(--color-basic-transparent-200); --color-warning-transparent-focus-border: var(--color-warning-500); --color-warning-transparent-hover-border: var(--color-warning-500); --color-warning-transparent-default-border: var(--color-warning-500); --color-warning-transparent-active-border: var(--color-warning-500); --color-warning-transparent-disabled-border: var(--color-basic-transparent-300); --color-danger-focus: var(--color-danger-600); --color-danger-hover: var(--color-danger-400); --color-danger-default: var(--color-danger-500); --color-danger-active: var(--color-danger-600); --color-danger-disabled: var(--color-basic-transparent-300); --color-danger-focus-border: var(--color-danger-700); --color-danger-hover-border: var(--color-danger-hover); --color-danger-default-border: var(--color-danger-default); --color-danger-active-border: var(--color-danger-active); --color-danger-disabled-border: var(--color-danger-disabled); --color-danger-transparent-focus: var(--color-danger-transparent-300); --color-danger-transparent-hover: var(--color-danger-transparent-200); --color-danger-transparent-default: var(--color-danger-transparent-100); --color-danger-transparent-active: var(--color-danger-transparent-300); --color-danger-transparent-disabled: var(--color-basic-transparent-200); --color-danger-transparent-focus-border: var(--color-danger-500); --color-danger-transparent-hover-border: var(--color-danger-500); --color-danger-transparent-default-border: var(--color-danger-500); --color-danger-transparent-active-border: var(--color-danger-500); --color-danger-transparent-disabled-border: var(--color-basic-transparent-300); --color-control-focus: var(--color-basic-300); --color-control-hover: var(--color-basic-200); --color-control-default: var(--color-basic-100); --color-control-active: var(--color-basic-300); --color-control-disabled: var(--color-basic-transparent-300); --color-control-focus-border: var(--color-basic-500); --color-control-hover-border: var(--color-control-hover); --color-control-default-border: var(--color-control-default); --color-control-active-border: var(--color-control-active); --color-control-disabled-border: var(--color-control-disabled); --color-control-transparent-focus: var(--color-basic-control-transparent-300); --color-control-transparent-hover: var(--color-basic-control-transparent-200); --color-control-transparent-default: var(--color-basic-control-transparent-100); --color-control-transparent-active: var(--color-basic-control-transparent-300); --color-control-transparent-disabled: var(--color-basic-transparent-200); --color-control-transparent-focus-border: var(--color-basic-100); --color-control-transparent-hover-border: var(--color-basic-100); --color-control-transparent-default-border: var(--color-basic-100); --color-control-transparent-active-border: var(--color-basic-100); --color-control-transparent-disabled-border: var(--color-basic-transparent-300); --background-basic-color-1: var(--color-basic-100); --background-basic-color-2: var(--color-basic-200); --background-basic-color-3: var(--color-basic-300); --background-basic-color-4: var(--color-basic-400); --border-basic-color-1: var(--color-basic-100); --border-basic-color-2: var(--color-basic-200); --border-basic-color-3: var(--color-basic-300); --border-basic-color-4: var(--color-basic-400); --border-basic-color-5: var(--color-basic-500); --background-alternative-color-1: var(--color-basic-800); --background-alternative-color-2: var(--color-basic-900); --background-alternative-color-3: var(--color-basic-1000); --background-alternative-color-4: var(--color-basic-1100); --border-alternative-color-1: var(--color-basic-800); --border-alternative-color-2: var(--color-basic-900); --border-alternative-color-3: var(--color-basic-1000); --border-alternative-color-4: var(--color-basic-1100); --border-alternative-color-5: var(--color-basic-1100); --background-primary-color-1: var(--color-primary-500); --background-primary-color-2: var(--color-primary-600); --background-primary-color-3: var(--color-primary-700); --background-primary-color-4: var(--color-primary-800); --border-primary-color-1: var(--color-basic-500); --border-primary-color-2: var(--color-basic-600); --border-primary-color-3: var(--color-basic-700); --border-primary-color-4: var(--color-basic-800); --border-primary-color-5: var(--color-basic-900); --text-basic-color: #383838; --text-alternate-color: var(--color-basic-100); --text-control-color: var(--color-basic-100); --text-disabled-color: var(--color-basic-transparent-600); --text-hint-color: var(--color-basic-600); --text-primary-color: #1cb4bc; --text-primary-focus-color: var(--color-primary-focus); --text-primary-hover-color: var(--color-primary-hover); --text-primary-active-color: var(--color-primary-active); --text-primary-disabled-color: var(--color-primary-400); --text-success-color: var(--color-success-default); --text-success-focus-color: var(--color-success-focus); --text-success-hover-color: var(--color-success-hover); --text-success-active-color: var(--color-success-active); --text-success-disabled-color: var(--color-success-400); --text-info-color: var(--color-info-default); --text-info-focus-color: var(--color-info-focus); --text-info-hover-color: var(--color-info-hover); --text-info-active-color: var(--color-info-active); --text-info-disabled-color: var(--color-info-400); --text-warning-color: var(--color-warning-default); --text-warning-focus-color: var(--color-warning-focus); --text-warning-hover-color: var(--color-warning-hover); --text-warning-active-color: var(--color-warning-active); --text-warning-disabled-color: var(--color-warning-400); --text-danger-color: var(--color-danger-default); --text-danger-focus-color: var(--color-danger-focus); --text-danger-hover-color: var(--color-danger-hover); --text-danger-active-color: var(--color-danger-active); --text-danger-disabled-color: var(--color-danger-400); --font-family-primary: Titillium Web; --font-family-secondary: Titillium Web; --text-heading-1-font-family: var(--font-family-secondary); --text-heading-1-font-size: 2.25rem; --text-heading-1-font-weight: 600; --text-heading-1-line-height: 3rem; --text-heading-2-font-family: var(--font-family-secondary); --text-heading-2-font-size: 2rem; --text-heading-2-font-weight: 600; --text-heading-2-line-height: 2.5rem; --text-heading-3-font-family: var(--font-family-secondary); --text-heading-3-font-size: 1.875rem; --text-heading-3-font-weight: 600; --text-heading-3-line-height: 2.5rem; --text-heading-4-font-family: var(--font-family-secondary); --text-heading-4-font-size: 1.625rem; --text-heading-4-font-weight: 600; --text-heading-4-line-height: 2rem; --text-heading-5-font-family: var(--font-family-secondary); --text-heading-5-font-size: 1.375rem; --text-heading-5-font-weight: 600; --text-heading-5-line-height: 2rem; --text-heading-6-font-family: var(--font-family-secondary); --text-heading-6-font-size: 1.125rem; --text-heading-6-font-weight: 700; --text-heading-6-line-height: 1.5rem; --text-subtitle-font-family: var(--font-family-primary); --text-subtitle-font-size: 0.9375rem; --text-subtitle-font-weight: 600; --text-subtitle-line-height: 1.5rem; --text-subtitle-2-font-family: var(--font-family-primary); --text-subtitle-2-font-size: 0.8125rem; --text-subtitle-2-font-weight: 600; --text-subtitle-2-line-height: 1.5rem; --text-paragraph-font-family: var(--font-family-primary); --text-paragraph-font-size: 0.9375rem; --text-paragraph-font-weight: 400; --text-paragraph-line-height: 1.25rem; --text-paragraph-2-font-family: var(--font-family-primary); --text-paragraph-2-font-size: 0.9rem; --text-paragraph-2-font-weight: 400; --text-paragraph-2-line-height: 1.125rem; --text-label-font-family: var(--font-family-primary); --text-label-font-size: 0.75rem; --text-label-font-weight: 400; --text-label-line-height: 1rem; --text-caption-font-family: var(--font-family-primary); --text-caption-font-size: 0.75rem; --text-caption-font-weight: 400; --text-caption-line-height: 1rem; --text-caption-2-font-family: var(--font-family-primary); --text-caption-2-font-size: 0.75rem; --text-caption-2-font-weight: 600; --text-caption-2-line-height: 1rem; --text-button-font-family: var(--font-family-primary); --text-button-font-weight: 600; --text-button-tiny-font-size: 0.625rem; --text-button-tiny-line-height: 0.75rem; --text-button-small-font-size: 0.75rem; --text-button-small-line-height: 1rem; --text-button-medium-font-size: 1.25em; --text-button-medium-line-height: 1rem; --text-button-large-font-size: 1rem; --text-button-large-line-height: 1.25rem; --text-button-giant-font-size: 1.125rem; --text-button-giant-line-height: 1.5rem; --border-radius: 10px; --outline-width: 0.375rem; --outline-color: var(--color-basic-transparent-200); --scrollbar-color: var(--background-basic-color-4); --scrollbar-background-color: var(--background-basic-color-2); --scrollbar-width: 0.3125rem; --shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); --divider-color: var(--border-basic-color-3); --divider-style: solid; --divider-width: 1px; --layout-padding-top: 2.25rem; --card-header-with-select-padding-top: 0.5rem; --card-header-with-select-padding-bottom: 0.5rem; --slide-out-background: #f7f9fc; --slide-out-shadow-color: 0 4px 14px 0 #8f9bb3; --slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3; --font-weight-bold: 600; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 0 !important; max-width: unset !important; } html { font-size: 14px; } strong { font-weight: 600 !important; } nb-auth-block { max-width: unset !important; } nb-sidebar.menu-sidebar { margin-top: 0 !important; } ngx-header { display: flex; align-items: center; } .menu-items.expanded { max-height: 1000px !important; } nb-user { cursor: pointer; } .nb-theme-default nb-menu.context-menu { border: 1px solid #1cb4bc; } .nb-theme-default nb-menu.context-menu .menu-items .menu-item a:focus, .nb-theme-default nb-menu.context-menu .menu-items .menu-item a:focus nb-icon, .nb-theme-default nb-menu.context-menu .menu-items .menu-item a:hover, .nb-theme-default nb-menu.context-menu .menu-items .menu-item a:hover nb-icon, .nb-theme-default nb-menu.context-menu .menu-items .menu-item a:active, .nb-theme-default nb-menu.context-menu .menu-items .menu-item a:active nb-icon { background: #1cb4bc; color: white; } input[type=radio], input[type=checkbox] { margin-left: 1.125rem; } .nb-menu { color: #a4abb3; font-weight: 600; } .horizontalFlex { flex-direction: row !important; } .main-content { background-color: #fafafa; } .clickable { cursor: pointer; } /* Over ride small modal position */ nb-dialog-container > * > nb-card { width: -moz-fit-content; width: fit-content; min-width: 40vw; max-width: 80vw; height: -moz-fit-content; height: fit-content; max-height: 82vh; } @media (max-width: 767.98px) { nb-dialog-container > * > nb-card { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100vh !important; max-height: 100dvh !important; } } nb-dialog-container nb-card.dialog-fit { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-up-fit { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-down-fit { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-xxs { width: 20vw; min-width: 20vw; max-width: 20vw; } nb-dialog-container nb-card.dialog-up-xxs { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 20vw; } nb-dialog-container nb-card.dialog-down-xxs { width: -moz-fit-content; width: fit-content; min-width: 20vw; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-xs { width: 30vw; min-width: 30vw; max-width: 30vw; } nb-dialog-container nb-card.dialog-up-xs { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 30vw; } nb-dialog-container nb-card.dialog-down-xs { width: -moz-fit-content; width: fit-content; min-width: 30vw; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-sm { width: 40vw; min-width: 40vw; max-width: 40vw; } nb-dialog-container nb-card.dialog-up-sm { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 40vw; } nb-dialog-container nb-card.dialog-down-sm { width: -moz-fit-content; width: fit-content; min-width: 40vw; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-md { width: 50vw; min-width: 50vw; max-width: 50vw; } nb-dialog-container nb-card.dialog-up-md { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 50vw; } nb-dialog-container nb-card.dialog-down-md { width: -moz-fit-content; width: fit-content; min-width: 50vw; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-lg { width: 60vw; min-width: 60vw; max-width: 60vw; } nb-dialog-container nb-card.dialog-up-lg { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 60vw; } nb-dialog-container nb-card.dialog-down-lg { width: -moz-fit-content; width: fit-content; min-width: 60vw; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-xl { width: 70vw; min-width: 70vw; max-width: 70vw; } nb-dialog-container nb-card.dialog-up-xl { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 70vw; } nb-dialog-container nb-card.dialog-down-xl { width: -moz-fit-content; width: fit-content; min-width: 70vw; max-width: -moz-fit-content; max-width: fit-content; } nb-dialog-container nb-card.dialog-xxl { width: 80vw; min-width: 80vw; max-width: 80vw; } nb-dialog-container nb-card.dialog-up-xxl { width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; max-width: 80vw; } nb-dialog-container nb-card.dialog-down-xxl { width: -moz-fit-content; width: fit-content; min-width: 80vw; max-width: -moz-fit-content; max-width: fit-content; } nb-stepper .step-content { overflow-x: auto; } #toast-container > div { width: 500px !important; opacity: 1; } .loader { border: 4px solid #f3f3f3; /* Light grey */ border-top: 4px solid #1cb4bc; border-radius: 50%; width: 50px; height: 50px; animation: spin 0.7s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ion-chevron-left { transform: rotate(180deg); } .pac-container { z-index: 1050; } .popover { top: auto !important; left: auto !important; display: flex; flex-direction: column; padding: 1rem; width: 100% !important; } a.ng-star-inserted { padding: 0.375rem 1rem !important; } .user-context-menu { border: 2px solid #1cb4bc !important; background: #ffffff; } .inactiveText { margin-bottom: 0rem; margin-left: 1.125rem; } li.arrow { border-bottom-color: #1cb4bc !important; } .nb-theme-default nb-user .user-context-menu ul > li.arrow { border-bottom: 11px solid #1cb4bc !important; } .nb-theme-default .btn.btn-danger { background-color: white; color: #ef4643; border: solid 1px #ef4643; } .nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input:focus { border: 2px solid #1cb4bc !important; } .nb-theme-default ng2-smart-table table tr th a { color: #383838; } .user-picture.image { background-size: 150% !important; background-position: 50% 50% !important; } .nb-theme-default .form-control, .nb-theme-default .input-group-addon { border-radius: 2rem !important; } .nb-theme-default .btn.btn-danger .activateButton:hover { background-color: #1cb4bc !important; color: #ffffff !important; } .backButton { background-color: transparent; color: #a4abb3; font-weight: 600; font-size: 1.25em; } .backButton :hover { color: #383838 !important; } .backButton:hover { color: #383838 !important; } .nb-theme-default .btn { cursor: pointer !important; } input[type=checkbox] { zoom: 1.5; } .nb-theme-default nb-layout.window-mode .scrollable-container { max-width: 1000000px !important; } .nb-theme-default nb-layout.window-mode .layout nb-layout-header nav { max-width: 1000000px !important; } .nb-theme-default nb-layout.window-mode { padding-top: 0rem !important; } .user-title { max-width: 10rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .noMargin { margin: 0; } .gap10 { gap: 10px; } .flex-centered { max-width: 100% !important; margin: 0rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; flex: auto !important; } app-register { width: 100% !important; } div.page-warning { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #f7f7f7; border: 2px solid #e7e7e7; border-radius: 10px; padding: 0.5rem 1rem; margin-bottom: 1rem; gap: 10px; } div.page-warning p { margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1rem !important; color: #666666 !important; } div.page-warning.warning { border: none !important; background-color: #ffc409 !important; } div.page-warning.warning p { color: #383838 !important; font-weight: 600; } div.page-warning.warning nb-icon { color: #383838 !important; } div.page-warning.danger { border: none !important; background-color: #ef4643 !important; } div.page-warning.danger p { color: white !important; font-weight: 600; } div.page-warning.danger nb-icon { color: white !important; } .infoInstructionBox { display: flex; flex-direction: row; justify-content: space-between; background-color: #f7f7f7; align-items: center; border: 2px solid #e7e7e7; border-radius: 10px; padding: 0.5rem 1rem; margin-bottom: 1rem; } .infoInstructionBox p { margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1rem !important; color: #666666 !important; } .infoInstructionBox button { margin-right: 2rem; box-shadow: none; border: 1px solid #bfbfbf !important; background-color: transparent !important; border-radius: 28px !important; color: #666666 !important; font-weight: 600 !important; text-transform: uppercase !important; font-size: 0.8rem !important; padding: 0.5rem 0.75rem !important; } .infoInstructionBox .viewTourAndCloseContainer { display: flex; flex-direction: row; align-items: center; } .infoInstructionBox .viewTourAndCloseContainer nb-icon[icon=info-outline] { margin-right: 1rem; } .custom-control-indicator { border-color: #1cb4bc !important; background-color: #fafafa !important; } .custom-control-indicator::before { border-color: #1cb4bc !important; } ngx-modal { overflow: hidden; } button.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; border: none; background: none; } .validation-error.form-control { border: 2px solid #ef4643 !important; } spare-dropdown:focus { outline: none; } .small-badge { font-size: 0.875rem; font-weight: 700; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1019607843); border-radius: 10px; padding: 1px 9px; max-width: -moz-fit-content; max-width: fit-content; display: inline; } .cdk-overlay-container { z-index: 1041 !important; } button:focus { outline: none; } button { text-transform: capitalize !important; } .buttonChip { display: flex; padding: 0px; height: 30px; width: 30px; font-size: 16px; line-height: 40px; border-radius: 25px; justify-content: center; align-items: center; flex-direction: row; margin-left: 1rem; border: none; cursor: pointer; text-transform: uppercase; box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16); color: #ffffff; } .buttonChip.dark { background: #383838; } .buttonChip.downloadSuccess { background: linear-gradient(to right, #40dc64, #40dc98); } .buttonChip.downloadSuccess:hover { background: linear-gradient(to right, #40dc64, #40dc98); } .buttonChip p { margin-top: auto; margin-bottom: 0rem; color: #ffffff; } .buttonChip.disabled { background: rgba(236, 236, 236, 0.712) !important; pointer-events: none; color: grey; } .buttonChip:hover { background: #1cb4bc; } ngb-modal-window.overflowVisible ngx-modal { overflow: visible; } .edit-menu-item i { font-size: 1.3rem; margin-right: 11px; } .delete-menu-item { color: #ef4643 !important; } .delete-menu-item i { font-size: 1.3rem; margin-right: 11px; } .menu-item i { font-size: 1.3rem; margin-right: 11px; } .loader-row { display: flex; justify-content: center; } hr.sectionSeperator { width: 100%; } form.standardForm { display: flex; flex-direction: column; width: 100%; } form.standardForm div.formSection { width: 100%; display: flex; flex-direction: column; } form.standardForm div.formSection p.formSectionTitle { font-size: 1.2rem; font-weight: 600; } form.standardForm div.formSection div.formFields { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } div.inputWithLabel { display: flex; flex-direction: column; align-items: flex-start; max-width: 300px; width: 100%; margin: 0 0 15px 0; } div.inputWithLabel div.error { margin-top: 5px; } div.inputWithLabel div.error small { padding: 0 0 0 5px; } label.spareInputLabel { font-size: 1rem; width: auto; padding: 0 0 5px 5px; } input.spareInput, textarea.spareInput, select.spareInput { border: 2px solid transparent !important; background-color: #fafafa !important; width: auto; min-width: 300px; margin: 0; } input.spareInput:focus, textarea.spareInput:focus, select.spareInput:focus { border: 2px solid #1cb4bc !important; } input.spareInput:disabled, textarea.spareInput:disabled, select.spareInput:disabled { background-color: white !important; padding: 0 0 0 5px; font-weight: 600; } button.mainActionButton { min-width: 100px; display: flex; justify-content: center; display: flex; justify-content: center; align-items: center; height: 40px; } p.normal { font-size: 1.2rem; font-weight: 400; margin-bottom: 0; } p.medium { font-size: 1.1rem; font-weight: 600; margin-bottom: 0; } p.smaller { font-size: 1rem; font-weight: 400; margin-bottom: 0; } .seperator.vertical { width: 1px; height: 100%; background: #c3c9c9; border-radius: 50px; margin: 0 15px; opacity: 0.5; } .center { display: flex; justify-content: center; align-items: center; } ng2-smart-table ng2-smart-table-pager { display: flex !important; justify-content: center !important; align-items: center; } ng2-smart-table ng2-smart-table-pager .ng2-smart-page-item { align-self: center; } nb-stepper .header { padding: 25px; } .inline-between { display: flex !important; justify-content: space-between; align-items: center; } .ql-snow a { color: #1cb4bc !important; } .bottom-sticky { position: fixed; bottom: 1rem; right: 1rem; z-index: 999; } nb-stepper.add-request-stepper .header { width: 600px; max-width: 85%; margin: auto; padding: 20px 0 0 0; } nb-stepper.add-request-stepper .step-content { padding: 0; } .p-togglebutton.p-button { padding: 3px 8px; background: #f2fcfb; border: 1px solid #bce9ea; font-size: 0.8rem; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #bce9ea; border-color: #bce9ea; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #1cb4bc; } .p-togglebutton.p-button.p-highlight { background: #1cb4bc !important; border-color: #1cb4bc !important; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #bce9ea; } .p-tag { background: #1cb4bc; } nb-menu .menu-group { padding-top: 0.375rem; padding-bottom: 0.375rem; } nb-menu .menu-item a .menu-title { flex: none !important; } button.p-button { border-radius: 100px; border: 0; background: #1cb4bc; } button.p-button:enabled:active, button.p-button:enabled:hover { background: #00a0c3; border: 0; } button.p-button.p-button-outlined { border-color: #383838; color: #383838; } button.p-button.margin-top { margin-top: 10px; } button.p-button.margin { margin: 10px; } button.p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1cb4bc, 0 1px 2px 0 rgb(0, 0, 0) !important; } button.p-button.danger-outline { background-color: transparent; color: #ef4643; border: 1px solid #ef4643; } button.p-button.danger-outline:enabled:active { background-color: #ef4643; color: white; border: 1px solid #ef4643; } button.p-button.danger-outline:enabled:hover { background-color: #ef4643; color: white; border: 1px solid #ef4643; } button.p-button.outline { background-color: transparent; color: #383838; border: 1px solid #383838; } button.p-button.outline:enabled:active { background-color: #383838; color: white; border: 1px solid #383838; } button.p-button.outline:enabled:hover { background-color: #383838; color: white; border: 1px solid #383838; } button.p-button.primary { background: linear-gradient(to right, #00a0c3, #00c7b8); color: white; border: 0; } button.p-button.primary:enabled:active { background: linear-gradient(to right, #3c91c5, #3cbfc5); border: 0; } button.p-button.primary:enabled:hover { background: linear-gradient(to right, #3c91c5, #3cbfc5); border: 0; } button.p-button.warning { background: linear-gradient(to right, #f66038, #f99844); color: white; border: 0; } button.p-button.warning:enabled:active { background: linear-gradient(to right, #dd5632, #e0883d); border: 0; } button.p-button.warning:enabled:hover { background: linear-gradient(to right, #dd5632, #e0883d); border: 0; } button.p-button.dark { background: #383838; color: white; border: 0; } button.p-button.dark:enabled:active { background: #383838; border: 0; } button.p-button.dark:enabled:hover { background: #383838; border: 0; } button.p-button.round-icon { border-radius: 50%; padding: 0.5rem; height: 40px; width: 40px; } .p-dialog { border-radius: 10px; } .p-dialog .p-dialog-header { border-top-right-radius: 10px; border-top-left-radius: 10px; } .p-dialog .p-dialog-content { padding: 20px; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .p-dialog .modal-content { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; height: 100%; } .p-dialog .p-dialog-footer { padding: 0px; } .p-dialog .p-dialog-footer.flex { display: flex; justify-content: space-between; align-content: center; width: 100%; } .p-dialog.no-content-padding-top .p-dialog-content { padding-top: 0 !important; } .p-dropdown, .p-inputtext, .p-inputtextarea { background: var(--input-basic-background-color) !important; border-radius: 20px !important; font-weight: 600; } .p-dropdown:not(.p-disabled):hover, .p-inputtext:not(.p-disabled):hover, .p-inputtextarea:not(.p-disabled):hover { border-color: #1cb4bc; } .p-dropdown:enabled:focus, .p-dropdown:not(.p-disabled).p-focus, .p-inputtext:enabled:focus, .p-inputtext:not(.p-disabled).p-focus, .p-inputtextarea:enabled:focus, .p-inputtextarea:not(.p-disabled).p-focus { border-color: #1cb4bc; box-shadow: none; } .p-inputnumber-buttons-stacked input { border-radius: 20px 0 0 20px !important; } p-autocomplete.global-search-input input { border-radius: 10px !important; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { background: #f2fcfb; color: #1cb4bc; } .message-box { display: flex; flex-direction: column; gap: 5px; background: rgba(255, 61, 113, 0.1490196078); border-radius: 10px; padding: 15px; display: flex; flex-direction: column; gap: 5px; background: rgba(255, 61, 113, 0.1490196078); border-radius: 10px; padding: 15px; } .message-box p { margin: 0; } .message-box p p { margin: 0; } .message-box p p.title { font-weight: 600; color: #383838; } .message-box p.title { font-weight: 600; color: #383838; } .message-box.danger { background: rgba(255, 61, 113, 0.1490196078); } .message-box.danger { background: rgba(255, 61, 113, 0.1490196078); } .message-box.warning { background: rgba(255, 196, 9, 0.2588235294); } .p-card { border-radius: 10px; overflow: hidden; box-shadow: none; border: 1px solid #e7e7e7; } .p-datatable .p-datatable-tbody > tr.p-highlight { color: #1cb4bc !important; } div.prime-spinner-component { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 9999; background: rgba(161, 195, 196, 0.2); border-radius: 10px; } div.prime-spinner-component .spinner svg { width: 40px; height: 40px; } div.prime-spinner-component .spinner .p-progress-spinner-circle { stroke-width: 4px; stroke: #1cb4bc !important; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #f2fcfb; color: #1cb4bc; border-color: #f2fcfb; } .p-radiobutton .p-radiobutton-box { border-radius: 50%; border: 1px solid #1cb4bc; background: #f2fcfb; } .p-radiobutton .p-radiobutton-box:hover, .p-radiobutton .p-radiobutton-box.p-hover, .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover, .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #1cb4bc; background: #bce9ea; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { box-shadow: none; border-color: #1cb4bc; } .p-radiobutton .p-radiobutton-box.p-highlight { background: #1cb4bc; border-color: #1cb4bc; } .p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon { color: white; } .p-radiobutton .p-radiobutton-icon { color: #1cb4bc; } .p-selectable-row { cursor: pointer; background: #f2fcfb; } .p-selectable-row:hover { background: #bce9ea; } .p-selectable-row.p-highlight { background: #bce9ea !important; color: #383838 !important; } .p-selectable-row.p-highlight .p-selectable-row-content { color: white !important; } .p-selectable-row .p-selectable-row-content { color: #383838; } .p-datatable-tbody > tr:focus { outline: none !important; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #1cb4bc !important; color: white !important; border-color: #1cb4bc !important; } .p-link:focus { box-shadow: 0 0 0 0.2rem #bce9ea !important; } .p-paginator-rpp-options { padding-left: 4px; } .p-tieredmenu.p-component, .p-menu-overlay { z-index: 3000 !important; margin-top: 15px; } .p-overlay-badge > .p-menu.p-component { z-index: 3000 !important; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1cb4bc !important; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-text { color: #1cb4bc !important; } .p-paginator-first > .p-paginator-icon::before { content: "«" !important; } .p-paginator-last > .p-paginator-icon::before { content: "»" !important; } .p-paginator-prev > .p-paginator-icon::before { content: "‹" !important; } .p-paginator-next > .p-paginator-icon::before { content: "›" !important; } .p-inputnumber-buttons-stacked .p-inputnumber-input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .p-tabview .p-tabview-panels { background-color: transparent !important; } .p-tabview .p-tabview-nav { background-color: transparent !important; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { background-color: transparent !important; font-size: 1.25rem !important; font-weight: 600 !important; text-transform: uppercase !important; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { color: #1cb4bc !important; border-color: #1cb4bc !important; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { box-shadow: none; } .p-datepicker.p-component { z-index: 1042 !important; } /*# sourceMappingURL=styles.css.map*/