/*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** 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 ***! \*********************************************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap v4.6.2 (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{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}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{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}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,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[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}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:.875em;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.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:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;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}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.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;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.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:#28a745;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.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)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.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)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%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 .2rem rgba(220,53,69,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.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)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem 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-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;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:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.width{transition:none}}.dropdown,.dropleft,.dropright,.dropup{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{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.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}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .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}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .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}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.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:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn: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:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .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:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .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){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;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;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;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){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-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){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.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}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.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}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.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}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.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}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.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:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@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}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;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){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@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:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.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:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.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%;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-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{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:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentcolor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.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}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!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}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!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}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!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}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!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}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!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}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!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}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.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-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!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}.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}.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}@media (min-width:576px){.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-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!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}.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}.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}}@media (min-width:768px){.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-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!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}.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}.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}}@media (min-width:992px){.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-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!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}.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}.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}}@media (min-width:1200px){.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-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!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}.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}.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}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!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}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!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}.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}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.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}.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}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*# 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/@angular/material/prebuilt-themes/deeppurple-amber.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************************/ .mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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:.6}.cdk-overlay-dark-backdrop{background:rgba(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}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#673ab7;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ffd740;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#673ab7;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#673ab7;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ffd740;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ffd740;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#673ab7;--mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ffd740;--mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#673ab7;--mdc-filled-text-field-focus-active-indicator-color:#673ab7;--mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#673ab7;--mdc-outlined-text-field-focus-outline-color:#673ab7;--mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(103, 58, 183, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ffd740;--mdc-filled-text-field-focus-active-indicator-color:#ffd740;--mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);--mdc-outlined-text-field-caret-color:#ffd740;--mdc-outlined-text-field-focus-outline-color:#ffd740;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 215, 64, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(103, 58, 183, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 215, 64, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#673ab7;--mdc-chip-elevated-selected-container-color:#673ab7;--mdc-chip-elevated-disabled-container-color:#673ab7;--mdc-chip-flat-disabled-selected-container-color:#673ab7;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-elevated-container-color:#ffd740;--mdc-chip-elevated-selected-container-color:#ffd740;--mdc-chip-elevated-disabled-container-color:#ffd740;--mdc-chip-flat-disabled-selected-container-color:#ffd740;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);--mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1;--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#5e35b1;--mdc-switch-selected-handle-color:#5e35b1;--mdc-switch-selected-hover-state-layer-color:#5e35b1;--mdc-switch-selected-pressed-state-layer-color:#5e35b1;--mdc-switch-selected-focus-handle-color:#311b92;--mdc-switch-selected-hover-handle-color:#311b92;--mdc-switch-selected-pressed-handle-color:#311b92;--mdc-switch-selected-focus-track-color:#9575cd;--mdc-switch-selected-hover-track-color:#9575cd;--mdc-switch-selected-pressed-track-color:#9575cd;--mdc-switch-selected-track-color:#9575cd;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#ffb300;--mdc-switch-selected-handle-color:#ffb300;--mdc-switch-selected-hover-state-layer-color:#ffb300;--mdc-switch-selected-pressed-state-layer-color:#ffb300;--mdc-switch-selected-focus-handle-color:#ff6f00;--mdc-switch-selected-hover-handle-color:#ff6f00;--mdc-switch-selected-pressed-handle-color:#ff6f00;--mdc-switch-selected-focus-track-color:#ffd54f;--mdc-switch-selected-hover-track-color:#ffd54f;--mdc-switch-selected-pressed-track-color:#ffd54f;--mdc-switch-selected-track-color:#ffd54f}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#673ab7;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ffd740;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%);--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6}html{--mdc-slider-handle-color:#673ab7;--mdc-slider-focus-handle-color:#673ab7;--mdc-slider-hover-handle-color:#673ab7;--mdc-slider-active-track-color:#673ab7;--mdc-slider-inactive-track-color:#673ab7;--mdc-slider-with-tick-marks-inactive-container-color:#673ab7;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-ripple-color:#673ab7;--mat-slider-hover-state-layer-color:rgba(103, 58, 183, 0.05);--mat-slider-focus-state-layer-color:rgba(103, 58, 183, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mat-slider-ripple-color:#ffd740;--mat-slider-hover-state-layer-color:rgba(255, 215, 64, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 215, 64, 0.2);--mdc-slider-handle-color:#ffd740;--mdc-slider-focus-handle-color:#ffd740;--mdc-slider-hover-handle-color:#ffd740;--mdc-slider-active-track-color:#ffd740;--mdc-slider-inactive-track-color:#ffd740;--mdc-slider-with-tick-marks-inactive-container-color:#ffd740;--mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87)}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#673ab7}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#673ab7}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#673ab7;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#673ab7;--mat-tab-header-active-ripple-color:#673ab7;--mat-tab-header-inactive-ripple-color:#673ab7;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#673ab7;--mat-tab-header-active-hover-label-text-color:#673ab7;--mat-tab-header-active-focus-indicator-color:#673ab7;--mat-tab-header-active-hover-indicator-color:#673ab7}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ffd740;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ffd740;--mat-tab-header-active-ripple-color:#ffd740;--mat-tab-header-inactive-ripple-color:#ffd740;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ffd740;--mat-tab-header-active-hover-label-text-color:#ffd740;--mat-tab-header-active-focus-indicator-color:#ffd740;--mat-tab-header-active-hover-indicator-color:#ffd740}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#673ab7;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ffd740;--mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-checkbox{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-protected-button-container-shadow-color:#000;--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#673ab7;--mat-text-button-state-layer-color:#673ab7;--mat-text-button-ripple-color:rgba(103, 58, 183, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ffd740;--mat-text-button-state-layer-color:#ffd740;--mat-text-button-ripple-color:rgba(255, 215, 64, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#673ab7;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ffd740;--mdc-filled-button-label-text-color:black;--mat-filled-button-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#673ab7;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ffd740;--mdc-protected-button-label-text-color:black;--mat-protected-button-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#673ab7;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#673ab7;--mat-outlined-button-ripple-color:rgba(103, 58, 183, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ffd740;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ffd740;--mat-outlined-button-ripple-color:rgba(255, 215, 64, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#673ab7;--mat-icon-button-state-layer-color:#673ab7;--mat-icon-button-ripple-color:rgba(103, 58, 183, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ffd740;--mat-icon-button-state-layer-color:#ffd740;--mat-icon-button-ripple-color:rgba(255, 215, 64, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px;--mdc-fab-small-container-shape:50%;--mdc-fab-small-icon-size:24px;--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px}html{--mdc-fab-container-color:white;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-container-shadow-color:#000;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shadow-color:#000;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#673ab7;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ffd740;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#673ab7;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ffd740;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ffd740}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#673ab7}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ffd740}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#673ab7;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ffd740;--mat-badge-text-color:rgba(0, 0, 0, 0.87)}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#673ab7;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-toggle-active-state-icon-color:#673ab7;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-selected-state-background-color:#ffd740;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ffd740}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#673ab7}.mat-icon.mat-accent{--mat-icon-color:#ffd740}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#673ab7;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#673ab7;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#673ab7;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-selected-state-icon-background-color:#ffd740;--mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-done-state-icon-background-color:#ffd740;--mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-edit-state-icon-background-color:#ffd740;--mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87)}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#673ab7;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ffd740;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px} /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@fortawesome/fontawesome-free/css/all.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fa-classic, .fas, .fa-solid, .far, .fa-regular { font-family: 'Font Awesome 6 Free'; } .fa-brands, .fab { font-family: 'Font Awesome 6 Brands'; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30"; } .fa-1 { --fa: "\31"; } .fa-2 { --fa: "\32"; } .fa-3 { --fa: "\33"; } .fa-4 { --fa: "\34"; } .fa-5 { --fa: "\35"; } .fa-6 { --fa: "\36"; } .fa-7 { --fa: "\37"; } .fa-8 { --fa: "\38"; } .fa-9 { --fa: "\39"; } .fa-fill-drip { --fa: "\f576"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-at { --fa: "\40"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-text-height { --fa: "\f034"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-info { --fa: "\f129"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-explosion { --fa: "\e4e9"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-wave-square { --fa: "\f83e"; } .fa-ring { --fa: "\f70b"; } .fa-building-un { --fa: "\e4d9"; } .fa-dice-three { --fa: "\f527"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-door-open { --fa: "\f52b"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-atom { --fa: "\f5d2"; } .fa-soap { --fa: "\e06e"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-pump-medical { --fa: "\e06a"; } .fa-fingerprint { --fa: "\f577"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-crop { --fa: "\f125"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-users-rectangle { --fa: "\e594"; } .fa-people-roof { --fa: "\e537"; } .fa-people-line { --fa: "\e534"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-laptop { --fa: "\f109"; } .fa-file-csv { --fa: "\f6dd"; } .fa-menorah { --fa: "\f676"; } .fa-truck-plane { --fa: "\e58f"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-bong { --fa: "\f55c"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-jar-wheat { --fa: "\e517"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-pager { --fa: "\f815"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-k { --fa: "\4b"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-backward { --fa: "\f04a"; } .fa-caret-right { --fa: "\f0da"; } .fa-comments { --fa: "\f086"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-user-check { --fa: "\f4fc"; } .fa-vial-virus { --fa: "\e597"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-blog { --fa: "\f781"; } .fa-user-ninja { --fa: "\f504"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-toggle-off { --fa: "\f204"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-person-drowning { --fa: "\e545"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-spray-can { --fa: "\f5bd"; } .fa-truck-monster { --fa: "\f63b"; } .fa-w { --fa: "\57"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-rainbow { --fa: "\f75b"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-paw { --fa: "\f1b0"; } .fa-cloud { --fa: "\f0c2"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-hospital-user { --fa: "\f80d"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-binoculars { --fa: "\f1e5"; } .fa-microphone-slash { --fa: "\f131"; } .fa-box-tissue { --fa: "\e05b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-toilets-portable { --fa: "\e584"; } .fa-hockey-puck { --fa: "\f453"; } .fa-table { --fa: "\f0ce"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-users-slash { --fa: "\e073"; } .fa-clover { --fa: "\e139"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-house-fire { --fa: "\e50c"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-helicopter { --fa: "\f533"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-people-group { --fa: "\e533"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-film { --fa: "\f008"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-people-robbery { --fa: "\e536"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-caret-left { --fa: "\f0d9"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-headphones-simple { --fa: "\f58f"; } .fa-headphones-alt { --fa: "\f58f"; } .fa-sitemap { --fa: "\f0e8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-memory { --fa: "\f538"; } .fa-road-spikes { --fa: "\e568"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-flag { --fa: "\f024"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-feather { --fa: "\f52d"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-compress { --fa: "\f066"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-ankh { --fa: "\f644"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-asterisk { --fa: "\2a"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-peseta-sign { --fa: "\e221"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-ghost { --fa: "\f6e2"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-cart-plus { --fa: "\f217"; } .fa-gamepad { --fa: "\f11b"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-egg { --fa: "\f7fb"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-campground { --fa: "\f6bb"; } .fa-folder-plus { --fa: "\f65e"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-lock { --fa: "\f023"; } .fa-gas-pump { --fa: "\f52f"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-tree { --fa: "\f1bb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-car-side { --fa: "\f5e4"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-microscope { --fa: "\f610"; } .fa-sink { --fa: "\e06d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-mitten { --fa: "\f7b5"; } .fa-person-rays { --fa: "\e54d"; } .fa-users { --fa: "\f0c0"; } .fa-eye-slash { --fa: "\f070"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-om { --fa: "\f679"; } .fa-worm { --fa: "\e599"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-plug { --fa: "\f1e6"; } .fa-chevron-up { --fa: "\f077"; } .fa-hand-spock { --fa: "\f259"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-road-circle-check { --fa: "\e564"; } .fa-dice-five { --fa: "\f523"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-i-cursor { --fa: "\f246"; } .fa-stamp { --fa: "\f5bf"; } .fa-stairs { --fa: "\e289"; } .fa-i { --fa: "\49"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-pills { --fa: "\f484"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-tooth { --fa: "\f5c9"; } .fa-v { --fa: "\56"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bicycle { --fa: "\f206"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-snowman { --fa: "\f7d0"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-road-barrier { --fa: "\e562"; } .fa-school { --fa: "\f549"; } .fa-igloo { --fa: "\f7ae"; } .fa-joint { --fa: "\f595"; } .fa-angle-right { --fa: "\f105"; } .fa-horse { --fa: "\f6f0"; } .fa-q { --fa: "\51"; } .fa-g { --fa: "\47"; } .fa-notes-medical { --fa: "\f481"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-dong-sign { --fa: "\e169"; } .fa-capsules { --fa: "\f46b"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-money-bill { --fa: "\f0d6"; } .fa-bookmark { --fa: "\f02e"; } .fa-align-justify { --fa: "\f039"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-helmet-un { --fa: "\e503"; } .fa-bullseye { --fa: "\f140"; } .fa-bacon { --fa: "\f7e5"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-radiation { --fa: "\f7b9"; } .fa-chart-simple { --fa: "\e473"; } .fa-mars-stroke { --fa: "\f229"; } .fa-vial { --fa: "\f492"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-e { --fa: "\45"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-user { --fa: "\f007"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-dumpster { --fa: "\f793"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-building-user { --fa: "\e4da"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-highlighter { --fa: "\f591"; } .fa-key { --fa: "\f084"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-synagogue { --fa: "\f69b"; } .fa-person-half-dress { --fa: "\e548"; } .fa-road-bridge { --fa: "\e563"; } .fa-location-arrow { --fa: "\f124"; } .fa-c { --fa: "\43"; } .fa-tablet-button { --fa: "\f10a"; } .fa-building-lock { --fa: "\e4d6"; } .fa-pizza-slice { --fa: "\f818"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-house-flag { --fa: "\e50d"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-star { --fa: "\f005"; } .fa-repeat { --fa: "\f363"; } .fa-cross { --fa: "\f654"; } .fa-box { --fa: "\f466"; } .fa-venus-mars { --fa: "\f228"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-charging-station { --fa: "\f5e7"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-mobile-retro { --fa: "\e527"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-spider { --fa: "\f717"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-x-ray { --fa: "\f497"; } .fa-spell-check { --fa: "\f891"; } .fa-slash { --fa: "\f715"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-server { --fa: "\f233"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-building-wheat { --fa: "\e4db"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-venus { --fa: "\f221"; } .fa-passport { --fa: "\f5ab"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-temperature-high { --fa: "\f769"; } .fa-microchip { --fa: "\f2db"; } .fa-crown { --fa: "\f521"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-file-prescription { --fa: "\f572"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-chess-knight { --fa: "\f441"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-wheelchair { --fa: "\f193"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-toggle-on { --fa: "\f205"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-l { --fa: "\4c"; } .fa-fire { --fa: "\f06d"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-folder-open { --fa: "\f07c"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-code-fork { --fa: "\e13b"; } .fa-city { --fa: "\f64f"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-pepper-hot { --fa: "\f816"; } .fa-unlock { --fa: "\f09c"; } .fa-colon-sign { --fa: "\e140"; } .fa-headset { --fa: "\f590"; } .fa-store-slash { --fa: "\e071"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-user-minus { --fa: "\f503"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-clipboard { --fa: "\f328"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-underline { --fa: "\f0cd"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-signature { --fa: "\f5b7"; } .fa-stroopwafel { --fa: "\f551"; } .fa-bold { --fa: "\f032"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-not-equal { --fa: "\f53e"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-jedi { --fa: "\f669"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-gift { --fa: "\f06b"; } .fa-dice-two { --fa: "\f528"; } .fa-chess-queen { --fa: "\f445"; } .fa-glasses { --fa: "\f530"; } .fa-chess-board { --fa: "\f43c"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-less-than-equal { --fa: "\f537"; } .fa-train { --fa: "\f238"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-crow { --fa: "\f520"; } .fa-sailboat { --fa: "\e445"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-frog { --fa: "\f52e"; } .fa-bucket { --fa: "\e4cf"; } .fa-image { --fa: "\f03e"; } .fa-microphone { --fa: "\f130"; } .fa-cow { --fa: "\f6c8"; } .fa-caret-up { --fa: "\f0d8"; } .fa-screwdriver { --fa: "\f54a"; } .fa-folder-closed { --fa: "\e185"; } .fa-house-tsunami { --fa: "\e515"; } .fa-square-nfi { --fa: "\e576"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-square-binary { --fa: "\e69b"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-lemon { --fa: "\f094"; } .fa-head-side-mask { --fa: "\e063"; } .fa-handshake { --fa: "\f2b5"; } .fa-gem { --fa: "\f3a5"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-smoking { --fa: "\f48d"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-monument { --fa: "\f5a6"; } .fa-snowplow { --fa: "\f7d2"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-cannabis { --fa: "\f55f"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-tablets { --fa: "\f490"; } .fa-ethernet { --fa: "\f796"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-chair { --fa: "\f6c0"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-icicles { --fa: "\f7ad"; } .fa-person-shelter { --fa: "\e54f"; } .fa-neuter { --fa: "\f22c"; } .fa-id-badge { --fa: "\f2c1"; } .fa-marker { --fa: "\f5a1"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-universal-access { --fa: "\f29a"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-volcano { --fa: "\f770"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-viruses { --fa: "\e076"; } .fa-square-person-confined { --fa: "\e577"; } .fa-user-tie { --fa: "\f508"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-certificate { --fa: "\f0a3"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-suitcase { --fa: "\f0f2"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-camera-retro { --fa: "\f083"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-box-open { --fa: "\f49e"; } .fa-scroll { --fa: "\f70e"; } .fa-spa { --fa: "\f5bb"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-pause { --fa: "\f04c"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-bomb { --fa: "\f1e2"; } .fa-registered { --fa: "\f25d"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-subscript { --fa: "\f12c"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-burst { --fa: "\e4dc"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-money-bills { --fa: "\e1f3"; } .fa-smog { --fa: "\f75f"; } .fa-crutch { --fa: "\f7f7"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-palette { --fa: "\f53f"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-vest { --fa: "\e085"; } .fa-ferry { --fa: "\e4ea"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-candy-cane { --fa: "\f786"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-house-lock { --fa: "\e510"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-children { --fa: "\e4e1"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-user-large-slash { --fa: "\f4fa"; } .fa-user-alt-slash { --fa: "\f4fa"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-handshake-simple-slash { --fa: "\e05f"; } .fa-handshake-alt-slash { --fa: "\e05f"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-virus { --fa: "\e074"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-layer-group { --fa: "\f5fd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-archway { --fa: "\f557"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-square { --fa: "\f0c8"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-couch { --fa: "\f4b8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-italic { --fa: "\f033"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-church { --fa: "\f51d"; } .fa-comments-dollar { --fa: "\f653"; } .fa-democrat { --fa: "\f747"; } .fa-z { --fa: "\5a"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-road-lock { --fa: "\e567"; } .fa-a { --fa: "\41"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-p { --fa: "\50"; } .fa-snowflake { --fa: "\f2dc"; } .fa-newspaper { --fa: "\f1ea"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-locust { --fa: "\e520"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-vector-square { --fa: "\f5cb"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-language { --fa: "\f1ab"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-filter { --fa: "\f0b0"; } .fa-question { --fa: "\3f"; } .fa-file-signature { --fa: "\f573"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-money-check { --fa: "\f53c"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-f { --fa: "\46"; } .fa-leaf { --fa: "\f06c"; } .fa-road { --fa: "\f018"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-contract { --fa: "\f56c"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-building-flag { --fa: "\e4d5"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-object-ungroup { --fa: "\f248"; } .fa-poop { --fa: "\f619"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-kaaba { --fa: "\f66b"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-eject { --fa: "\f052"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-object-group { --fa: "\f247"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-arrow-right { --fa: "\f061"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-cash-register { --fa: "\f788"; } .fa-person-circle-question { --fa: "\e542"; } .fa-h { --fa: "\48"; } .fa-tarp { --fa: "\e57b"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-heart { --fa: "\f004"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-house-crack { --fa: "\e3b1"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-r { --fa: "\52"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-cube { --fa: "\f1b2"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-shield-dog { --fa: "\e573"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-lock-open { --fa: "\f3c1"; } .fa-elevator { --fa: "\e16d"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-circle { --fa: "\f111"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-recycle { --fa: "\f1b8"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-plane-slash { --fa: "\e069"; } .fa-trademark { --fa: "\f25c"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-users-rays { --fa: "\e593"; } .fa-wallet { --fa: "\f555"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-file-audio { --fa: "\f1c7"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-wrench { --fa: "\f0ad"; } .fa-bugs { --fa: "\e4d0"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-file-image { --fa: "\f1c5"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-handshake-slash { --fa: "\e060"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-code-branch { --fa: "\f126"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-bridge { --fa: "\e4c8"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-truck-front { --fa: "\e2b7"; } .fa-cat { --fa: "\f6be"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-truck-field { --fa: "\e58d"; } .fa-route { --fa: "\f4d7"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-panorama { --fa: "\e209"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-teeth-open { --fa: "\f62f"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-tags { --fa: "\f02c"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-house-signal { --fa: "\e012"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-faucet-drip { --fa: "\e006"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-terminal { --fa: "\f120"; } .fa-mobile-button { --fa: "\f10b"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-tape { --fa: "\f4db"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-eye { --fa: "\f06e"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-audio-description { --fa: "\f29e"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-file-shield { --fa: "\e4f0"; } .fa-user-slash { --fa: "\f506"; } .fa-pen { --fa: "\f304"; } .fa-tower-observation { --fa: "\e586"; } .fa-file-code { --fa: "\f1c9"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-bus { --fa: "\f207"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-prescription { --fa: "\f5b1"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-vihara { --fa: "\f6a7"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-diamond { --fa: "\f219"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-chart-diagram { --fa: "\e695"; } .fa-bacterium { --fa: "\e05a"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-biohazard { --fa: "\f780"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-mars-double { --fa: "\f227"; } .fa-child-dress { --fa: "\e59c"; } .fa-users-between-lines { --fa: "\e591"; } .fa-lungs-virus { --fa: "\e067"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-phone { --fa: "\f095"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-child-reaching { --fa: "\e59d"; } .fa-head-side-virus { --fa: "\e064"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-door-closed { --fa: "\f52a"; } .fa-shield-virus { --fa: "\e06c"; } .fa-dice-six { --fa: "\f526"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-file-fragment { --fa: "\e697"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-person-booth { --fa: "\f756"; } .fa-text-width { --fa: "\f035"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-trash { --fa: "\f1f8"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-book-medical { --fa: "\f7e6"; } .fa-poo { --fa: "\f2fe"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-cubes { --fa: "\f1b3"; } .fa-divide { --fa: "\f529"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-headphones { --fa: "\f025"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-republican { --fa: "\f75e"; } .fa-arrow-left { --fa: "\f060"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-ruler { --fa: "\f545"; } .fa-align-left { --fa: "\f036"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-restroom { --fa: "\f7bd"; } .fa-j { --fa: "\4a"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-file-video { --fa: "\f1c8"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-o { --fa: "\4f"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-user-secret { --fa: "\f21b"; } .fa-otter { --fa: "\f700"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-comment-dollar { --fa: "\f651"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-child { --fa: "\f1ae"; } .fa-lira-sign { --fa: "\f195"; } .fa-satellite { --fa: "\f7bf"; } .fa-plane-lock { --fa: "\e558"; } .fa-tag { --fa: "\f02b"; } .fa-comment { --fa: "\f075"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-envelope { --fa: "\f0e0"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-paperclip { --fa: "\f0c6"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-lungs { --fa: "\f604"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-border-none { --fa: "\f850"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-indent { --fa: "\f03c"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-mountain { --fa: "\f6fc"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-square-virus { --fa: "\e578"; } .fa-meteor { --fa: "\f753"; } .fa-car-on { --fa: "\e4dd"; } .fa-sleigh { --fa: "\f7cc"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-water { --fa: "\f773"; } .fa-calendar-check { --fa: "\f274"; } .fa-braille { --fa: "\f2a1"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-landmark { --fa: "\f66f"; } .fa-truck { --fa: "\f0d1"; } .fa-crosshairs { --fa: "\f05b"; } .fa-person-cane { --fa: "\e53c"; } .fa-tent { --fa: "\e57d"; } .fa-vest-patches { --fa: "\e086"; } .fa-check-double { --fa: "\f560"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-cookie { --fa: "\f563"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-dumbbell { --fa: "\f44b"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-calendar-plus { --fa: "\f271"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-dna { --fa: "\f471"; } .fa-virus-slash { --fa: "\e075"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-street-view { --fa: "\f21d"; } .fa-franc-sign { --fa: "\e18f"; } .fa-volume-off { --fa: "\f026"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-mosque { --fa: "\f678"; } .fa-mosquito { --fa: "\e52b"; } .fa-star-of-david { --fa: "\f69a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-vials { --fa: "\f493"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-u { --fa: "\55"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-pallet { --fa: "\f482"; } .fa-faucet { --fa: "\e005"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-s { --fa: "\53"; } .fa-timeline { --fa: "\e29c"; } .fa-keyboard { --fa: "\f11c"; } .fa-caret-down { --fa: "\f0d7"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-plane-up { --fa: "\e22d"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-mountain-city { --fa: "\e52e"; } .fa-coins { --fa: "\f51e"; } .fa-khanda { --fa: "\f66d"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-folder-tree { --fa: "\f802"; } .fa-network-wired { --fa: "\f6ff"; } .fa-map-pin { --fa: "\f276"; } .fa-hamsa { --fa: "\f665"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-flask { --fa: "\f0c3"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-ticket { --fa: "\f145"; } .fa-power-off { --fa: "\f011"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-flag-usa { --fa: "\f74d"; } .fa-laptop-file { --fa: "\e51d"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-diagram-next { --fa: "\e476"; } .fa-person-rifle { --fa: "\e54e"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-venus-double { --fa: "\f226"; } .fa-images { --fa: "\f302"; } .fa-calculator { --fa: "\f1ec"; } .fa-people-pulling { --fa: "\e535"; } .fa-n { --fa: "\4e"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-ship { --fa: "\f21a"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-download { --fa: "\f019"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-forward { --fa: "\f04e"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-align-center { --fa: "\f037"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-calendar-week { --fa: "\f784"; } .fa-laptop-medical { --fa: "\f812"; } .fa-b { --fa: "\42"; } .fa-file-medical { --fa: "\f477"; } .fa-dice-one { --fa: "\f525"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-skull { --fa: "\f54c"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-stop { --fa: "\f04d"; } .fa-code-merge { --fa: "\f387"; } .fa-upload { --fa: "\f093"; } .fa-hurricane { --fa: "\f751"; } .fa-mound { --fa: "\e52d"; } .fa-toilet-portable { --fa: "\e583"; } .fa-compact-disc { --fa: "\f51f"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-caravan { --fa: "\f8ff"; } .fa-shield-cat { --fa: "\e572"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-glass-water { --fa: "\e4f4"; } .fa-oil-well { --fa: "\e532"; } .fa-vault { --fa: "\e2c5"; } .fa-mars { --fa: "\f222"; } .fa-toilet { --fa: "\f7d8"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-sun { --fa: "\f185"; } .fa-guitar { --fa: "\f7a6"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-horse-head { --fa: "\f7ab"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-industry { --fa: "\f275"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-florin-sign { --fa: "\e184"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-less-than { --fa: "\3c"; } .fa-angle-down { --fa: "\f107"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-head-side-cough { --fa: "\e061"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-thumbs-down { --fa: "\f165"; } .fa-user-lock { --fa: "\f502"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-chess-pawn { --fa: "\f443"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-toolbox { --fa: "\f552"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-bug { --fa: "\f188"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-medal { --fa: "\f5a2"; } .fa-bed { --fa: "\f236"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-podcast { --fa: "\f2ce"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-bell { --fa: "\f0f3"; } .fa-superscript { --fa: "\f12b"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-star-of-life { --fa: "\f621"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-file { --fa: "\f15b"; } .fa-greater-than { --fa: "\3e"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-arrow-down { --fa: "\f063"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-eraser { --fa: "\f12d"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-person-burst { --fa: "\e53b"; } .fa-dove { --fa: "\f4ba"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-socks { --fa: "\f696"; } .fa-inbox { --fa: "\f01c"; } .fa-section { --fa: "\e447"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-chess-rook { --fa: "\f447"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-dharmachakra { --fa: "\f655"; } .fa-hotdog { --fa: "\f80f"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-drum { --fa: "\f569"; } .fa-ice-cream { --fa: "\f810"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-fax { --fa: "\f1ac"; } .fa-paragraph { --fa: "\f1dd"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-star-half { --fa: "\f089"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-tree-city { --fa: "\e587"; } .fa-play { --fa: "\f04b"; } .fa-font { --fa: "\f031"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-receipt { --fa: "\f543"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-chevron-down { --fa: "\f078"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-code-compare { --fa: "\e13a"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-school-lock { --fa: "\e56f"; } .fa-tower-cell { --fa: "\e585"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-ranking-star { --fa: "\e561"; } .fa-chess-king { --fa: "\f43f"; } .fa-person-harassing { --fa: "\e549"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-arrow-up { --fa: "\f062"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-shrimp { --fa: "\e448"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-jug-detergent { --fa: "\e519"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-user-shield { --fa: "\f505"; } .fa-wind { --fa: "\f72e"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-y { --fa: "\59"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-fish { --fa: "\f578"; } .fa-user-graduate { --fa: "\f501"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-clapperboard { --fa: "\e131"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-copy { --fa: "\f0c5"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-grip { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-gun { --fa: "\e19b"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-plus { --fa: "\2b"; } .fa-add { --fa: "\2b"; } .fa-expand { --fa: "\f065"; } .fa-computer { --fa: "\e4e5"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-peso-sign { --fa: "\e222"; } .fa-building-shield { --fa: "\e4d8"; } .fa-baby { --fa: "\f77c"; } .fa-users-line { --fa: "\e592"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-tractor { --fa: "\f722"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-ruler-combined { --fa: "\f546"; } .fa-copyright { --fa: "\f1f9"; } .fa-equals { --fa: "\3d"; } .fa-blender { --fa: "\f517"; } .fa-teeth { --fa: "\f62e"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-map { --fa: "\f279"; } .fa-rocket { --fa: "\f135"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-folder-minus { --fa: "\f65d"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-store { --fa: "\f54e"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-school-flag { --fa: "\e56e"; } .fa-fill { --fa: "\f575"; } .fa-angle-up { --fa: "\f106"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-chevron-left { --fa: "\f053"; } .fa-bacteria { --fa: "\e059"; } .fa-hand-lizard { --fa: "\f258"; } .fa-notdef { --fa: "\e1fe"; } .fa-disease { --fa: "\f7fa"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-genderless { --fa: "\f22d"; } .fa-chevron-right { --fa: "\f054"; } .fa-retweet { --fa: "\f079"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-pump-soap { --fa: "\e06b"; } .fa-video-slash { --fa: "\f4e2"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-radio { --fa: "\f8d7"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-traffic-light { --fa: "\f637"; } .fa-thermometer { --fa: "\f491"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-percent { --fa: "\25"; } .fa-percentage { --fa: "\25"; } .fa-truck-moving { --fa: "\f4df"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-display { --fa: "\e163"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-trophy { --fa: "\f091"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hammer { --fa: "\f6e3"; } .fa-hand-peace { --fa: "\f25b"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-peace { --fa: "\f67c"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-warehouse { --fa: "\f494"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-splotch { --fa: "\f5bc"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-dice-four { --fa: "\f524"; } .fa-sim-card { --fa: "\f7c4"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-mercury { --fa: "\f223"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-award { --fa: "\f559"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-building { --fa: "\f1ad"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-qrcode { --fa: "\f029"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-comment-nodes { --fa: "\e696"; } .fa-house-medical { --fa: "\e3b2"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tents { --fa: "\e582"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-dog { --fa: "\f6d3"; } .fa-carrot { --fa: "\f787"; } .fa-moon { --fa: "\f186"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-cheese { --fa: "\f7ef"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-music { --fa: "\f001"; } .fa-code-commit { --fa: "\f386"; } .fa-temperature-low { --fa: "\f76b"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-broom { --fa: "\f51a"; } .fa-shield-heart { --fa: "\e574"; } .fa-gopuram { --fa: "\f664"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-hashtag { --fa: "\23"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-oil-can { --fa: "\f613"; } .fa-t { --fa: "\54"; } .fa-hippo { --fa: "\f6ed"; } .fa-chart-column { --fa: "\e0e3"; } .fa-infinity { --fa: "\f534"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-voicemail { --fa: "\f897"; } .fa-fan { --fa: "\f863"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-calendar { --fa: "\f133"; } .fa-trailer { --fa: "\e041"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-sd-card { --fa: "\f7c2"; } .fa-dragon { --fa: "\f6d5"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-clone { --fa: "\f24d"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-tornado { --fa: "\f76f"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-anchor { --fa: "\f13d"; } .fa-border-all { --fa: "\f84c"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-cookie-bite { --fa: "\f564"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-shower { --fa: "\f2cc"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-m { --fa: "\4d"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-user-plus { --fa: "\f234"; } .fa-check { --fa: "\f00c"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-house-circle-check { --fa: "\e509"; } .fa-angle-left { --fa: "\f104"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-briefcase { --fa: "\f0b1"; } .fa-person-falling { --fa: "\e546"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-user-tag { --fa: "\f507"; } .fa-rug { --fa: "\e569"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-book-open { --fa: "\f518"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-database { --fa: "\f1c0"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-mask-face { --fa: "\e1d7"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-dungeon { --fa: "\f6d9"; } .fa-align-right { --fa: "\f038"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-life-ring { --fa: "\f1cd"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-calendar-day { --fa: "\f783"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-dice { --fa: "\f522"; } .fa-bowling-ball { --fa: "\f436"; } .fa-brain { --fa: "\f5dc"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-calendar-minus { --fa: "\f272"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-gifts { --fa: "\f79c"; } .fa-hotel { --fa: "\f594"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-thumbs-up { --fa: "\f164"; } .fa-user-clock { --fa: "\f4fd"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-file-invoice { --fa: "\f570"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-brush { --fa: "\f55d"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-mask { --fa: "\f6fa"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-user-large { --fa: "\f406"; } .fa-user-alt { --fa: "\f406"; } .fa-train-tram { --fa: "\e5b4"; } .fa-user-nurse { --fa: "\f82f"; } .fa-syringe { --fa: "\f48e"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-square-full { --fa: "\f45c"; } .fa-magnet { --fa: "\f076"; } .fa-jar { --fa: "\e516"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-bug-slash { --fa: "\e490"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-bone { --fa: "\f5d7"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-user-injured { --fa: "\f728"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-plane { --fa: "\f072"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-exclamation { --fa: "\21"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-print { --fa: "\f02f"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-dollar-sign { --fa: "\24"; } .fa-dollar { --fa: "\24"; } .fa-usd { --fa: "\24"; } .fa-x { --fa: "\58"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-umbrella { --fa: "\f0e9"; } .fa-trowel { --fa: "\e589"; } .fa-d { --fa: "\44"; } .fa-stapler { --fa: "\e5af"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-handshake-simple { --fa: "\f4c6"; } .fa-handshake-alt { --fa: "\f4c6"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-barcode { --fa: "\f02a"; } .fa-plus-minus { --fa: "\e43c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } :root, :host { --fa-style-family-brands: 'Font Awesome 6 Brands'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url('fa-brands-400.86ee2658f0f3b5a5.woff2') format("woff2"), url('fa-brands-400.8eaf0c8893de015e.ttf') format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-monero { --fa: "\f3d0"; } .fa-hooli { --fa: "\f427"; } .fa-yelp { --fa: "\f1e9"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-lastfm { --fa: "\f202"; } .fa-shopware { --fa: "\f5b5"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-aws { --fa: "\f375"; } .fa-redhat { --fa: "\f7bc"; } .fa-yoast { --fa: "\f2b1"; } .fa-cloudflare { --fa: "\e07d"; } .fa-ups { --fa: "\f7e0"; } .fa-pixiv { --fa: "\e640"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-dyalog { --fa: "\f399"; } .fa-bity { --fa: "\f37a"; } .fa-stackpath { --fa: "\f842"; } .fa-buysellads { --fa: "\f20d"; } .fa-first-order { --fa: "\f2b0"; } .fa-modx { --fa: "\f285"; } .fa-guilded { --fa: "\e07e"; } .fa-vnv { --fa: "\f40b"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-microsoft { --fa: "\f3ca"; } .fa-qq { --fa: "\f1d6"; } .fa-orcid { --fa: "\f8d2"; } .fa-java { --fa: "\f4e4"; } .fa-invision { --fa: "\f7b0"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-centercode { --fa: "\f380"; } .fa-glide-g { --fa: "\f2a6"; } .fa-drupal { --fa: "\f1a9"; } .fa-jxl { --fa: "\e67b"; } .fa-dart-lang { --fa: "\e693"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-unity { --fa: "\e049"; } .fa-whmcs { --fa: "\f40d"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-vk { --fa: "\f189"; } .fa-untappd { --fa: "\f405"; } .fa-mailchimp { --fa: "\f59e"; } .fa-css3-alt { --fa: "\f38b"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-contao { --fa: "\f26d"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-deskpro { --fa: "\f38f"; } .fa-brave { --fa: "\e63c"; } .fa-sistrix { --fa: "\f3ee"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-battle-net { --fa: "\f835"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-edge { --fa: "\f282"; } .fa-threads { --fa: "\e618"; } .fa-napster { --fa: "\f3d2"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-artstation { --fa: "\f77a"; } .fa-markdown { --fa: "\f60f"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-google-plus { --fa: "\f2b3"; } .fa-diaspora { --fa: "\f791"; } .fa-foursquare { --fa: "\f180"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-github-alt { --fa: "\f113"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-pagelines { --fa: "\f18c"; } .fa-algolia { --fa: "\f36c"; } .fa-red-river { --fa: "\f3e3"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-safari { --fa: "\f267"; } .fa-google { --fa: "\f1a0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-atlassian { --fa: "\f77b"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-digital-ocean { --fa: "\f391"; } .fa-nimblr { --fa: "\f5a8"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-adversal { --fa: "\f36a"; } .fa-creative-commons { --fa: "\f25e"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-fonticons { --fa: "\f280"; } .fa-weixin { --fa: "\f1d7"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-codepen { --fa: "\f1cb"; } .fa-git-alt { --fa: "\f841"; } .fa-lyft { --fa: "\f3c3"; } .fa-rev { --fa: "\f5b2"; } .fa-windows { --fa: "\f17a"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-meetup { --fa: "\f2e0"; } .fa-centos { --fa: "\f789"; } .fa-adn { --fa: "\f170"; } .fa-cloudsmith { --fa: "\f384"; } .fa-opensuse { --fa: "\e62b"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-codiepie { --fa: "\f284"; } .fa-node { --fa: "\f419"; } .fa-mix { --fa: "\f3cb"; } .fa-steam { --fa: "\f1b6"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-scribd { --fa: "\f28a"; } .fa-debian { --fa: "\e60b"; } .fa-openid { --fa: "\f19b"; } .fa-instalod { --fa: "\e081"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-sellcast { --fa: "\f2da"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-r-project { --fa: "\f4f7"; } .fa-delicious { --fa: "\f1a5"; } .fa-freebsd { --fa: "\f3a4"; } .fa-vuejs { --fa: "\f41f"; } .fa-accusoft { --fa: "\f369"; } .fa-ioxhost { --fa: "\f208"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-app-store { --fa: "\f36f"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-golang { --fa: "\e40f"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-grav { --fa: "\f2d6"; } .fa-weibo { --fa: "\f18a"; } .fa-uncharted { --fa: "\e084"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-angellist { --fa: "\f209"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-nfc-directional { --fa: "\e530"; } .fa-skype { --fa: "\f17e"; } .fa-joget { --fa: "\f3b7"; } .fa-fedora { --fa: "\f798"; } .fa-stripe-s { --fa: "\f42a"; } .fa-meta { --fa: "\e49b"; } .fa-laravel { --fa: "\f3bd"; } .fa-hotjar { --fa: "\f3b1"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-hips { --fa: "\f452"; } .fa-css { --fa: "\e6a2"; } .fa-behance { --fa: "\f1b4"; } .fa-reddit { --fa: "\f1a1"; } .fa-discord { --fa: "\f392"; } .fa-chrome { --fa: "\f268"; } .fa-app-store-ios { --fa: "\f370"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-wpbeginner { --fa: "\f297"; } .fa-confluence { --fa: "\f78d"; } .fa-shoelace { --fa: "\e60c"; } .fa-mdb { --fa: "\f8ca"; } .fa-dochub { --fa: "\f394"; } .fa-accessible-icon { --fa: "\f368"; } .fa-ebay { --fa: "\f4f4"; } .fa-amazon { --fa: "\f270"; } .fa-unsplash { --fa: "\e07c"; } .fa-yarn { --fa: "\f7e3"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-500px { --fa: "\f26e"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-asymmetrik { --fa: "\f372"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-gratipay { --fa: "\f184"; } .fa-apple { --fa: "\f179"; } .fa-hive { --fa: "\e07f"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-keybase { --fa: "\f4f5"; } .fa-apple-pay { --fa: "\f415"; } .fa-padlet { --fa: "\e4a0"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-fedex { --fa: "\f797"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-shopify { --fa: "\e057"; } .fa-neos { --fa: "\f612"; } .fa-square-threads { --fa: "\e619"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-swift { --fa: "\f8e1"; } .fa-angular { --fa: "\f420"; } .fa-speakap { --fa: "\f3f3"; } .fa-angrycreative { --fa: "\f36e"; } .fa-y-combinator { --fa: "\f23b"; } .fa-empire { --fa: "\f1d1"; } .fa-envira { --fa: "\f299"; } .fa-google-scholar { --fa: "\e63b"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-wordpress { --fa: "\f19a"; } .fa-product-hunt { --fa: "\f288"; } .fa-firefox { --fa: "\f269"; } .fa-linode { --fa: "\f2b8"; } .fa-goodreads { --fa: "\f3a8"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-sith { --fa: "\f512"; } .fa-themeisle { --fa: "\f2b2"; } .fa-page4 { --fa: "\f3d7"; } .fa-hashnode { --fa: "\e499"; } .fa-react { --fa: "\f41b"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-squarespace { --fa: "\f5be"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-bitcoin { --fa: "\f379"; } .fa-keycdn { --fa: "\f3ba"; } .fa-opera { --fa: "\f26a"; } .fa-itch-io { --fa: "\f83a"; } .fa-umbraco { --fa: "\f8e8"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-ubuntu { --fa: "\f7df"; } .fa-draft2digital { --fa: "\f396"; } .fa-stripe { --fa: "\f429"; } .fa-houzz { --fa: "\f27c"; } .fa-gg { --fa: "\f260"; } .fa-dhl { --fa: "\f790"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-xing { --fa: "\f168"; } .fa-blackberry { --fa: "\f37b"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-playstation { --fa: "\f3df"; } .fa-quinscape { --fa: "\f459"; } .fa-less { --fa: "\f41d"; } .fa-blogger-b { --fa: "\f37d"; } .fa-opencart { --fa: "\f23d"; } .fa-vine { --fa: "\f1ca"; } .fa-signal-messenger { --fa: "\e663"; } .fa-paypal { --fa: "\f1ed"; } .fa-gitlab { --fa: "\f296"; } .fa-typo3 { --fa: "\f42b"; } .fa-reddit-alien { --fa: "\f281"; } .fa-yahoo { --fa: "\f19e"; } .fa-dailymotion { --fa: "\e052"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-bootstrap { --fa: "\f836"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-mintbit { --fa: "\e62f"; } .fa-ethereum { --fa: "\f42e"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-patreon { --fa: "\f3d9"; } .fa-avianex { --fa: "\f374"; } .fa-ello { --fa: "\f5f1"; } .fa-gofore { --fa: "\f3a7"; } .fa-bimobject { --fa: "\f378"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-web-awesome { --fa: "\e682"; } .fa-mandalorian { --fa: "\f50f"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-osi { --fa: "\f41a"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-periscope { --fa: "\f3da"; } .fa-fulcrum { --fa: "\f50b"; } .fa-cloudscale { --fa: "\f383"; } .fa-forumbee { --fa: "\f211"; } .fa-mizuni { --fa: "\f3cc"; } .fa-schlix { --fa: "\f3ea"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-wpforms { --fa: "\f298"; } .fa-cloudversify { --fa: "\f385"; } .fa-usps { --fa: "\f7e1"; } .fa-megaport { --fa: "\f5a3"; } .fa-magento { --fa: "\f3c4"; } .fa-spotify { --fa: "\f1bc"; } .fa-optin-monster { --fa: "\f23c"; } .fa-fly { --fa: "\f417"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-aviato { --fa: "\f421"; } .fa-itunes { --fa: "\f3b4"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-blogger { --fa: "\f37c"; } .fa-flickr { --fa: "\f16e"; } .fa-viber { --fa: "\f409"; } .fa-soundcloud { --fa: "\f1be"; } .fa-digg { --fa: "\f1a6"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-letterboxd { --fa: "\e62d"; } .fa-symfony { --fa: "\f83d"; } .fa-maxcdn { --fa: "\f136"; } .fa-etsy { --fa: "\f2d7"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-audible { --fa: "\f373"; } .fa-think-peaks { --fa: "\f731"; } .fa-bilibili { --fa: "\e3d9"; } .fa-erlang { --fa: "\f39d"; } .fa-x-twitter { --fa: "\e61b"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-dashcube { --fa: "\f210"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-elementor { --fa: "\f430"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-palfed { --fa: "\f3d8"; } .fa-superpowers { --fa: "\f2dd"; } .fa-resolving { --fa: "\f3e7"; } .fa-xbox { --fa: "\f412"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-searchengin { --fa: "\f3eb"; } .fa-tiktok { --fa: "\e07b"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-renren { --fa: "\f18b"; } .fa-linux { --fa: "\f17c"; } .fa-glide { --fa: "\f2a5"; } .fa-linkedin { --fa: "\f08c"; } .fa-hubspot { --fa: "\f3b2"; } .fa-deploydog { --fa: "\f38e"; } .fa-twitch { --fa: "\f1e8"; } .fa-flutter { --fa: "\e694"; } .fa-ravelry { --fa: "\f2d9"; } .fa-mixer { --fa: "\e056"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-vimeo { --fa: "\f40a"; } .fa-mendeley { --fa: "\f7b3"; } .fa-uniregistry { --fa: "\f404"; } .fa-figma { --fa: "\f799"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-dropbox { --fa: "\f16b"; } .fa-instagram { --fa: "\f16d"; } .fa-cmplid { --fa: "\e360"; } .fa-upwork { --fa: "\e641"; } .fa-facebook { --fa: "\f09a"; } .fa-gripfire { --fa: "\f3ac"; } .fa-jedi-order { --fa: "\f50e"; } .fa-uikit { --fa: "\f403"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-phabricator { --fa: "\f3db"; } .fa-ussunnah { --fa: "\f407"; } .fa-earlybirds { --fa: "\f39a"; } .fa-trade-federation { --fa: "\f513"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-whatsapp { --fa: "\f232"; } .fa-square-upwork { --fa: "\e67c"; } .fa-slideshare { --fa: "\f1e7"; } .fa-google-play { --fa: "\f3ab"; } .fa-viadeo { --fa: "\f2a9"; } .fa-line { --fa: "\f3c0"; } .fa-google-drive { --fa: "\f3aa"; } .fa-servicestack { --fa: "\f3ec"; } .fa-simplybuilt { --fa: "\f215"; } .fa-bitbucket { --fa: "\f171"; } .fa-imdb { --fa: "\f2d8"; } .fa-deezer { --fa: "\e077"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-jira { --fa: "\f7b1"; } .fa-docker { --fa: "\f395"; } .fa-screenpal { --fa: "\e570"; } .fa-bluetooth { --fa: "\f293"; } .fa-gitter { --fa: "\f426"; } .fa-d-and-d { --fa: "\f38d"; } .fa-microblog { --fa: "\e01a"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-gg-circle { --fa: "\f261"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-yandex { --fa: "\f413"; } .fa-readme { --fa: "\f4d5"; } .fa-html5 { --fa: "\f13b"; } .fa-sellsy { --fa: "\f213"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-sass { --fa: "\f41e"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-salesforce { --fa: "\f83b"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-medapps { --fa: "\f3c6"; } .fa-ns8 { --fa: "\f3d5"; } .fa-pinterest-p { --fa: "\f231"; } .fa-apper { --fa: "\f371"; } .fa-fort-awesome { --fa: "\f286"; } .fa-waze { --fa: "\f83f"; } .fa-bluesky { --fa: "\e671"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-rust { --fa: "\e07a"; } .fa-wix { --fa: "\f5cf"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-supple { --fa: "\f3f9"; } .fa-webflow { --fa: "\e65c"; } .fa-rebel { --fa: "\f1d0"; } .fa-css3 { --fa: "\f13c"; } .fa-staylinked { --fa: "\f3f5"; } .fa-kaggle { --fa: "\f5fa"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-deviantart { --fa: "\f1bd"; } .fa-cpanel { --fa: "\f388"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-trello { --fa: "\f181"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-get-pocket { --fa: "\f265"; } .fa-perbyte { --fa: "\e083"; } .fa-grunt { --fa: "\f3ad"; } .fa-weebly { --fa: "\f5cc"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-leanpub { --fa: "\f212"; } .fa-black-tie { --fa: "\f27e"; } .fa-themeco { --fa: "\f5c6"; } .fa-python { --fa: "\f3e2"; } .fa-android { --fa: "\f17b"; } .fa-bots { --fa: "\e340"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-hornbill { --fa: "\f592"; } .fa-js { --fa: "\f3b8"; } .fa-ideal { --fa: "\e013"; } .fa-git { --fa: "\f1d3"; } .fa-dev { --fa: "\f6cc"; } .fa-sketch { --fa: "\f7c6"; } .fa-yandex-international { --fa: "\f414"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-uber { --fa: "\f402"; } .fa-github { --fa: "\f09b"; } .fa-php { --fa: "\f457"; } .fa-alipay { --fa: "\f642"; } .fa-youtube { --fa: "\f167"; } .fa-skyatlas { --fa: "\f216"; } .fa-firefox-browser { --fa: "\e007"; } .fa-replyd { --fa: "\f3e6"; } .fa-suse { --fa: "\f7d6"; } .fa-jenkins { --fa: "\f3b6"; } .fa-twitter { --fa: "\f099"; } .fa-rockrms { --fa: "\f3e9"; } .fa-pinterest { --fa: "\f0d2"; } .fa-buffer { --fa: "\f837"; } .fa-npm { --fa: "\f3d4"; } .fa-yammer { --fa: "\f840"; } .fa-btc { --fa: "\f15a"; } .fa-dribbble { --fa: "\f17d"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-stubber { --fa: "\e5c7"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-old-republic { --fa: "\f510"; } .fa-odysee { --fa: "\e5c6"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-node-js { --fa: "\f3d3"; } .fa-edge-legacy { --fa: "\e078"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-medrt { --fa: "\f3c8"; } .fa-usb { --fa: "\f287"; } .fa-tumblr { --fa: "\f173"; } .fa-vaadin { --fa: "\f408"; } .fa-quora { --fa: "\f2c4"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-reacteurope { --fa: "\f75d"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-amilia { --fa: "\f36d"; } .fa-mixcloud { --fa: "\f289"; } .fa-flipboard { --fa: "\f44d"; } .fa-viacoin { --fa: "\f237"; } .fa-critical-role { --fa: "\f6c9"; } .fa-sitrox { --fa: "\e44a"; } .fa-discourse { --fa: "\f393"; } .fa-joomla { --fa: "\f1aa"; } .fa-mastodon { --fa: "\f4f6"; } .fa-airbnb { --fa: "\f834"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-gulp { --fa: "\f3ae"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-strava { --fa: "\f428"; } .fa-ember { --fa: "\f423"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-pushed { --fa: "\f3e1"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-wodu { --fa: "\e088"; } .fa-google-pay { --fa: "\e079"; } .fa-intercom { --fa: "\f7af"; } .fa-zhihu { --fa: "\f63f"; } .fa-korvue { --fa: "\f42f"; } .fa-pix { --fa: "\e43a"; } .fa-steam-symbol { --fa: "\f3f6"; } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: block; src: url('fa-regular-400.849b82e233cfe2f9.woff2') format("woff2"), url('fa-regular-400.bd1cf947e4932a4d.ttf') format("truetype"); } .far, .fa-regular { font-weight: 400; } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.ee6983981ffcbb41.woff2') format("woff2"), url('fa-solid-900.7a5aa5abd625137f.ttf') format("truetype"); } .fas, .fa-solid { font-weight: 900; } @font-face { font-family: 'Font Awesome 5 Brands'; font-display: block; font-weight: 400; src: url('fa-brands-400.86ee2658f0f3b5a5.woff2') format("woff2"), url('fa-brands-400.8eaf0c8893de015e.ttf') format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: block; font-weight: 900; src: url('fa-solid-900.ee6983981ffcbb41.woff2') format("woff2"), url('fa-solid-900.7a5aa5abd625137f.ttf') format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: block; font-weight: 400; src: url('fa-regular-400.849b82e233cfe2f9.woff2') format("woff2"), url('fa-regular-400.bd1cf947e4932a4d.ttf') format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url('fa-solid-900.ee6983981ffcbb41.woff2') format("woff2"), url('fa-solid-900.7a5aa5abd625137f.ttf') format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url('fa-brands-400.86ee2658f0f3b5a5.woff2') format("woff2"), url('fa-brands-400.8eaf0c8893de015e.ttf') format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url('fa-regular-400.849b82e233cfe2f9.woff2') format("woff2"), url('fa-regular-400.bd1cf947e4932a4d.ttf') format("truetype"); unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; } @font-face { font-family: 'FontAwesome'; font-display: block; src: url('fa-v4compatibility.59487ca3d8487240.woff2') format("woff2"), url('fa-v4compatibility.c63df8a6c67912d1.ttf') format("truetype"); unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@fortawesome/fontawesome-free/scss/fontawesome.scss?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fa-classic, .fas, .fa-solid, .far, .fa-regular { font-family: "Font Awesome 6 Free"; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333337em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714285718em; vertical-align: 0.0535714295em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416666682em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30 "; } .fa-1 { --fa: "\31 "; } .fa-2 { --fa: "\32 "; } .fa-3 { --fa: "\33 "; } .fa-4 { --fa: "\34 "; } .fa-5 { --fa: "\35 "; } .fa-6 { --fa: "\36 "; } .fa-7 { --fa: "\37 "; } .fa-8 { --fa: "\38 "; } .fa-9 { --fa: "\39 "; } .fa-fill-drip { --fa: "\f576"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-at { --fa: "\@"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-text-height { --fa: "\f034"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-info { --fa: "\f129"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-explosion { --fa: "\e4e9"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-wave-square { --fa: "\f83e"; } .fa-ring { --fa: "\f70b"; } .fa-building-un { --fa: "\e4d9"; } .fa-dice-three { --fa: "\f527"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-door-open { --fa: "\f52b"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-atom { --fa: "\f5d2"; } .fa-soap { --fa: "\e06e"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-pump-medical { --fa: "\e06a"; } .fa-fingerprint { --fa: "\f577"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-crop { --fa: "\f125"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-users-rectangle { --fa: "\e594"; } .fa-people-roof { --fa: "\e537"; } .fa-people-line { --fa: "\e534"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-laptop { --fa: "\f109"; } .fa-file-csv { --fa: "\f6dd"; } .fa-menorah { --fa: "\f676"; } .fa-truck-plane { --fa: "\e58f"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-bong { --fa: "\f55c"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-jar-wheat { --fa: "\e517"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-pager { --fa: "\f815"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-k { --fa: "K"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-backward { --fa: "\f04a"; } .fa-caret-right { --fa: "\f0da"; } .fa-comments { --fa: "\f086"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-user-check { --fa: "\f4fc"; } .fa-vial-virus { --fa: "\e597"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-blog { --fa: "\f781"; } .fa-user-ninja { --fa: "\f504"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-toggle-off { --fa: "\f204"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-person-drowning { --fa: "\e545"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-spray-can { --fa: "\f5bd"; } .fa-truck-monster { --fa: "\f63b"; } .fa-w { --fa: "W"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-rainbow { --fa: "\f75b"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-paw { --fa: "\f1b0"; } .fa-cloud { --fa: "\f0c2"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-hospital-user { --fa: "\f80d"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-binoculars { --fa: "\f1e5"; } .fa-microphone-slash { --fa: "\f131"; } .fa-box-tissue { --fa: "\e05b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-toilets-portable { --fa: "\e584"; } .fa-hockey-puck { --fa: "\f453"; } .fa-table { --fa: "\f0ce"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-users-slash { --fa: "\e073"; } .fa-clover { --fa: "\e139"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-house-fire { --fa: "\e50c"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-helicopter { --fa: "\f533"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-people-group { --fa: "\e533"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-film { --fa: "\f008"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-people-robbery { --fa: "\e536"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-caret-left { --fa: "\f0d9"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-headphones-simple { --fa: "\f58f"; } .fa-headphones-alt { --fa: "\f58f"; } .fa-sitemap { --fa: "\f0e8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-memory { --fa: "\f538"; } .fa-road-spikes { --fa: "\e568"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-flag { --fa: "\f024"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-feather { --fa: "\f52d"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-compress { --fa: "\f066"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-ankh { --fa: "\f644"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-asterisk { --fa: "\*"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-peseta-sign { --fa: "\e221"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-ghost { --fa: "\f6e2"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-cart-plus { --fa: "\f217"; } .fa-gamepad { --fa: "\f11b"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-egg { --fa: "\f7fb"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-campground { --fa: "\f6bb"; } .fa-folder-plus { --fa: "\f65e"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-lock { --fa: "\f023"; } .fa-gas-pump { --fa: "\f52f"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-tree { --fa: "\f1bb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-car-side { --fa: "\f5e4"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-microscope { --fa: "\f610"; } .fa-sink { --fa: "\e06d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-mitten { --fa: "\f7b5"; } .fa-person-rays { --fa: "\e54d"; } .fa-users { --fa: "\f0c0"; } .fa-eye-slash { --fa: "\f070"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-om { --fa: "\f679"; } .fa-worm { --fa: "\e599"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-plug { --fa: "\f1e6"; } .fa-chevron-up { --fa: "\f077"; } .fa-hand-spock { --fa: "\f259"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-road-circle-check { --fa: "\e564"; } .fa-dice-five { --fa: "\f523"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-i-cursor { --fa: "\f246"; } .fa-stamp { --fa: "\f5bf"; } .fa-stairs { --fa: "\e289"; } .fa-i { --fa: "I"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-pills { --fa: "\f484"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-tooth { --fa: "\f5c9"; } .fa-v { --fa: "V"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bicycle { --fa: "\f206"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-snowman { --fa: "\f7d0"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-road-barrier { --fa: "\e562"; } .fa-school { --fa: "\f549"; } .fa-igloo { --fa: "\f7ae"; } .fa-joint { --fa: "\f595"; } .fa-angle-right { --fa: "\f105"; } .fa-horse { --fa: "\f6f0"; } .fa-q { --fa: "Q"; } .fa-g { --fa: "G"; } .fa-notes-medical { --fa: "\f481"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-dong-sign { --fa: "\e169"; } .fa-capsules { --fa: "\f46b"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-money-bill { --fa: "\f0d6"; } .fa-bookmark { --fa: "\f02e"; } .fa-align-justify { --fa: "\f039"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-helmet-un { --fa: "\e503"; } .fa-bullseye { --fa: "\f140"; } .fa-bacon { --fa: "\f7e5"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-radiation { --fa: "\f7b9"; } .fa-chart-simple { --fa: "\e473"; } .fa-mars-stroke { --fa: "\f229"; } .fa-vial { --fa: "\f492"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-e { --fa: "E"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-user { --fa: "\f007"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-dumpster { --fa: "\f793"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-building-user { --fa: "\e4da"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-highlighter { --fa: "\f591"; } .fa-key { --fa: "\f084"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-synagogue { --fa: "\f69b"; } .fa-person-half-dress { --fa: "\e548"; } .fa-road-bridge { --fa: "\e563"; } .fa-location-arrow { --fa: "\f124"; } .fa-c { --fa: "C"; } .fa-tablet-button { --fa: "\f10a"; } .fa-building-lock { --fa: "\e4d6"; } .fa-pizza-slice { --fa: "\f818"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-house-flag { --fa: "\e50d"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-star { --fa: "\f005"; } .fa-repeat { --fa: "\f363"; } .fa-cross { --fa: "\f654"; } .fa-box { --fa: "\f466"; } .fa-venus-mars { --fa: "\f228"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-charging-station { --fa: "\f5e7"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-mobile-retro { --fa: "\e527"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-spider { --fa: "\f717"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-x-ray { --fa: "\f497"; } .fa-spell-check { --fa: "\f891"; } .fa-slash { --fa: "\f715"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-server { --fa: "\f233"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-building-wheat { --fa: "\e4db"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-venus { --fa: "\f221"; } .fa-passport { --fa: "\f5ab"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-temperature-high { --fa: "\f769"; } .fa-microchip { --fa: "\f2db"; } .fa-crown { --fa: "\f521"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-file-prescription { --fa: "\f572"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-chess-knight { --fa: "\f441"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-wheelchair { --fa: "\f193"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-toggle-on { --fa: "\f205"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-l { --fa: "L"; } .fa-fire { --fa: "\f06d"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-folder-open { --fa: "\f07c"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-code-fork { --fa: "\e13b"; } .fa-city { --fa: "\f64f"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-pepper-hot { --fa: "\f816"; } .fa-unlock { --fa: "\f09c"; } .fa-colon-sign { --fa: "\e140"; } .fa-headset { --fa: "\f590"; } .fa-store-slash { --fa: "\e071"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-user-minus { --fa: "\f503"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-clipboard { --fa: "\f328"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-underline { --fa: "\f0cd"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-signature { --fa: "\f5b7"; } .fa-stroopwafel { --fa: "\f551"; } .fa-bold { --fa: "\f032"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-not-equal { --fa: "\f53e"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-jedi { --fa: "\f669"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-gift { --fa: "\f06b"; } .fa-dice-two { --fa: "\f528"; } .fa-chess-queen { --fa: "\f445"; } .fa-glasses { --fa: "\f530"; } .fa-chess-board { --fa: "\f43c"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-less-than-equal { --fa: "\f537"; } .fa-train { --fa: "\f238"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-crow { --fa: "\f520"; } .fa-sailboat { --fa: "\e445"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-frog { --fa: "\f52e"; } .fa-bucket { --fa: "\e4cf"; } .fa-image { --fa: "\f03e"; } .fa-microphone { --fa: "\f130"; } .fa-cow { --fa: "\f6c8"; } .fa-caret-up { --fa: "\f0d8"; } .fa-screwdriver { --fa: "\f54a"; } .fa-folder-closed { --fa: "\e185"; } .fa-house-tsunami { --fa: "\e515"; } .fa-square-nfi { --fa: "\e576"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-square-binary { --fa: "\e69b"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-lemon { --fa: "\f094"; } .fa-head-side-mask { --fa: "\e063"; } .fa-handshake { --fa: "\f2b5"; } .fa-gem { --fa: "\f3a5"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-smoking { --fa: "\f48d"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-monument { --fa: "\f5a6"; } .fa-snowplow { --fa: "\f7d2"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-cannabis { --fa: "\f55f"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-tablets { --fa: "\f490"; } .fa-ethernet { --fa: "\f796"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-chair { --fa: "\f6c0"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-icicles { --fa: "\f7ad"; } .fa-person-shelter { --fa: "\e54f"; } .fa-neuter { --fa: "\f22c"; } .fa-id-badge { --fa: "\f2c1"; } .fa-marker { --fa: "\f5a1"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-universal-access { --fa: "\f29a"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-volcano { --fa: "\f770"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-viruses { --fa: "\e076"; } .fa-square-person-confined { --fa: "\e577"; } .fa-user-tie { --fa: "\f508"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-certificate { --fa: "\f0a3"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-suitcase { --fa: "\f0f2"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-camera-retro { --fa: "\f083"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-box-open { --fa: "\f49e"; } .fa-scroll { --fa: "\f70e"; } .fa-spa { --fa: "\f5bb"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-pause { --fa: "\f04c"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-bomb { --fa: "\f1e2"; } .fa-registered { --fa: "\f25d"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-subscript { --fa: "\f12c"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-burst { --fa: "\e4dc"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-money-bills { --fa: "\e1f3"; } .fa-smog { --fa: "\f75f"; } .fa-crutch { --fa: "\f7f7"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-palette { --fa: "\f53f"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-vest { --fa: "\e085"; } .fa-ferry { --fa: "\e4ea"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-candy-cane { --fa: "\f786"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-house-lock { --fa: "\e510"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-children { --fa: "\e4e1"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-user-large-slash { --fa: "\f4fa"; } .fa-user-alt-slash { --fa: "\f4fa"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-handshake-simple-slash { --fa: "\e05f"; } .fa-handshake-alt-slash { --fa: "\e05f"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-virus { --fa: "\e074"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-layer-group { --fa: "\f5fd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-archway { --fa: "\f557"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-square { --fa: "\f0c8"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-couch { --fa: "\f4b8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-italic { --fa: "\f033"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-church { --fa: "\f51d"; } .fa-comments-dollar { --fa: "\f653"; } .fa-democrat { --fa: "\f747"; } .fa-z { --fa: "Z"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-road-lock { --fa: "\e567"; } .fa-a { --fa: "A"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-p { --fa: "P"; } .fa-snowflake { --fa: "\f2dc"; } .fa-newspaper { --fa: "\f1ea"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-locust { --fa: "\e520"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-vector-square { --fa: "\f5cb"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-language { --fa: "\f1ab"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-filter { --fa: "\f0b0"; } .fa-question { --fa: "\?"; } .fa-file-signature { --fa: "\f573"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-money-check { --fa: "\f53c"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-f { --fa: "F"; } .fa-leaf { --fa: "\f06c"; } .fa-road { --fa: "\f018"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-contract { --fa: "\f56c"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-building-flag { --fa: "\e4d5"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-object-ungroup { --fa: "\f248"; } .fa-poop { --fa: "\f619"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-kaaba { --fa: "\f66b"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-eject { --fa: "\f052"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-object-group { --fa: "\f247"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-arrow-right { --fa: "\f061"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-cash-register { --fa: "\f788"; } .fa-person-circle-question { --fa: "\e542"; } .fa-h { --fa: "H"; } .fa-tarp { --fa: "\e57b"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-heart { --fa: "\f004"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-house-crack { --fa: "\e3b1"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-r { --fa: "R"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-cube { --fa: "\f1b2"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-shield-dog { --fa: "\e573"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-lock-open { --fa: "\f3c1"; } .fa-elevator { --fa: "\e16d"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-circle { --fa: "\f111"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-recycle { --fa: "\f1b8"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-plane-slash { --fa: "\e069"; } .fa-trademark { --fa: "\f25c"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-users-rays { --fa: "\e593"; } .fa-wallet { --fa: "\f555"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-file-audio { --fa: "\f1c7"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-wrench { --fa: "\f0ad"; } .fa-bugs { --fa: "\e4d0"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-file-image { --fa: "\f1c5"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-handshake-slash { --fa: "\e060"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-code-branch { --fa: "\f126"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-bridge { --fa: "\e4c8"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-truck-front { --fa: "\e2b7"; } .fa-cat { --fa: "\f6be"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-truck-field { --fa: "\e58d"; } .fa-route { --fa: "\f4d7"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-panorama { --fa: "\e209"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-teeth-open { --fa: "\f62f"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-tags { --fa: "\f02c"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-house-signal { --fa: "\e012"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-faucet-drip { --fa: "\e006"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-terminal { --fa: "\f120"; } .fa-mobile-button { --fa: "\f10b"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-tape { --fa: "\f4db"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-eye { --fa: "\f06e"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-audio-description { --fa: "\f29e"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-file-shield { --fa: "\e4f0"; } .fa-user-slash { --fa: "\f506"; } .fa-pen { --fa: "\f304"; } .fa-tower-observation { --fa: "\e586"; } .fa-file-code { --fa: "\f1c9"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-bus { --fa: "\f207"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-prescription { --fa: "\f5b1"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-vihara { --fa: "\f6a7"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-diamond { --fa: "\f219"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-chart-diagram { --fa: "\e695"; } .fa-bacterium { --fa: "\e05a"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-biohazard { --fa: "\f780"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-mars-double { --fa: "\f227"; } .fa-child-dress { --fa: "\e59c"; } .fa-users-between-lines { --fa: "\e591"; } .fa-lungs-virus { --fa: "\e067"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-phone { --fa: "\f095"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-child-reaching { --fa: "\e59d"; } .fa-head-side-virus { --fa: "\e064"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-door-closed { --fa: "\f52a"; } .fa-shield-virus { --fa: "\e06c"; } .fa-dice-six { --fa: "\f526"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-file-fragment { --fa: "\e697"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-person-booth { --fa: "\f756"; } .fa-text-width { --fa: "\f035"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-trash { --fa: "\f1f8"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-book-medical { --fa: "\f7e6"; } .fa-poo { --fa: "\f2fe"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-cubes { --fa: "\f1b3"; } .fa-divide { --fa: "\f529"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-headphones { --fa: "\f025"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-republican { --fa: "\f75e"; } .fa-arrow-left { --fa: "\f060"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-ruler { --fa: "\f545"; } .fa-align-left { --fa: "\f036"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-restroom { --fa: "\f7bd"; } .fa-j { --fa: "J"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-file-video { --fa: "\f1c8"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-o { --fa: "O"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-user-secret { --fa: "\f21b"; } .fa-otter { --fa: "\f700"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-comment-dollar { --fa: "\f651"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-child { --fa: "\f1ae"; } .fa-lira-sign { --fa: "\f195"; } .fa-satellite { --fa: "\f7bf"; } .fa-plane-lock { --fa: "\e558"; } .fa-tag { --fa: "\f02b"; } .fa-comment { --fa: "\f075"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-envelope { --fa: "\f0e0"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-paperclip { --fa: "\f0c6"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-lungs { --fa: "\f604"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-border-none { --fa: "\f850"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-indent { --fa: "\f03c"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-mountain { --fa: "\f6fc"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-square-virus { --fa: "\e578"; } .fa-meteor { --fa: "\f753"; } .fa-car-on { --fa: "\e4dd"; } .fa-sleigh { --fa: "\f7cc"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-water { --fa: "\f773"; } .fa-calendar-check { --fa: "\f274"; } .fa-braille { --fa: "\f2a1"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-landmark { --fa: "\f66f"; } .fa-truck { --fa: "\f0d1"; } .fa-crosshairs { --fa: "\f05b"; } .fa-person-cane { --fa: "\e53c"; } .fa-tent { --fa: "\e57d"; } .fa-vest-patches { --fa: "\e086"; } .fa-check-double { --fa: "\f560"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-cookie { --fa: "\f563"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-dumbbell { --fa: "\f44b"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-calendar-plus { --fa: "\f271"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-dna { --fa: "\f471"; } .fa-virus-slash { --fa: "\e075"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-street-view { --fa: "\f21d"; } .fa-franc-sign { --fa: "\e18f"; } .fa-volume-off { --fa: "\f026"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-mosque { --fa: "\f678"; } .fa-mosquito { --fa: "\e52b"; } .fa-star-of-david { --fa: "\f69a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-vials { --fa: "\f493"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-u { --fa: "U"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-pallet { --fa: "\f482"; } .fa-faucet { --fa: "\e005"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-s { --fa: "S"; } .fa-timeline { --fa: "\e29c"; } .fa-keyboard { --fa: "\f11c"; } .fa-caret-down { --fa: "\f0d7"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-plane-up { --fa: "\e22d"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-mountain-city { --fa: "\e52e"; } .fa-coins { --fa: "\f51e"; } .fa-khanda { --fa: "\f66d"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-folder-tree { --fa: "\f802"; } .fa-network-wired { --fa: "\f6ff"; } .fa-map-pin { --fa: "\f276"; } .fa-hamsa { --fa: "\f665"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-flask { --fa: "\f0c3"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-ticket { --fa: "\f145"; } .fa-power-off { --fa: "\f011"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-flag-usa { --fa: "\f74d"; } .fa-laptop-file { --fa: "\e51d"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-diagram-next { --fa: "\e476"; } .fa-person-rifle { --fa: "\e54e"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-venus-double { --fa: "\f226"; } .fa-images { --fa: "\f302"; } .fa-calculator { --fa: "\f1ec"; } .fa-people-pulling { --fa: "\e535"; } .fa-n { --fa: "N"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-ship { --fa: "\f21a"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-download { --fa: "\f019"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-forward { --fa: "\f04e"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-align-center { --fa: "\f037"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-calendar-week { --fa: "\f784"; } .fa-laptop-medical { --fa: "\f812"; } .fa-b { --fa: "B"; } .fa-file-medical { --fa: "\f477"; } .fa-dice-one { --fa: "\f525"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-skull { --fa: "\f54c"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-stop { --fa: "\f04d"; } .fa-code-merge { --fa: "\f387"; } .fa-upload { --fa: "\f093"; } .fa-hurricane { --fa: "\f751"; } .fa-mound { --fa: "\e52d"; } .fa-toilet-portable { --fa: "\e583"; } .fa-compact-disc { --fa: "\f51f"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-caravan { --fa: "\f8ff"; } .fa-shield-cat { --fa: "\e572"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-glass-water { --fa: "\e4f4"; } .fa-oil-well { --fa: "\e532"; } .fa-vault { --fa: "\e2c5"; } .fa-mars { --fa: "\f222"; } .fa-toilet { --fa: "\f7d8"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-sun { --fa: "\f185"; } .fa-guitar { --fa: "\f7a6"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-horse-head { --fa: "\f7ab"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-industry { --fa: "\f275"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-florin-sign { --fa: "\e184"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-less-than { --fa: "\<"; } .fa-angle-down { --fa: "\f107"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-head-side-cough { --fa: "\e061"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-thumbs-down { --fa: "\f165"; } .fa-user-lock { --fa: "\f502"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-chess-pawn { --fa: "\f443"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-toolbox { --fa: "\f552"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-bug { --fa: "\f188"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-medal { --fa: "\f5a2"; } .fa-bed { --fa: "\f236"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-podcast { --fa: "\f2ce"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-bell { --fa: "\f0f3"; } .fa-superscript { --fa: "\f12b"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-star-of-life { --fa: "\f621"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-file { --fa: "\f15b"; } .fa-greater-than { --fa: "\>"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-arrow-down { --fa: "\f063"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-eraser { --fa: "\f12d"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-person-burst { --fa: "\e53b"; } .fa-dove { --fa: "\f4ba"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-socks { --fa: "\f696"; } .fa-inbox { --fa: "\f01c"; } .fa-section { --fa: "\e447"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-chess-rook { --fa: "\f447"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-dharmachakra { --fa: "\f655"; } .fa-hotdog { --fa: "\f80f"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-drum { --fa: "\f569"; } .fa-ice-cream { --fa: "\f810"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-fax { --fa: "\f1ac"; } .fa-paragraph { --fa: "\f1dd"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-star-half { --fa: "\f089"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-tree-city { --fa: "\e587"; } .fa-play { --fa: "\f04b"; } .fa-font { --fa: "\f031"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-receipt { --fa: "\f543"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-chevron-down { --fa: "\f078"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-code-compare { --fa: "\e13a"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-school-lock { --fa: "\e56f"; } .fa-tower-cell { --fa: "\e585"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-ranking-star { --fa: "\e561"; } .fa-chess-king { --fa: "\f43f"; } .fa-person-harassing { --fa: "\e549"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-arrow-up { --fa: "\f062"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-shrimp { --fa: "\e448"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-jug-detergent { --fa: "\e519"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-user-shield { --fa: "\f505"; } .fa-wind { --fa: "\f72e"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-y { --fa: "Y"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-fish { --fa: "\f578"; } .fa-user-graduate { --fa: "\f501"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-clapperboard { --fa: "\e131"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-copy { --fa: "\f0c5"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-grip { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-gun { --fa: "\e19b"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-plus { --fa: "\+"; } .fa-add { --fa: "\+"; } .fa-expand { --fa: "\f065"; } .fa-computer { --fa: "\e4e5"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-peso-sign { --fa: "\e222"; } .fa-building-shield { --fa: "\e4d8"; } .fa-baby { --fa: "\f77c"; } .fa-users-line { --fa: "\e592"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-tractor { --fa: "\f722"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-ruler-combined { --fa: "\f546"; } .fa-copyright { --fa: "\f1f9"; } .fa-equals { --fa: "\="; } .fa-blender { --fa: "\f517"; } .fa-teeth { --fa: "\f62e"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-map { --fa: "\f279"; } .fa-rocket { --fa: "\f135"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-folder-minus { --fa: "\f65d"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-store { --fa: "\f54e"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-school-flag { --fa: "\e56e"; } .fa-fill { --fa: "\f575"; } .fa-angle-up { --fa: "\f106"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-chevron-left { --fa: "\f053"; } .fa-bacteria { --fa: "\e059"; } .fa-hand-lizard { --fa: "\f258"; } .fa-notdef { --fa: "\e1fe"; } .fa-disease { --fa: "\f7fa"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-genderless { --fa: "\f22d"; } .fa-chevron-right { --fa: "\f054"; } .fa-retweet { --fa: "\f079"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-pump-soap { --fa: "\e06b"; } .fa-video-slash { --fa: "\f4e2"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-radio { --fa: "\f8d7"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-traffic-light { --fa: "\f637"; } .fa-thermometer { --fa: "\f491"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-percent { --fa: "\%"; } .fa-percentage { --fa: "\%"; } .fa-truck-moving { --fa: "\f4df"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-display { --fa: "\e163"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-trophy { --fa: "\f091"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hammer { --fa: "\f6e3"; } .fa-hand-peace { --fa: "\f25b"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-peace { --fa: "\f67c"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-warehouse { --fa: "\f494"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-splotch { --fa: "\f5bc"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-dice-four { --fa: "\f524"; } .fa-sim-card { --fa: "\f7c4"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-mercury { --fa: "\f223"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-award { --fa: "\f559"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-building { --fa: "\f1ad"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-qrcode { --fa: "\f029"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-comment-nodes { --fa: "\e696"; } .fa-house-medical { --fa: "\e3b2"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tents { --fa: "\e582"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-dog { --fa: "\f6d3"; } .fa-carrot { --fa: "\f787"; } .fa-moon { --fa: "\f186"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-cheese { --fa: "\f7ef"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-music { --fa: "\f001"; } .fa-code-commit { --fa: "\f386"; } .fa-temperature-low { --fa: "\f76b"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-broom { --fa: "\f51a"; } .fa-shield-heart { --fa: "\e574"; } .fa-gopuram { --fa: "\f664"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-hashtag { --fa: "\#"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-oil-can { --fa: "\f613"; } .fa-t { --fa: "T"; } .fa-hippo { --fa: "\f6ed"; } .fa-chart-column { --fa: "\e0e3"; } .fa-infinity { --fa: "\f534"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-voicemail { --fa: "\f897"; } .fa-fan { --fa: "\f863"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-calendar { --fa: "\f133"; } .fa-trailer { --fa: "\e041"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-sd-card { --fa: "\f7c2"; } .fa-dragon { --fa: "\f6d5"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-clone { --fa: "\f24d"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-tornado { --fa: "\f76f"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-anchor { --fa: "\f13d"; } .fa-border-all { --fa: "\f84c"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-cookie-bite { --fa: "\f564"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-shower { --fa: "\f2cc"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-m { --fa: "M"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-user-plus { --fa: "\f234"; } .fa-check { --fa: "\f00c"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-house-circle-check { --fa: "\e509"; } .fa-angle-left { --fa: "\f104"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-briefcase { --fa: "\f0b1"; } .fa-person-falling { --fa: "\e546"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-user-tag { --fa: "\f507"; } .fa-rug { --fa: "\e569"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-book-open { --fa: "\f518"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-database { --fa: "\f1c0"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-mask-face { --fa: "\e1d7"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-dungeon { --fa: "\f6d9"; } .fa-align-right { --fa: "\f038"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-life-ring { --fa: "\f1cd"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-calendar-day { --fa: "\f783"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-dice { --fa: "\f522"; } .fa-bowling-ball { --fa: "\f436"; } .fa-brain { --fa: "\f5dc"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-calendar-minus { --fa: "\f272"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-gifts { --fa: "\f79c"; } .fa-hotel { --fa: "\f594"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-thumbs-up { --fa: "\f164"; } .fa-user-clock { --fa: "\f4fd"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-file-invoice { --fa: "\f570"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-brush { --fa: "\f55d"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-mask { --fa: "\f6fa"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-user-large { --fa: "\f406"; } .fa-user-alt { --fa: "\f406"; } .fa-train-tram { --fa: "\e5b4"; } .fa-user-nurse { --fa: "\f82f"; } .fa-syringe { --fa: "\f48e"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-square-full { --fa: "\f45c"; } .fa-magnet { --fa: "\f076"; } .fa-jar { --fa: "\e516"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-bug-slash { --fa: "\e490"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-bone { --fa: "\f5d7"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-user-injured { --fa: "\f728"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-plane { --fa: "\f072"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-exclamation { --fa: "\!"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-print { --fa: "\f02f"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-dollar-sign { --fa: "\$"; } .fa-dollar { --fa: "\$"; } .fa-usd { --fa: "\$"; } .fa-x { --fa: "X"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-umbrella { --fa: "\f0e9"; } .fa-trowel { --fa: "\e589"; } .fa-d { --fa: "D"; } .fa-stapler { --fa: "\e5af"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-handshake-simple { --fa: "\f4c6"; } .fa-handshake-alt { --fa: "\f4c6"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-barcode { --fa: "\f02a"; } .fa-plus-minus { --fa: "\e43c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@fortawesome/fontawesome-free/scss/solid.scss?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.ee6983981ffcbb41.woff2') format("woff2"), url('fa-solid-900.7a5aa5abd625137f.ttf') format("truetype"); } .fas, .fa-solid { font-weight: 900; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@fortawesome/fontawesome-free/scss/regular.scss?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-regular-400.849b82e233cfe2f9.woff2') format("woff2"), url('fa-regular-400.bd1cf947e4932a4d.ttf') format("truetype"); } .far, .fa-regular { font-weight: 400; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@fortawesome/fontawesome-free/scss/brands.scss?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ :root, :host { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-brands-400.86ee2658f0f3b5a5.woff2') format("woff2"), url('fa-brands-400.8eaf0c8893de015e.ttf') format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-monero { --fa: "\f3d0"; } .fa-hooli { --fa: "\f427"; } .fa-yelp { --fa: "\f1e9"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-lastfm { --fa: "\f202"; } .fa-shopware { --fa: "\f5b5"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-aws { --fa: "\f375"; } .fa-redhat { --fa: "\f7bc"; } .fa-yoast { --fa: "\f2b1"; } .fa-cloudflare { --fa: "\e07d"; } .fa-ups { --fa: "\f7e0"; } .fa-pixiv { --fa: "\e640"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-dyalog { --fa: "\f399"; } .fa-bity { --fa: "\f37a"; } .fa-stackpath { --fa: "\f842"; } .fa-buysellads { --fa: "\f20d"; } .fa-first-order { --fa: "\f2b0"; } .fa-modx { --fa: "\f285"; } .fa-guilded { --fa: "\e07e"; } .fa-vnv { --fa: "\f40b"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-microsoft { --fa: "\f3ca"; } .fa-qq { --fa: "\f1d6"; } .fa-orcid { --fa: "\f8d2"; } .fa-java { --fa: "\f4e4"; } .fa-invision { --fa: "\f7b0"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-centercode { --fa: "\f380"; } .fa-glide-g { --fa: "\f2a6"; } .fa-drupal { --fa: "\f1a9"; } .fa-jxl { --fa: "\e67b"; } .fa-dart-lang { --fa: "\e693"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-unity { --fa: "\e049"; } .fa-whmcs { --fa: "\f40d"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-vk { --fa: "\f189"; } .fa-untappd { --fa: "\f405"; } .fa-mailchimp { --fa: "\f59e"; } .fa-css3-alt { --fa: "\f38b"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-contao { --fa: "\f26d"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-deskpro { --fa: "\f38f"; } .fa-brave { --fa: "\e63c"; } .fa-sistrix { --fa: "\f3ee"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-battle-net { --fa: "\f835"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-edge { --fa: "\f282"; } .fa-threads { --fa: "\e618"; } .fa-napster { --fa: "\f3d2"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-artstation { --fa: "\f77a"; } .fa-markdown { --fa: "\f60f"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-google-plus { --fa: "\f2b3"; } .fa-diaspora { --fa: "\f791"; } .fa-foursquare { --fa: "\f180"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-github-alt { --fa: "\f113"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-pagelines { --fa: "\f18c"; } .fa-algolia { --fa: "\f36c"; } .fa-red-river { --fa: "\f3e3"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-safari { --fa: "\f267"; } .fa-google { --fa: "\f1a0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-atlassian { --fa: "\f77b"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-digital-ocean { --fa: "\f391"; } .fa-nimblr { --fa: "\f5a8"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-adversal { --fa: "\f36a"; } .fa-creative-commons { --fa: "\f25e"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-fonticons { --fa: "\f280"; } .fa-weixin { --fa: "\f1d7"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-codepen { --fa: "\f1cb"; } .fa-git-alt { --fa: "\f841"; } .fa-lyft { --fa: "\f3c3"; } .fa-rev { --fa: "\f5b2"; } .fa-windows { --fa: "\f17a"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-meetup { --fa: "\f2e0"; } .fa-centos { --fa: "\f789"; } .fa-adn { --fa: "\f170"; } .fa-cloudsmith { --fa: "\f384"; } .fa-opensuse { --fa: "\e62b"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-codiepie { --fa: "\f284"; } .fa-node { --fa: "\f419"; } .fa-mix { --fa: "\f3cb"; } .fa-steam { --fa: "\f1b6"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-scribd { --fa: "\f28a"; } .fa-debian { --fa: "\e60b"; } .fa-openid { --fa: "\f19b"; } .fa-instalod { --fa: "\e081"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-sellcast { --fa: "\f2da"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-r-project { --fa: "\f4f7"; } .fa-delicious { --fa: "\f1a5"; } .fa-freebsd { --fa: "\f3a4"; } .fa-vuejs { --fa: "\f41f"; } .fa-accusoft { --fa: "\f369"; } .fa-ioxhost { --fa: "\f208"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-app-store { --fa: "\f36f"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-golang { --fa: "\e40f"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-grav { --fa: "\f2d6"; } .fa-weibo { --fa: "\f18a"; } .fa-uncharted { --fa: "\e084"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-angellist { --fa: "\f209"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-nfc-directional { --fa: "\e530"; } .fa-skype { --fa: "\f17e"; } .fa-joget { --fa: "\f3b7"; } .fa-fedora { --fa: "\f798"; } .fa-stripe-s { --fa: "\f42a"; } .fa-meta { --fa: "\e49b"; } .fa-laravel { --fa: "\f3bd"; } .fa-hotjar { --fa: "\f3b1"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-hips { --fa: "\f452"; } .fa-css { --fa: "\e6a2"; } .fa-behance { --fa: "\f1b4"; } .fa-reddit { --fa: "\f1a1"; } .fa-discord { --fa: "\f392"; } .fa-chrome { --fa: "\f268"; } .fa-app-store-ios { --fa: "\f370"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-wpbeginner { --fa: "\f297"; } .fa-confluence { --fa: "\f78d"; } .fa-shoelace { --fa: "\e60c"; } .fa-mdb { --fa: "\f8ca"; } .fa-dochub { --fa: "\f394"; } .fa-accessible-icon { --fa: "\f368"; } .fa-ebay { --fa: "\f4f4"; } .fa-amazon { --fa: "\f270"; } .fa-unsplash { --fa: "\e07c"; } .fa-yarn { --fa: "\f7e3"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-500px { --fa: "\f26e"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-asymmetrik { --fa: "\f372"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-gratipay { --fa: "\f184"; } .fa-apple { --fa: "\f179"; } .fa-hive { --fa: "\e07f"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-keybase { --fa: "\f4f5"; } .fa-apple-pay { --fa: "\f415"; } .fa-padlet { --fa: "\e4a0"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-fedex { --fa: "\f797"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-shopify { --fa: "\e057"; } .fa-neos { --fa: "\f612"; } .fa-square-threads { --fa: "\e619"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-swift { --fa: "\f8e1"; } .fa-angular { --fa: "\f420"; } .fa-speakap { --fa: "\f3f3"; } .fa-angrycreative { --fa: "\f36e"; } .fa-y-combinator { --fa: "\f23b"; } .fa-empire { --fa: "\f1d1"; } .fa-envira { --fa: "\f299"; } .fa-google-scholar { --fa: "\e63b"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-wordpress { --fa: "\f19a"; } .fa-product-hunt { --fa: "\f288"; } .fa-firefox { --fa: "\f269"; } .fa-linode { --fa: "\f2b8"; } .fa-goodreads { --fa: "\f3a8"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-sith { --fa: "\f512"; } .fa-themeisle { --fa: "\f2b2"; } .fa-page4 { --fa: "\f3d7"; } .fa-hashnode { --fa: "\e499"; } .fa-react { --fa: "\f41b"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-squarespace { --fa: "\f5be"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-bitcoin { --fa: "\f379"; } .fa-keycdn { --fa: "\f3ba"; } .fa-opera { --fa: "\f26a"; } .fa-itch-io { --fa: "\f83a"; } .fa-umbraco { --fa: "\f8e8"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-ubuntu { --fa: "\f7df"; } .fa-draft2digital { --fa: "\f396"; } .fa-stripe { --fa: "\f429"; } .fa-houzz { --fa: "\f27c"; } .fa-gg { --fa: "\f260"; } .fa-dhl { --fa: "\f790"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-xing { --fa: "\f168"; } .fa-blackberry { --fa: "\f37b"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-playstation { --fa: "\f3df"; } .fa-quinscape { --fa: "\f459"; } .fa-less { --fa: "\f41d"; } .fa-blogger-b { --fa: "\f37d"; } .fa-opencart { --fa: "\f23d"; } .fa-vine { --fa: "\f1ca"; } .fa-signal-messenger { --fa: "\e663"; } .fa-paypal { --fa: "\f1ed"; } .fa-gitlab { --fa: "\f296"; } .fa-typo3 { --fa: "\f42b"; } .fa-reddit-alien { --fa: "\f281"; } .fa-yahoo { --fa: "\f19e"; } .fa-dailymotion { --fa: "\e052"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-bootstrap { --fa: "\f836"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-mintbit { --fa: "\e62f"; } .fa-ethereum { --fa: "\f42e"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-patreon { --fa: "\f3d9"; } .fa-avianex { --fa: "\f374"; } .fa-ello { --fa: "\f5f1"; } .fa-gofore { --fa: "\f3a7"; } .fa-bimobject { --fa: "\f378"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-web-awesome { --fa: "\e682"; } .fa-mandalorian { --fa: "\f50f"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-osi { --fa: "\f41a"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-periscope { --fa: "\f3da"; } .fa-fulcrum { --fa: "\f50b"; } .fa-cloudscale { --fa: "\f383"; } .fa-forumbee { --fa: "\f211"; } .fa-mizuni { --fa: "\f3cc"; } .fa-schlix { --fa: "\f3ea"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-wpforms { --fa: "\f298"; } .fa-cloudversify { --fa: "\f385"; } .fa-usps { --fa: "\f7e1"; } .fa-megaport { --fa: "\f5a3"; } .fa-magento { --fa: "\f3c4"; } .fa-spotify { --fa: "\f1bc"; } .fa-optin-monster { --fa: "\f23c"; } .fa-fly { --fa: "\f417"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-aviato { --fa: "\f421"; } .fa-itunes { --fa: "\f3b4"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-blogger { --fa: "\f37c"; } .fa-flickr { --fa: "\f16e"; } .fa-viber { --fa: "\f409"; } .fa-soundcloud { --fa: "\f1be"; } .fa-digg { --fa: "\f1a6"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-letterboxd { --fa: "\e62d"; } .fa-symfony { --fa: "\f83d"; } .fa-maxcdn { --fa: "\f136"; } .fa-etsy { --fa: "\f2d7"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-audible { --fa: "\f373"; } .fa-think-peaks { --fa: "\f731"; } .fa-bilibili { --fa: "\e3d9"; } .fa-erlang { --fa: "\f39d"; } .fa-x-twitter { --fa: "\e61b"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-dashcube { --fa: "\f210"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-elementor { --fa: "\f430"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-palfed { --fa: "\f3d8"; } .fa-superpowers { --fa: "\f2dd"; } .fa-resolving { --fa: "\f3e7"; } .fa-xbox { --fa: "\f412"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-searchengin { --fa: "\f3eb"; } .fa-tiktok { --fa: "\e07b"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-renren { --fa: "\f18b"; } .fa-linux { --fa: "\f17c"; } .fa-glide { --fa: "\f2a5"; } .fa-linkedin { --fa: "\f08c"; } .fa-hubspot { --fa: "\f3b2"; } .fa-deploydog { --fa: "\f38e"; } .fa-twitch { --fa: "\f1e8"; } .fa-flutter { --fa: "\e694"; } .fa-ravelry { --fa: "\f2d9"; } .fa-mixer { --fa: "\e056"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-vimeo { --fa: "\f40a"; } .fa-mendeley { --fa: "\f7b3"; } .fa-uniregistry { --fa: "\f404"; } .fa-figma { --fa: "\f799"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-dropbox { --fa: "\f16b"; } .fa-instagram { --fa: "\f16d"; } .fa-cmplid { --fa: "\e360"; } .fa-upwork { --fa: "\e641"; } .fa-facebook { --fa: "\f09a"; } .fa-gripfire { --fa: "\f3ac"; } .fa-jedi-order { --fa: "\f50e"; } .fa-uikit { --fa: "\f403"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-phabricator { --fa: "\f3db"; } .fa-ussunnah { --fa: "\f407"; } .fa-earlybirds { --fa: "\f39a"; } .fa-trade-federation { --fa: "\f513"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-whatsapp { --fa: "\f232"; } .fa-square-upwork { --fa: "\e67c"; } .fa-slideshare { --fa: "\f1e7"; } .fa-google-play { --fa: "\f3ab"; } .fa-viadeo { --fa: "\f2a9"; } .fa-line { --fa: "\f3c0"; } .fa-google-drive { --fa: "\f3aa"; } .fa-servicestack { --fa: "\f3ec"; } .fa-simplybuilt { --fa: "\f215"; } .fa-bitbucket { --fa: "\f171"; } .fa-imdb { --fa: "\f2d8"; } .fa-deezer { --fa: "\e077"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-jira { --fa: "\f7b1"; } .fa-docker { --fa: "\f395"; } .fa-screenpal { --fa: "\e570"; } .fa-bluetooth { --fa: "\f293"; } .fa-gitter { --fa: "\f426"; } .fa-d-and-d { --fa: "\f38d"; } .fa-microblog { --fa: "\e01a"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-gg-circle { --fa: "\f261"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-yandex { --fa: "\f413"; } .fa-readme { --fa: "\f4d5"; } .fa-html5 { --fa: "\f13b"; } .fa-sellsy { --fa: "\f213"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-sass { --fa: "\f41e"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-salesforce { --fa: "\f83b"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-medapps { --fa: "\f3c6"; } .fa-ns8 { --fa: "\f3d5"; } .fa-pinterest-p { --fa: "\f231"; } .fa-apper { --fa: "\f371"; } .fa-fort-awesome { --fa: "\f286"; } .fa-waze { --fa: "\f83f"; } .fa-bluesky { --fa: "\e671"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-rust { --fa: "\e07a"; } .fa-wix { --fa: "\f5cf"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-supple { --fa: "\f3f9"; } .fa-webflow { --fa: "\e65c"; } .fa-rebel { --fa: "\f1d0"; } .fa-css3 { --fa: "\f13c"; } .fa-staylinked { --fa: "\f3f5"; } .fa-kaggle { --fa: "\f5fa"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-deviantart { --fa: "\f1bd"; } .fa-cpanel { --fa: "\f388"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-trello { --fa: "\f181"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-get-pocket { --fa: "\f265"; } .fa-perbyte { --fa: "\e083"; } .fa-grunt { --fa: "\f3ad"; } .fa-weebly { --fa: "\f5cc"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-leanpub { --fa: "\f212"; } .fa-black-tie { --fa: "\f27e"; } .fa-themeco { --fa: "\f5c6"; } .fa-python { --fa: "\f3e2"; } .fa-android { --fa: "\f17b"; } .fa-bots { --fa: "\e340"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-hornbill { --fa: "\f592"; } .fa-js { --fa: "\f3b8"; } .fa-ideal { --fa: "\e013"; } .fa-git { --fa: "\f1d3"; } .fa-dev { --fa: "\f6cc"; } .fa-sketch { --fa: "\f7c6"; } .fa-yandex-international { --fa: "\f414"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-uber { --fa: "\f402"; } .fa-github { --fa: "\f09b"; } .fa-php { --fa: "\f457"; } .fa-alipay { --fa: "\f642"; } .fa-youtube { --fa: "\f167"; } .fa-skyatlas { --fa: "\f216"; } .fa-firefox-browser { --fa: "\e007"; } .fa-replyd { --fa: "\f3e6"; } .fa-suse { --fa: "\f7d6"; } .fa-jenkins { --fa: "\f3b6"; } .fa-twitter { --fa: "\f099"; } .fa-rockrms { --fa: "\f3e9"; } .fa-pinterest { --fa: "\f0d2"; } .fa-buffer { --fa: "\f837"; } .fa-npm { --fa: "\f3d4"; } .fa-yammer { --fa: "\f840"; } .fa-btc { --fa: "\f15a"; } .fa-dribbble { --fa: "\f17d"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-stubber { --fa: "\e5c7"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-old-republic { --fa: "\f510"; } .fa-odysee { --fa: "\e5c6"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-node-js { --fa: "\f3d3"; } .fa-edge-legacy { --fa: "\e078"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-medrt { --fa: "\f3c8"; } .fa-usb { --fa: "\f287"; } .fa-tumblr { --fa: "\f173"; } .fa-vaadin { --fa: "\f408"; } .fa-quora { --fa: "\f2c4"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-reacteurope { --fa: "\f75d"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-amilia { --fa: "\f36d"; } .fa-mixcloud { --fa: "\f289"; } .fa-flipboard { --fa: "\f44d"; } .fa-viacoin { --fa: "\f237"; } .fa-critical-role { --fa: "\f6c9"; } .fa-sitrox { --fa: "\e44a"; } .fa-discourse { --fa: "\f393"; } .fa-joomla { --fa: "\f1aa"; } .fa-mastodon { --fa: "\f4f6"; } .fa-airbnb { --fa: "\f834"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-gulp { --fa: "\f3ae"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-strava { --fa: "\f428"; } .fa-ember { --fa: "\f423"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-pushed { --fa: "\f3e1"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-wodu { --fa: "\e088"; } .fa-google-pay { --fa: "\e079"; } .fa-intercom { --fa: "\f7af"; } .fa-zhihu { --fa: "\f63f"; } .fa-korvue { --fa: "\f42f"; } .fa-pix { --fa: "\e43a"; } .fa-steam-symbol { --fa: "\f3f6"; } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** 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/animate.css/animate.css?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { animation-duration: 1s; animation-duration: var(--animate-duration); animation-fill-mode: both; } .animate__animated.animate__infinite { animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { animation-iteration-count: 1; animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { animation-delay: 1s; animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { animation-delay: calc(1s * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { animation-delay: calc(1s * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { animation-delay: calc(1s * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { animation-delay: calc(1s * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { animation-duration: calc(1s / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { animation-duration: calc(1s * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { animation-duration: calc(1s * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { animation-duration: calc(1s * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @keyframes bounce { from, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .animate__rubberBand { animation-name: rubberBand; } @keyframes shakeX { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .animate__shakeX { animation-name: shakeX; } @keyframes shakeY { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); } } .animate__shakeY { animation-name: shakeY; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .animate__headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .animate__tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } .animate__wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { animation-name: jello; transform-origin: center; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .animate__heartBeat { animation-name: heartBeat; animation-duration: calc(1s * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); animation-timing-function: ease-in-out; } /* Back entrances */ @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInDown { animation-name: backInDown; } @keyframes backInLeft { 0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInLeft { animation-name: backInLeft; } @keyframes backInRight { 0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInRight { animation-name: backInRight; } @keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInUp { animation-name: backInUp; } /* Back exits */ @keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { animation-name: backOutDown; } @keyframes backOutLeft { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { animation-name: backOutLeft; } @keyframes backOutRight { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { animation-name: backOutRight; } @keyframes backOutUp { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { animation-name: backOutUp; } /* Bouncing entrances */ @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .animate__bounceIn { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1); } 75% { transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInUp { animation-name: bounceInUp; } /* Bouncing exits */ @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { animation-name: bounceOutUp; } /* Fading entrances */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeInTopLeft { from { opacity: 0; transform: translate3d(-100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { animation-name: fadeInTopLeft; } @keyframes fadeInTopRight { from { opacity: 0; transform: translate3d(100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { animation-name: fadeInTopRight; } @keyframes fadeInBottomLeft { from { opacity: 0; transform: translate3d(-100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { animation-name: fadeInBottomLeft; } @keyframes fadeInBottomRight { from { opacity: 0; transform: translate3d(100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { animation-name: fadeInBottomRight; } /* Fading exits */ @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes fadeOutTopLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { animation-name: fadeOutTopLeft; } @keyframes fadeOutTopRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { animation-name: fadeOutTopRight; } @keyframes fadeOutBottomRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { animation-name: fadeOutBottomRight; } @keyframes fadeOutBottomLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } /* Flippers */ @keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } } .animate__animated.animate__flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .animate__flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .animate__flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); backface-visibility: visible !important; animation-name: flipOutY; } /* Lightspeed */ @keyframes lightSpeedInRight { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @keyframes lightSpeedInLeft { from { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { transform: skewX(-20deg); opacity: 1; } 80% { transform: skewX(5deg); } to { transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @keyframes lightSpeedOutRight { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } /* Rotating entrances */ @keyframes rotateIn { from { transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { animation-name: rotateIn; transform-origin: center; } @keyframes rotateInDownLeft { from { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @keyframes rotateInDownRight { from { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @keyframes rotateInUpLeft { from { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @keyframes rotateInUpRight { from { transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } /* Rotating exits */ @keyframes rotateOut { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { animation-name: rotateOut; transform-origin: center; } @keyframes rotateOutDownLeft { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @keyframes rotateOutDownRight { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @keyframes rotateOutUpLeft { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @keyframes rotateOutUpRight { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } /* Specials */ @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { animation-duration: calc(1s * 2); animation-duration: calc(var(--animate-duration) * 2); animation-name: hinge; transform-origin: top left; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .animate__jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { animation-name: rollOut; } /* Zooming entrances */ @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { animation-name: zoomInUp; } /* Zooming exits */ @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } /* Sliding entrances */ @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInUp { animation-name: slideInUp; } /* Sliding exits */ @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { animation-name: slideOutUp; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/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. */ /*! * @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); } /** * @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. */ /** * @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. */ /** * @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. */ /** * @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; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * 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. */ /* * @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. */ /* * 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. */ /** * @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. */ /** * @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. */ /** * 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. */ html { --mat-ripple-color: rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color: #144f54; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color: #1695a1; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-warn { --mat-option-selected-state-label-text-color: #a12216; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #144f54; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #144f54; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-full-pseudo-checkbox-selected-icon-color: #1695a1; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1695a1; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #1695a1; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1695a1; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #a12216; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #a12216; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } html { --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; } html { --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); } html { --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #144f54; --mdc-linear-progress-track-color: rgba(20, 79, 84, 0.25); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #1695a1; --mdc-linear-progress-track-color: rgba(22, 149, 161, 0.25); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #a12216; --mdc-linear-progress-track-color: rgba(161, 34, 22, 0.25); } html { --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; } html { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; } html { --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; } html { --mdc-filled-text-field-caret-color: #144f54; --mdc-filled-text-field-focus-active-indicator-color: #144f54; --mdc-filled-text-field-focus-label-text-color: rgba(20, 79, 84, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #a12216; --mdc-filled-text-field-error-focus-label-text-color: #a12216; --mdc-filled-text-field-error-label-text-color: #a12216; --mdc-filled-text-field-error-caret-color: #a12216; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #a12216; --mdc-filled-text-field-error-focus-active-indicator-color: #a12216; --mdc-filled-text-field-error-hover-active-indicator-color: #a12216; --mdc-outlined-text-field-caret-color: #144f54; --mdc-outlined-text-field-focus-outline-color: #144f54; --mdc-outlined-text-field-focus-label-text-color: rgba(20, 79, 84, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #a12216; --mdc-outlined-text-field-error-focus-label-text-color: #a12216; --mdc-outlined-text-field-error-label-text-color: #a12216; --mdc-outlined-text-field-error-hover-label-text-color: #a12216; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #a12216; --mdc-outlined-text-field-error-hover-outline-color: #a12216; --mdc-outlined-text-field-error-outline-color: #a12216; --mat-form-field-focus-select-arrow-color: rgba(20, 79, 84, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #a12216; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #1695a1; --mdc-filled-text-field-focus-active-indicator-color: #1695a1; --mdc-filled-text-field-focus-label-text-color: rgba(22, 149, 161, 0.87); --mdc-outlined-text-field-caret-color: #1695a1; --mdc-outlined-text-field-focus-outline-color: #1695a1; --mdc-outlined-text-field-focus-label-text-color: rgba(22, 149, 161, 0.87); --mat-form-field-focus-select-arrow-color: rgba(22, 149, 161, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #a12216; --mdc-filled-text-field-focus-active-indicator-color: #a12216; --mdc-filled-text-field-focus-label-text-color: rgba(161, 34, 22, 0.87); --mdc-outlined-text-field-caret-color: #a12216; --mdc-outlined-text-field-focus-outline-color: #a12216; --mdc-outlined-text-field-focus-label-text-color: rgba(161, 34, 22, 0.87); --mat-form-field-focus-select-arrow-color: rgba(161, 34, 22, 0.87); } html { --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; } html { --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(20, 79, 84, 0.87); --mat-select-invalid-arrow-color: rgba(161, 34, 22, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(22, 149, 161, 0.87); --mat-select-invalid-arrow-color: rgba(161, 34, 22, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(161, 34, 22, 0.87); --mat-select-invalid-arrow-color: rgba(161, 34, 22, 0.87); } html { --mat-select-arrow-transform: translateY(-8px); } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-autocomplete-background-color: white; } html { --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mdc-dialog-container-shadow-color: #000; --mdc-dialog-container-shape: 4px; --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } .mat-mdc-standard-chip { --mdc-chip-container-shape-family: rounded; --mdc-chip-container-shape-radius: 16px 16px 16px 16px; --mdc-chip-with-avatar-avatar-shape-family: rounded; --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #144f54; --mdc-chip-elevated-selected-container-color: #144f54; --mdc-chip-elevated-disabled-container-color: #144f54; --mdc-chip-flat-disabled-selected-container-color: #144f54; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #1695a1; --mdc-chip-elevated-selected-container-color: #1695a1; --mdc-chip-elevated-disabled-container-color: #1695a1; --mdc-chip-flat-disabled-selected-container-color: #1695a1; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #a12216; --mdc-chip-elevated-selected-container-color: #a12216; --mdc-chip-elevated-disabled-container-color: #a12216; --mdc-chip-flat-disabled-selected-container-color: #a12216; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } html { --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; } html { --mdc-switch-selected-focus-state-layer-color: #0f3f44; --mdc-switch-selected-handle-color: #0f3f44; --mdc-switch-selected-hover-state-layer-color: #0f3f44; --mdc-switch-selected-pressed-state-layer-color: #0f3f44; --mdc-switch-selected-focus-handle-color: #004d40; --mdc-switch-selected-hover-handle-color: #004d40; --mdc-switch-selected-pressed-handle-color: #004d40; --mdc-switch-selected-focus-track-color: #26a69a; --mdc-switch-selected-hover-track-color: #26a69a; --mdc-switch-selected-pressed-track-color: #26a69a; --mdc-switch-selected-track-color: #26a69a; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff); --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-handle-shadow-color: black; --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-slide-toggle { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #12838d; --mdc-switch-selected-handle-color: #12838d; --mdc-switch-selected-hover-state-layer-color: #12838d; --mdc-switch-selected-pressed-state-layer-color: #12838d; --mdc-switch-selected-focus-handle-color: #002f32; --mdc-switch-selected-hover-handle-color: #002f32; --mdc-switch-selected-pressed-handle-color: #002f32; --mdc-switch-selected-focus-track-color: #1fc2d2; --mdc-switch-selected-hover-track-color: #1fc2d2; --mdc-switch-selected-pressed-track-color: #1fc2d2; --mdc-switch-selected-track-color: #1fc2d2; } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #8e1d12; --mdc-switch-selected-handle-color: #8e1d12; --mdc-switch-selected-hover-state-layer-color: #8e1d12; --mdc-switch-selected-pressed-state-layer-color: #8e1d12; --mdc-switch-selected-focus-handle-color: #330a06; --mdc-switch-selected-hover-handle-color: #330a06; --mdc-switch-selected-pressed-handle-color: #330a06; --mdc-switch-selected-focus-track-color: #c62828; --mdc-switch-selected-hover-track-color: #c62828; --mdc-switch-selected-pressed-track-color: #c62828; --mdc-switch-selected-track-color: #c62828; } html { --mdc-switch-state-layer-size: 40px; } html { --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; } .mat-mdc-radio-button { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #144f54; --mdc-radio-selected-hover-icon-color: #144f54; --mdc-radio-selected-icon-color: #144f54; --mdc-radio-selected-pressed-icon-color: #144f54; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #144f54; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #1695a1; --mdc-radio-selected-hover-icon-color: #1695a1; --mdc-radio-selected-icon-color: #1695a1; --mdc-radio-selected-pressed-icon-color: #1695a1; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #1695a1; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #a12216; --mdc-radio-selected-hover-icon-color: #a12216; --mdc-radio-selected-icon-color: #a12216; --mdc-radio-selected-pressed-icon-color: #a12216; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #a12216; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } html { --mdc-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } html { --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; } html { --mdc-slider-handle-color: #144f54; --mdc-slider-focus-handle-color: #144f54; --mdc-slider-hover-handle-color: #144f54; --mdc-slider-active-track-color: #144f54; --mdc-slider-inactive-track-color: #144f54; --mdc-slider-with-tick-marks-inactive-container-color: #144f54; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-ripple-color: #144f54; --mat-slider-hover-state-layer-color: rgba(20, 79, 84, 0.05); --mat-slider-focus-state-layer-color: rgba(20, 79, 84, 0.2); --mat-slider-value-indicator-opacity: 0.6; } html .mat-accent { --mat-slider-ripple-color: #1695a1; --mat-slider-hover-state-layer-color: rgba(22, 149, 161, 0.05); --mat-slider-focus-state-layer-color: rgba(22, 149, 161, 0.2); --mdc-slider-handle-color: #1695a1; --mdc-slider-focus-handle-color: #1695a1; --mdc-slider-hover-handle-color: #1695a1; --mdc-slider-active-track-color: #1695a1; --mdc-slider-inactive-track-color: #1695a1; --mdc-slider-with-tick-marks-inactive-container-color: #1695a1; --mdc-slider-with-tick-marks-active-container-color: white; } html .mat-warn { --mat-slider-ripple-color: #a12216; --mat-slider-hover-state-layer-color: rgba(161, 34, 22, 0.05); --mat-slider-focus-state-layer-color: rgba(161, 34, 22, 0.2); --mdc-slider-handle-color: #a12216; --mdc-slider-focus-handle-color: #a12216; --mdc-slider-hover-handle-color: #a12216; --mdc-slider-active-track-color: #a12216; --mdc-slider-inactive-track-color: #a12216; --mdc-slider-with-tick-marks-inactive-container-color: #a12216; --mdc-slider-with-tick-marks-active-container-color: white; } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; } html { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #144f54; --mdc-radio-selected-hover-icon-color: #144f54; --mdc-radio-selected-icon-color: #144f54; --mdc-radio-selected-pressed-icon-color: #144f54; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #1695a1; --mdc-radio-selected-hover-icon-color: #1695a1; --mdc-radio-selected-icon-color: #1695a1; --mdc-radio-selected-pressed-icon-color: #1695a1; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #a12216; --mdc-radio-selected-hover-icon-color: #a12216; --mdc-radio-selected-icon-color: #a12216; --mdc-radio-selected-pressed-icon-color: #a12216; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #144f54; --mdc-checkbox-selected-hover-icon-color: #144f54; --mdc-checkbox-selected-icon-color: #144f54; --mdc-checkbox-selected-pressed-icon-color: #144f54; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #144f54; --mdc-checkbox-selected-hover-state-layer-color: #144f54; --mdc-checkbox-selected-pressed-state-layer-color: #144f54; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #1695a1; --mdc-checkbox-selected-hover-icon-color: #1695a1; --mdc-checkbox-selected-icon-color: #1695a1; --mdc-checkbox-selected-pressed-icon-color: #1695a1; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #1695a1; --mdc-checkbox-selected-hover-state-layer-color: #1695a1; --mdc-checkbox-selected-pressed-state-layer-color: #1695a1; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #a12216; --mdc-checkbox-selected-hover-icon-color: #a12216; --mdc-checkbox-selected-icon-color: #a12216; --mdc-checkbox-selected-pressed-icon-color: #a12216; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #a12216; --mdc-checkbox-selected-hover-state-layer-color: #a12216; --mdc-checkbox-selected-pressed-state-layer-color: #a12216; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text { color: #144f54; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: #144f54; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-state-layer-size: 40px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); } html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; } html { --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mdc-secondary-navigation-tab-container-height: 48px; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #144f54; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #144f54; --mat-tab-header-active-ripple-color: #144f54; --mat-tab-header-inactive-ripple-color: #144f54; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #144f54; --mat-tab-header-active-hover-label-text-color: #144f54; --mat-tab-header-active-focus-indicator-color: #144f54; --mat-tab-header-active-hover-indicator-color: #144f54; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #1695a1; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #1695a1; --mat-tab-header-active-ripple-color: #1695a1; --mat-tab-header-inactive-ripple-color: #1695a1; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #1695a1; --mat-tab-header-active-hover-label-text-color: #1695a1; --mat-tab-header-active-focus-indicator-color: #1695a1; --mat-tab-header-active-hover-indicator-color: #1695a1; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #a12216; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #a12216; --mat-tab-header-active-ripple-color: #a12216; --mat-tab-header-inactive-ripple-color: #a12216; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #a12216; --mat-tab-header-active-hover-label-text-color: #a12216; --mat-tab-header-active-focus-indicator-color: #a12216; --mat-tab-header-active-hover-indicator-color: #a12216; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #144f54; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #1695a1; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #a12216; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; } html { --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; } html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #1695a1; --mdc-checkbox-selected-hover-icon-color: #1695a1; --mdc-checkbox-selected-icon-color: #1695a1; --mdc-checkbox-selected-pressed-icon-color: #1695a1; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #1695a1; --mdc-checkbox-selected-hover-state-layer-color: #1695a1; --mdc-checkbox-selected-pressed-state-layer-color: #1695a1; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38); } .mat-mdc-checkbox { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #144f54; --mdc-checkbox-selected-hover-icon-color: #144f54; --mdc-checkbox-selected-icon-color: #144f54; --mdc-checkbox-selected-pressed-icon-color: #144f54; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #144f54; --mdc-checkbox-selected-hover-state-layer-color: #144f54; --mdc-checkbox-selected-pressed-state-layer-color: #144f54; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #a12216; --mdc-checkbox-selected-hover-icon-color: #a12216; --mdc-checkbox-selected-icon-color: #a12216; --mdc-checkbox-selected-pressed-icon-color: #a12216; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #a12216; --mdc-checkbox-selected-hover-state-layer-color: #a12216; --mdc-checkbox-selected-pressed-state-layer-color: #a12216; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mdc-checkbox-state-layer-size: 40px; --mat-checkbox-touch-target-display: block; } html { --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-keep-touch-target: false; --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; } html { --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-protected-button-container-shadow-color: #000; --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #144f54; --mat-text-button-state-layer-color: #144f54; --mat-text-button-ripple-color: rgba(20, 79, 84, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #1695a1; --mat-text-button-state-layer-color: #1695a1; --mat-text-button-ripple-color: rgba(22, 149, 161, 0.1); } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #a12216; --mat-text-button-state-layer-color: #a12216; --mat-text-button-ripple-color: rgba(161, 34, 22, 0.1); } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #144f54; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #1695a1; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #a12216; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #144f54; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #1695a1; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #a12216; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #144f54; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #144f54; --mat-outlined-button-ripple-color: rgba(20, 79, 84, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #1695a1; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #1695a1; --mat-outlined-button-ripple-color: rgba(22, 149, 161, 0.1); } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #a12216; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #a12216; --mat-outlined-button-ripple-color: rgba(161, 34, 22, 0.1); } html { --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; --mdc-outlined-button-container-height: 36px; --mdc-protected-button-container-height: 36px; --mat-text-button-touch-target-display: block; --mat-filled-button-touch-target-display: block; --mat-protected-button-touch-target-display: block; --mat-outlined-button-touch-target-display: block; } html { --mdc-icon-button-icon-size: 24px; } html { --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #144f54; --mat-icon-button-state-layer-color: #144f54; --mat-icon-button-ripple-color: rgba(20, 79, 84, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #1695a1; --mat-icon-button-state-layer-color: #1695a1; --mat-icon-button-ripple-color: rgba(22, 149, 161, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #a12216; --mat-icon-button-state-layer-color: #a12216; --mat-icon-button-ripple-color: rgba(161, 34, 22, 0.1); } html { --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } html { --mdc-fab-container-shape: 50%; --mdc-fab-icon-size: 24px; --mdc-fab-small-container-shape: 50%; --mdc-fab-small-icon-size: 24px; --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; } html { --mdc-fab-container-color: white; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-shadow-color: #000; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); --mdc-fab-small-container-color: white; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shadow-color: #000; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-shadow-color: #000; } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #144f54; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #1695a1; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #a12216; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #144f54; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #1695a1; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #a12216; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html { --mat-fab-touch-target-display: block; --mat-fab-small-touch-target-display: block; } html { --mdc-snackbar-container-shape: 4px; } html { --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #1695a1; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } html { --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; } html { --mdc-circular-progress-active-indicator-color: #144f54; } html .mat-accent { --mdc-circular-progress-active-indicator-color: #1695a1; } html .mat-warn { --mdc-circular-progress-active-indicator-color: #a12216; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: #144f54; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #1695a1; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #a12216; --mat-badge-text-color: white; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; } html { --mat-standard-button-toggle-height: 48px; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #144f54; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(20, 79, 84, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(20, 79, 84, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(20, 79, 84, 0.3); --mat-datepicker-toggle-active-state-icon-color: #144f54; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(20, 79, 84, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #1695a1; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(22, 149, 161, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(22, 149, 161, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(22, 149, 161, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(22, 149, 161, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #a12216; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(161, 34, 22, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(161, 34, 22, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(161, 34, 22, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(161, 34, 22, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #1695a1; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #a12216; } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #144f54; } .mat-icon.mat-accent { --mat-icon-color: #1695a1; } .mat-icon.mat-warn { --mat-icon-color: #a12216; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #144f54; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #144f54; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #144f54; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #a12216; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #a12216; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #1695a1; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #1695a1; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #1695a1; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #a12216; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #a12216; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #a12216; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } html { --mat-sort-arrow-color: #757575; } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #144f54; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #1695a1; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #a12216; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 48px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1)); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .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: transparent; 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; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-app-background { background-color: var(--mat-app-background-color, transparent); color: var(--mat-app-text-color, inherit); } 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] { 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); 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-option:focus, nb-option.active { background-color: var(--option-focus-background-color); color: var(--option-focus-text-color); outline: none; } nb-option:focus.selected, nb-option.active.selected { background-color: var(--option-selected-focus-background-color); color: var(--option-selected-focus-text-color); } nb-option.multiple:focus, nb-option.multiple.active, nb-option.multiple.selected:focus, nb-option.multiple.selected.active { background-color: var(--option-focus-background-color); color: var(--option-focus-text-color); } 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); 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 { 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-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-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-item .menu-item { background-color: #12494e; } 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-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: 1.875rem; --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: var(--background-basic-color-1); --sidebar-text-color: var(--text-basic-color); --sidebar-text-font-family: var(--text-paragraph-font-family); --sidebar-text-font-size: var(--text-paragraph-font-size); --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: 3.5rem; --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: var(--text-subtitle-2-font-size); --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.25rem; --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 2rem; --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: 15rem; --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: var(--text-button-medium-font-size); --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: var(--background-basic-color-2); --smart-table-fg-secondary: var(--text-basic-color); --smart-table-bg-active: var(--background-basic-color-3); --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: var(--color-primary-default); --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: var(--text-paragraph-2-font-weight); --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: var(--text-button-small-font-size); --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: var(--color-danger-transparent-default); --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: uppercase; --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: var(--text-subtitle-2-font-size); --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: var(--border-radius); --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: var(--text-caption-font-size); --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: 13rem; --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: #f2f6ff; --color-primary-200: #d9e4ff; --color-primary-300: #a6c1ff; --color-primary-400: #598bff; --color-primary-500: #3366ff; --color-primary-600: #274bdb; --color-primary-700: #1a34b8; --color-primary-800: #102694; --color-primary-900: #091c7a; --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: #f0fff5; --color-success-200: #ccfce3; --color-success-300: #8cfac7; --color-success-400: #2ce69b; --color-success-500: #00d68f; --color-success-600: #00b887; --color-success-700: #00997a; --color-success-800: #007d6c; --color-success-900: #004a45; --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: #f2f8ff; --color-info-200: #c7e2ff; --color-info-300: #94cbff; --color-info-400: #42aaff; --color-info-500: #0095ff; --color-info-600: #006fd6; --color-info-700: #0057c2; --color-info-800: #0041a8; --color-info-900: #002885; --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: #fffdf2; --color-warning-200: #fff1c2; --color-warning-300: #ffe59e; --color-warning-400: #ffc94d; --color-warning-500: #ffaa00; --color-warning-600: #db8b00; --color-warning-700: #b86e00; --color-warning-800: #945400; --color-warning-900: #703c00; --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: #fff2f2; --color-danger-200: #ffd6d9; --color-danger-300: #ffa8b4; --color-danger-400: #ff708d; --color-danger-500: #ff3d71; --color-danger-600: #db2c66; --color-danger-700: #b81d5b; --color-danger-800: #94124e; --color-danger-900: #700940; --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: var(--color-primary-400); --color-primary-default: var(--color-primary-500); --color-primary-active: var(--color-primary-600); --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: var(--color-basic-800); --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: var(--color-primary-default); --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: Open Sans, sans-serif; --font-family-secondary: var(--font-family-primary); --text-heading-1-font-family: var(--font-family-secondary); --text-heading-1-font-size: 2.25rem; --text-heading-1-font-weight: 700; --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: 700; --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: 700; --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: 700; --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: 700; --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.8125rem; --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: 700; --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: 700; --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: 0.875rem; --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: 0.25rem; --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; } .nb-theme-prozesslaw { --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: 1.875rem; --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: 0px; --header-height: 1rem; --header-padding: 0px; --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: var(--color-primary-500); --sidebar-text-color: var(--text-basic-color); --sidebar-text-font-family: var(--text-paragraph-font-family); --sidebar-text-font-size: var(--text-paragraph-font-size); --sidebar-text-font-weight: var(--text-paragraph-font-weight); --sidebar-text-line-height: var(--text-paragraph-line-height); --sidebar-height: 100vh; --sidebar-width: 20%; --sidebar-width-compact: 3.5rem; --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: var(--color-primary-500); --menu-text-color: var(--color-blanco); --menu-text-font-family: var(--text-subtitle-2-font-family); --menu-text-font-size: var(--text-subtitle-2-font-size); --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.55rem 0.5rem; --menu-item-hover-background-color: var(--color-primary-200); --menu-item-hover-cursor: pointer; --menu-item-hover-text-color: var(--color-blanco); --menu-item-icon-hover-color: var(--menu-item-hover-text-color); --menu-item-active-background-color: var(--color-primary-200); --menu-item-active-text-color: var(--color-blanco); --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.25rem; --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(--color-verde); --menu-submenu-text-color: var(--text-basic-color); --menu-submenu-margin: 0; --menu-submenu-padding: 0rem; --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: 0.55rem 0.5rem; --menu-submenu-item-hover-background-color: var(--color-primary-200); --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(--color-primary-200); --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 2rem; --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(--color-info-500); --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: 15rem; --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: var(--text-button-medium-font-size); --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: var(--background-basic-color-2); --smart-table-fg-secondary: var(--text-basic-color); --smart-table-bg-active: var(--background-basic-color-3); --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: var(--color-primary-default); --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: var(--text-paragraph-2-font-weight); --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: var(--text-button-small-font-size); --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: var(--color-danger-transparent-default); --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: uppercase; --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: var(--text-subtitle-2-font-size); --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: var(--border-radius); --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: var(--text-caption-font-size); --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: 13rem; --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: #2EB6C1; --color-primary-200: #289CA6; --color-primary-300: #21828B; --color-primary-400: #1B696F; --color-primary-500: #144F54; --color-primary-600: #0E3F48; --color-primary-700: #0A303C; --color-primary-800: #062230; --color-primary-900: #031928; --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: #E6F6DB; --color-success-200: #CEEEB6; --color-success-300: #B5E592; --color-success-400: #9CDC6D; --color-success-500: #6cc12e; --color-success-600: #6cc12e; --color-success-700: #589d25; --color-success-800: #43781d; --color-success-900: #2F5414; --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: #F4F3F3; --color-info-200: #EAE7E7; --color-info-300: #C2BDBF; --color-info-400: #858283; --color-info-500: #353334; --color-info-600: #2D252A; --color-info-700: #261922; --color-info-800: #1E101B; --color-info-900: #190917; --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: #F2D69F; --color-warning-200: #EFCC87; --color-warning-300: #EBC26F; --color-warning-400: #E8B857; --color-warning-500: #E5AE3F; --color-warning-600: #E2A427; --color-warning-700: #D1951D; --color-warning-800: #B98419; --color-warning-900: #A17316; --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: #E6BCB6; --color-danger-200: #E0ABA4; --color-danger-300: #DA9A91; --color-danger-400: #D3897F; --color-danger-500: #CD796D; --color-danger-600: #C7685B; --color-danger-700: #C15748; --color-danger-800: #B34C3D; --color-danger-900: #a12216; --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: var(--color-primary-400); --color-primary-default: var(--color-primary-500); --color-primary-active: var(--color-primary-600); --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: var(--color-basic-800); --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: var(--color-primary-default); --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: Open Sans, sans-serif; --font-family-secondary: var(--font-family-primary); --text-heading-1-font-family: var(--font-family-secondary); --text-heading-1-font-size: 2.25rem; --text-heading-1-font-weight: 700; --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: 700; --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: 700; --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: 700; --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: 700; --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.8125rem; --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: 700; --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: 700; --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: 0.875rem; --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: 0.25rem; --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; --color-blanco: #FFFFFF; --color-verde: #1A646B; --color-azul-celeste: #068DA0; --color-azul: blue; --sidebar-header-background-color: var(--color-info-500); --layout-header-background-color: var(--color-blanco); --QuitarAltura: -65px; } -html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } /* Importing Bootstrap SCSS file. */ /*! * Bootstrap v4.6.2 (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 { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #144f54; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-is: 400px; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; --breakpoint-xxxl: 1600px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #144f54; text-decoration: none; background-color: transparent; } a:hover { color: #051516; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .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: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-is { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 400px) { .container-is, .container { max-width: 380px; } } @media (min-width: 576px) { .container-sm, .container-is, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container-is, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container-is, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container-is, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-is, .container { max-width: 1320px; } } @media (min-width: 1600px) { .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-is, .container { max-width: 1500px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxxl, .col-xxxl-auto, .col-xxxl-12, .col-xxxl-11, .col-xxxl-10, .col-xxxl-9, .col-xxxl-8, .col-xxxl-7, .col-xxxl-6, .col-xxxl-5, .col-xxxl-4, .col-xxxl-3, .col-xxxl-2, .col-xxxl-1, .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-is, .col-is-auto, .col-is-12, .col-is-11, .col-is-10, .col-is-9, .col-is-8, .col-is-7, .col-is-6, .col-is-5, .col-is-4, .col-is-3, .col-is-2, .col-is-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .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%; } @media (min-width: 400px) { .col-is { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-is-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-is-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-is-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-is-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-is-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-is-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-is-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-is-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-is-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-is-3 { flex: 0 0 25%; max-width: 25%; } .col-is-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-is-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-is-6 { flex: 0 0 50%; max-width: 50%; } .col-is-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-is-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-is-9 { flex: 0 0 75%; max-width: 75%; } .col-is-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-is-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-is-12 { flex: 0 0 100%; max-width: 100%; } .order-is-first { order: -1; } .order-is-last { order: 13; } .order-is-0 { order: 0; } .order-is-1 { order: 1; } .order-is-2 { order: 2; } .order-is-3 { order: 3; } .order-is-4 { order: 4; } .order-is-5 { order: 5; } .order-is-6 { order: 6; } .order-is-7 { order: 7; } .order-is-8 { order: 8; } .order-is-9 { order: 9; } .order-is-10 { order: 10; } .order-is-11 { order: 11; } .order-is-12 { order: 12; } .offset-is-0 { margin-left: 0; } .offset-is-1 { margin-left: 8.33333333%; } .offset-is-2 { margin-left: 16.66666667%; } .offset-is-3 { margin-left: 25%; } .offset-is-4 { margin-left: 33.33333333%; } .offset-is-5 { margin-left: 41.66666667%; } .offset-is-6 { margin-left: 50%; } .offset-is-7 { margin-left: 58.33333333%; } .offset-is-8 { margin-left: 66.66666667%; } .offset-is-9 { margin-left: 75%; } .offset-is-10 { margin-left: 83.33333333%; } .offset-is-11 { margin-left: 91.66666667%; } } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .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%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .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%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .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%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .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%; } } @media (min-width: 1400px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .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%; } } @media (min-width: 1600px) { .col-xxxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxxl-first { order: -1; } .order-xxxl-last { order: 13; } .order-xxxl-0 { order: 0; } .order-xxxl-1 { order: 1; } .order-xxxl-2 { order: 2; } .order-xxxl-3 { order: 3; } .order-xxxl-4 { order: 4; } .order-xxxl-5 { order: 5; } .order-xxxl-6 { order: 6; } .order-xxxl-7 { order: 7; } .order-xxxl-8 { order: 8; } .order-xxxl-9 { order: 9; } .order-xxxl-10 { order: 10; } .order-xxxl-11 { order: 11; } .order-xxxl-12 { order: 12; } .offset-xxxl-0 { margin-left: 0; } .offset-xxxl-1 { margin-left: 8.33333333%; } .offset-xxxl-2 { margin-left: 16.66666667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.33333333%; } .offset-xxxl-5 { margin-left: 41.66666667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.33333333%; } .offset-xxxl-8 { margin-left: 66.66666667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.33333333%; } .offset-xxxl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #bdcecf; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #85a3a6; } .table-hover .table-primary:hover { background-color: #aec3c4; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #aec3c4; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 399.98px) { .table-responsive-is { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-is > .table-bordered { border: 0; } } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1399.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } @media (max-width: 1599.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #2db0bb; outline: 0; box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; 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; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #144f54; border-color: #144f54; } .btn-primary:hover { color: #fff; background-color: #0d3235; border-color: #0a282b; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0d3235; border-color: #0a282b; box-shadow: 0 0 0 0.2rem rgba(55, 105, 110, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #144f54; border-color: #144f54; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a282b; border-color: #081f21; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(55, 105, 110, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #144f54; border-color: #144f54; } .btn-outline-primary:hover { color: #fff; background-color: #144f54; border-color: #144f54; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #144f54; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #144f54; border-color: #144f54; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #144f54; text-decoration: none; } .btn-link:hover { color: #051516; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 400px) { .dropdown-menu-is-left { right: auto; left: 0; } .dropdown-menu-is-right { right: 0; left: auto; } } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } @media (min-width: 1600px) { .dropdown-menu-xxxl-left { right: auto; left: 0; } .dropdown-menu-xxxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #144f54; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.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:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #144f54; background-color: #144f54; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #2db0bb; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #47c8d3; border-color: #47c8d3; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #144f54; background-color: #144f54; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(20, 79, 84, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(20, 79, 84, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(20, 79, 84, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 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; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(20, 79, 84, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #2db0bb; outline: 0; box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #2db0bb; box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #144f54; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #47c8d3; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #144f54; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #47c8d3; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #144f54; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #47c8d3; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #144f54; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-is, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl, .navbar .container-xxxl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 399.98px) { .navbar-expand-is > .container, .navbar-expand-is > .container-fluid, .navbar-expand-is > .container-is, .navbar-expand-is > .container-sm, .navbar-expand-is > .container-md, .navbar-expand-is > .container-lg, .navbar-expand-is > .container-xl, .navbar-expand-is > .container-xxl, .navbar-expand-is > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 400px) { .navbar-expand-is { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-is .navbar-nav { flex-direction: row; } .navbar-expand-is .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-is .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-is > .container, .navbar-expand-is > .container-fluid, .navbar-expand-is > .container-is, .navbar-expand-is > .container-sm, .navbar-expand-is > .container-md, .navbar-expand-is > .container-lg, .navbar-expand-is > .container-xl, .navbar-expand-is > .container-xxl, .navbar-expand-is > .container-xxxl { flex-wrap: nowrap; } .navbar-expand-is .navbar-nav-scroll { overflow: visible; } .navbar-expand-is .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-is .navbar-toggler { display: none; } } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-is, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl, .navbar-expand-sm > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-is, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl, .navbar-expand-sm > .container-xxxl { flex-wrap: nowrap; } .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; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-is, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl, .navbar-expand-md > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-is, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl, .navbar-expand-md > .container-xxxl { flex-wrap: nowrap; } .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; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-is, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl, .navbar-expand-lg > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-is, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl, .navbar-expand-lg > .container-xxxl { flex-wrap: nowrap; } .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; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-is, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl, .navbar-expand-xl > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-is, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl, .navbar-expand-xl > .container-xxxl { flex-wrap: nowrap; } .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; } } @media (max-width: 1399.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-is, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl, .navbar-expand-xxl > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-flow: row 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-is, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl, .navbar-expand-xxl > .container-xxxl { flex-wrap: nowrap; } .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; } } @media (max-width: 1599.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-is, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl, .navbar-expand-xxxl > .container-xxl, .navbar-expand-xxxl > .container-xxxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1600px) { .navbar-expand-xxxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxxl .navbar-nav { flex-direction: row; } .navbar-expand-xxxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-is, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl, .navbar-expand-xxxl > .container-xxl, .navbar-expand-xxxl > .container-xxxl { flex-wrap: nowrap; } .navbar-expand-xxxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-is, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl, .navbar-expand > .container-xxxl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-is, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl, .navbar-expand > .container-xxxl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .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: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @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-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { 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-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #144f54; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #051516; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #144f54; border-color: #144f54; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; 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; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #144f54; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0a282b; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(20, 79, 84, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #0a292c; background-color: #d0dcdd; border-color: #bdcecf; } .alert-primary hr { border-top-color: #aec3c4; } .alert-primary .alert-link { color: #010202; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #144f54; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .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: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #144f54; border-color: #144f54; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 400px) { .list-group-horizontal-is { flex-direction: row; } .list-group-horizontal-is > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-is > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-is > .list-group-item.active { margin-top: 0; } .list-group-horizontal-is > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-is > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1600px) { .list-group-horizontal-xxxl { flex-direction: row; } .list-group-horizontal-xxxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #0a292c; background-color: #bdcecf; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #0a292c; background-color: #aec3c4; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #0a292c; border-color: #0a292c; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.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 { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 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: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .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%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { 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: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .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; } .bg-primary { background-color: #144f54 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0a282b !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #144f54 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !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; } @media (min-width: 400px) { .d-is-none { display: none !important; } .d-is-inline { display: inline !important; } .d-is-inline-block { display: inline-block !important; } .d-is-block { display: block !important; } .d-is-table { display: table !important; } .d-is-table-row { display: table-row !important; } .d-is-table-cell { display: table-cell !important; } .d-is-flex { display: flex !important; } .d-is-inline-flex { display: inline-flex !important; } } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !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; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !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; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !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; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !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; } } @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !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; } } @media (min-width: 1600px) { .d-xxxl-none { display: none !important; } .d-xxxl-inline { display: inline !important; } .d-xxxl-inline-block { display: inline-block !important; } .d-xxxl-block { display: block !important; } .d-xxxl-table { display: table !important; } .d-xxxl-table-row { display: table-row !important; } .d-xxxl-table-cell { display: table-cell !important; } .d-xxxl-flex { display: flex !important; } .d-xxxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !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; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .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-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !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; } .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; } .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; } @media (min-width: 400px) { .flex-is-row { flex-direction: row !important; } .flex-is-column { flex-direction: column !important; } .flex-is-row-reverse { flex-direction: row-reverse !important; } .flex-is-column-reverse { flex-direction: column-reverse !important; } .flex-is-wrap { flex-wrap: wrap !important; } .flex-is-nowrap { flex-wrap: nowrap !important; } .flex-is-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-is-fill { flex: 1 1 auto !important; } .flex-is-grow-0 { flex-grow: 0 !important; } .flex-is-grow-1 { flex-grow: 1 !important; } .flex-is-shrink-0 { flex-shrink: 0 !important; } .flex-is-shrink-1 { flex-shrink: 1 !important; } .justify-content-is-start { justify-content: flex-start !important; } .justify-content-is-end { justify-content: flex-end !important; } .justify-content-is-center { justify-content: center !important; } .justify-content-is-between { justify-content: space-between !important; } .justify-content-is-around { justify-content: space-around !important; } .align-items-is-start { align-items: flex-start !important; } .align-items-is-end { align-items: flex-end !important; } .align-items-is-center { align-items: center !important; } .align-items-is-baseline { align-items: baseline !important; } .align-items-is-stretch { align-items: stretch !important; } .align-content-is-start { align-content: flex-start !important; } .align-content-is-end { align-content: flex-end !important; } .align-content-is-center { align-content: center !important; } .align-content-is-between { align-content: space-between !important; } .align-content-is-around { align-content: space-around !important; } .align-content-is-stretch { align-content: stretch !important; } .align-self-is-auto { align-self: auto !important; } .align-self-is-start { align-self: flex-start !important; } .align-self-is-end { align-self: flex-end !important; } .align-self-is-center { align-self: center !important; } .align-self-is-baseline { align-self: baseline !important; } .align-self-is-stretch { align-self: stretch !important; } } @media (min-width: 576px) { .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-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 768px) { .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-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 992px) { .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-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 1200px) { .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-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 1400px) { .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-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 1600px) { .flex-xxxl-row { flex-direction: row !important; } .flex-xxxl-column { flex-direction: column !important; } .flex-xxxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxxl-wrap { flex-wrap: wrap !important; } .flex-xxxl-nowrap { flex-wrap: nowrap !important; } .flex-xxxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxxl-fill { flex: 1 1 auto !important; } .flex-xxxl-grow-0 { flex-grow: 0 !important; } .flex-xxxl-grow-1 { flex-grow: 1 !important; } .flex-xxxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxxl-start { justify-content: flex-start !important; } .justify-content-xxxl-end { justify-content: flex-end !important; } .justify-content-xxxl-center { justify-content: center !important; } .justify-content-xxxl-between { justify-content: space-between !important; } .justify-content-xxxl-around { justify-content: space-around !important; } .align-items-xxxl-start { align-items: flex-start !important; } .align-items-xxxl-end { align-items: flex-end !important; } .align-items-xxxl-center { align-items: center !important; } .align-items-xxxl-baseline { align-items: baseline !important; } .align-items-xxxl-stretch { align-items: stretch !important; } .align-content-xxxl-start { align-content: flex-start !important; } .align-content-xxxl-end { align-content: flex-end !important; } .align-content-xxxl-center { align-content: center !important; } .align-content-xxxl-between { align-content: space-between !important; } .align-content-xxxl-around { align-content: space-around !important; } .align-content-xxxl-stretch { align-content: stretch !important; } .align-self-xxxl-auto { align-self: auto !important; } .align-self-xxxl-start { align-self: flex-start !important; } .align-self-xxxl-end { align-self: flex-end !important; } .align-self-xxxl-center { align-self: center !important; } .align-self-xxxl-baseline { align-self: baseline !important; } .align-self-xxxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 400px) { .float-is-left { float: left !important; } .float-is-right { float: right !important; } .float-is-none { float: none !important; } } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1400px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } @media (min-width: 1600px) { .float-xxxl-left { float: left !important; } .float-xxxl-right { float: right !important; } .float-xxxl-none { float: none !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; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !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; } .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; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .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; } .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; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 400px) { .m-is-0 { margin: 0 !important; } .mt-is-0, .my-is-0 { margin-top: 0 !important; } .mr-is-0, .mx-is-0 { margin-right: 0 !important; } .mb-is-0, .my-is-0 { margin-bottom: 0 !important; } .ml-is-0, .mx-is-0 { margin-left: 0 !important; } .m-is-1 { margin: 0.25rem !important; } .mt-is-1, .my-is-1 { margin-top: 0.25rem !important; } .mr-is-1, .mx-is-1 { margin-right: 0.25rem !important; } .mb-is-1, .my-is-1 { margin-bottom: 0.25rem !important; } .ml-is-1, .mx-is-1 { margin-left: 0.25rem !important; } .m-is-2 { margin: 0.5rem !important; } .mt-is-2, .my-is-2 { margin-top: 0.5rem !important; } .mr-is-2, .mx-is-2 { margin-right: 0.5rem !important; } .mb-is-2, .my-is-2 { margin-bottom: 0.5rem !important; } .ml-is-2, .mx-is-2 { margin-left: 0.5rem !important; } .m-is-3 { margin: 1rem !important; } .mt-is-3, .my-is-3 { margin-top: 1rem !important; } .mr-is-3, .mx-is-3 { margin-right: 1rem !important; } .mb-is-3, .my-is-3 { margin-bottom: 1rem !important; } .ml-is-3, .mx-is-3 { margin-left: 1rem !important; } .m-is-4 { margin: 1.5rem !important; } .mt-is-4, .my-is-4 { margin-top: 1.5rem !important; } .mr-is-4, .mx-is-4 { margin-right: 1.5rem !important; } .mb-is-4, .my-is-4 { margin-bottom: 1.5rem !important; } .ml-is-4, .mx-is-4 { margin-left: 1.5rem !important; } .m-is-5 { margin: 3rem !important; } .mt-is-5, .my-is-5 { margin-top: 3rem !important; } .mr-is-5, .mx-is-5 { margin-right: 3rem !important; } .mb-is-5, .my-is-5 { margin-bottom: 3rem !important; } .ml-is-5, .mx-is-5 { margin-left: 3rem !important; } .p-is-0 { padding: 0 !important; } .pt-is-0, .py-is-0 { padding-top: 0 !important; } .pr-is-0, .px-is-0 { padding-right: 0 !important; } .pb-is-0, .py-is-0 { padding-bottom: 0 !important; } .pl-is-0, .px-is-0 { padding-left: 0 !important; } .p-is-1 { padding: 0.25rem !important; } .pt-is-1, .py-is-1 { padding-top: 0.25rem !important; } .pr-is-1, .px-is-1 { padding-right: 0.25rem !important; } .pb-is-1, .py-is-1 { padding-bottom: 0.25rem !important; } .pl-is-1, .px-is-1 { padding-left: 0.25rem !important; } .p-is-2 { padding: 0.5rem !important; } .pt-is-2, .py-is-2 { padding-top: 0.5rem !important; } .pr-is-2, .px-is-2 { padding-right: 0.5rem !important; } .pb-is-2, .py-is-2 { padding-bottom: 0.5rem !important; } .pl-is-2, .px-is-2 { padding-left: 0.5rem !important; } .p-is-3 { padding: 1rem !important; } .pt-is-3, .py-is-3 { padding-top: 1rem !important; } .pr-is-3, .px-is-3 { padding-right: 1rem !important; } .pb-is-3, .py-is-3 { padding-bottom: 1rem !important; } .pl-is-3, .px-is-3 { padding-left: 1rem !important; } .p-is-4 { padding: 1.5rem !important; } .pt-is-4, .py-is-4 { padding-top: 1.5rem !important; } .pr-is-4, .px-is-4 { padding-right: 1.5rem !important; } .pb-is-4, .py-is-4 { padding-bottom: 1.5rem !important; } .pl-is-4, .px-is-4 { padding-left: 1.5rem !important; } .p-is-5 { padding: 3rem !important; } .pt-is-5, .py-is-5 { padding-top: 3rem !important; } .pr-is-5, .px-is-5 { padding-right: 3rem !important; } .pb-is-5, .py-is-5 { padding-bottom: 3rem !important; } .pl-is-5, .px-is-5 { padding-left: 3rem !important; } .m-is-n1 { margin: -0.25rem !important; } .mt-is-n1, .my-is-n1 { margin-top: -0.25rem !important; } .mr-is-n1, .mx-is-n1 { margin-right: -0.25rem !important; } .mb-is-n1, .my-is-n1 { margin-bottom: -0.25rem !important; } .ml-is-n1, .mx-is-n1 { margin-left: -0.25rem !important; } .m-is-n2 { margin: -0.5rem !important; } .mt-is-n2, .my-is-n2 { margin-top: -0.5rem !important; } .mr-is-n2, .mx-is-n2 { margin-right: -0.5rem !important; } .mb-is-n2, .my-is-n2 { margin-bottom: -0.5rem !important; } .ml-is-n2, .mx-is-n2 { margin-left: -0.5rem !important; } .m-is-n3 { margin: -1rem !important; } .mt-is-n3, .my-is-n3 { margin-top: -1rem !important; } .mr-is-n3, .mx-is-n3 { margin-right: -1rem !important; } .mb-is-n3, .my-is-n3 { margin-bottom: -1rem !important; } .ml-is-n3, .mx-is-n3 { margin-left: -1rem !important; } .m-is-n4 { margin: -1.5rem !important; } .mt-is-n4, .my-is-n4 { margin-top: -1.5rem !important; } .mr-is-n4, .mx-is-n4 { margin-right: -1.5rem !important; } .mb-is-n4, .my-is-n4 { margin-bottom: -1.5rem !important; } .ml-is-n4, .mx-is-n4 { margin-left: -1.5rem !important; } .m-is-n5 { margin: -3rem !important; } .mt-is-n5, .my-is-n5 { margin-top: -3rem !important; } .mr-is-n5, .mx-is-n5 { margin-right: -3rem !important; } .mb-is-n5, .my-is-n5 { margin-bottom: -3rem !important; } .ml-is-n5, .mx-is-n5 { margin-left: -3rem !important; } .m-is-auto { margin: auto !important; } .mt-is-auto, .my-is-auto { margin-top: auto !important; } .mr-is-auto, .mx-is-auto { margin-right: auto !important; } .mb-is-auto, .my-is-auto { margin-bottom: auto !important; } .ml-is-auto, .mx-is-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1400px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } @media (min-width: 1600px) { .m-xxxl-0 { margin: 0 !important; } .mt-xxxl-0, .my-xxxl-0 { margin-top: 0 !important; } .mr-xxxl-0, .mx-xxxl-0 { margin-right: 0 !important; } .mb-xxxl-0, .my-xxxl-0 { margin-bottom: 0 !important; } .ml-xxxl-0, .mx-xxxl-0 { margin-left: 0 !important; } .m-xxxl-1 { margin: 0.25rem !important; } .mt-xxxl-1, .my-xxxl-1 { margin-top: 0.25rem !important; } .mr-xxxl-1, .mx-xxxl-1 { margin-right: 0.25rem !important; } .mb-xxxl-1, .my-xxxl-1 { margin-bottom: 0.25rem !important; } .ml-xxxl-1, .mx-xxxl-1 { margin-left: 0.25rem !important; } .m-xxxl-2 { margin: 0.5rem !important; } .mt-xxxl-2, .my-xxxl-2 { margin-top: 0.5rem !important; } .mr-xxxl-2, .mx-xxxl-2 { margin-right: 0.5rem !important; } .mb-xxxl-2, .my-xxxl-2 { margin-bottom: 0.5rem !important; } .ml-xxxl-2, .mx-xxxl-2 { margin-left: 0.5rem !important; } .m-xxxl-3 { margin: 1rem !important; } .mt-xxxl-3, .my-xxxl-3 { margin-top: 1rem !important; } .mr-xxxl-3, .mx-xxxl-3 { margin-right: 1rem !important; } .mb-xxxl-3, .my-xxxl-3 { margin-bottom: 1rem !important; } .ml-xxxl-3, .mx-xxxl-3 { margin-left: 1rem !important; } .m-xxxl-4 { margin: 1.5rem !important; } .mt-xxxl-4, .my-xxxl-4 { margin-top: 1.5rem !important; } .mr-xxxl-4, .mx-xxxl-4 { margin-right: 1.5rem !important; } .mb-xxxl-4, .my-xxxl-4 { margin-bottom: 1.5rem !important; } .ml-xxxl-4, .mx-xxxl-4 { margin-left: 1.5rem !important; } .m-xxxl-5 { margin: 3rem !important; } .mt-xxxl-5, .my-xxxl-5 { margin-top: 3rem !important; } .mr-xxxl-5, .mx-xxxl-5 { margin-right: 3rem !important; } .mb-xxxl-5, .my-xxxl-5 { margin-bottom: 3rem !important; } .ml-xxxl-5, .mx-xxxl-5 { margin-left: 3rem !important; } .p-xxxl-0 { padding: 0 !important; } .pt-xxxl-0, .py-xxxl-0 { padding-top: 0 !important; } .pr-xxxl-0, .px-xxxl-0 { padding-right: 0 !important; } .pb-xxxl-0, .py-xxxl-0 { padding-bottom: 0 !important; } .pl-xxxl-0, .px-xxxl-0 { padding-left: 0 !important; } .p-xxxl-1 { padding: 0.25rem !important; } .pt-xxxl-1, .py-xxxl-1 { padding-top: 0.25rem !important; } .pr-xxxl-1, .px-xxxl-1 { padding-right: 0.25rem !important; } .pb-xxxl-1, .py-xxxl-1 { padding-bottom: 0.25rem !important; } .pl-xxxl-1, .px-xxxl-1 { padding-left: 0.25rem !important; } .p-xxxl-2 { padding: 0.5rem !important; } .pt-xxxl-2, .py-xxxl-2 { padding-top: 0.5rem !important; } .pr-xxxl-2, .px-xxxl-2 { padding-right: 0.5rem !important; } .pb-xxxl-2, .py-xxxl-2 { padding-bottom: 0.5rem !important; } .pl-xxxl-2, .px-xxxl-2 { padding-left: 0.5rem !important; } .p-xxxl-3 { padding: 1rem !important; } .pt-xxxl-3, .py-xxxl-3 { padding-top: 1rem !important; } .pr-xxxl-3, .px-xxxl-3 { padding-right: 1rem !important; } .pb-xxxl-3, .py-xxxl-3 { padding-bottom: 1rem !important; } .pl-xxxl-3, .px-xxxl-3 { padding-left: 1rem !important; } .p-xxxl-4 { padding: 1.5rem !important; } .pt-xxxl-4, .py-xxxl-4 { padding-top: 1.5rem !important; } .pr-xxxl-4, .px-xxxl-4 { padding-right: 1.5rem !important; } .pb-xxxl-4, .py-xxxl-4 { padding-bottom: 1.5rem !important; } .pl-xxxl-4, .px-xxxl-4 { padding-left: 1.5rem !important; } .p-xxxl-5 { padding: 3rem !important; } .pt-xxxl-5, .py-xxxl-5 { padding-top: 3rem !important; } .pr-xxxl-5, .px-xxxl-5 { padding-right: 3rem !important; } .pb-xxxl-5, .py-xxxl-5 { padding-bottom: 3rem !important; } .pl-xxxl-5, .px-xxxl-5 { padding-left: 3rem !important; } .m-xxxl-n1 { margin: -0.25rem !important; } .mt-xxxl-n1, .my-xxxl-n1 { margin-top: -0.25rem !important; } .mr-xxxl-n1, .mx-xxxl-n1 { margin-right: -0.25rem !important; } .mb-xxxl-n1, .my-xxxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxxl-n1, .mx-xxxl-n1 { margin-left: -0.25rem !important; } .m-xxxl-n2 { margin: -0.5rem !important; } .mt-xxxl-n2, .my-xxxl-n2 { margin-top: -0.5rem !important; } .mr-xxxl-n2, .mx-xxxl-n2 { margin-right: -0.5rem !important; } .mb-xxxl-n2, .my-xxxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxxl-n2, .mx-xxxl-n2 { margin-left: -0.5rem !important; } .m-xxxl-n3 { margin: -1rem !important; } .mt-xxxl-n3, .my-xxxl-n3 { margin-top: -1rem !important; } .mr-xxxl-n3, .mx-xxxl-n3 { margin-right: -1rem !important; } .mb-xxxl-n3, .my-xxxl-n3 { margin-bottom: -1rem !important; } .ml-xxxl-n3, .mx-xxxl-n3 { margin-left: -1rem !important; } .m-xxxl-n4 { margin: -1.5rem !important; } .mt-xxxl-n4, .my-xxxl-n4 { margin-top: -1.5rem !important; } .mr-xxxl-n4, .mx-xxxl-n4 { margin-right: -1.5rem !important; } .mb-xxxl-n4, .my-xxxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxxl-n4, .mx-xxxl-n4 { margin-left: -1.5rem !important; } .m-xxxl-n5 { margin: -3rem !important; } .mt-xxxl-n5, .my-xxxl-n5 { margin-top: -3rem !important; } .mr-xxxl-n5, .mx-xxxl-n5 { margin-right: -3rem !important; } .mb-xxxl-n5, .my-xxxl-n5 { margin-bottom: -3rem !important; } .ml-xxxl-n5, .mx-xxxl-n5 { margin-left: -3rem !important; } .m-xxxl-auto { margin: auto !important; } .mt-xxxl-auto, .my-xxxl-auto { margin-top: auto !important; } .mr-xxxl-auto, .mx-xxxl-auto { margin-right: auto !important; } .mb-xxxl-auto, .my-xxxl-auto { margin-bottom: auto !important; } .ml-xxxl-auto, .mx-xxxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 400px) { .text-is-left { text-align: left !important; } .text-is-right { text-align: right !important; } .text-is-center { text-align: center !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1600px) { .text-xxxl-left { text-align: left !important; } .text-xxxl-right { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #144f54 !important; } a.text-primary:hover, a.text-primary:focus { color: #051516 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } .mat-loading .mat-button-wrapper { visibility: hidden; } .mat-loading .mat-progress-spinner { position: absolute; top: calc(50% - 10px); left: calc(50% - 10px); } .cdk-overlay-pane { z-index: 2000; } .main-container { width: 100%; } .layout-container nb-sidebar .main-container { width: 100%; max-width: 100vw; padding: 0; } @media (min-width: 1024px) { .layout-container nb-sidebar .main-container { width: 30%; min-width: 315px; max-width: 320px; } } .layout-container nb-sidebar .main-container .scrollable { max-height: 69vh; } @media (min-width: 1024px) { .layout-container nb-sidebar .main-container .scrollable { max-height: 80vh; } } .layout-container nb-sidebar .main-container-fixed { position: relative !important; } .my-custom-dialog-class2 mat-dialog-container { width: 70vw; height: 65vw; } @media (min-width: 1024px) { .my-custom-dialog-class2 mat-dialog-container { width: 45vw; height: 65vw; } } .nb-overlay-bottom .context-menu { background-color: #093c40; z-index: 2; } html { box-sizing: border-box; } html body.mat-typography { max-height: 100vh; overflow: hidden !important; } *, *:before, *:after { box-sizing: inherit; } img { max-width: 100%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 0.75em 0 0.5em 0; } .mat-form-field-wrapper { padding-bottom: 5px; } .mat-expansion-panel-body { background-color: white; } .medium-width { min-width: 230px; } @media (min-width: 420px) { .medium-width { min-width: 100%; } } @media (min-width: 1024px) { .medium-width { max-width: 100%; } } .nb-theme-prozesslaw nb-layout .layout { color: #144f54; } input[type=number].numberInput.number { -webkit-appearance: unset !important; -moz-appearance: unset !important; } .angular-editor[_ngcontent-xoi-c396] .angular-editor-wrapper[_ngcontent-xoi-c396] p { color: #000; } .divPrincipal { padding: 0 15px 15px 15px; } @media (min-width: 1024px) { .divPrincipal { padding: 0 30px 30px 30px; } } .nb-theme-prozesslaw .mat-h2, .nb-theme-prozesslaw h2 { font-size: 2rem; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-prozesslaw .mat-h3, .nb-theme-prozesslaw h3 { font-size: 1.875rem; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-prozesslaw .mat-h4, .nb-theme-prozesslaw h4 { font-size: 1.625rem; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-prozesslaw .mat-h5, .nb-theme-prozesslaw h5 { font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 2rem; } .green-snackbar { color: #f1f0f0; --mdc-snackbar-container-color: #1a8e58; border-color: white; } .green-snackbar .mat-simple-snackbar-action { color: #f1f0f0; } .green-snackbar .mat-mdc-button .mdc-button__label { color: #f1f0f0; } .red-snackbar { color: #f1f0f0; --mdc-snackbar-container-color: #BA0000; border-color: #f5c6cb; } .red-snackbar .mat-simple-snackbar-action { color: #f1f0f0; } .red-snackbar .mat-mdc-button .mdc-button__label { color: #f1f0f0; } .warning-snackbar { color: #f1f0f0; --mdc-snackbar-container-color: #A17316; border-color: white; } .warning-snackbar .mat-simple-snackbar-action { color: #f1f0f0; } .warning-snackbar .mat-mdc-button .mdc-button__label { color: #f1f0f0; } mat-tree mat-tree-node { height: 30px !important; } .nb-theme-prozesslaw h1, .nb-theme-prozesslaw .h1, .nb-theme-prozesslaw .mat-h1, .nb-theme-prozesslaw .mat-headline-5, .nb-theme-prozesslaw .mat-typography h1 { font-family: Open Sans, sans-serif; font-weight: 700; line-height: 3rem; } th.mat-header-cell, td.mat-cell { text-align: center; border: 1px solid #CCC; padding: 0 !important; } .table100.ver1 th { font-size: 0.9rem; color: #ffffff; line-height: 1.4; background-color: #144f54; border: 1px solid #D5DDE5; } th[mat-header-cell] { border: 1px solid #D5DDE5; } td[mat-cell] { padding-top: 10px; border: 1px solid #D5DDE5; text-align: center; } tr[mat-row] { border: 1px solid #D5DDE5; } .btn-del.mat-icon { font-size: 24px !important; height: 24px !important; width: 24px !important; color: #BA0000; } .btn-edit.mat-icon { font-size: 24px !important; height: 24px !important; width: 24px !important; color: #144f54; } .mat-mdc-form-field { --mdc-outlined-text-field-container-shape: 8px; --mdc-outlined-text-field-outline-color: #bdbdbd; --mdc-outlined-text-field-hover-outline-color: #888; } .mat-mdc-option .mdc-list-item__primary-text { color: #1f1f1f !important; } .mat-mdc-select-min-line { color: #1f1f1f !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/ngx-toastr/toastr.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************/ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*# sourceMappingURL=styles.b1bf5f5ed118ceac.css.map*/